

html {
    font-family: "Droid Serif", serif, Myanmar3;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;

    font-size: 14px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

body {
    margin: 0;
    font-family: "Droid Serif", serif, Myanmar3;
    font-size: 14px;
    line-height: 1.7;
    color: #44494b;
    background-color: #fff;
    font-weight: 400;
    font-style: normal;
    /*letter-spacing: .5px;*/
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

#sort_footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:50px;
   width:100%;
   background:#fff;
   box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.75);
}

a {
    background: transparent;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

dfn {
    /*font-style: italic;*/
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

code, kbd, pre, samp {
    font-family: monospace, monospace, Myanmar3;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

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 {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width:100%;
}

td, th {
    padding: 0;
}

b, strong, optgroup {
    font-weight: 700;
}

pre, textarea {
    overflow: none;
}

button::-moz-focus-inner, input::-moz-focus-inner, legend {
    border: 0;
    padding: 0;
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !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: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        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, .widget_newsletterwidget .newsletter-submit > .caret, .dropup > .widget_newsletterwidget .newsletter-submit > .caret {
        border-top-color: #000 !important;
    }

    .label {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important;
    }
}


input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #2e2e2e;
    text-decoration: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

figure {
    margin: 0;
}

img {
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    /*height:auto;*/
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 5px;
}

.img-thumbnail {
    line-height: 1.7;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    padding: .28571428571429em;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 1.6428571428571em;
    margin-bottom: 1.6428571428571em;
    border: 0;
    border-top: 1px solid #dedede;
}

.sr-only, .jp-controls a span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    margin: -1px;
    padding: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    margin: 0;
}

iframe {
    width: 100%;
    max-width: 100%;
    border: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Montserrat, sans-serif, Myanmar3;
    font-weight: 700;
    line-height: 1.2;
    color: #44494b;
    font-style: normal;
    -webkit-font-smoothing: auto;
    font-smoothing: auto;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        font-weight: 400;
        line-height: 1;
        color: #777;
    }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
        color: #44494b;
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 1.6428571428571rem;
    margin-bottom: .82142857142857rem;
}

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
        font-size: 65%;
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: .82142857142857em;
    margin-bottom: .82142857142857em;
}

    h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
        font-size: 75%;
    }

h1, .h1 {
    font-size: 2.5714285714286em;
}

h2, .h2 {
    font-size: 2.1428571428571em;
}

h3, .h3 {
    font-size: 1.7142857142857em;
}

h4, .h4 {
    font-size: 1.4285714285714em;
}

h5, .h5 {
    font-size: 1.2857142857143em;
}

h6, .h6 {
    font-size: 14px;
}

h1.white, h2.white, h3.white, h4.white, h5.white {
    color: #FFF;
}

h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow {
    text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}

p {
    margin: 0 0 .82142857142857em;
}

.lead {
    margin-bottom: 1.6428571428571em;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a:hover, a:focus, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {
    color: #e6b706;
    text-decoration: none;
}



@media (min-width: 768px) {
    .lead {
        font-size: 21px;
    }
}

cite {
    font-style: normal;
}

mark, .mark {
    background-color: #fcf8e3;
    padding: .2em;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary {
    color: #e6b706;
}

a.text-primary:hover {
    color: #b48f05;
}

.text-success {
    color: #3c763d;
}

a.text-success:hover {
    color: #2b542c;
}

.text-info {
    color: #31708f;
}

a.text-info:hover {
    color: #245269;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover {
    color: #843534;
}

.bg-primary {
    color: #fff;
    background-color: #e6b706;
}

a.bg-primary:hover {
    background-color: #b48f05;
}

.bg-success {
    background-color: #dff0d8;
}

a.bg-success:hover {
    background-color: #c1e2b3;
}

.bg-info {
    background-color: #d9edf7;
}

a.bg-info:hover {
    background-color: #afd9ee;
}

.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover {
    background-color: #e4b9b9;
}

.bg-primary-overlay {
    background: rgba(230,183,6,0.95);
}

.bg-gray-overlay {
    background: rgba(68,73,75,0.95);
}

.page-header {
    padding-bottom: -.17857142857143em;
    border-bottom: 1px solid #dedede;
    margin: 3.2857142857143em 0 1.6428571428571em;
}

ul, ol {
    margin-top: 0;
    margin-bottom: .82142857142857em;
    padding-left: 2.1428571428571em;
}

    ul ul, ol ul, ul ol, ol ol {
        margin-bottom: 0;
    }

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

dl {
    margin-top: 0;
    margin-bottom: 1.6428571428571em;
}

dt, dd {
    line-height: 1.7;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #777;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

blockquote {
    font-size: 17.5px;
    border-left: 5px solid #dedede;
    margin: 0 0 1.6428571428571em;
    padding: .82142857142857em 1.6428571428571em;
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0;
    }

    blockquote footer, blockquote small, blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.7;
        color: #777;
    }

        blockquote footer:before, blockquote small:before, blockquote .small:before {
            content: '\2014 \00A0';
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #dedede;
        border-left: 0;
        text-align: right;
    }

        .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
            content: '';
        }

        .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
            content: '\00A0 \2014';
        }

    blockquote:before, blockquote:after {
        content: "";
    }

address {
    margin-bottom: 1.6428571428571em;
    font-style: normal;
    line-height: 1.7;
}

.fa-3 {
    font-size: 35px;
}

    .fa-3:hover {
        cursor: pointer;
    }

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.0714285714286em;
    padding-right: 1.0714285714286em;
}

@media (min-width: 768px) {
    .container {
        width: 722.1428571428571px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 942.1428571428571px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1172.142857142857px;
    }
}

.container-fluid, .container-boxed {
    margin-right: auto;
    margin-left: auto;
    padding-left: 1.0714285714286em;
    padding-right: 1.0714285714286em;
}

@media (min-width: 768px) {
    .container-boxed {
        width: 96.2%;
    }
}

@media (min-width: 992px) {
    .container-boxed {
        width: 97%;
    }
}

@media (min-width: 1200px) {
    .container-boxed {
        width: 97%;
    }
}

.container-boxed.max {
    max-width: 1200px;
}

.container-boxed.offset {
    padding-top: 30px;
    padding-bottom: 50px;
    margin: 0 auto;
}

.container-boxed.bottom-offset {
   
    padding-bottom: 100px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .container-boxed {
        width: 100%;
    }

        .container-boxed.max {
            max-width: 100%;
        }

        .container-boxed.offset {
            padding-top: 0;
            padding-bottom: 0;
            margin: 40px auto;
        }
}

.container-fullwidth {
    overflow: hidden;
    width: 100%;
}

@media (min-width: 800px) and (max-width: 991px) {
    .container-boxed {
        width: 97%;
    }

    .noo-main {
        float: left;
        width: 66.666666666667%;
    }

    .col-md-12.noo-main {
        width: inherit;
        float: none;
    }

    .noo-sidebar {
        float: left;
        width: 33.333333333333%;
    }
}

.noo-sidebar-wrap {
    background: #fff;
    padding: 0;
}

@media (max-width: 991px) {
    .noo-sidebar-wrap {
        margin-top: 2.142857142857143em;
    }
}

.row, .noo-pricing-table {
    margin-left: -1.0714285714286em;
    margin-right: -1.0714285714286em;
}

.noo-vc-row {
    position: relative;
}

    .noo-vc-row.bg-image {
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }

        .noo-vc-row.bg-image .noo-vc-col {
            position: relative;
            z-index: 1;
        }

    .noo-vc-row.bg-video {
        position: relative;
        overflow: hidden;
    }

        .noo-vc-row.bg-video #big-video-wrap {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden;
        }

            .noo-vc-row.bg-video #big-video-wrap .vjs-tech {
                left: 0;
                margin: 0;
            }

    .noo-vc-row.border-top {
        border-top: 1px solid #ccc;
    }

    .noo-vc-row.border-left {
        border-left: 1px solid #ccc;
    }

    .noo-vc-row.border-right {
        border-right: 1px solid #ccc;
    }

    .noo-vc-row.border-bottom {
        border-bottom: 1px solid #ccc;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 1.0714285714286em;
    padding-right: 1.0714285714286em;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.666666666667%;
}

.col-xs-10 {
    width: 83.333333333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.666666666667%;
}

.col-xs-7 {
    width: 58.333333333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.666666666667%;
}

.col-xs-4 {
    width: 33.333333333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.666666666667%;
}

.col-xs-1 {
    width: 8.3333333333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.666666666667%;
}

.col-xs-pull-10 {
    right: 83.333333333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.666666666667%;
}

.col-xs-pull-7 {
    right: 58.333333333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.666666666667%;
}

.col-xs-pull-4 {
    right: 33.333333333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.666666666667%;
}

.col-xs-pull-1 {
    right: 8.3333333333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.666666666667%;
}

.col-xs-push-10 {
    left: 83.333333333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.666666666667%;
}

.col-xs-push-7 {
    left: 58.333333333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.666666666667%;
}

.col-xs-push-4 {
    left: 33.333333333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.666666666667%;
}

.col-xs-push-1 {
    left: 8.3333333333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.666666666667%;
}

.col-xs-offset-10 {
    margin-left: 83.333333333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.666666666667%;
}

.col-xs-offset-7 {
    margin-left: 58.333333333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.666666666667%;
}

.col-xs-offset-4 {
    margin-left: 33.333333333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.666666666667%;
}

.col-xs-offset-1 {
    margin-left: 8.3333333333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.noo-vc-row.image-repeat, .noo-vc-row.bg-pattern {
    background-repeat: repeat;
}

@media (min-width: 768px) {
    .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.666666666667%;
    }

    .col-sm-10 {
        width: 83.333333333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.666666666667%;
    }

    .col-sm-7 {
        width: 58.333333333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.666666666667%;
    }

    .col-sm-4 {
        width: 33.333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666667%;
    }

    .col-sm-1 {
        width: 8.3333333333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.666666666667%;
    }

    .col-sm-pull-10 {
        right: 83.333333333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.666666666667%;
    }

    .col-sm-pull-7 {
        right: 58.333333333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.666666666667%;
    }

    .col-sm-pull-4 {
        right: 33.333333333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.666666666667%;
    }

    .col-sm-pull-1 {
        right: 8.3333333333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.666666666667%;
    }

    .col-sm-push-10 {
        left: 83.333333333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.666666666667%;
    }

    .col-sm-push-7 {
        left: 58.333333333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.666666666667%;
    }

    .col-sm-push-4 {
        left: 33.333333333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.666666666667%;
    }

    .col-sm-push-1 {
        left: 8.3333333333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.666666666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.333333333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.666666666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.666666666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.333333333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .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-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.666666666667%;
    }

    .col-md-10 {
        width: 83.333333333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.666666666667%;
    }

    .col-md-7 {
        width: 58.333333333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.666666666667%;
    }

    .col-md-4 {
        width: 33.333333333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.666666666667%;
    }

    .col-md-1 {
        width: 8.3333333333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.666666666667%;
    }

    .col-md-pull-10 {
        right: 83.333333333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.666666666667%;
    }

    .col-md-pull-7 {
        right: 58.333333333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.666666666667%;
    }

    .col-md-pull-4 {
        right: 33.333333333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.666666666667%;
    }

    .col-md-pull-1 {
        right: 8.3333333333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.666666666667%;
    }

    .col-md-push-10 {
        left: 83.333333333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.666666666667%;
    }

    .col-md-push-7 {
        left: 58.333333333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.666666666667%;
    }

    .col-md-push-4 {
        left: 33.333333333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.666666666667%;
    }

    .col-md-push-1 {
        left: 8.3333333333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.666666666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.333333333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.666666666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.666666666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.333333333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.666666666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.666666666667%;
    }

    .col-lg-10 {
        width: 83.333333333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.666666666667%;
    }

    .col-lg-7 {
        width: 58.333333333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.666666666667%;
    }

    .col-lg-4 {
        width: 33.333333333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.666666666667%;
    }

    .col-lg-1 {
        width: 8.3333333333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.666666666667%;
    }

    .col-lg-pull-10 {
        right: 83.333333333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.666666666667%;
    }

    .col-lg-pull-7 {
        right: 58.333333333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.666666666667%;
    }

    .col-lg-pull-4 {
        right: 33.333333333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.666666666667%;
    }

    .col-lg-pull-1 {
        right: 8.3333333333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.666666666667%;
    }

    .col-lg-push-10 {
        left: 83.333333333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.666666666667%;
    }

    .col-lg-push-7 {
        left: 58.333333333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.666666666667%;
    }

    .col-lg-push-4 {
        left: 33.333333333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.666666666667%;
    }

    .col-lg-push-1 {
        left: 8.3333333333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.666666666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.333333333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.666666666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.666666666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.333333333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .container-boxed:before, .container-boxed:after, .container-fullwidth:before, .container-fullwidth:after, .row:before, .row:after, .panel-body:before, .panel-body:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .sf-menu:before, .sf-menu:after, .noo-menu:before, .noo-menu:after, .modal-footer:before, .modal-footer:after, .nav:before, .nav:after, .content:before, .content:after, .content-excerpt:before, .content-excerpt:after, .content-footer .author-bio:before, .content-footer .author-bio:after, .single-noo-portfolio .attribute-list:before, .single-noo-portfolio .attribute-list:after, .widget_tag_cloud .tagcloud:before, .widget_tag_cloud .tagcloud:after, .widget_product_tag_cloud .tagcloud:before, .widget_product_tag_cloud .tagcloud:after, .comments-area > .comment-respond .comment-form-fields:before, .comments-area > .comment-respond .comment-form-fields:after, .masonry-header:before, .masonry-header:after, .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social:before, .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social:after, .noo-member .member-info .team-meta:before, .noo-member .member-info .team-meta:after, .noo-pricing-table:before, .noo-pricing-table:after {
    content: " ";
    display: table;
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .container-boxed:after, .container-fullwidth:after, .row:after, .panel-body:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .sf-menu:after, .noo-menu:after, .modal-footer:after, .nav:after, .content:after, .content-excerpt:after, .content-footer .author-bio:after, .single-noo-portfolio .attribute-list:after, .widget_tag_cloud .tagcloud:after, .widget_product_tag_cloud .tagcloud:after, .comments-area > .comment-respond .comment-form-fields:after, .masonry-header:after, .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social:after, .noo-member .member-info .team-meta:after, .noo-pricing-table:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.text-bold {
    font-weight: 700 !important;
}

.text-uppercase {
    text-transform: uppercase !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;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

button.close {
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    padding: 0;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
}

@-ms-viewport {
    width: device-width;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    table.visible-xs {
        display: table;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important;
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    table.visible-sm {
        display: table;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    table.visible-md {
        display: table;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    table.visible-lg {
        display: table;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important;
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    table.visible-print {
        display: table;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }
}

.visible-print-block {
    display: none !important;
}

@media print {
    .visible-print-block {
        display: block !important;
    }
}

.visible-print-inline {
    display: none !important;
}

@media print {
    .visible-print-inline {
        display: inline !important;
    }
}

.visible-print-inline-block {
    display: none !important;
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important;
    }
}

@media print {
    .hidden-print {
        display: none !important;
    }
}
/**
 * 3.0 - Structure
 *  3.1 - panels
 */
.panel {
    margin-bottom: 1.6428571428571428em;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 4px;
    /*-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.125rem;
    color: inherit;
}

    .panel-title > a {
        color: inherit;
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .list-group {
    margin-bottom: 0;
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .panel > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

    .panel > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
    margin-bottom: 0;
}

    .panel > .table:first-child,
    .panel > .table-responsive:first-child > .table:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
    }

        .panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
            border-top-left-radius: 3px;
        }

        .panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
        .panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
        .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
        .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
            border-top-right-radius: 3px;
        }

    .panel > .table:last-child,
    .panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
            border-bottom-left-radius: 3px;
        }

        .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
        .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
        .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
        .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
            border-bottom-right-radius: 3px;
        }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
    border-top: 1px solid #cccccc;
}

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
}

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
    border: 0;
}

    .panel > .table-bordered > thead > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .panel > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .panel > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .panel > .table-bordered > thead > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .panel > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .panel > .table-bordered > tfoot > tr > td:first-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .panel > .table-bordered > thead > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .panel > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .panel > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .panel > .table-bordered > thead > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .panel > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .panel > .table-bordered > tfoot > tr > td:last-child,
    .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .panel > .table-bordered > thead > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .panel > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .panel > .table-bordered > thead > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .panel > .table-bordered > tbody > tr:first-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .panel > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .panel > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .panel > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .panel > .table-bordered > tfoot > tr:last-child > th,
    .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0;
}

.panel-group {
    margin-bottom: 1.6428571428571428em;
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .panel-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-group .panel-heading {
        border-bottom: 0;
    }

        .panel-group .panel-heading + .panel-collapse > .panel-body {
            border-top: 1px solid #dddddd;
        }

    .panel-group .panel-footer {
        border-top: 0;
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #dddddd;
        }

.panel-default {
    border-color: #dddddd;
}

    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
    }

        .panel-default > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #dddddd;
        }

        .panel-default > .panel-heading .badge {
            color: #f5f5f5;
            background-color: #333333;
        }

    .panel-default > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #dddddd;
    }

.panel-primary {
    border-color: #e6b706;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #e6b706;
        border-color: #e6b706;
    }

        .panel-primary > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #e6b706;
        }

        .panel-primary > .panel-heading .badge {
            color: #e6b706;
            background-color: #ffffff;
        }

    .panel-primary > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #e6b706;
    }

.panel-success {
    border-color: #d6e9c6;
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .panel-success > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-success > .panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .panel-success > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d6e9c6;
    }

.panel-info {
    border-color: #bce8f1;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .panel-info > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #bce8f1;
        }

        .panel-info > .panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .panel-info > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #bce8f1;
    }

.panel-warning {
    border-color: #faebcc;
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .panel-warning > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #faebcc;
        }

        .panel-warning > .panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .panel-warning > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #faebcc;
    }

.panel-danger {
    border-color: #ebccd1;
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .panel-danger > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #ebccd1;
        }

        .panel-danger > .panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .panel-danger > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #ebccd1;
    }
/**
 * 3.0 - Structure
 *  3.2 - 
 */
.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, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    overflow:auto;
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0, 0, 0, 0.15);
    }

.well-lg {
    padding: 24px;
    border-radius: 5px;
}

.well-sm {
    padding: 9px;
    border-radius: 3px;
}
/**
 * 4.0 - Basic Element
 *  4.1 - tables
 */
table {
    background-color: transparent;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.6428571428571428em;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 0.5714285714285714em;
        line-height: 1.7;
        vertical-align: top;
        border-top: 1px solid #cccccc;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #cccccc;
    }

    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #cccccc;
    }

    .table .table {
        background-color: #ffffff;
    }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 0.35714285714285715em;
}

.table-bordered {
    border: 1px solid #cccccc;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #cccccc;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped {
    border: 1px solid #cccccc;
}

    .table-striped > thead {
        background-color: #2e2e2e;
    }

        .table-striped > thead tr > th {
            border: 1px solid #2e2e2e !important;
            font-size: 18px;
            font-weight: 400;
            line-height: 30px;
            text-align: center;
            color: #fff;
        }

            .table-striped > thead tr > th:hover {
                background-color: #3d3d3d;
            }

        .table-striped > thead > tr > th,
        .table-striped > tbody > tr > th,
        .table-striped > tfoot > tr > th,
        .table-striped > thead > tr > td,
        .table-striped > tbody > tr > td,
        .table-striped > tfoot > tr > td {
            text-align: center;
            border: 1px solid #cccccc;
        }

        .table-striped > thead > tr > th,
        .table-striped > thead > tr > td {
            border-bottom-width: 1px;
        }

    .table-striped > tbody > tr:nth-child(odd) > td,
    .table-striped > tbody > tr:nth-child(odd) > th {
        background-color: #f5f5f5;
    }

    .table-striped > tbody > tr:nth-child(even) > td,
    .table-striped > tbody > tr:nth-child(even) > th {
        background-color: #fff;
    }

.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-"] {
    position: static;
    float: none;
    display: table-cell;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 1.2321428571428572em;
        overflow-y: hidden;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #cccccc;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}
/**
 * 4.0 - Basic Element
 *  4.2 - forms
 */
fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 1.6428571428571428em;
    font-size: 21px;
    line-height: inherit;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
}

.control-label {  
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 30px;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 0.45em 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

select option {
    padding: 5px;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: none;
}

output {
    display: block;
    padding-top: 1.4285714285714286em;
    font-size: 14px;
    line-height: 1.7;
    color: #555555;
}

.form-control,
.widget_newsletterwidget .newsletter-email,
.wpcf7-form-control:not(.wpcf7-submit),
.form-group .chosen-container-single,
.form-group .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0.42857142857142855em 1.2857142857142856em;
    font-size: 14px;
    line-height: 1.7;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    /*letter-spacing: 0.5px;*/
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-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,
    .widget_newsletterwidget .newsletter-email:focus,
    .wpcf7-form-control:not(.wpcf7-submit):focus,
    .form-group .chosen-container-single:focus,
    .form-group .chosen-container-multi .chosen-choices:focus {
        border-color: #484848;
        outline: 0;
    }

    .form-control::-moz-placeholder,
    .widget_newsletterwidget .newsletter-email::-moz-placeholder,
    .wpcf7-form-control:not(.wpcf7-submit)::-moz-placeholder,
    .form-group .chosen-container-single::-moz-placeholder,
    .form-group .chosen-container-multi .chosen-choices::-moz-placeholder {
        color: #c3c3c3;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder,
    .widget_newsletterwidget .newsletter-email:-ms-input-placeholder,
    .wpcf7-form-control:not(.wpcf7-submit):-ms-input-placeholder,
    .form-group .chosen-container-single:-ms-input-placeholder,
    .form-group .chosen-container-multi .chosen-choices:-ms-input-placeholder {
        color: #c3c3c3;
    }

    .form-control::-webkit-input-placeholder,
    .widget_newsletterwidget .newsletter-email::-webkit-input-placeholder,
    .wpcf7-form-control:not(.wpcf7-submit)::-webkit-input-placeholder,
    .form-group .chosen-container-single::-webkit-input-placeholder,
    .form-group .chosen-container-multi .chosen-choices::-webkit-input-placeholder {
        color: #c3c3c3;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control,
    .widget_newsletterwidget .newsletter-email[disabled],
    .widget_newsletterwidget .newsletter-email[readonly],
    fieldset[disabled] .widget_newsletterwidget .newsletter-email,
    .wpcf7-form-control:not(.wpcf7-submit)[disabled],
    .wpcf7-form-control:not(.wpcf7-submit)[readonly],
    fieldset[disabled] .wpcf7-form-control:not(.wpcf7-submit),
    .form-group .chosen-container-single[disabled],
    .form-group .chosen-container-single[readonly],
    fieldset[disabled] .form-group .chosen-container-single,
    .form-group .chosen-container-multi .chosen-choices[disabled],
    .form-group .chosen-container-multi .chosen-choices[readonly],
    fieldset[disabled] .form-group .chosen-container-multi .chosen-choices {
        cursor: not-allowed;
        background-color: #dedede;
        opacity: 1;
    }

textarea.form-control,
textarea.widget_newsletterwidget .newsletter-email,
textarea.wpcf7-form-control:not(.wpcf7-submit),
textarea.form-group .chosen-container-single,
textarea.form-group .chosen-container-multi .chosen-choices {
    height: auto;
}

.text-placeholder {
    color: #c3c3c3 !important;
}

input[type="search"] {
    -webkit-appearance: none;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
    line-height: 50px;
    line-height: 1.7 \0;
}

    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm {
        line-height: 30px;
    }

    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg {
        line-height: 60px;
    }

.form-group {
    margin-bottom: 2.142857142857143em;
    position: relative;
}

@media (max-width: 767px) {
    .form-group {
        margin-bottom: 0.5357142857142857em;
    }
}

.radio,
.checkbox {
    position: relative;
    display: block;
    min-height: 1.6428571428571428em;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .radio label,
    .checkbox label {
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px \9;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -5px;
    }

.radio-inline,
.checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px;
    }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.input-sm,
.form-horizontal .form-group-sm .form-control,
.form-horizontal .form-group-sm .widget_newsletterwidget .newsletter-email,
.form-horizontal .form-group-sm .wpcf7-form-control:not(.wpcf7-submit),
.form-horizontal .form-group-sm .form-group .chosen-container-single,
.form-horizontal .form-group-sm .form-group .chosen-container-multi .chosen-choices {
    height: 30px;
    padding: 0.35714285714285715em 0.7142857142857143em;
    font-size: 0.8571428571428571em;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 30px;
    line-height: 30px;
}

textarea.input-sm,
select[multiple].input-sm {
    height: auto;
}

.input-lg,
.form-horizontal .form-group-lg .form-control,
.form-horizontal .form-group-lg .widget_newsletterwidget .newsletter-email,
.form-horizontal .form-group-lg .wpcf7-form-control:not(.wpcf7-submit),
.form-horizontal .form-group-lg .form-group .chosen-container-single,
.form-horizontal .form-group-lg .form-group .chosen-container-multi .chosen-choices {
    height: 60px;
    padding: 0.7142857142857143em 1.1428571428571428em;
    font-size: 1.2857142857142858em;
    line-height: 1.33;
    border-radius: 5px;
}

select.input-lg {
    height: 60px;
    line-height: 60px;
}

textarea.input-lg,
select[multiple].input-lg {
    height: auto;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control,
    .has-feedback .widget_newsletterwidget .newsletter-email,
    .has-feedback .wpcf7-form-control:not(.wpcf7-submit),
    .has-feedback .form-group .chosen-container-single,
    .has-feedback .form-group .chosen-container-multi .chosen-choices {
        padding-right: 62.5px;
    }

.form-control-feedback {
    position: absolute;
    top: 6.642857142857142em;
    right: 0;
    z-index: 2;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

.input-lg + .form-control-feedback {
    width: 60px;
    height: 60px;
    line-height: 60px;
}

.input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
    color: #3c763d;
}

.has-success .form-control,
.has-success .widget_newsletterwidget .newsletter-email,
.has-success .wpcf7-form-control:not(.wpcf7-submit),
.has-success .form-group .chosen-container-single,
.has-success .form-group .chosen-container-multi .chosen-choices {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-success .form-control:focus,
    .has-success .widget_newsletterwidget .newsletter-email:focus,
    .has-success .wpcf7-form-control:not(.wpcf7-submit):focus,
    .has-success .form-group .chosen-container-single:focus,
    .has-success .form-group .chosen-container-multi .chosen-choices:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-success .form-control-feedback {
    color: #3c763d;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
    color: #8a6d3b;
}

.has-warning .form-control,
.has-warning .widget_newsletterwidget .newsletter-email,
.has-warning .wpcf7-form-control:not(.wpcf7-submit),
.has-warning .form-group .chosen-container-single,
.has-warning .form-group .chosen-container-multi .chosen-choices {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-warning .form-control:focus,
    .has-warning .widget_newsletterwidget .newsletter-email:focus,
    .has-warning .wpcf7-form-control:not(.wpcf7-submit):focus,
    .has-warning .form-group .chosen-container-single:focus,
    .has-warning .form-group .chosen-container-multi .chosen-choices:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-warning .form-control-feedback {
    color: #8a6d3b;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
    color: #a94442;
}

.has-error .form-control,
.has-error .widget_newsletterwidget .newsletter-email,
.has-error .wpcf7-form-control:not(.wpcf7-submit),
.has-error .form-group .chosen-container-single,
.has-error .form-group .chosen-container-multi .chosen-choices {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

    .has-error .form-control:focus,
    .has-error .widget_newsletterwidget .newsletter-email:focus,
    .has-error .wpcf7-form-control:not(.wpcf7-submit):focus,
    .has-error .form-group .chosen-container-single:focus,
    .has-error .form-group .chosen-container-multi .chosen-choices:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.has-feedback label.sr-only ~ .form-control-feedback,
.has-feedback label.jp-controls a span ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #818a8d;
    font-size: 0.8571428571428571em;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .form-control,
        .form-inline .widget_newsletterwidget .newsletter-email,
        .form-inline .wpcf7-form-control:not(.wpcf7-submit),
        .form-inline .form-group .chosen-container-single,
        .form-inline .form-group .chosen-container-multi .chosen-choices {
            display: inline-block;
            width: auto;
            vertical-align: middle;
        }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control,
        .form-inline .input-group .widget_newsletterwidget .newsletter-email,
        .form-inline .input-group .wpcf7-form-control:not(.wpcf7-submit),
        .form-inline .input-group .form-group .chosen-container-single,
        .form-inline .input-group .form-group .chosen-container-multi .chosen-choices {
            width: auto;
        }

        .form-inline .input-group > .form-control,
        .form-inline .input-group > .widget_newsletterwidget .newsletter-email,
        .form-inline .input-group > .wpcf7-form-control:not(.wpcf7-submit),
        .form-inline .input-group > .form-group .chosen-container-single,
        .form-inline .input-group > .form-group .chosen-container-multi .chosen-choices {
            width: 100%;
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .radio label,
        .form-inline .checkbox label {
            padding-left: 0;
        }

        .form-inline .radio input[type="radio"],
        .form-inline .checkbox input[type="checkbox"] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0.42857142857142855em;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 2.071428571428571em;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.form-horizontal .form-group:after {
    clear: both;
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table;
}

.form-horizontal .form-group:after {
    clear: both;
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 1.0714285714285714em;
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 0.9500000000000001em;
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 0.35714285714285715em;
    }
}

.form-control-flat {
    position: relative;
    text-align: left;
}

    .form-control-flat > label {
        position: relative;
        display: block;
        margin: 0;
    }

    .form-control-flat .form-control-file-button {
        float: none;
        font-weight: 300;
        line-height: 50px;
        margin: 0;
        padding: 0 20px;
        position: absolute;
        right: 9px;
        top: 1px;
        bottom: 1px;
        z-index: 10;
        background: #fff;
    }

    .form-control-flat .form-control-file {
        width: 50%;
        min-width: 300px;
    }

        .form-control-flat .form-control-file input[type="file"],
        .form-control-flat input[type="file"] {
            -moz-appearance: none;
            background: none repeat scroll 0 0 #fff;
            bottom: 0;
            box-shadow: none;
            cursor: pointer;
            height: 50px;
            left: 0;
            opacity: 0;
            outline: medium none;
            padding: 0;
            position: absolute;
            width: 100%;
            z-index: -1;
        }

        .form-control-flat .form-control-file input[readonly],
        .form-control-flat input[readonly] {
            cursor: pointer !important;
            background: rgba(0, 0, 0, 0) !important;
        }

    .form-control-flat textarea,
    .form-control-flat select,
    .form-control-flat input {
        width: 100%;
        height: 50px;
        padding: 0.42857142857142855em 1.2857142857142856em;
        font-size: 14px;
        line-height: 1.7;
        color: #555555;
        background-color: #ffffff;
        background-image: none;
        border: 1px solid #cccccc;
        border-radius: 4px;
        /*letter-spacing: 0.5px;*/
        -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        -o-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;
        appearance: none;
        -moz-appearance: none;
        /* Firefox */
        -webkit-appearance: none;
        /* Safari and Chrome */
        background: none repeat scroll 0 0 #fff;
        border-style: solid;
        border-width: 1px;
        border-color: #cccccc;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        display: block;
        outline: none;
        padding-right: 30px;
    }

        .form-control-flat textarea:focus,
        .form-control-flat select:focus,
        .form-control-flat input:focus {
            border-color: #484848;
            outline: 0;
        }

        .form-control-flat textarea::-moz-placeholder,
        .form-control-flat select::-moz-placeholder,
        .form-control-flat input::-moz-placeholder {
            color: #c3c3c3;
            opacity: 1;
        }

        .form-control-flat textarea:-ms-input-placeholder,
        .form-control-flat select:-ms-input-placeholder,
        .form-control-flat input:-ms-input-placeholder {
            color: #c3c3c3;
        }

        .form-control-flat textarea::-webkit-input-placeholder,
        .form-control-flat select::-webkit-input-placeholder,
        .form-control-flat input::-webkit-input-placeholder {
            color: #c3c3c3;
        }

        .form-control-flat textarea[disabled],
        .form-control-flat select[disabled],
        .form-control-flat input[disabled],
        .form-control-flat textarea[readonly],
        .form-control-flat select[readonly],
        .form-control-flat input[readonly],
        fieldset[disabled] .form-control-flat textarea,
        fieldset[disabled] .form-control-flat select,
        fieldset[disabled] .form-control-flat input {
            cursor: not-allowed;
            background-color: #dedede;
            opacity: 1;
        }

textarea.form-control-flat textarea,
textarea.form-control-flat select,
textarea.form-control-flat input {
    height: auto;
}

.form-control-flat textarea:focus,
.form-control-flat select:focus,
.form-control-flat input:focus {
    border-color: #484848;
    outline: 0;
}

.form-control-flat textarea::-moz-placeholder,
.form-control-flat select::-moz-placeholder,
.form-control-flat input::-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
}

.form-control-flat textarea:-ms-input-placeholder,
.form-control-flat select:-ms-input-placeholder,
.form-control-flat input:-ms-input-placeholder {
    color: #c3c3c3;
}

.form-control-flat textarea::-webkit-input-placeholder,
.form-control-flat select::-webkit-input-placeholder,
.form-control-flat input::-webkit-input-placeholder {
    color: #c3c3c3;
}

.form-control-flat textarea[disabled],
.form-control-flat select[disabled],
.form-control-flat input[disabled],
.form-control-flat textarea[readonly],
.form-control-flat select[readonly],
.form-control-flat input[readonly],
fieldset[disabled] .form-control-flat textarea,
fieldset[disabled] .form-control-flat select,
fieldset[disabled] .form-control-flat input {
    cursor: not-allowed;
    background-color: #dedede;
    opacity: 1;
}

textarea.form-control-flat textarea,
textarea.form-control-flat select,
textarea.form-control-flat input {
    height: auto;
}

.form-control-flat select + i {
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translate(0px, -50%);
}

.form-control-flat select[multiple] {
    height: auto;
    display: none;
}

.form-control-flat > .radio,
.form-control-flat > .checkbox {
    margin: 0;
    cursor: pointer;
    display: block;
    position: relative;
    padding: 0 0 0 30px;
}

    .form-control-flat > .radio input,
    .form-control-flat > .checkbox input {
        left: -9999px;
        position: absolute;
    }

    .form-control-flat > .radio i,
    .form-control-flat > .checkbox i {
        background: none repeat scroll 0 0 #fff;
        border-style: solid;
        border-width: 1px;
        display: block;
        height: 22px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        left: 0;
        outline: medium none;
        position: absolute;
        top: 0px;
        border-color: #cccccc;
        width: 22px;
        color: #e6b706;
    }

        .form-control-flat > .radio i:after,
        .form-control-flat > .checkbox i:after {
            opacity: 0;
            filter: alpha(opacity=0);
            -webkit-transition: opacity 0.1s ease 0s;
            -o-transition: opacity 0.1s ease 0s;
            transition: opacity 0.1s ease 0s;
        }

    .form-control-flat > .radio input:checked + i:after,
    .form-control-flat > .checkbox input:checked + i:after {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.form-control-flat .radio {
    min-height: 2.071428571428571em;
}

    .form-control-flat .radio i {
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

        .form-control-flat .radio i:after {
            -webkit-border-radius: 50%;
            border-radius: 50%;
            content: "";
            height: 8px;
            left: 6px;
            top: 6px;
            width: 8px;
            position: absolute;
            background: #e6b706;
        }

.form-control-flat .checkbox {
    min-height: 2.071428571428571em;
}

    .form-control-flat .checkbox i:after {
        content: "\f00c";
        position: relative;
        display: inline-block;
        font-family: "fontawesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        padding-left: 5px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .form-control-flat .checkbox i:after {
        height: 22px;
        left: -3px;
        text-align: center;
        top: -2px;
        width: 22px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.form-group .dropdown > span {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    display: block;
    cursor: pointer;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

    .form-group .dropdown > span:before {
        content: "\f107";
        position: relative;
        display: inline-block;
        font-family: "fontawesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        padding-right: 5px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .form-group .dropdown > span:before {
        border-left: 1px solid #cccccc;
        display: block;
        height: 50px;
        line-height: 50px;
        position: absolute;
        right: 0;
        text-align: center;
        width: 50px;
    }

.form-group .dropdown .dropdown-menu {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 0;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.175);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.175);
    background: #fff;
}

    .form-group .dropdown .dropdown-menu > li {
        border-bottom: 1px solid #cccccc;
        padding: 0;
        margin: 0;
    }

        .form-group .dropdown .dropdown-menu > li:last-child {
            border: none;
        }

        .form-group .dropdown .dropdown-menu > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
            font-weight: inherit;
        }

            .form-group .dropdown .dropdown-menu > li > a:focus,
            .form-group .dropdown .dropdown-menu > li > a:hover {
                background-color: #e6b706;
                color: #ffffff;
            }
/**
 * 4.0 - Basic Element
 *  4.3 - buttons
 */
@media print {
    a[href]:after {
        content: none !important;
    }
}

.btn,
.content-footer .content-tags a,
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a,
.widget_newsletterwidget .newsletter-submit {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif, Myanmar3;
    padding: 0.7142857142857143em 2.2857142857142856em;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: border-color color 0.2s ease;
    -o-transition: border-color color 0.2s ease;
    transition: border-color color 0.2s ease;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .widget_newsletterwidget .newsletter-submit:focus,
    .widget_newsletterwidget .newsletter-submit:active:focus,
    .widget_newsletterwidget .newsletter-submit.active:focus {
        outline: none;
    }

    .btn:hover,
    .btn:focus,
    .widget_newsletterwidget .newsletter-submit:hover,
    .widget_newsletterwidget .newsletter-submit:focus {
        color: #44494b;
        text-decoration: none;
    }

    .btn:active,
    .btn.active,
    .widget_newsletterwidget .newsletter-submit:active,
    .widget_newsletterwidget .newsletter-submit.active {
        outline: 0;
        background-image: none;
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn,
    .widget_newsletterwidget .newsletter-submit.disabled,
    .widget_newsletterwidget .newsletter-submit[disabled],
    fieldset[disabled] .widget_newsletterwidget .newsletter-submit {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.square,
    .widget_newsletterwidget .newsletter-submit.square {
        border-radius: 0;
    }

    .btn.pill,
    .widget_newsletterwidget .newsletter-submit.pill {
        border-radius: 100em;
    }

    .btn.rounded,
    .widget_newsletterwidget .newsletter-submit.rounded {
        border-radius: 0.225em;
    }

    .btn.btn-white,
    .widget_newsletterwidget .newsletter-submit.btn-white {
        background-color: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        -webkit-transition: all 0.2 ease;
        -o-transition: all 0.2 ease;
        transition: all 0.2 ease;
    }

        .btn.btn-white:hover,
        .widget_newsletterwidget .newsletter-submit.btn-white:hover {
            background-color: rgba(255, 255, 255, 0.6);
            border-color: rgba(255, 255, 255, 0.6);
            opacity: 1;
            color: #57666e;
        }

            .btn.btn-white:hover > i,
            .widget_newsletterwidget .newsletter-submit.btn-white:hover > i {
                color: #57666e !important;
            }

    .btn.btn-black,
    .widget_newsletterwidget .newsletter-submit.btn-black {
        background: none repeat scroll 0 0 #333333;
        color: white;
        box-shadow:0 1px 1px rgba(0,0,0,0.3) !important
    }

        .btn.btn-black:hover,
        .widget_newsletterwidget .newsletter-submit.btn-black:hover {
            background-color: #2b2b2b;
        }

    .btn i,
    .widget_newsletterwidget .newsletter-submit i {
        padding-right: 10px;
    }

    .btn.icon-right i,
    .widget_newsletterwidget .newsletter-submit.icon-right i {
        padding-left: 10px;
        padding-right: 0px;
    }

.pressable,
.widget_newsletterwidget .newsletter-submit {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0 -2px rgba(0, 0, 0, 0.12);
    border-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: box-shadow .1s ease-in-out,background-color .2s ease-in-out, transform .1s ease-in-out;
    -o-transition: box-shadow .1s ease-in-out,background-color .2s ease-in-out, transform .1s ease-in-out;
    transition: box-shadow .1s ease-in-out,background-color .2s ease-in-out, transform .1s ease-in-out;
}

    .pressable:active,
    .widget_newsletterwidget .newsletter-submit:active {
        outline: none;
        -webkit-box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em,rgba(0,0,0,0.4) 0 .1em 1px,rgba(0,0,0,0.2) 0 .2em 6px;
        box-shadow: inset rgba(255,255,255,0.6) 0 0.3em .3em, inset rgba(0,0,0,0.2) 0 -0.1em .3em,rgba(0,0,0,0.4) 0 .1em 1px,rgba(0,0,0,0.2) 0 .2em 6px;
        -webkit-transform: translate(0, 0.2em);
        -ms-transform: translate(0, 0.2em);
        -o-transform: translate(0, 0.2em);
        transform: translate(0, 0.2em);
    }

.btn-default,
.content-footer .content-tags a,
.widget_tag_cloud .tagcloud a,
.widget_product_tag_cloud .tagcloud a {
    color: #44494b;
    background-color: #ebeeef;
    border-color: #ebeeef;
    box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #44494b;
        background-color: #ebeeef;
        border-color: #ebeeef;
    }

.btn-primary,
.widget_newsletterwidget .newsletter-submit {
    color: #44494b;
    background-color: #e6b706;
    border-color: transparent;
    box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;

}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary,
    .widget_newsletterwidget .newsletter-submit:hover,
    .widget_newsletterwidget .newsletter-submit:focus,
    .widget_newsletterwidget .newsletter-submit:active,
    .widget_newsletterwidget .newsletter-submit.active,
    .open > .dropdown-toggle.widget_newsletterwidget .newsletter-submit {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #44494b;
        background-color: #e6b706;
        border-color: transparent;
    }

.btn-success {
    color: #44494b;
    background-color: #5cb85c;
    border-color: #4cae4c;
    box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #44494b;
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

.btn-info {
    color: #44494b;
    background-color: #5bc0de;
    border-color: #46b8da;
    box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #44494b;
        background-color: #5bc0de;
        border-color: #46b8da;
    }

.btn-warning {
    color: #44494b;
    background-color: #f0ad4e;
    border-color: #eea236;
      box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #44494b;
        background-color: #f0ad4e;
        border-color: #eea236;
    }

.btn-danger {
    color: #44494b;
    background-color: #d9534f;
    border-color: #d43f3a;
      box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #44494b;
        background-color: #d9534f;
        border-color: #d43f3a;
    }

.btn-link {
    color: #2e2e2e;
    font-weight: normal;
    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:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #e6b706;
                text-decoration: none;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.btn-lg {
    padding: 0.7142857142857143em 2.2857142857142856em;
    font-size: 1.2857142857142858em;
    line-height: 1;
    border-radius: 5px;
}

.btn-sm {
    padding: 0.35714285714285715em 1.4285714285714286em;
    font-size: 0.8571428571428571em;
    line-height: 1;
    border-radius: 3px;
}

.btn-xs {
    padding: 0.07142857142857142em 0.7142857142857143em;
    font-size: 0.8571428571428571em;
    line-height: 1;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
/**
 * 4.0 - Basic Element
 *  4.4 - thumbnails
 */
.thumbnail {
    display: block;
    padding: 0.2857142857142857em;
    margin-bottom: 1.6428571428571428em;
    line-height: 1.7;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .thumbnail > img,
    .thumbnail a > img {
        margin-left: auto;
        margin-right: auto;
    }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #2e2e2e;
}

.thumbnail .caption {
    padding: 0.6428571428571429em;
    color: #44494b;
}
/**
 * 4.0 - Basic Element
 *  4.5 - dropdowns
 */
.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;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: -0.1785714285714286em 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.7;
        color: #333333;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover,
        .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }

    .dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #e6b706;
    }

    .dropdown-menu > .disabled > a,
    .dropdown-menu > .disabled > a:hover,
    .dropdown-menu > .disabled > a:focus {
        color: #777777;
    }

        .dropdown-menu > .disabled > a:hover,
        .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 0.8571428571428571em;
    line-height: 1.7;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}
/**
 * 4.0 - Basic Element
 *  4.6 - navbar
 */
.navbar {
    position: relative;
    z-index: 1000;
    background-color: #ffffff;
}

    .navbar .container,
    .navbar .container-fluid,
    .navbar .container-boxed {
        position: relative;
    }

@media (min-width: 992px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    float: right;
}

@media (max-width: 991px) {
    .navbar-collapse {
        float: none;
        clear: both;
    }
}

@media (min-width: 992px) {
    .navbar-collapse {
        width: auto;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }
}

.fixed-top {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 992px) {
    .navbar-fixed-top {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        background-color: #ffffff;
        box-shadow: 0 4px 2px -2px #444;
    }

        .navbar-fixed-top.bg-transparent {
            background-color: #ffffff;
        }
}

body.boxed-layout .navbar-fixed-top {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    max-width: 1200px;
}

body.nice-scroll:not(.boxed-layout) .navbar-fixed-top {
    padding-right: 10px;
}

body.boxed-layout.nice-scroll .navbar-fixed-top {
    width: 90%;
    width: -webkit-calc( 90% - 10px );
    /** Safari 6, Chrome 19-25 **/
    width: -moz-calc( 90% - 10px );
    /** FF 4-15  **/
    width: calc( 90% - 10px );
    /** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/
    left: -10px;
}

.navbar-fixed-top {
    top: 0;
}

@media (min-width: 992px) {
    .navbar-fixed-top.navbar-shrink {
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

        .navbar-fixed-top.navbar-shrink .navbar-brand {
            padding: 0;
        }

            .navbar-fixed-top.navbar-shrink .navbar-brand .noo-logo-img,
            .navbar-fixed-top.navbar-shrink .navbar-brand .noo-logo-mobile-img {
                top: 50%;
                transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                position: relative;
                vertical-align: top;
            }
}

.navbar-brand {
    float: left;
    font-family: "Droid Serif", serif, Myanmar3;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    height: 70px;
    line-height: 70px;
}

    .navbar-brand,
    .navbar-brand:hover {
        color: #44494b;
    }

        .navbar-brand:hover,
        .navbar-brand:focus {
            text-decoration: none;
        }

        .navbar-brand img {
            max-height: 70px;
            vertical-align: baseline;
        }

        .navbar-brand .noo-logo-img,
        .navbar-brand .noo-logo-mobile-img {
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            position: relative;
            vertical-align: middle;
        }

        .navbar-brand .noo-logo-img {
            display: block;
        }

        .navbar-brand .noo-logo-mobile-img,
        .navbar-brand .noo-logo-floating {
            display: none;
        }

@media (max-width: 991px) {
    .navbar-brand .noo-logo-img {
        display: none;
    }

    .navbar-brand .noo-logo-mobile-img {
        display: block;
    }
}

.navbar-fixed-top .navbar-brand .noo-logo-img,
.navbar-fixed-top .navbar-brand .noo-logo-mobile-img {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    vertical-align: baseline;
}
/* retina logo */
.navbar-toggle {
    position: relative;
    float: right;
    font-size: 25px;
    line-height: 70px;
    height: 70px;
    display: table;
    padding: 0 15px;
    border-radius: 4px;
    background-image: none;
    cursor: pointer;
}

    .navbar-toggle .navbar-toggle-icon-bars {
        display: inline-block;
    }

        .navbar-toggle .navbar-toggle-icon-bars .icon-bar {
            display: block;
            width: 30px;
            height: 3px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            background-color: #2e2e2e;
        }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 5px;
    }

    .navbar-toggle:hover {
        text-decoration: none;
    }

@media (min-width: 992px) {
    .navbar-toggle {
        display: none;
    }
}

.sf-menu,
.noo-menu,
.sf-menu *,
.noo-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sf-menu a,
    .noo-menu a {
        display: block;
        position: relative;
        text-decoration: none;
    }

    .sf-menu > li,
    .noo-menu > li {
        display: inline-block;
    }

@media (max-width: 991px) {
    .sf-menu > li,
    .noo-menu > li {
        display: block;
    }
}

.sf-menu li,
.noo-menu li {
    position: relative;
}

    .sf-menu li:hover > ul.sub-menu,
    .noo-menu li:hover > ul.sub-menu,
    .sf-menu li .sfHover > ul.sub-menu,
    .noo-menu li .sfHover > ul.sub-menu {
        display: block;
    }

    .sf-menu li.divider,
    .noo-menu li.divider {
        background-color: #f2f2f2;
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
    }

    .sf-menu li > a > .fa,
    .noo-menu li > a > .fa,
    .sf-menu li > a > .noo-vc-accordion .panel-title a:before,
    .noo-menu li > a > .noo-vc-accordion .panel-title a:before {
        margin-right: 5px;
    }

.sf-menu ul.sub-menu,
.noo-menu ul.sub-menu {
    position: absolute;
    display: none;
    top: auto;
    left: auto;
    width: auto;
    min-width: 200px;
}

.noo-menu li > a {
    color: #2e2e2e;
    padding: 15px 18px;
}

    .noo-menu li > a:hover,
    .noo-menu li > a:focus {
        background-color: rgba(0, 0, 0, 0);
        color: #e6b706;
    }

.noo-menu li.current-menu-item > a,
.noo-menu li.active > a {
    background-color: rgba(0, 0, 0, 0);
    color: #e6b706;
}

.noo-menu li.disabled > a,
.noo-menu li.disabled > a:hover,
.noo-menu li.disabled > a:focus {
    color: #777777;
    background-color: #777777;
}

.noo-menu ul.sub-menu {
    z-index: 1030;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

    .noo-menu ul.sub-menu ul.sub-menu {
        top: 10px;
        left: 95%;
        right: auto;
    }

.sf-arrows .sf-with-ul:after {
    content: "";
    font-family: "fontawesome";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    speak: none;
    padding-left: 5px;
}

@media (max-width: 991px) {
    .sf-arrows .sf-with-ul:after {
        float: right;
    }
}

.sf-arrows .sub-menu .sf-with-ul:after {
    content: "\f105";
    font-family: "fontawesome";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    speak: none;
    right: 15px;
    position: absolute;
}

.navbar {
    border-bottom: 1px solid #f2f2f2;
}

@media (max-width: 991px) {
    .navbar-nav > li > a {
        font-weight: bold !important;
    }
}

@media (max-width: 991px) {
    .navbar-nav li {
        border-top: 1px solid #f2f2f2;
        background-color: #ffffff;
    }
}

.navbar-nav li > a {
    color: #2e2e2e;
    padding: 15px 18px;
    line-height: 1.2;
    font-size: 14px;
}

    .navbar-nav li > a:hover,
    .navbar-nav li > a:focus {
        color: #e6b706;
    }

.navbar-nav li:hover > a,
.navbar-nav li .sfHover > a {
    color: #e6b706;
}

.navbar-nav li.current-menu-item > a,
.navbar-nav li.active > a {
    color: #2e2e2e;
}

.navbar-nav li.disabled > a,
.navbar-nav li.disabled > a:hover,
.navbar-nav li.disabled > a:focus {
    color: #cccccc;
}

.navbar-nav > li > a {
    font-weight: bold;
}

.navbar-nav ul.sub-menu {
    z-index: 1030;
    font-size: 14px;
}

@media (max-width: 991px) {
    .navbar-nav ul.sub-menu > li > a {
        padding-left: 25px;
    }

    .navbar-nav ul.sub-menu > li li a {
        padding-left: 35px;
    }
}

.navbar-nav ul.sub-menu li {
    display: block;
    margin: 0px 10px;
}

    .navbar-nav ul.sub-menu li > a {
        color: #333333;
        line-height: 22px;
        padding: 10px 12px;
        white-space: nowrap;
    }

        .navbar-nav ul.sub-menu li > a:hover {
            color: #e6b706;
        }

    .navbar-nav ul.sub-menu li:hover .navbar-nav ul.sub-menu li.sfHover > a {
        color: #e6b706;
    }

    .navbar-nav ul.sub-menu li.current-menu-item > a {
        color: #e6b706;
    }

@media (min-width: 992px) {
    .navbar-nav {
        float: right;
    }

        .navbar-nav > li > a {
            padding-top: 0;
            padding-bottom: 0;
            line-height: 70px;
            font-family: 'Montserrat', sans-serif, Myanmar3;
        }

        .navbar-nav > li > ul.sub-menu {
            left: auto;
            right: 0;
        }

            .navbar-nav > li > ul.sub-menu ul.sub-menu {
                top: 10px;
                left: auto;
                right: 95%;
            }
}

@media (max-width: 991px) {
    .navbar-nav > li {
        float: none;
    }

    .navbar-nav li > a {
        white-space: normal;
    }

    .navbar-nav li {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

    .navbar-nav ul.sub-menu {
        position: static;
        float: none;
        max-width: none;
        padding: 0;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

        .navbar-nav ul.sub-menu:before,
        .navbar-nav ul.sub-menu:after {
            display: none;
        }

        .navbar-nav ul.sub-menu a {
            font-size: 14px;
        }
}

@media (min-width: 992px) {
    .navbar .navbar-brand {
        line-height: 70px;
    }
}

@media (min-width: 992px) {
    .navbar-nav.sf-menu > li ul.sub-menu {
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
        background-color: #ffffff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .navbar-nav.sf-menu > li > ul.sub-menu {
        margin-top: 2px;
        padding: 5px 0;
    }

    .navbar-nav.sf-menu > li li.fly-left > ul.sub-menu {
        left: auto;
        right: 95%;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    }

    .navbar-nav.sf-menu > li li.fly-right > ul.sub-menu {
        left: 95%;
        right: auto;
        box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.135);
    }

    .navbar-nav.sf-menu > li.align-left > ul.sub-menu {
        left: 0;
        right: auto;
    }

    .navbar-nav.sf-menu > li.align-right > ul.sub-menu {
        left: auto;
        right: 0;
    }

    .navbar-nav.sf-menu > li.align-center > ul.sub-menu {
        left: 50% !important;
        right: auto;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .navbar-nav.sf-menu > li.full-width {
        position: inherit !important;
    }

        .navbar-nav.sf-menu > li.full-width > ul.sub-menu {
            width: 100%;
            left: 0;
        }

        .navbar-nav.sf-menu > li.full-width.sfHover > ul.sub-menu:before {
            border: 0;
        }

        .navbar-nav.sf-menu > li.full-width.sfHover > a {
            position: relative;
        }

    .navbar-nav.sf-menu > li.megamenu > ul.sub-menu {
        padding: 15px 0 15px 4px;
    }

        .navbar-nav.sf-menu > li.megamenu > ul.sub-menu li {
            float: left;
            width: 100%;
        }

            .navbar-nav.sf-menu > li.megamenu > ul.sub-menu li > a {
                white-space: normal;
            }

        .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li {
            display: table-cell !important;
            float: none !important;
            margin: 5px 0;
            padding-left: 0;
            padding-right: 0;
            vertical-align: top;
            position: relative;
            width: 32.8%;
        }

            .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li > ul.sub-menu {
                display: block !important;
                opacity: 1 !important;
                top: 0px !important;
                width: 100%;
                left: 0px !important;
                position: relative !important;
                -webkit-box-shadow: none;
                box-shadow: none;
                background-color: transparent;
            }

            .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children {
                border-right: 1px solid rgba(65, 65, 65, 0.1);
            }

                .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children:last-child {
                    border-right: none !important;
                }

                .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children > a {
                    background-color: transparent;
                    text-transform: uppercase;
                    font-weight: bold;
                    letter-spacing: 2px;
                }

                    .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children > a.sf-with-ul:before,
                    .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children > a.sf-with-ul:after {
                        display: none;
                    }

                .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children:hover > a,
                .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children.sfHover > a {
                    background-color: transparent;
                }

    .navbar-nav.sf-menu > li.megamenu ul.sub-menu li > a {
        border-top: 0;
    }

    .navbar-nav.sf-menu > li.megamenu.columns-2 > ul.sub-menu > li {
        width: 49.6%;
    }

        .navbar-nav.sf-menu > li.megamenu.columns-2 > ul.sub-menu > li:nth-child(2n) {
            border-right: none !important;
        }

        .navbar-nav.sf-menu > li.megamenu.columns-2 > ul.sub-menu > li:nth-child(2n+1) {
            clear: both;
        }

    .navbar-nav.sf-menu > li.megamenu.columns-3 > ul.sub-menu > li {
        width: 32.8%;
    }

        .navbar-nav.sf-menu > li.megamenu.columns-3 > ul.sub-menu > li:nth-child(3n) {
            border-right: none !important;
        }

        .navbar-nav.sf-menu > li.megamenu.columns-3 > ul.sub-menu > li:nth-child(3n+1) {
            clear: both;
        }

    .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li {
        width: 24.45%;
    }

        .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li:nth-child(4n) {
            border-right: none !important;
        }

        .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li:nth-child(4n+1) {
            clear: both;
        }

    .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li {
        width: 19.45%;
    }

        .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li:nth-child(5n) {
            border-right: none !important;
        }

        .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li:nth-child(5n+1) {
            clear: both;
        }

    .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li {
        width: 16.1%;
    }

        .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li:nth-child(6n) {
            border-right: none !important;
        }

        .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li:nth-child(6n+1) {
            clear: both;
        }
}

.navbar-toggle.collapsed {
    color: #2e2e2e;
}

    .navbar-toggle.collapsed:hover {
        color: #080808;
    }

.noo-navbar {
    display: inline-block;
    width: 100%;
}

@media (min-width: 768px) {
    body.page-menu-transparent .noo-header {
        position: absolute;
        width: 100%;
        z-index: 1000;
        background-color: rgba(0, 0, 0, 0.1);
    }

        body.page-menu-transparent .noo-header .navbar-wrapper {
            background-color: rgba(0, 0, 0, 0.18);
        }

    body.page-menu-transparent .navbar:not(.navbar-fixed-top) {
        margin-right: auto;
        margin-left: auto;
        box-shadow: none;
    }

        body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-nav > li > a {
            color: #ffffff;
        }

            body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-nav > li > a:hover {
                color: #e6b706;
            }

        body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-brand .noo-logo-normal {
            display: none;
        }

        body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-brand .noo-logo-floating {
            display: block;
        }

    body.page-menu-transparent .noo-page-heading.noo-page-heading-bg > div:first-child {
        margin-top: 70px;
    }

    .page-menu-transparent .noo-topbar {
        border-color: transparent;
        background-color: rgba(0, 0, 0, 0.1);
    }

        .page-menu-transparent .noo-topbar .topbar-right .searchform .searchinput {
            background: transparent;
        }

    .page-menu-transparent .navbar:not(.navbar-fixed-top) {
        background: transparent;
        border-color: transparent;
        color: #fff;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-nav > li > a {
        color: #44494b;
    }
}
/**
 * 4.0 - Basic Element
 *  4.7 - modals
 */
.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-overflow-scrolling: touch;
    z-index: 1050;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
        -o-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
        -ms-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
        -moz-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
        transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s;
        -webkit-transform-origin: center top 0;
        -moz-transform-origin: center top 0;
        -ms-transform-origin: center top 0;
        transform-origin: center top 0;
    }

    .modal.in .modal-dialog {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.7142857142857143em;
}

    .modal-dialog.modal-dialog-center {
        left: 50%;
        margin: 0;
        position: absolute;
        top: 50%;
    }

        .modal-dialog.modal-dialog-center .modal-body {
            overflow-y: auto;
        }

        .modal-dialog.modal-dialog-center .modal-footer {
            margin-top: 0;
        }

@media (max-width: 767px) {
    .modal-dialog.modal-dialog-center {
        width: 100%;
    }
}

.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.7px;
    background: #ebeeef;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

    .modal-header .close {
        margin-top: -0.14285714285714285em;
    }

.modal-title {
    margin: 0;
    line-height: 1.7;
    text-align: center;
}

.modal-body {
    position: relative;
    padding: 30px;
}

    .modal-body .modal-actions {
        border-top: 1px solid #e5e5e5;
        padding-top: 2.142857142857143em;
    }

.modal-footer {
    padding: 30px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn,
    .modal-footer .widget_newsletterwidget .newsletter-submit + .widget_newsletterwidget .newsletter-submit {
        margin-left: 0.35714285714285715em;
        margin-bottom: 0;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 700px;
        margin: 2.142857142857143em auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }

    .modal-member {
        width: 430px;
    }
}

.modal-member .noo-ajax-register-form .control-label,
.modal-member .noo-ajax-login-form .control-label {
    display: none;
}

.modal-member .noo-ajax-register-form .col-sm-9,
.modal-member .noo-ajax-login-form .col-sm-9 {
    width: 100%;
    margin: 0;
    text-align: center;
}

.modal-member .noo-ajax-register-form .form-control,
.modal-member .noo-ajax-login-form .form-control,
.modal-member .noo-ajax-register-form .widget_newsletterwidget .newsletter-email,
.modal-member .noo-ajax-login-form .widget_newsletterwidget .newsletter-email,
.modal-member .noo-ajax-register-form .wpcf7-form-control:not(.wpcf7-submit),
.modal-member .noo-ajax-login-form .wpcf7-form-control:not(.wpcf7-submit),
.modal-member .noo-ajax-register-form .form-group .chosen-container-single,
.modal-member .noo-ajax-login-form .form-group .chosen-container-single,
.modal-member .noo-ajax-register-form .form-group .chosen-container-multi .chosen-choices,
.modal-member .noo-ajax-login-form .form-group .chosen-container-multi .chosen-choices {
    width: 100%;
}

#applyJobviaLinkedInModal .in-profile-picture img {
    width: 100%;
}

#applyJobviaLinkedInModal .in-profile-name {
    font-size: 2.142857142857143em;
}

#applyJobviaLinkedInModal .in-profile-headline {
    font-size: 1.4285714285714286em;
}

#applyJobviaLinkedInModal .in-profile-location {
    font-size: 14px;
}

#applyJobviaLinkedInModal .apply-via-linkedin-profile ul {
    margin: 0;
    padding: 0;
}

    #applyJobviaLinkedInModal .apply-via-linkedin-profile ul li {
        display: block;
        padding: 5px 0;
    }

#applyJobviaLinkedInModal dd {
    margin-bottom: 1.0714285714285714em;
}
/**
 * 4.0 - Basic Element
 *  4.8 - footer
 */
.colophon:before,
.colophon:after {
    content: " ";
    display: table;
}

.colophon:after {
    clear: both;
}

.colophon:before,
.colophon:after {
    content: " ";
    display: table;
}

.colophon:after {
    clear: both;
}

.colophon.wigetized {
    position: relative;
    background: #44494b;
}

    .colophon.wigetized > .container-boxed > div > div {
        padding-top: 100px;
        padding-bottom: 100px;
    }

@media (max-width: 767px) {
    .colophon.wigetized > .container-boxed > div > div {
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .colophon.wigetized > .container-boxed > div {
        display: table;
        width: 100%;
        height: 100%;
        margin: 0;
    }

        .colophon.wigetized > .container-boxed > div > div {
            display: table-cell;
            height: 100%;
            vertical-align: top;
            float: none;
        }

            .colophon.wigetized > .container-boxed > div > div:last-child {
                border: none;
            }
}

@media (max-width: 767px) {
    .colophon.wigetized > .container-boxed {
        text-align: center;
    }

        .colophon.wigetized > .container-boxed .widget-title:before {
            left: 50%;
            right: auto;
            margin-left: -10px;
        }
}

@media (max-width: 767px) {
    .colophon.wigetized .text-right,
    .colophon.wigetized .text-left,
    .colophon.wigetized .text-center {
        text-align: center;
    }

        .colophon.wigetized .text-right .widget-title:before,
        .colophon.wigetized .text-left .widget-title:before,
        .colophon.wigetized .text-center .widget-title:before {
            left: 50%;
            right: auto;
            margin-left: -10px;
        }
}

.wigetized .widget {
    color: #767676;
}

    .wigetized .widget a {
        color: #767676;
    }

        .wigetized .widget a:hover {
            color: #e6b706;
        }

    .wigetized .widget .widget-title {
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        padding-bottom: 0.8214285714285714em;
        position: relative;
    }

    .wigetized .widget .twitter_user,
    .wigetized .widget .twitter_user a {
        color: #fff;
    }

    .wigetized .widget ul,
    .wigetized .widget ol {
        background: transparent;
        padding: 0;
    }

        .wigetized .widget ul li,
        .wigetized .widget ol li {
            color: #767676;
            border: none;
        }

            .wigetized .widget ul li a,
            .wigetized .widget ol li a {
                color: #767676;
            }

                .wigetized .widget ul li a:hover,
                .wigetized .widget ol li a:hover {
                    color: #e6b706;
                }

    .wigetized .widget.widget_recent_entries li a {
        color: #767676;
    }

        .wigetized .widget.widget_recent_entries li a:hover {
            color: #e6b706;
        }

.wigetized .text-center .widget-title:before {
    left: auto;
}

.wigetized .text-right .widget-title:before {
    left: auto;
    right: 0;
}

.colophon.site-info {
    background: #3f4547;
    position: relative;
}

    .colophon.site-info:before {
        content: "";
        position: absolute;
        top: 1px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #44494b;
    }

    .colophon.site-info .footer-menu {
        padding: 0.3em 0;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

        .colophon.site-info .footer-menu .noo-menu {
            display: table;
            margin: 0 auto;
        }

            .colophon.site-info .footer-menu .noo-menu li a {
                padding: 0.7142857142857143em 0.8571428571428571em;
                color: #767676;
            }

                .colophon.site-info .footer-menu .noo-menu li a:hover {
                    color: #e6b706;
                }

            .colophon.site-info .footer-menu .noo-menu li.current-menu-item > a {
                background: none;
            }

    .colophon.site-info .footer-more {
        padding: 50px 0;
        background: #3f4547;
        color: #767676;
    }

        .colophon.site-info .footer-more a {
            color: #767676;
        }

            .colophon.site-info .footer-more a:hover {
                color: #e6b706;
            }

        .colophon.site-info .footer-more .noo-bottom-bar-content {
            text-align: center;
        }

a.go-to-top,
a.go-to-top:hover a.go-to-top:focus {
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 72px;
    opacity: 0;
    filter: alpha(opacity=0);
    right: -60px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: #fff;
    font-size: 40px;
    height: 50px;
    line-height: 1;
    position: fixed;
    text-align: center;
    width: 50px;
    z-index: 100;
    visibility: hidden;
}

    a.go-to-top.on,
    a.go-to-top:hover a.go-to-top:focus.on {
        opacity: 0.8;
        filter: alpha(opacity=80);
        visibility: visible;
        right: 20px;
    }

        a.go-to-top.on:hover,
        a.go-to-top:hover a.go-to-top:focus.on:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.noo-topbar {
    position: relative;
    background: #2e2e2e;
    z-index: 1001;
    border-bottom: 1px solid #2e2e2e;
    height: 40px;
    line-height: 40px;
}

@media (max-width: 991px) {
    .noo-topbar {
        display: none;
    }
}

.noo-topbar .topbar-left {
    font-size: 0.8571428571428571em;
    color: #999999;
    margin: 0;
}

.noo-topbar a {
    color: #999999;
}

    .noo-topbar a:hover {
        color: #ffffff;
    }

.noo-topbar .topbar-right .searchform {
    float: right;
    color: #999999;
    position: relative;
    padding-top: 7px;
}

    .noo-topbar .topbar-right .searchform i {
        position: absolute;
        font-size: 0.8571428571428571em;
        line-height: 40px;
        right: 5px;
        top: 0;
    }

    .noo-topbar .topbar-right .searchform .searchinput {
        width: 166px;
        background: #2b2b2b;
        height: 25px;
        float: left;
        line-height: 25px;
        font-size: 0.8571428571428571em;
        border: none;
        color: #999999;
        padding: 5px;
        outline: none;
        -webkit-transition-duration: 400ms;
        transition-duration: 400ms;
        -webkit-transition-property: width, background;
        transition-property: width, background;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

        .noo-topbar .topbar-right .searchform .searchinput:focus {
            width: 200px;
            background: #fff;
        }

        .noo-topbar .topbar-right .searchform .searchinput::-webkit-input-placeholder {
            color: #999999;
        }

        .noo-topbar .topbar-right .searchform .searchinput:-moz-placeholder {
            color: #999999;
        }

        .noo-topbar .topbar-right .searchform .searchinput::-moz-placeholder {
            color: #999999;
        }

        .noo-topbar .topbar-right .searchform .searchinput:-ms-input-placeholder {
            color: #999999;
        }

.noo-page-heading {
    position: relative;
    background: rgba(67, 67, 67, 0.55) url(../images/heading-bg.png) no-repeat scroll 0 0;
    padding: 50px 0;
    background-repeat: repeat;
    text-align: left;
}

.page-member .noo-page-heading,
.page-template-page-post-job .noo-page-heading,
.page-template-page-post-resume .noo-page-heading {
    text-align: center;
}

@media (max-width: 991px) {
    .noo-page-heading {
        padding: 2.142857142857143em 0;
    }
}

.noo-page-heading .page-title {
    font-size: 2.142857142857143em;
    margin: 0;
    font-weight: bold;
    color: #fff;
}

    .noo-page-heading .page-title .count {
        font-size: 16px;
        background-color: #e6b706;
        padding: 5px 12px;
        border-radius: 18px;
        vertical-align: middle;
        margin-left: 20px;
    }

.noo-page-heading .page-sub-heading-info {
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    margin-top: 0.8214285714285714em;
}

    .noo-page-heading .page-sub-heading-info .content-meta {
        float: none;
    }

        .noo-page-heading .page-sub-heading-info .content-meta,
        .noo-page-heading .page-sub-heading-info .content-meta > span,
        .noo-page-heading .page-sub-heading-info .content-meta a {
            color: #fff;
        }

            .noo-page-heading .page-sub-heading-info .content-meta a:hover:hover {
                opacity: 0.8;
                filter: alpha(opacity=80);
            }

.member-heading {
    background: #34393b;
}

@media (max-width: 991px) {
    .member-heading {
        display: none;
    }
}

.member-heading .member-heading-nav ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: table;
}

.member-heading .member-heading-nav li {
    display: inline-block;
    float: left;
    padding: 0 5px;
}

    .member-heading .member-heading-nav li.divider {
        height: 100px;
        width: 1px;
        position: relative;
        padding: 0 20px;
    }

        .member-heading .member-heading-nav li.divider:before {
            left: 50%;
            top: 27px;
            height: 50px;
            background: #6e7172;
            position: absolute;
            content: "";
            width: 1px;
        }

    .member-heading .member-heading-nav li a {
        display: block;
        color: #6e7172;
        white-space: nowrap;
        line-height: 100px;
        padding: 0 1.0714285714285714em;
    }

        .member-heading .member-heading-nav li a span.badge {
            background-color: #ee5b4c;
            color: #fff;
            padding: 2px 6px;
            border-radius: 3px;
            font-size: 11px;
        }

        .member-heading .member-heading-nav li.active a,
        .member-heading .member-heading-nav li a:hover {
            color: #fff;
        }
/**
 * 5.0 - Additional Element
 *  5.1 - alerts
 */
.alert {
    padding: 15px;
    margin-bottom: 1.6428571428571428em;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 14px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p,
    .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 0.35714285714285715em;
            padding-left: 0.42857142857142855em;
        }

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close,
    .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }
/**
 * 5.0 - Additional Element
 *  5.3 - code
 */
code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace, Myanmar3;
}

    pre code {
        white-space: normal;
    }

code {
    padding: 2px 4px;
    font-size: 0.8571428571428571em;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    display: block;
    color: #555;
    padding: 0.8em 1em;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #ffffff;
    background-color: #333333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        box-shadow: none;
    }

pre {
    display: block;
    padding: 0.3214285714285714em;
    margin: 0 0 0.8214285714285714em;
    font-size: 13px;
    line-height: 1.7;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

    pre code {
        font-size: inherit;
        color: inherit;
        background-color: transparent;
        border-radius: 0;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}
/**
 * 5.0 - Additional Element
 *  5.4 - call-to-action
 */
.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #dedede;
}

    .jumbotron h1,
    .jumbotron .h1 {
        color: inherit;
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200;
    }

    .jumbotron > hr {
        border-top-color: #c5c5c5;
    }

.container .jumbotron {
    border-radius: 5px;
}

.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;
    }
}
/**
 * 5.0 - Additional Element
 *  5.5 - labels
 */
.label {
    display: inline;
    padding: .3em 1em .4em;
    font-size: 0.8571428571428571em;
    font-weight: 400;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

a.label:hover,
a.label:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label,
.widget_newsletterwidget .newsletter-submit .label {
    position: relative;
    top: -1px;
}

/*.label-default {
    background-color: #555;
     box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;
     font-size:11px !important;
}*/

.label-default {
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.5) !important;
    font-size: 13px !important;
}

    .label-default[href]:hover,
    .label-default[href]:focus {
        background-color: #5e5e5e;
    }

.label-primary {
    background-color: #e6b706;
}

    .label-primary[href]:hover,
    .label-primary[href]:focus {
        background-color: #b48f05;
    }

.label-success {
    background-color: #5cb85c;
}

    .label-success[href]:hover,
    .label-success[href]:focus {
        background-color: #449d44;
    }

.label-info {
    background-color: #5bc0de;
}

    .label-info[href]:hover,
    .label-info[href]:focus {
        background-color: #31b0d5;
    }

.label-warning {
    background-color: #f0ad4e;
}

    .label-warning[href]:hover,
    .label-warning[href]:focus {
        background-color: #ec971f;
    }

.label-danger {
    background-color: #d9534f;
}

    .label-danger[href]:hover,
    .label-danger[href]:focus {
        background-color: #c9302c;
    }
/**
 * 5.0 - Additional Element
 *  5.6 - media
 */
.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;
}
/**
 * 5.0 - Additional Element
 *  5.7 - accordion-tab
 */
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 15px 18px;
        }

            .nav > li > a:hover,
            .nav > li > a:focus {
                text-decoration: none;
                background-color: rgba(0, 0, 0, 0);
            }

        .nav > li.disabled > a {
            color: #777777;
        }

            .nav > li.disabled > a:hover,
            .nav > li.disabled > a:focus {
                color: #777777;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: rgba(0, 0, 0, 0);
        border-color: #2e2e2e;
    }

    .nav .nav-divider {
        height: 1px;
        margin: -0.1785714285714286em 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 1.0714285714285714em;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.7;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            background: #ebeeef;
            font-weight: bold;
            font-family: 'Montserrat', sans-serif, Myanmar3;
        }

            .nav-tabs > li > a:hover {
                border-color: #dedede #dedede #dddddd;
            }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #555555;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            border-bottom-color: transparent;
            cursor: default;
        }

        .nav-tabs > li.active > a {
            background: #44494b !important;
            color: #fff !important;
        }

    .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:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #dddddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}

.tab-control-right .nav-tabs > li {
    float: right;
}

.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:hover,
    .nav-pills > li.active > a:focus {
        color: #ffffff;
        background-color: #e6b706;
    }

.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:hover,
    .nav-tabs-justified > .active > a:focus {
        border: 1px solid #dddddd;
    }

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #dddddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #ffffff;
    }
}

.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;
}

.noo-vc-accordion.panel-group {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .noo-vc-accordion.panel-group .panel {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        border: none;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        background: #ffffff;
    }

        .noo-vc-accordion.panel-group .panel + .panel {
            margin-top: 2px;
        }

    .noo-vc-accordion.panel-group .panel-heading {
        padding: 10px;
        background-color: #f5f5f5;
        border: 1px solid #f5f5f5;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        color: #302e38;
    }

        .noo-vc-accordion.panel-group .panel-heading:hover,
        .noo-vc-accordion.panel-group .panel-heading.active {
            background-color: #2e2e2e;
            border-color: #2e2e2e;
        }

            .noo-vc-accordion.panel-group .panel-heading:hover .panel-title,
            .noo-vc-accordion.panel-group .panel-heading.active .panel-title {
                background-color: #2e2e2e;
                color: #ffffff;
            }

            .noo-vc-accordion.panel-group .panel-heading:hover:hover,
            .noo-vc-accordion.panel-group .panel-heading.active:hover {
                background-color: #2e2e2e;
                border-color: #2e2e2e;
            }

            .noo-vc-accordion.panel-group .panel-heading:hover a,
            .noo-vc-accordion.panel-group .panel-heading.active a {
                color: #ffffff;
            }

    .noo-vc-accordion.panel-group .panel-title {
        margin-top: 0;
        margin-bottom: 0;
        color: #302e38;
        font-size: 1.2857142857142858em;
    }

        .noo-vc-accordion.panel-group .panel-title > a {
            color: #302e38;
            line-height: 1.7;
            display: block !important;
        }

    .noo-vc-accordion.panel-group .panel-body {
        padding: 15px;
        border-style: solid;
        border-color: #f5f5f5;
        border-width: 0 1px 1px !important;
    }

.noo-vc-accordion .panel-heading.active .panel-title a {
    color: #ffffff;
}

.noo-vc-accordion .panel-title a:before {
    margin-left: 0.7142857142857143em;
    margin-right: 1.4285714285714286em;
}

.noo-vc-accordion.icon-dark_circe .panel-heading.active .panel-title a:before {
    content: "\f056";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-dark_circe .panel-heading .panel-title a:before {
    content: "\f055";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-light_square .panel-heading.active .panel-title a:before {
    content: "\f147";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-light_square .panel-heading .panel-title a:before {
    content: "\f196";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-dark_square .panel-heading.active .panel-title a:before {
    content: "\f146";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-dark_square .panel-heading .panel-title a:before {
    content: "\f0fe";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-simple .panel-heading.active .panel-title a:before {
    content: "\f068";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-simple .panel-heading .panel-title a:before {
    content: "\f067";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-left_arrow .panel-heading.active .panel-title a:before {
    content: "\f106";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-left_arrow .panel-heading .panel-title a:before {
    content: "\f107";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-right_arrow .panel-heading.active .panel-title a:before {
    content: "\f106";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-right_arrow .panel-heading {
    position: relative;
}

    .noo-vc-accordion.icon-right_arrow .panel-heading .panel-title a {
        padding-left: 15px;
    }

        .noo-vc-accordion.icon-right_arrow .panel-heading .panel-title a:before {
            content: "\f107";
            position: relative;
            display: inline-block;
            font-family: "fontawesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            speak: none;
            padding-right: 0;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .noo-vc-accordion.icon-right_arrow .panel-heading .panel-title a:before {
            float: right;
            position: absolute !important;
            top: 21%;
            right: 0px;
        }

.noo-vc-accordion.icon-light_circe .panel-heading.active .panel-title a:before {
    content: "\f056";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

.noo-vc-accordion.icon-light_circe .panel-heading .panel-title a:before {
    content: "\f055";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}
/*
 *    Tab Shortcode
 */
.tabs-left > .nav-tabs {
    float: left;
    width: 22.5%;
}

@media (max-width: 768px) {
    .tabs-left > .nav-tabs {
        float: none;
        width: 100% !important;
    }
}

.tabs-left > .nav-tabs > li {
    float: none;
    border: none;
    min-width: 100%;
    margin-bottom: 0;
}

    .tabs-left > .nav-tabs > li:hover {
        color: rgba(0, 0, 0, 0);
    }

    .tabs-left > .nav-tabs > li.active > a,
    .tabs-left > .nav-tabs > li.active > a:hover,
    .tabs-left > .nav-tabs > li.active > a:focus {
        color: #fff;
        background-color: #2e2e2e;
        border: 1px solid #dddddd;
        border-top-color: #dddddd;
        border-right-color: transparent;
        cursor: default;
        border-width: 1px 0 1px 1px;
    }

@media (max-width: 767px) {
    .tabs-left > .nav-tabs > li.active > a,
    .tabs-left > .nav-tabs > li.active > a:hover,
    .tabs-left > .nav-tabs > li.active > a:focus {
        border-right: 1px solid #dddddd;
        margin-right: 0px;
    }
}

.tabs-left > .nav-tabs > li > a {
    border-width: 1px 0 1px 1px;
    margin-right: -1px;
    margin-bottom: 2px;
    padding: 0.7142857142857143em 0;
    border: 1px solid #dddddd;
    border-right-color: transparent;
    text-align: left;
    font-size: 1.2857142857142858em;
    padding-left: 30px;
    background-color: #ebeeef;
}

@media (max-width: 767px) {
    .tabs-left > .nav-tabs > li > a {
        border-right: 1px solid #dddddd;
        margin-right: 0px;
    }
}

.tabs-left > .nav-tabs > li > a:hover {
    color: #2e2e2e;
    background-color: #ebeeef;
    border: 1px solid #dddddd;
    border-right-color: transparent;
}

.tabs-left > .nav-tabs > li > a > i {
    padding-right: 6px;
}

.tabs-left .tab-content {
    min-height: 212px;
    float: right;
    width: 77.5%;
}

@media (max-width: 768px) {
    .tabs-left .tab-content {
        float: none;
        width: 100%;
    }
}

.tabs-left .tab-content .tab-pane.active {
    padding: 26px 30px;
}
/**
 * 5.0 - Additional Element
 *  5.8 - popovers
 */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 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: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 4px 4px 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: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

    .popover.top > .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #ffffff;
    }

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

    .popover.right > .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #ffffff;
    }

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

    .popover.bottom > .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #ffffff;
    }

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

    .popover.left > .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #ffffff;
        bottom: -10px;
    }
/**
 * 5.0 - Additional Element
 *  5.9 - progress-bars
 */
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 2.5em 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 2.5em 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    height: 15px;
    margin-bottom: 1.6428571428571428em;
    background-color: #f5f5f5;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 0.8571428571428571em;
    line-height: 1.6428571428571428em;
    color: #ffffff;
    text-align: center;
    background-color: #e6b706;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    position: relative;
}

    .progress-bar .progress_label {
        opacity: 1;
        filter: alpha(opacity=0);
        position: absolute;
        right: -10px;
        top: -10px;
        left: auto;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background: #44494b;
        border-radius: 50%;
        text-align: center;
    }

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 2.5em 2.5em;
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar[aria-valuenow="1"],
.progress-bar[aria-valuenow="2"] {
    min-width: 2.142857142857143em;
}

.progress-bar[aria-valuenow="0"] {
    color: #777777;
    min-width: 2.142857142857143em;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}

.progress-bar-success {
    background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.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, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.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, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.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, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.noo-progress-bar.lean-bars .progress {
    height: 5px;
    margin-bottom: 2.5em;
    border-radius: 0;
    overflow: visible;
    position: relative;
}

    .noo-progress-bar.lean-bars .progress .progress-bar .progress_title,
    .noo-progress-bar.lean-bars .progress .progress-bar .progress_label {
        position: absolute;
        top: -1.6em;
        color: #302e38;
        font-size: 14px;
        font-weight: 400;
    }

    .noo-progress-bar.lean-bars .progress .progress-bar .progress_title {
        left: 0;
    }

    .noo-progress-bar.lean-bars .progress .progress-bar .progress_label {
        right: 0;
    }

.lean-bars.rounded-bars .progress {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .lean-bars.rounded-bars .progress .progress-bar {
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

.noo-progress-bar.thick-bars .progress {
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .noo-progress-bar.thick-bars .progress .progress-bar {
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
    }

        .noo-progress-bar.thick-bars .progress .progress-bar .progress_title {
            float: left;
            padding: 0 0 0 1.0714285714285714em;
            line-height: 1.6em;
        }

        .noo-progress-bar.thick-bars .progress .progress-bar .progress_label {
            float: right;
            padding: 0 1.0714285714285714em 0 0;
            line-height: 1.6em;
        }

.thick-bars.rounded-bars .progress,
.thick-bars.rounded-bars .progress-bar {
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/**
 * 5.0 - Additional Element
 *  5.10 - tooltip
 */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-size: 0.8571428571428571em;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: 0.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: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    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: #000000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
/**
 * 5.0 - Additional Element
 *  5.11 - responsive-embed
 */
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0;
    }

    .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 56.25%;
    }

    .embed-responsive.embed-responsive-4by3 {
        padding-bottom: 75%;
    }
/**
 * 6.0 - Wordpress part
 *  6.2 - post_n_page
 */
.hentry {
    padding: 0 0 3em 130px;
    background: #fff;
    position: relative;
}

    .hentry p:last-child,
    .hentry ul:last-child,
    .hentry ol:last-child {
        margin-bottom: 0;
    }

    .hentry a:hover {
        text-decoration: none;
    }

    .hentry:last-child:after {
        height: 0;
    }

    .hentry .content-left {
        position: absolute;
        top: 0;
        left: 0;
    }

        .hentry .content-left .author-bio .author-avatar {
            margin-top: 4px;
        }

            .hentry .content-left .author-bio .author-avatar img {
                border-radius: 50%;
                box-shadow: 0 0 0 4px #ebeeef;
            }

@media (max-width: 767px) {
    .hentry .content-left {
        position: relative;
        display: none;
    }
}

@media (max-width: 767px) {
    .hentry {
        padding: 0 1.0714285714285714em 3em 1.0714285714285714em;
    }
}

.single .hentry::after {
    height: 0;
}

.hentry.format-quote a,
.hentry.format-link a {
    color: #ffffff;
    line-height: 1.5em;
}

    .hentry.format-quote a:hover,
    .hentry.format-link a:hover {
        color: #e6b706 !important;
    }

.hentry.format-quote cite,
.hentry.format-link cite {
    color: #ffffff;
}

.hentry.format-quote i[class^="nooicon-"]:hover,
.hentry.format-link i[class^="nooicon-"]:hover {
    color: #44494b;
}

.hentry.format-quote .content-header,
.hentry.format-link .content-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    padding: 20px;
    border-radius: 4px;
    position: absolute;
    bottom: 2.142857142857143em;
    left: 2.142857142857143em;
    right: 2.142857142857143em;
    width: 90%;
}

@media (max-width: 767px) {
    .hentry.format-quote .content-header,
    .hentry.format-link .content-header {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .hentry.format-quote .content-header .content-title,
        .hentry.format-link .content-header .content-title {
            font-size: 20px;
        }
}

.single .hentry.format-quote > .content-wrap,
.single .hentry.format-link > .content-wrap {
    background: #fff;
    padding: 0;
}

    .single .hentry.format-quote > .content-wrap .content-header,
    .single .hentry.format-link > .content-wrap .content-header {
        background: #2e2e2e;
        padding: 20px;
    }

.single .hentry.format-quote .content-title,
.single .hentry.format-link .content-title {
    color: #fff;
}

    .single .hentry.format-quote .content-title:hover,
    .single .hentry.format-link .content-title:hover {
        color: #e6b706 !important;
    }

.single .hentry.format-quote a,
.single .hentry.format-link a {
    color: #fff;
    line-height: 1.5em;
}

    .single .hentry.format-quote a:hover,
    .single .hentry.format-link a:hover {
        color: #e6b706 !important;
    }

.single .hentry.format-quote .content,
.single .hentry.format-link .content {
    background: transparent;
}

.single .main-content {
    padding-top: 100px;
}

@media (max-width: 767px) {
    .single .main-content {
        padding-top: 0;
    }
}

.jobmonster-header {
    background: #404548;
    padding: 100px 0;
}

.post-password-form label {
    font-weight: normal;
    font-weight: 600;
    font-size: 18px;
}

.post-password-form input[type="password"] {
    display: block;
    width: 100%;
    height: 50px;
    padding: 0.42857142857142855em 1.2857142857142856em;
    font-size: 14px;
    line-height: 1.7;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    /*letter-spacing: 0.5px;*/
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-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;
    display: inline-block;
    height: auto;
    width: auto;
}

    .post-password-form input[type="password"]:focus {
        border-color: #484848;
        outline: 0;
    }

    .post-password-form input[type="password"]::-moz-placeholder {
        color: #c3c3c3;
        opacity: 1;
    }

    .post-password-form input[type="password"]:-ms-input-placeholder {
        color: #c3c3c3;
    }

    .post-password-form input[type="password"]::-webkit-input-placeholder {
        color: #c3c3c3;
    }

    .post-password-form input[type="password"][disabled],
    .post-password-form input[type="password"][readonly],
    fieldset[disabled] .post-password-form input[type="password"] {
        cursor: not-allowed;
        background-color: #dedede;
        opacity: 1;
    }

textarea.post-password-form input[type="password"] {
    height: auto;
}

.post-password-form input[type="password"]:focus {
    border-color: #484848;
    outline: 0;
}

.post-password-form input[type="password"]::-moz-placeholder {
    color: #c3c3c3;
    opacity: 1;
}

.post-password-form input[type="password"]:-ms-input-placeholder {
    color: #c3c3c3;
}

.post-password-form input[type="password"]::-webkit-input-placeholder {
    color: #c3c3c3;
}

.post-password-form input[type="password"][disabled],
.post-password-form input[type="password"][readonly],
fieldset[disabled] .post-password-form input[type="password"] {
    cursor: not-allowed;
    background-color: #dedede;
    opacity: 1;
}

textarea.post-password-form input[type="password"] {
    height: auto;
}

.post-password-form input[type="submit"] {
    border: 0 solid transparent;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif, Myanmar3;
    padding: 0.7142857142857143em 2.2857142857142856em;
    font-size: 14px;
    line-height: 1;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: border-color color 0.2s ease;
    -o-transition: border-color color 0.2s ease;
    transition: border-color color 0.2s ease;
    color: #44494b;
    background-color: #ebeeef;
    border-color: #ebeeef;
}

    .post-password-form input[type="submit"]:focus,
    .post-password-form input[type="submit"]:active:focus,
    .post-password-form input[type="submit"].active:focus {
        outline: none;
    }

    .post-password-form input[type="submit"]:hover,
    .post-password-form input[type="submit"]:focus {
        color: #44494b;
        text-decoration: none;
    }

    .post-password-form input[type="submit"]:active,
    .post-password-form input[type="submit"].active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .post-password-form input[type="submit"].disabled,
    .post-password-form input[type="submit"][disabled],
    fieldset[disabled] .post-password-form input[type="submit"] {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .post-password-form input[type="submit"].square {
        border-radius: 0;
    }

    .post-password-form input[type="submit"].pill {
        border-radius: 100em;
    }

    .post-password-form input[type="submit"].rounded {
        border-radius: 0.225em;
    }

    .post-password-form input[type="submit"].btn-white {
        background-color: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        -webkit-transition: all 0.2 ease;
        -o-transition: all 0.2 ease;
        transition: all 0.2 ease;
    }

        .post-password-form input[type="submit"].btn-white:hover {
            background-color: rgba(255, 255, 255, 0.6);
            border-color: rgba(255, 255, 255, 0.6);
            opacity: 1;
            color: #57666e;
        }

            .post-password-form input[type="submit"].btn-white:hover > i {
                color: #57666e !important;
            }

    .post-password-form input[type="submit"].btn-black {
        background: none repeat scroll 0 0 #333333;
        color: white;
    }

        .post-password-form input[type="submit"].btn-black:hover {
            background-color: #2b2b2b;
        }

    .post-password-form input[type="submit"] i {
        padding-right: 10px;
    }

    .post-password-form input[type="submit"].icon-right i {
        padding-left: 10px;
        padding-right: 0px;
    }

    .post-password-form input[type="submit"]:focus,
    .post-password-form input[type="submit"]:active:focus,
    .post-password-form input[type="submit"].active:focus {
        outline: none;
    }

    .post-password-form input[type="submit"]:hover,
    .post-password-form input[type="submit"]:focus {
        color: #44494b;
        text-decoration: none;
    }

    .post-password-form input[type="submit"]:active,
    .post-password-form input[type="submit"].active {
        outline: 0;
        background-image: none;
    }

    .post-password-form input[type="submit"].disabled,
    .post-password-form input[type="submit"][disabled],
    fieldset[disabled] .post-password-form input[type="submit"] {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .post-password-form input[type="submit"].square {
        border-radius: 0;
    }

    .post-password-form input[type="submit"].pill {
        border-radius: 100em;
    }

    .post-password-form input[type="submit"].rounded {
        border-radius: 0.225em;
    }

    .post-password-form input[type="submit"].btn-white {
        background-color: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        -webkit-transition: all 0.2 ease;
        -o-transition: all 0.2 ease;
        transition: all 0.2 ease;
    }

        .post-password-form input[type="submit"].btn-white:hover {
            background-color: rgba(255, 255, 255, 0.6);
            border-color: rgba(255, 255, 255, 0.6);
            opacity: 1;
            color: #57666e;
        }

            .post-password-form input[type="submit"].btn-white:hover > i {
                color: #57666e !important;
            }

    .post-password-form input[type="submit"].btn-black {
        background: none repeat scroll 0 0 #333333;
        color: white;
    }

        .post-password-form input[type="submit"].btn-black:hover {
            background-color: #2b2b2b;
        }

    .post-password-form input[type="submit"] i {
        padding-right: 10px;
    }

    .post-password-form input[type="submit"].icon-right i {
        padding-left: 10px;
        padding-right: 0px;
    }

    .post-password-form input[type="submit"]:hover,
    .post-password-form input[type="submit"]:focus,
    .post-password-form input[type="submit"]:active,
    .post-password-form input[type="submit"].active,
    .open > .dropdown-toggle.post-password-form input[type="submit"] {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #44494b;
        background-color: #ebeeef;
        border-color: #ebeeef;
    }

.content-header {
    position: relative;
    margin-bottom: 1em;
}

.content-featured {
    position: relative;
    background: #fff;
}

    .content-featured img {
        width: 100%;
        height: auto;
    }

.has-featured .content-featured {
    overflow: hidden;
}

.content-wrap {
    display: block;
    background-color: transparent;
    clear: both;
}

    .content-wrap:first-child {
        margin-top: 0;
    }

.content-title {
    font-size: 1.7em;
    color: #fff;
    margin-bottom: 1.3em;
}

@media (max-width: 767px) {
    .content-title {
        padding-right: 0;
    }
}

.single .content-title {
    font-size: 2.5em;
    color: #fff;
    margin-bottom: 0.25em;
}

.content-thumb {
    display: block;
    position: relative;
}

    .content-thumb:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #e6b706;
        opacity: 0.6;
    }

.noo-post-list .content-thumb {
    max-height: 550px;
    overflow: hidden;
}

.content-sub-title {
    display: block;
    margin: 0.8571428571428571em 0 0;
    font-size: 1.2857142857142858em;
}

.content-link,
.content-cite {
    font-size: 14px;
}

    .content-link a {
        word-break: break-all;
    }

        .content-link a:hover {
            color: black;
        }

.content-meta {
    /*font-style: italic;*/
}

    .content-meta:before,
    .content-meta:after {
        content: " ";
        display: table;
    }

    .content-meta:after {
        clear: both;
    }

    .content-meta:before,
    .content-meta:after {
        content: " ";
        display: table;
    }

    .content-meta:after {
        clear: both;
    }

    .content-meta > span {
        padding-right: 1.0714285714285714em;
    }

        .content-meta > span i {
            padding-right: 5px;
        }

        .content-meta > span > a {
            white-space: nowrap;
        }

            .content-meta > span > a:hover {
                color: #e6b706;
            }

    .content-meta .post_type_class {
        position: absolute;
        top: 1.0714285714285714em;
        right: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #f9f9f9;
        text-align: center;
        line-height: 40px;
        border: 1px solid #cccccc;
    }

        .content-meta .post_type_class i {
            line-height: 40px;
            text-align: center;
            float: none;
            width: 40px;
            height: 40px;
            padding-right: 0;
        }

@media (max-width: 767px) {
    .content-meta .post_type_class {
        display: none;
    }
}

.single .content-meta {
    float: left;
}

    .single .content-meta > span > a {
        line-height: 30px;
    }

    .single .content-meta > span.content-meta-button {
        float: right;
        padding-right: 0;
    }

        .single .content-meta > span.content-meta-button i {
            padding: 0;
        }

@media (max-width: 767px) {
    .single .content-meta > span.content-meta-button {
        float: none;
        display: block;
        margin-top: 10px;
    }

        .single .content-meta > span.content-meta-button > a:first-child {
            margin: 0;
        }
}

.single .button-social {
    color: #c3c3c3;
    width: 20%;
    float: left;
}

.content,
.content-excerpt {
    background: #fff;
    padding: 2.142857142857143em 0 0 0;
}

    .content embed,
    .content-excerpt embed,
    .content iframe,
    .content-excerpt iframe,
    .content object,
    .content-excerpt object {
        width: 100%;
        max-width: 100%;
    }

.read-more {
    border: 0 solid transparent;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif, Myanmar3;
    padding: 0.7142857142857143em 2.2857142857142856em;
    font-size: 14px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: border-color color 0.2s ease;
    -o-transition: border-color color 0.2s ease;
    transition: border-color color 0.2s ease;
    background-color: #e6b706;
    border-color: transparent;
    margin-top: 1.0714285714285714em;
    margin-bottom: 1.0714285714285714em;
    text-transform: none;
    color: #44494b;
    border-radius: 4px;
}

    .read-more:focus,
    .read-more:active:focus,
    .read-more.active:focus {
        outline: none;
    }

    .read-more:hover,
    .read-more:focus {
        color: #44494b;
        text-decoration: none;
    }

    .read-more:active,
    .read-more.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    .read-more.disabled,
    .read-more[disabled],
    fieldset[disabled] .read-more {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .read-more.square {
        border-radius: 0;
    }

    .read-more.pill {
        border-radius: 100em;
    }

    .read-more.rounded {
        border-radius: 0.225em;
    }

    .read-more.btn-white {
        background-color: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        -webkit-transition: all 0.2 ease;
        -o-transition: all 0.2 ease;
        transition: all 0.2 ease;
    }

        .read-more.btn-white:hover {
            background-color: rgba(255, 255, 255, 0.6);
            border-color: rgba(255, 255, 255, 0.6);
            opacity: 1;
            color: #57666e;
        }

            .read-more.btn-white:hover > i {
                color: #57666e !important;
            }

    .read-more.btn-black {
        background: none repeat scroll 0 0 #333333;
        color: white;
    }

        .read-more.btn-black:hover {
            background-color: #2b2b2b;
        }

    .read-more i {
        padding-right: 10px;
    }

    .read-more.icon-right i {
        padding-left: 10px;
        padding-right: 0px;
    }

    .read-more:focus,
    .read-more:active:focus,
    .read-more.active:focus {
        outline: none;
    }

    .read-more:hover,
    .read-more:focus {
        color: #44494b;
        text-decoration: none;
    }

    .read-more:active,
    .read-more.active {
        outline: 0;
        background-image: none;
    }

    .read-more.disabled,
    .read-more[disabled],
    fieldset[disabled] .read-more {
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .read-more.square {
        border-radius: 0;
    }

    .read-more.pill {
        border-radius: 100em;
    }

    .read-more.rounded {
        border-radius: 0.225em;
    }

    .read-more.btn-white {
        background-color: transparent;
        border: 1px solid #ffffff;
        color: #ffffff;
        -webkit-transition: all 0.2 ease;
        -o-transition: all 0.2 ease;
        transition: all 0.2 ease;
    }

        .read-more.btn-white:hover {
            background-color: rgba(255, 255, 255, 0.6);
            border-color: rgba(255, 255, 255, 0.6);
            opacity: 1;
            color: #57666e;
        }

            .read-more.btn-white:hover > i {
                color: #57666e !important;
            }

    .read-more.btn-black {
        background: none repeat scroll 0 0 #333333;
        color: white;
    }

        .read-more.btn-black:hover {
            background-color: #2b2b2b;
        }

    .read-more i {
        padding-right: 10px;
    }

    .read-more.icon-right i {
        padding-left: 10px;
        padding-right: 0px;
    }

    .read-more:hover,
    .read-more:focus,
    .read-more:active,
    .read-more.active,
    .open > .dropdown-toggle.read-more {
        opacity: 0.8;
        filter: alpha(opacity=80);
        color: #44494b;
        background-color: #e6b706;
        border-color: transparent;
    }

.entry-tags {
    /*border-top: 1px solid #cccccc;*/
    /*border-bottom: 1px solid #cccccc;*/
    /*padding: 1.0714285714285714em 0;*/
    margin: 2.142857142857143em 0 1.0714285714285714em 0;
    display: inline-block;
    width: 100%;
}

    .entry-tags span {
        font-weight: bold;
        padding: 1.0714285714285714em 0;
        font-family: 'Montserrat', sans-serif, Myanmar3;
    }

    .entry-tags a {
        margin: 10px 5px;
        padding: 0.35714285714285715em 1.1428571428571428em;
        font-family: 'Montserrat', sans-serif, Myanmar3;
        color: #44494b;
    }

        .entry-tags a:hover {
            background: transparent !important;
        }

@media (max-width: 767px) {
    .entry-tags a {
        line-height: 35px;
        padding: 10px 5px;
    }
}

.entry-tags a:first-child {
    margin-left: 0;
}

.content-footer .author-bio {
    padding-top: 1.0714285714285714em;
}

    .content-footer .author-bio .author-avatar {
        float: left;
    }

        .content-footer .author-bio .author-avatar img {
            -webkit-box-shadow: 0 0 0 4px #ebeeef;
            box-shadow: 0 0 0 4px #ebeeef;
            border-radius: 50%;
            z-index: 2;
            position: relative;
            margin-top: 4px;
        }

    .content-footer .author-bio .author-info {
        margin-left: 100px;
    }

        .content-footer .author-bio .author-info h4 {
            margin-top: 0;
            font-size: 14px;
            font-family: "Droid Serif", serif, Myanmar3;
        }

        .content-footer .author-bio .author-info > p {
            line-height: 1.7;
        }

@media (max-width: 767px) {
    .content-footer .author-bio .author-info {
        margin-left: 0;
        float: left;
        margin-top: 1.0714285714285714em;
    }
}

.content-footer .author-bio .author-info .author-social > div {
    float: left;
    display: block;
}

    .content-footer .author-bio .author-info .author-social > div a i {
        width: 25px;
        height: 25px;
        line-height: 25px;
        border: 0;
        margin: 10px 10px 2.142857142857143em 0;
        border-radius: 50%;
        text-align: center;
        display: block;
        background: #cccdce;
        color: #fff;
        font-size: 0.8571428571428571em;
        padding-left: 5px;
    }

        .content-footer .author-bio .author-info .author-social > div a i.fa-facebook:hover {
            background: #5873b1;
            color: #fff;
        }

        .content-footer .author-bio .author-info .author-social > div a i.fa-twitter:hover {
            background: #4099FF;
            color: #fff;
        }

        .content-footer .author-bio .author-info .author-social > div a i.fa-google-plus:hover,
        .content-footer .author-bio .author-info .author-social > div a i.fa-google:hover {
            background: #d34836;
            color: #fff;
        }

        .content-footer .author-bio .author-info .author-social > div a i.fa-pinterest:hover {
            background: #C92228;
            color: #fff;
        }

        .content-footer .author-bio .author-info .author-social > div a i.fa-linkedin:hover {
            background: #4875B4;
            color: #fff;
        }

.content-footer .content-tags {
    margin-top: 1.6428571428571428em;
    margin-bottom: 0.8214285714285714em;
}

    .content-footer .content-tags a {
        margin: 0 0px 3px 0;
        color: #ffffff;
        background: #555555;
        border-color: #555555;
        font-size: 14px !important;
        font-weight: 400;
        line-height: 1;
        margin: 0 3px 3px 0;
    }

        .content-footer .content-tags a:hover {
            background: #2e2e2e;
            border-color: #2e2e2e;
            color: #ffffff;
        }

.single .content-footer {
    margin-top: 0px;
}

.content-share {
    position: relative;
}

    .content-share > a {
        font-size: 1.2857142857142858em;
    }

    .content-share .noo-social {
        z-index: 9;
        max-width: 130px;
        position: relative;
        margin-top: 10px;
    }

        .content-share .noo-social .noo-social-title {
            display: block;
            width: 100%;
            clear: both;
            padding: 15px 0;
            font-weight: bold;
        }

        .content-share .noo-social a i {
            width: 25px;
            height: 25px;
            line-height: 25px;
            border: 0;
            margin: 0 8px 5px 0;
            border-radius: 50%;
            text-align: center;
            display: block;
            background: #cccdce;
            color: #fff;
            font-size: 14px !important;
            float: left;
        }

            .content-share .noo-social a i:hover {
                background: #2e2e2e;
                -webkit-box-shadow: none;
                box-shadow: none;
                color: #ffffff;
            }

            .content-share .noo-social a i.fa-facebook:hover {
                background: #5873b1;
            }

            .content-share .noo-social a i.fa-twitter:hover {
                background: #4099FF;
            }

            .content-share .noo-social a i.fa-google-plus:hover {
                background: #d34836;
            }

            .content-share .noo-social a i.fa-pinterest:hover {
                background: #C92228;
            }

            .content-share .noo-social a i.fa-linkedin:hover {
                background: #4875B4;
            }

    .content-share.active {
        display: block;
    }

.single-noo-portfolio .container-boxed.offset {
    margin-top: 0;
}

.single-noo-portfolio .content-header {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 40px;
    position: relative;
}

    .single-noo-portfolio .content-header .nav-single {
        position: absolute;
        right: 0;
        top: 40px;
    }

        .single-noo-portfolio .content-header .nav-single a {
            font-size: 36px;
            color: #d3d3d3;
            margin-left: 20px;
        }

            .single-noo-portfolio .content-header .nav-single a:hover,
            .single-noo-portfolio .content-header .nav-single a:focus,
            .single-noo-portfolio .content-header .nav-single a:active {
                text-decoration: none;
            }

@media (max-width: 992px) {
    .single-noo-portfolio .content-header .nav-single {
        display: none;
    }
}

.single-noo-portfolio .content-header .nav-single-list {
    position: absolute;
    left: 0;
    top: 40px;
}

    .single-noo-portfolio .content-header .nav-single-list a {
        font-size: 36px;
        color: #d3d3d3;
    }

        .single-noo-portfolio .content-header .nav-single-list a:hover,
        .single-noo-portfolio .content-header .nav-single-list a:focus,
        .single-noo-portfolio .content-header .nav-single-list a:active {
            text-decoration: none;
        }

@media (max-width: 992px) {
    .single-noo-portfolio .content-header .nav-single-list {
        display: none;
    }
}

.single-noo-portfolio .content-share {
    position: relative;
    margin-bottom: 30px;
}

.single-noo-portfolio .content-title-portfolio {
    font-size: 2.142857142857143em;
}

.single-noo-portfolio .attribute-title,
.single-noo-portfolio .project-link-title {
    font-size: 1.2857142857142858em;
    font-weight: bold;
}

.single-noo-portfolio .attribute-list > li {
    float: left;
    width: 45%;
    padding: 0.7142857142857143em 0;
    border-bottom: 1px solid #cccccc;
}

    .single-noo-portfolio .attribute-list > li a {
        font-size: 12px;
        position: relative;
        color: #44494b;
    }

        .single-noo-portfolio .attribute-list > li a:hover {
            color: #e6b706;
        }

        .single-noo-portfolio .attribute-list > li a i:before {
            background: none repeat scroll 0 0 #2e2e2e;
            color: #ffffff;
            display: block;
            font-size: 8px;
            height: 12px;
            line-height: 1.5;
            text-align: center;
            width: 12px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            position: absolute;
            top: 3px;
            left: 0;
        }

@media (max-width: 767px) {
    .single-noo-portfolio .attribute-list > li {
        width: 100%;
    }
}

.single-noo-portfolio .attribute-list .even {
    float: right;
}

.attribute-list {
    font-size: 1.2857142857142858em;
}

.project-link-btn i {
    padding-right: 0.7142857142857143em;
}

.noo-recent-news .noo-rn-item {
    position: relative;
    margin-bottom: 2.142857142857143em;
}

.noo-recent-news .noo-rn-date {
    border: 3px solid #44494b;
    height: 60px;
    position: absolute;
    text-align: center;
    width: 60px;
    z-index: 1;
    left: 1.0714285714285714em;
    top: 0;
    color: #44494b;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
}

    .noo-recent-news .noo-rn-date span {
        display: block;
        font-size: 2.142857142857143em;
        margin-bottom: 5px;
    }

.noo-recent-news .loop-item-wrap {
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

    .noo-recent-news .loop-item-wrap:hover .loop-item-featured:before {
        background-color: rgba(230, 183, 6, 0.7);
    }

.noo-recent-news .loop-item-featured {
    position: relative;
}

    .noo-recent-news .loop-item-featured:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0.5);
    }

.noo-recent-news .loop-item-wrap .loop-item-content {
    display: block;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.0714285714285714em;
}

    .noo-recent-news .loop-item-wrap .loop-item-content .loop-item-title a {
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
    }

    .noo-recent-news .loop-item-wrap .loop-item-content .content-meta {
        color: #fff;
    }

        .noo-recent-news .loop-item-wrap .loop-item-content .content-meta a {
            color: #fff;
        }

.post-navigation {
    padding: 0 0 0 130px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif, Myanmar3;
}

    .post-navigation .prev-post {
        background: #e6b706;
        width: auto;
        float: left;
        padding: 0.7142857142857143em 1.0714285714285714em;
        border-radius: 4px;
    }

        .post-navigation .prev-post:hover {
            color: #fff;
        }

            .post-navigation .prev-post:hover a {
                color: #fff;
            }

    .post-navigation .next-post {
        background: #e6b706;
        width: auto;
        float: right;
        text-align: right;
        padding: 0.7142857142857143em 1.0714285714285714em;
        border-radius: 4px;
    }

        .post-navigation .next-post:hover {
            color: #fff;
        }

            .post-navigation .next-post:hover a {
                color: #fff;
            }

    .post-navigation a:hover {
        color: #fff;
    }

@media (max-width: 767px) {
    .post-navigation {
        padding: 0;
    }
}

.sticky_post {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #cccdce;
    border-radius: 50%;
    color: #fff;
}

.sticky .content-title {
    padding-right: 50px;
}

.single .sticky_post {
    background: transparent;
    color: #e6b706;
}
/**
 * 6.0 - Wordpress part
 *  6.3 - widgets
 */
.widget + .widget {
    margin-top: 2.142857142857143em;
}

.widget .widget-title:before {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.widget h1,
.widget .h1 {
    font-size: 2.142857142857143em;
}

.widget h2,
.widget .h2 {
    font-size: 1.7142857142857142em;
}

.widget h3,
.widget .h3 {
    font-size: 1.4285714285714286em;
}

.widget h4,
.widget .h4 {
    font-size: 1.2857142857142858em;
}

.widget h5,
.widget .h5 {
    font-size: 1em;
}

.widget h6,
.widget .h6 {
    font-size: 0.85em;
}

.widget .widget-title {
    font-size: 1.7142857142857142em;
}

.widget a:hover,
.widget a:focus {
    text-decoration: none;
}

.widget p:last-child,
.widget ul:last-child,
.widget ol:last-child {
    margin-bottom: 0;
}

.widget ul,
.widget ol {
    padding: 2.142857142857143em;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    background-color: #ebeeef;
}

    .widget ul li,
    .widget ol li {
        padding: 0.25em 0;
        line-height: 1.7;
        border-bottom: 1px solid #daddde;
    }

        .widget ul li a,
        .widget ol li a {
            font-size: 14px;
            line-height: 1.7;
            font-family: 'Montserrat', sans-serif, Myanmar3;
        }

        .widget ul li:first-child,
        .widget ol li:first-child {
            padding-top: 0;
        }

        .widget ul li:last-child,
        .widget ol li:last-child {
            border-bottom: 0;
        }

.widget select {
    width: 100%;
}

.widget-title {
    color: #44494b;
    line-height: 1.7;
    margin: 0px 0 1.0714285714285714em;
    position: relative;
}

.noo-sidebar .widget-title {
    padding-left: 0;
}

    .noo-sidebar .widget-title:before {
        background: transparent;
        content: "";
        height: 0;
        left: 0;
        line-height: inherit;
        position: absolute;
        top: 50%;
        width:;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

.noo-sidebar .widget {
    padding-bottom: 2.142857142857143em;
}

    .noo-sidebar .widget:last-child {
        border: none;
        padding-bottom: 0;
    }

.noo-job-search-widget form,
.noo-resume-search-widget form,
.widget_search form {
    position: relative;
}

    .noo-job-search-widget form:before,
    .noo-resume-search-widget form:before,
    .widget_search form:before {
        content: "\f002";
        position: relative;
        display: inline-block;
        font-family: "fontawesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        padding-right: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .noo-job-search-widget form:before,
    .noo-resume-search-widget form:before,
    .widget_search form:before {
        position: absolute;
        right: 0;
        text-align: center;
        text-decoration: inherit;
        top: 0;
        width: 50px;
        cursor: pointer;
        height: 50px;
        line-height: 50px;
        background: transparent;
        color: #b8b8b8;
        font-weight: 300;
        -webkit-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
    }

.noo-job-search-widget #s,
.noo-resume-search-widget #s,
.widget_search #s {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    padding-right: 50px;
    background: #fff;
    border: 1px solid #cccccc;
    /*font-style: italic;*/
    font-weight: 300;
    height: 3em;
}

.widget_calendar #wp-calendar {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #ebeeef;
    max-width: 100%;
    margin-bottom: 1.4285714285714286em;
    width: 100%;
    position: relative;
    font-size: 14px;
    border-radius: 3px;
}

    .widget_calendar #wp-calendar caption {
        border-color: #cccccc;
        border-style: solid;
        border-width: 1px 1px 0;
        font-size: 14px;
        font-weight: 300;
        padding: 0.42857142857142855em;
        text-transform: uppercase;
        background-color: #ebeeef;
        border-bottom: 1px solid #e5e5e5;
    }

    .widget_calendar #wp-calendar th,
    .widget_calendar #wp-calendar td {
        text-align: center;
        line-height: 1.625em;
        padding: 0.7142857142857143em;
    }

    .widget_calendar #wp-calendar > thead {
        background-color: rgba(0, 0, 0, 0);
    }

        .widget_calendar #wp-calendar > thead > tr > th {
            border-bottom: 1px solid #cccccc;
            font-weight: 300;
            font-size: 14px;
            padding: 0.42857142857142855em;
        }

    .widget_calendar #wp-calendar > tbody > tr > td {
        border: none;
        line-height: 1.625em;
        padding: 0.35714285714285715em;
    }

        .widget_calendar #wp-calendar > tbody > tr > td.pad {
            background-color: transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .widget_calendar #wp-calendar > tbody > tr > td.pad:first-child {
                border-left: 0;
            }

            .widget_calendar #wp-calendar > tbody > tr > td.pad:last-child {
                border-right: 0;
            }

        .widget_calendar #wp-calendar > tbody > tr > td > a {
            background: #2e2e2e;
            color: #ffffff;
            display: block;
            border-radius: 3px;
        }

    .widget_calendar #wp-calendar > tfoot {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

        .widget_calendar #wp-calendar > tfoot .pad {
            border: none;
        }

    .widget_calendar #wp-calendar #prev,
    .widget_calendar #wp-calendar #next {
        font-weight: 300;
        padding: 0.35714285714285715em 0.7142857142857143em;
        text-shadow: none;
        text-transform: uppercase;
        position: absolute;
        top: 0;
    }

        .widget_calendar #wp-calendar #prev > a,
        .widget_calendar #wp-calendar #next > a {
            display: block;
            width: 40px;
            height: 40px;
            text-indent: -9999em;
            position: absolute;
            top: 0;
        }

    .widget_calendar #wp-calendar #next {
        right: 0;
        padding-left: 1.0714285714285714em;
    }

        .widget_calendar #wp-calendar #next:before {
            content: "\f105";
            position: relative;
            display: inline-block;
            font-family: "fontawesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            speak: none;
            padding-right: 5;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .widget_calendar #wp-calendar #next > a {
            right: 0;
        }

    .widget_calendar #wp-calendar #prev {
        left: 0;
        padding-left: 1.0714285714285714em;
    }

        .widget_calendar #wp-calendar #prev:before {
            content: "\f104";
            position: relative;
            display: inline-block;
            font-family: "fontawesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            speak: none;
            padding-right: 5;
            opacity: 1;
            filter: alpha(opacity=100);
        }

        .widget_calendar #wp-calendar #prev > a {
            left: 0;
        }

.widget_nav_menu ul li a,
.widget_meta ul li a,
.widget_pages ul li a {
    display: block;
}

.widget_nav_menu ul li ul,
.widget_meta ul li ul,
.widget_pages ul li ul,
.widget_nav_menu ul li .sub-menu,
.widget_meta ul li .sub-menu,
.widget_pages ul li .sub-menu {
    border: 0;
    background-color: transparent;
    border-radius: 0;
}

    .widget_nav_menu ul li ul li a,
    .widget_meta ul li ul li a,
    .widget_pages ul li ul li a,
    .widget_nav_menu ul li .sub-menu li a,
    .widget_meta ul li .sub-menu li a,
    .widget_pages ul li .sub-menu li a {
        padding-left: 2.142857142857143em;
    }

    .widget_nav_menu ul li ul li:first-child a,
    .widget_meta ul li ul li:first-child a,
    .widget_pages ul li ul li:first-child a,
    .widget_nav_menu ul li .sub-menu li:first-child a,
    .widget_meta ul li .sub-menu li:first-child a,
    .widget_pages ul li .sub-menu li:first-child a {
        border-radius: 0;
    }

    .widget_nav_menu ul li ul ul li a,
    .widget_meta ul li ul ul li a,
    .widget_pages ul li ul ul li a,
    .widget_nav_menu ul li .sub-menu ul li a,
    .widget_meta ul li .sub-menu ul li a,
    .widget_pages ul li .sub-menu ul li a {
        padding-left: 4.285714285714286em;
    }

.widget_nav_menu .menu > li:last-child a:first-child {
    border-bottom: 0;
}

.widget_nav_menu .current-menu-item > a {
    background-color: rgba(0, 0, 0, 0);
}

.widget.widget_meta ul {
    border-bottom: 0;
}

.widget.widget_meta li abbr[title] {
    border-bottom: 0;
}

.widget.widget_pages ul {
    border-bottom: 0;
}

.widget.widget_recent_comments li,
.widget.widget_recent_entries li,
.widget.widget_rss li {
    font-size: 14px;
}

    .widget.widget_recent_entries li a {
        display: block;
        border-bottom: 0;
        font-size: 14px;
        line-height: 1.7;
    }

    .widget.widget_recent_entries li .post-date {
        display: block;
        font-weight: 300;
        /*font-style: italic;*/
        position: relative;
        padding: 0.35714285714285715em 0 0.35714285714285715em 2.142857142857143em;
    }

        .widget.widget_recent_entries li .post-date:before {
            position: absolute;
            left: 0;
            top: 0.35714285714285715em;
            font-family: FontAwesome;
            content: "\f073";
            font-style: normal;
        }

.widget.widget_rss .widget-title img[alt=RSS] {
    display: none !important;
    visibility: hidden !important;
}

.widget.widget_rss .widget-title a:last-child:before {
    content: "\f143";
    position: relative;
    display: inline-block;
    font-family: "fontawesome";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    padding-right: 8px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.widget.widget_rss li a {
    display: block;
    margin-top: 0.35714285714285715em;
    border-bottom: 0;
    font-size: 1.2857142857142858em;
    font-weight: 400;
}

    .widget.widget_rss li a:before {
        content: "\f08e";
        position: relative;
        display: inline-block;
        font-family: "fontawesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        padding-right: 5px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.widget_rss .rss-date {
    display: block;
    margin-top: 0.35714285714285715em;
    text-transform: uppercase;
}

    .widget_rss .rss-date:not(:empty):before {
        content: "\f133";
        position: relative;
        display: inline-block;
        font-family: "fontawesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        padding-right: 5px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.widget_rss .rssSummary {
    margin: 10px 0;
    font-size: 14px;
}

.widget_rss cite {
    display: block;
    text-transform: uppercase;
}

    .widget_rss cite:not(:empty):before {
        content: "\f007";
        position: relative;
        display: inline-block;
        font-family: "fontawesome";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        padding-right: 5px;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.widget_tag_cloud,
.widget_product_tag_cloud {
    text-shadow: none;
}

    .widget_tag_cloud .tagcloud a,
    .widget_product_tag_cloud .tagcloud a {
        margin: 0 0px 3px 0;
        color: #ffffff;
        background: #555555;
        border-color: #555555;
        font-size: 14px !important;
        font-weight: 400;
        line-height: 1;
    }

        .widget_tag_cloud .tagcloud a:hover,
        .widget_product_tag_cloud .tagcloud a:hover {
            background: #2e2e2e;
            border-color: #2e2e2e;
            color: #ffffff;
        }

.recent-tweets .twitter_time {
    font-size: 0.8571428571428571em;
    border-bottom: 1px dotted #8d8d8d;
    color: #c2c2c2 !important;
}

    .recent-tweets .twitter_time:hover {
        color: #484848;
    }

.tweets-widget .recent-tweets li {
    margin-bottom: 1.0714285714285714em;
}

.tweets-widget .recent-tweets .twitter_user a {
    font-weight: bold;
}

.tweets-widget .recent-tweets .twitter_user img {
    width: 32px;
    height: auto;
    margin-right: 10px;
}

.tweets-widget .recent-tweets .twitter_user .twitter_username {
    margin-left: 15px;
}

.noo-job-location-widget ul li,
.noo-job-category-widget ul li,
.widget_categories ul li {
    float: right;
    text-align: right;
    width: 100%;
}

    .noo-job-location-widget ul li a,
    .noo-job-category-widget ul li a,
    .widget_categories ul li a {
        float: left;
    }

.mailchimp-widget .mc-email-wrap {
    margin-top: 1.0714285714285714em;
}

.wigetized .mailchimp-widget {
    /* placeholder */
    /* hide placeholder when active in Chrome */
}

    .wigetized .mailchimp-widget .mc-email {
        background: none repeat scroll 0 0 rgba(7, 7, 7, 0.14);
        border: medium none;
        color: #767676;
    }

        .wigetized .mailchimp-widget .mc-email::-webkit-input-placeholder {
            color: #767676;
        }

        .wigetized .mailchimp-widget .mc-email:-moz-placeholder {
            color: #767676;
        }

        .wigetized .mailchimp-widget .mc-email::-moz-placeholder {
            color: #767676;
        }

        .wigetized .mailchimp-widget .mc-email:-ms-input-placeholder {
            color: #767676;
        }

        .wigetized .mailchimp-widget .mc-email:focus::-webkit-input-placeholder {
            color: transparent;
        }

.noo-job-type-widget li a {
    display: block;
    position: relative;
}

    .noo-job-type-widget li a i {
        height: 14px;
        width: 10px;
        position: absolute;
        display: block;
        right: 0;
        top: 50%;
        margin-top: -7px;
    }
/**
 * 6.0 - Wordpress part
 *  6.4 - comments
 */
.comments-area {
    background: #fff;
    /*margin-top: 2.142857142857143em;*/
    padding: 2.142857142857143em 0 2.142857142857143em 130px;
}

    .comments-area > h2 {
        font-size: 14px;
        font-weight: 600;
    }

    .comments-area > .comment-respond .comment-form-fields .comment-form-input {
        float: left;
    }

    .comments-area > .comment-respond .comment-form-fields .comment-form-textarea label {
        display: none;
    }

@media (max-width: 767px) {
    .comments-area > .comment-respond .comment-form-fields .comment-form-input,
    .comments-area > .comment-respond .comment-form-fields .comment-form-textarea {
        float: none;
        padding: 0;
    }

        .comments-area > .comment-respond .comment-form-fields .comment-form-textarea label {
            display: block;
        }

        .comments-area > .comment-respond .comment-form-fields .comment-form-textarea textarea {
            margin-bottom: 20px;
            margin-top: 0px;
        }
}

.comments-area > .comment-respond .comment-form-fields.comment-form-in-as .comment-form-textarea {
    float: none;
    padding: 0;
}

    .comments-area > .comment-respond .comment-form-fields.comment-form-in-as .comment-form-textarea label {
        display: block;
    }

    .comments-area > .comment-respond .comment-form-fields.comment-form-in-as .comment-form-textarea textarea {
        margin-bottom: 20px;
        margin-top: 0px;
    }

.comments-area a:hover,
.comments-area a:focus {
    text-decoration: none;
}

@media (max-width: 768px) {
    .comments-area {
        padding: 1.0714285714285714em;
    }
}

h2.comments-title {
    font-size: 1.3em;
}

    h2.comments-title span {
        color: #e6b706;
    }

.comments-list,
.comments-list .children {
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .comments-list .children {
        padding-left: 50px;
        margin-left: 35px;
        position: relative;
    }

        .comments-list .children .comment {
            position: relative;
        }
}

li.comment {
    margin: 0;
    padding: 0;
}

.comment-img {
    float: left;
    margin-top: 4px;
    margin-left: 4px;
}

    .comment-img img {
        -webkit-box-shadow: 0 0 0 4px #ebeeef;
        box-shadow: 0 0 0 4px #ebeeef;
        border-radius: 50%;
        z-index: 2;
        position: relative;
    }

.comment-wrap {
    /*position: relative;*/
    margin: 0 0 10px 0px;
    padding: 20px 0 10px 0;
    /*border: 0;*/
}

@media (max-width: 767px) {
    .comment-wrap {
        padding: 7%;
    }
}

@media (max-width: 767px) {
    .comment-wrap {
        padding: 0;
    }
}

.comment-block {
    padding: 0;
    /*margin: 0 0 0 90px;*/
}

@media (max-width: 767px) {
    .comment-block {
        margin: 1.0714285714285714em 0;
    }
}

.comment-block:after {
    position: absolute;
    content: "";
    bottom: -10px;
    /*background: #cccccc;*/
    height: 1px;
    width: 550px;
    float: right;
    right: 0;
    left: auto;
}

.comment-header {
    padding-bottom: 0.42857142857142855em;
    display: inline-flex;
}

    .comment-header span.pull-right {
        margin-top: 6px;
    }

@media (max-width: 767px) {
    .comment-header {
        padding: 10px 0;
    }
}

.comment-content {
    position: relative;
}

.comment-author {
    margin-right: 10px;
}

    .comment-author a {
        color: #44494b;
        font-weight: bold;
    }

        .comment-author a:hover {
            color: #e6b706;
        }

.ispostauthor {
    background: none repeat scroll 0 0 #000;
    color: #FFFFFF;
    padding: 0px 5px;
    margin-left: 10px;
    border-radius: 4px;
}

.comment-meta {
    position: relative;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    color: #b0b0b0;
}

    .comment-meta time:before {
        content: ".";
        position: absolute;
        font-size: 30px;
        top: -20px;
        left: 0;
    }

@media (max-width: 767px) {
    .comment-meta {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.comment-pending {
    padding: 0.42857142857142855em 0.8571428571428571em;
    text-align: center;
    color: #2e2e2e;
    background-color: #dedede;
    border-radius: 4px;
}

.comment-reply-link {
    border-radius: 4px;
    color: #777777;
    padding: 5px 0;
    /*font-style: italic;*/
    padding-left: 0.42857142857142855em;
}

    .comment-reply-link:hover {
        color: #e6b706;
    }

#respond {
    margin-bottom: 50px;
    margin-top: 50px;
}

    #respond .required {
        position: relative;
        color: #2e2e2e;
    }

.comment-reply-title {
    font-weight: bold;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif, Myanmar3;
    padding-bottom: 1.0714285714285714em;
}

    .comment-reply-title small {
        font-size: 14px;
    }

#commentform {
    margin-bottom: 0;
}

.comment-notes:before,
.comment-notes:after {
    content: " ";
    display: table;
}

.comment-notes:after {
    clear: both;
}

.comment-notes:before,
.comment-notes:after {
    content: " ";
    display: table;
}

.comment-notes:after {
    clear: both;
}

.comment-notes,
.logged-in-as {
    margin-bottom: 20px;
}

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-rating,
.comment-form-comment {
    margin: 0;
}

    .comment-form-author label,
    .comment-form-email label,
    .comment-form-url label,
    .comment-form-rating label,
    .comment-form-comment label {
        font-weight: 300;
    }

    .comment-form-author input,
    .comment-form-email input,
    .comment-form-url input {
        margin-bottom: 20px;
        font-size: 14px;
        background: transparent;
        border-radius: 3px;
        padding: 8px 20px;
        width: 100%;
        border: 1px solid #f6f6f6;
        color: #b0b0b0;
        /*font-style: italic;*/
        font-weight: 300;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
    }

    .comment-form-comment textarea {
        font-size: 14px;
        background: transparent;
        border-radius: 3px;
        margin-bottom: 20px;
        margin-top: 0px;
        height: 180px;
        padding: 20px;
        resize: none;
        width: 100%;
        border: 1px solid #f6f6f6;
    }

.form-submit {
    margin: 0;
}

    .form-submit input[type="submit"] {
        border: 0 solid transparent;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        font-family: 'Montserrat', sans-serif, Myanmar3;
        padding: 0.7142857142857143em 2.2857142857142856em;
        font-size: 14px;
        line-height: 1;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: border-color color 0.2s ease;
        -o-transition: border-color color 0.2s ease;
        transition: border-color color 0.2s ease;
        color: #44494b;
        background-color: #e6b706;
        border-color: transparent;
        padding: 10px 3.2142857142857144em;
        float: left;
        font-size: 16px;
    }

        .form-submit input[type="submit"]:focus,
        .form-submit input[type="submit"]:active:focus,
        .form-submit input[type="submit"].active:focus {
            outline: none;
        }

        .form-submit input[type="submit"]:hover,
        .form-submit input[type="submit"]:focus {
            color: #44494b;
            text-decoration: none;
        }

        .form-submit input[type="submit"]:active,
        .form-submit input[type="submit"].active {
            outline: 0;
            background-image: none;
            -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

        .form-submit input[type="submit"].disabled,
        .form-submit input[type="submit"][disabled],
        fieldset[disabled] .form-submit input[type="submit"] {
            cursor: not-allowed;
            pointer-events: none;
            opacity: 0.65;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .form-submit input[type="submit"].square {
            border-radius: 0;
        }

        .form-submit input[type="submit"].pill {
            border-radius: 100em;
        }

        .form-submit input[type="submit"].rounded {
            border-radius: 0.225em;
        }

        .form-submit input[type="submit"].btn-white {
            background-color: transparent;
            border: 1px solid #ffffff;
            color: #ffffff;
            -webkit-transition: all 0.2 ease;
            -o-transition: all 0.2 ease;
            transition: all 0.2 ease;
        }

            .form-submit input[type="submit"].btn-white:hover {
                background-color: rgba(255, 255, 255, 0.6);
                border-color: rgba(255, 255, 255, 0.6);
                opacity: 1;
                color: #57666e;
            }

                .form-submit input[type="submit"].btn-white:hover > i {
                    color: #57666e !important;
                }

        .form-submit input[type="submit"].btn-black {
            background: none repeat scroll 0 0 #333333;
            color: white;
        }

            .form-submit input[type="submit"].btn-black:hover {
                background-color: #2b2b2b;
            }

        .form-submit input[type="submit"] i {
            padding-right: 10px;
        }

        .form-submit input[type="submit"].icon-right i {
            padding-left: 10px;
            padding-right: 0px;
        }

        .form-submit input[type="submit"]:focus,
        .form-submit input[type="submit"]:active:focus,
        .form-submit input[type="submit"].active:focus {
            outline: none;
        }

        .form-submit input[type="submit"]:hover,
        .form-submit input[type="submit"]:focus {
            color: #44494b;
            text-decoration: none;
        }

        .form-submit input[type="submit"]:active,
        .form-submit input[type="submit"].active {
            outline: 0;
            background-image: none;
        }

        .form-submit input[type="submit"].disabled,
        .form-submit input[type="submit"][disabled],
        fieldset[disabled] .form-submit input[type="submit"] {
            cursor: not-allowed;
            pointer-events: none;
            opacity: 0.65;
            filter: alpha(opacity=65);
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .form-submit input[type="submit"].square {
            border-radius: 0;
        }

        .form-submit input[type="submit"].pill {
            border-radius: 100em;
        }

        .form-submit input[type="submit"].rounded {
            border-radius: 0.225em;
        }

        .form-submit input[type="submit"].btn-white {
            background-color: transparent;
            border: 1px solid #ffffff;
            color: #ffffff;
            -webkit-transition: all 0.2 ease;
            -o-transition: all 0.2 ease;
            transition: all 0.2 ease;
        }

            .form-submit input[type="submit"].btn-white:hover {
                background-color: rgba(255, 255, 255, 0.6);
                border-color: rgba(255, 255, 255, 0.6);
                opacity: 1;
                color: #57666e;
            }

                .form-submit input[type="submit"].btn-white:hover > i {
                    color: #57666e !important;
                }

        .form-submit input[type="submit"].btn-black {
            background: none repeat scroll 0 0 #333333;
            color: white;
        }

            .form-submit input[type="submit"].btn-black:hover {
                background-color: #2b2b2b;
            }

        .form-submit input[type="submit"] i {
            padding-right: 10px;
        }

        .form-submit input[type="submit"].icon-right i {
            padding-left: 10px;
            padding-right: 0px;
        }

        .form-submit input[type="submit"]:hover,
        .form-submit input[type="submit"]:focus,
        .form-submit input[type="submit"]:active,
        .form-submit input[type="submit"].active,
        .open > .dropdown-toggle.form-submit input[type="submit"] {
            opacity: 0.8;
            filter: alpha(opacity=80);
            color: #44494b;
            background-color: #e6b706;
            border-color: transparent;
        }

        .form-submit input[type="submit"]:hover,
        .form-submit input[type="submit"]:focus {
            background: #2e2e2e;
            color: #ffffff;
            border-color: #2e2e2e;
        }
/**
 * 6.0 - Wordpress part
 *  6.5 - pagination
 */
.loadmore-action {
    margin-top: 2.142857142857143em;
}

    .loadmore-action ~ .pagination {
        display: none;
    }

.loadmore-loading {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 3;
    font-size: 14px;
}

.loadmore-loading {
    position: relative;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    top: 35px;
    height: 36px;
    width: 100px;
    display: none;
    text-align: center;
}

    .loadmore-loading span {
        display: block;
        bottom: 35px;
        width: 5px;
        height: 5px;
        background: #e6b706;
        position: absolute;
        -webkit-animation: preload_audio_wave 1s infinite ease-in-out;
        -o-animation: preload_audio_wave 1s infinite ease-in-out;
        animation: preload_audio_wave 1s infinite ease-in-out;
    }

        .loadmore-loading span:nth-child(2) {
            left: 11px;
            -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
        }

        .loadmore-loading span:nth-child(3) {
            left: 22px;
            -webkit-animation-delay: 0.4s;
            animation-delay: 0.4s;
        }

        .loadmore-loading span:nth-child(4) {
            left: 33px;
            -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
        }

        .loadmore-loading span:nth-child(5) {
            left: 44px;
            -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
        }

@keyframes preload_audio_wave {
    0% {
        height: 3px;
        transform: translateY(0px);
    }

    25% {
        height: 10px;
        transform: translateY(5px);
    }

    50% {
        height: 3px;
        transform: translateY(0px);
    }

    100% {
        height: 3px;
        transform: translateY(0px);
    }
}

@-webkit-keyframes preload_audio_wave {
    0% {
        height: 3px;
        -webkit-transform: translateY(0px);
    }

    25% {
        height: 10px;
        -webkit-transform: translateY(5px);
    }

    50% {
        height: 3px;
        -webkit-transform: translateY(0px);
    }

    100% {
        height: 3px;
        -webkit-transform: translateY(0px);
    }
}

@-moz-keyframes preload_audio_wave {
    0% {
        height: 3px;
        -moz-transform: translateY(0px);
    }

    25% {
        height: 10px;
        -moz-transform: translateY(5px);
    }

    50% {
        height: 3px;
        -moz-transform: translateY(0px);
    }

    100% {
        height: 3px;
        -moz-transform: translateY(0px);
    }
}

@keyframes preload_audio_wave {
    0% {
        height: 3px;
        transform: translateY(0px);
    }

    25% {
        height: 10px;
        transform: translateY(5px);
    }

    50% {
        height: 3px;
        transform: translateY(0px);
    }

    100% {
        height: 3px;
        transform: translateY(0px);
    }
}

.pagination {
    text-align: right;
    margin-top: 2.142857142857143em;
}

    .pagination .page-numbers {
        background: #ebeeef;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        color: #44494b;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        line-height: 1;
        margin: 0 3px 3px;
        padding: 9px 14px;
        text-align: center;
        box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;
    }

        .pagination .page-numbers:hover:not(.disabled),
        .pagination .page-numbers.current:not(.disabled) {
            background: #e6b706;
            color: #44494b;
        }

        .pagination .page-numbers.dots {
            border: none;
            background: none;
            border-radius: 0px;
            color: #44494b;
            padding-left: 0.7142857142857143em;
            padding-right: 0.7142857142857143em;
        }
/**
 * 7.0 - Library
 *  7.1 - animations
 */
/******************
* Bounce in right *
*******************/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bounceInRight,
.bounceInLeft,
.bounceInUp,
.bounceInDown {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}

.fadeInRight,
.fadeInLeft,
.fadeInUp,
.fadeInDown {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}

.flipInX,
.flipInY,
.rotateIn,
.rotateInUpLeft,
.rotateInUpRight,
.rotateInDownLeft,
.rotateDownUpRight,
.rollIn {
    opacity: 0;
}

.lightSpeedInRight,
.lightSpeedInLeft {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}
/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn.go {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
/****************
* bounceInRight *
****************/
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
    }

    60% {
        -webkit-transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(400px);
    }

    60% {
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.bounceInRight.go {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
/******************
* Bounce in left *
*******************/
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
    }

    60% {
        -webkit-transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-400px);
    }

    60% {
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.bounceInLeft.go {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
/******************
* Bounce in up *
*******************/
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px);
    }

    60% {
        -webkit-transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(400px);
    }

    60% {
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.bounceInUp.go {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
/******************
* Bounce in down *
*******************/
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px);
    }

    60% {
        -webkit-transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-400px);
    }

    60% {
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.bounceInDown.go {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        display: block;
    }
}

.fadeIn {
    opacity: 0;
}

    .fadeIn.go {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
    }
/**********
* Grow in *
***********/
@-webkit-keyframes growIn {
    0% {
        -webkit-transform: scale(0.2);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes growIn {
    0% {
        transform: scale(0.2);
        opacity: 0;
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.growIn {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
}

    .growIn.go {
        -webkit-animation-name: growIn;
        animation-name: growIn;
    }
/********
* Shake *
********/
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
    }
}

@keyframes shake {
    0%, 100% {
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateX(10px);
    }
}

.shake.go {
    -webkit-animation-name: shake;
    animation-name: shake;
}
/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateY(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateY(10px);
    }
}

@keyframes shakeUp {
    0%, 100% {
        transform: translateY(0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translateY(-10px);
    }

    20%, 40%, 60%, 80% {
        transform: translateY(10px);
    }
}

.shakeUp.go {
    -webkit-animation-name: shakeUp;
    animation-name: shakeUp;
}
/*************
* FadeInLeft *
*************/
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    opacity: 0;
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
}

    .fadeInLeft.go {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
/*************
* FadeInRight *
*************/
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    opacity: 0;
    -webkit-transform: translateX(400px);
    transform: translateX(400px);
}

    .fadeInRight.go {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }
/*************
* FadeInUp *
*************/
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    opacity: 0;
    -webkit-transform: translateY(400px);
    transform: translateY(400px);
}

    .fadeInUp.go {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }
/*************
* FadeInDown *
*************/
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-400px);
    }

    50% {
        opacity: 0.3;
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    opacity: 0;
    -webkit-transform: translateY(-400px);
    transform: translateY(-400px);
}

    .fadeInDown.go {
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
    }
/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn.go {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
/*****************
* rotateInUpLeft *
*****************/
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft.go {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft.go {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
/******************
* rotateInUpRight *
*******************/
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight.go {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
/********************
* rotateInDownRight *
********************/
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight.go {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
/*********
* rollIn *
**********/
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn.go {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
/*********
* wiggle *
**********/
@-webkit-keyframes wiggle {
    0% {
        -webkit-transform: skewX(9deg);
    }

    10% {
        -webkit-transform: skewX(-8deg);
    }

    20% {
        -webkit-transform: skewX(7deg);
    }

    30% {
        -webkit-transform: skewX(-6deg);
    }

    40% {
        -webkit-transform: skewX(5deg);
    }

    50% {
        -webkit-transform: skewX(-4deg);
    }

    60% {
        -webkit-transform: skewX(3deg);
    }

    70% {
        -webkit-transform: skewX(-2deg);
    }

    80% {
        -webkit-transform: skewX(1deg);
    }

    90% {
        -webkit-transform: skewX(0deg);
    }

    100% {
        -webkit-transform: skewX(0deg);
    }
}

@keyframes wiggle {
    0% {
        transform: skewX(9deg);
    }

    10% {
        transform: skewX(-8deg);
    }

    20% {
        transform: skewX(7deg);
    }

    30% {
        transform: skewX(-6deg);
    }

    40% {
        transform: skewX(5deg);
    }

    50% {
        transform: skewX(-4deg);
    }

    60% {
        transform: skewX(3deg);
    }

    70% {
        transform: skewX(-2deg);
    }

    80% {
        transform: skewX(1deg);
    }

    90% {
        transform: skewX(0deg);
    }

    100% {
        transform: skewX(0deg);
    }
}

.wiggle.go {
    -webkit-animation-name: wiggle;
    animation-name: wiggle;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
/********
* swing *
*********/
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin: top center;
    }

    20% {
        -webkit-transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.swing.go {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
/*******
* tada *
********/
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
    }
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.tada.go {
    -webkit-animation-name: tada;
    animation-name: tada;
}
/*********
* wobble *
**********/
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
    }
}

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.wobble.go {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
/********
* pulse *
*********/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse.go {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedInRight {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedInRight.go {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translateX(-100%) skewX(30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(20%) skewX(-30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedInLeft {
    0% {
        transform: translateX(-100%) skewX(30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(20%) skewX(-30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedInLeft.go {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
/*******
* Flip *
*******/
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -webkit-animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) scale(1);
        -webkit-animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(0);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) scale(1);
        animation-timing-function: ease-in;
    }
}

.flip.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flip;
    backface-visibility: visible !important;
    animation-name: flip;
}
/**********
* flipInX *
**********/
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
}
/**********
* flipInY *
**********/
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY.go {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}
/*****************
* Out animations *
*****************/
/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
    }

    25% {
        -webkit-transform: scale(0.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
    }
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}

.bounceOut.goAway {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.bounceOutUp.goAway {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.bounceOutDown.goAway {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.bounceOutLeft.goAway {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.bounceOutRight.goAway {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut.goAway {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.fadeOutUp.goAway {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.fadeOutDown.goAway {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.fadeOutLeft.goAway {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.fadeOutRight.goAway {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX.goAway {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
}
/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}
/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutRight {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOutRight.goAway {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-100%) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(-100%) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOutLeft.goAway {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut.goAway {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -transform-origin: left bottom;
        -transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft.goAway {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
/************
* rotateOutDownLeft *
*************/
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft.goAway {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
/************
* rotateOutUpRight *
*************/
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight.goAway {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
/************
* rollOut *
*************/
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut.goAway {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
/*
 * 7.0 - Library
 *  7.2 - carousel
 */
.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            line-height: 1;
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        transition: transform 0.6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000;
    }

        .carousel-inner > .item.next,
        .carousel-inner > .item.active.right {
            transform: translate3d(100%, 0, 0);
            left: 0;
        }

        .carousel-inner > .item.prev,
        .carousel-inner > .item.active.left {
            transform: translate3d(-100%, 0, 0);
            left: 0;
        }

            .carousel-inner > .item.next.left,
            .carousel-inner > .item.prev.right,
            .carousel-inner > .item.active {
                transform: translate3d(0, 0, 0);
                left: 0;
            }
}

.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.fade {
    opacity: 1;
    filter: alpha(opacity=100);
}

    .carousel.fade .carousel-inner .item {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .carousel.fade .carousel-inner .active {
        opacity: 1;
        filter: alpha(opacity=100);
        z-index: 1;
        display: block;
    }

        .carousel.fade .carousel-inner .active.left,
        .carousel.fade .carousel-inner .active.right {
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            z-index: 1;
        }

    .carousel.fade .carousel-inner .next.left,
    .carousel.fade .carousel-inner .prev.right {
        opacity: 1;
        filter: alpha(opacity=100);
        display: block;
    }

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 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, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    }

    .carousel-control:hover,
    .carousel-control:focus {
        outline: 0;
        color: #ffffff;
        text-decoration: none;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block;
    }

    .carousel-control .icon-prev,
    .carousel-control .glyphicon-chevron-left {
        left: 50%;
        margin-left: -10px;
    }

    .carousel-control .icon-next,
    .carousel-control .glyphicon-chevron-right {
        right: 50%;
        margin-right: -10px;
    }

    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        font-family: serif, Myanmar3;
    }

        .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 #ffffff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #ffffff;
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

    .carousel-caption .btn,
    .carousel-caption .widget_newsletterwidget .newsletter-submit {
        text-shadow: none;
    }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px;
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}
/**
 * 7.0 - Library
 *  7.3 - caroufredsel
 */
.noo-slider {
    position: relative;
}

    .noo-slider .caroufredsel_wrapper {
        position: relative;
        height: auto !important;
    }

        .noo-slider .caroufredsel_wrapper .sliders {
            list-style: none;
            margin: 0;
            padding: 0;
            height: auto !important;
            position: relative !important;
        }

            .noo-slider .caroufredsel_wrapper .sliders .slide-item {
                float: left;
                position: relative;
                height: auto;
                width: 100%;
            }

                .noo-slider .caroufredsel_wrapper .sliders .slide-item img {
                    display: block;
                    max-width: 100%;
                    width: 100%;
                }

                .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed {
                    position: relative;
                    display: block;
                }

                    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption {
                        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
                        bottom: 50px;
                        margin: 0;
                        left: 2.65em;
                        right: 2.65em;
                        padding: 2.142857142857143em 50px;
                        position: absolute;
                        width: auto;
                        color: #fff;
                        -webkit-box-shadow: 0 0 0 1.0714285714285714em rgba(0, 0, 0, 0.1);
                        box-shadow: 0 0 0 1.0714285714285714em rgba(0, 0, 0, 0.1);
                        border-radius: 3px;
                    }


.myslider{
     width:600px;
     height:450px;

}

.mykeyboard{
    font-size:13px;
}

#slideout {
    position: fixed;
    top: 100px;
    left: 0;
    z-index: 100000;
 
}

.slideout_inner {
    position: fixed;
    top: 100px;
    width:280px;
    height:280px;
    left: -280px;  
   border:2px solid #9C4643;
   /*background-color: #C0504D;*/
    background-color: #ddd;
   opacity:1;
    
}

#keyboard {
    cursor:pointer;
}

.keys {   
   
    width:39px;
    height:39px;
    cursor:pointer;
    font-weight:bold;    
    text-align: center;
    display:table;
    vertical-align: middle;


}

.slot2keys {   
   
    width:67px;
    height:39px;
    cursor:pointer;
    font-weight:bold;    
    text-align: center;
    display:table;
    vertical-align: middle;


}

.slot3keys {   
   
    width:100px;
    height:30px;
    cursor:pointer;
    font-weight:bold;    
    text-align: center;
    display:table;
    vertical-align: middle;


}


.slot5keys {   
   
    width:165px;
    height:30px;
    cursor:pointer;
    font-weight:bold;    
    text-align: center;
    display:table;
    vertical-align: middle;


}

.keys:hover {
       color:orange;
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption {
        padding: 10px 0;
    }
}

.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .slide-caption-info h3 {
    margin-top: 5px;
}

    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .slide-caption-info h3 a {
        font-size: 30px;
        color: #fff;
    }

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .slide-caption-info h3 a {
        font-size: 1em;
    }
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .slide-caption-info h3 a {
        font-size: 16px;
    }
}

.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .slide-caption-info h5.title-slide {
    font-family: "Droid Serif", serif, Myanmar3;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    font-weight: 300;
    margin-top: 0;
}

.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime {
    background: transparent;
    border: 0;
    clear: none;
    margin: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown {
        width: 100%;
        background: transparent;
    }

        .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown .dash .time_number {
            color: #fff;
            top: -20px;
            height: 90px;
            font-size: 1.5em;
        }

            .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown .dash .time_number .digit {
                font-size: 60px;
                line-height: 90px;
            }

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown .dash .time_number .digit {
        font-size: 40px;
        line-height: 50px;
        display: block;
        width: auto;
        text-align: left;
    }
}

.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown .dash .time_number .dash_title {
    font-size: 22px;
    color: #fff;
    margin-bottom: 0;
    bottom: -20px;
    width: 100%;
    text-align: center;
    left: auto;
    margin: 0 auto;
    display: block;
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown .dash .time_number .dash_title {
        text-align: left;
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown .dash .time_number {
        text-align: left !important;
        height: 50px;
    }
}

.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown .dash:after {
    content: "";
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown .dash {
        height: 50px;
    }
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime .noo-countdown {
        min-height: 80px;
    }
}

.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime:before {
    background: transparent;
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime {
        border-left: 0;
        padding-left: 0;
        padding: 20px 0 0;
    }
}

@media (max-width: 767px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .countdown-info.noo-eventtime {
        display: none;
    }
}

.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption:before {
    background: rgba(255, 255, 255, 0.1);
    top: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    content: "";
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption {
        padding: 2.142857142857143em;
    }

    .myslider {
        width: 400px;
        height: 250px;
    }

    .mykeyboard{
    font-size:13px;
}
}

@media (max-width: 767px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption {
        bottom: 0;
        padding: 1.0714285714285714em;
    }

    .myslider{
     width: 400px;
     height: 250px;
    }


}

.noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .content-summary {
    background: transparent;
    border: 0;
    padding: 0;
    width: 80%;
}

    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .content-summary .summary-donate {
        width: 80%;
    }

        .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .content-summary .summary-donate .donate-progress-ed,
        .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .content-summary .summary-donate .donate-progress-go {
            color: #fff;
        }

    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .content-summary .donate-progress-footer {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption .content-summary .donate-progress-footer {
        position: relative;
        right: auto;
        top: 0;
        left: 0;
        float: left;
        margin-top: 10px;
    }
}

@media (max-width: 991px) {
    .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed .slide-caption {
        bottom: 20px;
        padding: 1.0714285714285714em;
    }
}

.noo-slider .slider-timer {
    background: none repeat scroll 0 0 #EFEDED;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
}

.noo-slider .slider-indicators {
    position: absolute;
    top: 10px;
    right: 10px;
}

    .noo-slider .slider-indicators a {
        -webkit-transition: all 0s ease 0s;
        -o-transition: all 0s ease 0s;
        transition: all 0s ease 0s;
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
        display: inline-block;
        height: 10px;
        width: 10px;
        text-indent: -999em;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        float: left;
        margin: 0 5px;
    }

        .noo-slider .slider-indicators a.selected {
            background: #fff;
        }

.noo-slider.bottom-indicators {
    padding-bottom: 15px;
}

    .noo-slider.bottom-indicators .slider-indicators {
        right: auto;
        top: auto;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

.noo-slider .slider-control {
    font-size: 25px;
    font-weight: bold;
    position: absolute;
    left: 15px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    transition: all 0s ease 0s;
    z-index: 1000;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

    .noo-slider .slider-control.prev-btn .slider-icon-prev:before {
         content: "\f0d9";
        /*content: "\f104";*/
        position: relative;
        display: inline-block;
        font-family: "fontawesome";
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
    }

    .noo-slider .slider-control.next-btn {
        right: 15px;
        left: auto;
    }

        .noo-slider .slider-control.next-btn .slider-icon-next:before {
            content: "\f0da";
            /*content: "\f105";*/
            position: relative;
            display: inline-block;
            font-family: "fontawesome";
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            speak: none;
        }

    .noo-slider .slider-control:hover {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

.noo-slider.testimonial-slide .slider-indicators {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    right: auto;
    top: 0;
}

    .noo-slider.testimonial-slide .slider-indicators a {
        color: #d6d6d6;
        border: 2px solid #d6d6d6;
        background: #d6d6d6;
    }

        .noo-slider.testimonial-slide .slider-indicators a.selected {
            border: 2px solid #e6b706;
            background: #e6b706;
        }

.noo-slider .our-customer {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: 300;
}

    .noo-slider .our-customer .customer-avatar {
        margin: 0 auto;
        text-align: center;
    }

        .noo-slider .our-customer .customer-avatar img {
            width: auto !important;
            margin: 0 auto;
            border-radius: 50%;
            width: 100px !important;
            height: 100px !important;
            border: 5px solid rgba(255, 255, 255, 0.4);
        }

    .noo-slider .our-customer .custom-desc h5 {
        font-size: 14px;
        color: #fff;
        font-weight: bold;
    }

    .noo-slider .our-customer .custom-desc p {
        color: rgba(255, 255, 255, 0.5);
        font-weight: 300;
    }

    .noo-slider .our-customer .custom-desc i {
        padding: 2em 0;
        color: #fff;
        display: block;
    }

.noo-slider.about-slider .about-dreamer h3 {
    margin-top: 0.5;
    margin-bottom: 4em;
    position: relative;
}

    .noo-slider.about-slider .about-dreamer h3:before {
        content: "";
        position: absolute;
        width: 50px;
        height: 3px;
        background: #000;
        bottom: -50px;
    }

@media (max-width: 767px) {
    .noo-slider.about-slider .about-dreamer .about-desc {
        margin-bottom: 50px;
    }
}

.noo-slider.about-slider .about-dreamer .about-img {
    padding: 50px 90px 0 50px;
    position: relative;
}

    .noo-slider.about-slider .about-dreamer .about-img img {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
        z-index: 2;
        position: relative;
    }

    .noo-slider.about-slider .about-dreamer .about-img:after {
        background: #fce489;
        content: "";
        width: auto;
        top: -50px;
        left: 100px;
        right: -100px;
        bottom: 50px;
        position: absolute;
        z-index: 1;
    }

@media (max-width: 767px) {
    .noo-slider.about-slider .about-dreamer .about-img:after {
        top: -20px;
        left: 40px;
        right: -40px;
        bottom: 20px;
    }
}

@media (max-width: 767px) {
    .noo-slider.about-slider .about-dreamer .about-img {
        padding: 20px 40px 0 20px;
    }
}

.noo-slider.about-slider .slider-control {
    left: 0;
    bottom: 50px;
    top: auto;
    opacity: 1;
    border-radius: 2px;
    background: #ebebeb;
    color: #44494b;
    font-size: 24px;
    padding: 0 15px;
}

    .noo-slider.about-slider .slider-control.next-btn {
        right: auto;
        left: 58px;
    }

    .noo-slider.about-slider .slider-control.prev-btn {
        margin-left: 15px;
    }

    .noo-slider.about-slider .slider-control:hover {
        background: #e6b706;
        color: #fff;
    }

@media (max-width: 991px) {
    .noo-slider.about-slider .slider-control {
        bottom: -50px;
    }
}

@media (max-width: 767px) {
    .noo-slider.about-slider .slider-control {
        bottom: -80px;
    }
}
/**
 * 7.0 - Library
 *  7.4 - jplayer
 */
/* GENERAL
----------------------------------------------- */
.jp-jplayer {
    width: 0px;
    height: 0px;
    background-color: #000000;
    position: absolute;
}

    .jp-jplayer a:hover {
        text-decoration: none;
    }

.jp-controls-container {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

.jp-video {
    position: absolute;
    bottom: 0;
}

.jp-interface {
    position: relative;
    height: 30px;
    width: 100%;
    background-image: -webkit-linear-gradient(top, #3a3b3c 0%, #222222 100%);
    background-image: -o-linear-gradient(top, #3a3b3c 0%, #222222 100%);
    background-image: linear-gradient(to bottom, #3a3b3c 0%, #222222 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a3b3c', endColorstr='#ff222222', GradientType=0);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}
/* CONTROLS
----------------------------------------------- */
.jp-controls {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .jp-controls a {
        display: block;
        position: absolute;
        top: 0;
        overflow: hidden;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #777777;
        z-index: 1;
    }

        .jp-controls a:hover {
            color: #2e2e2e;
        }

        .jp-controls a:before {
            content: "";
            position: relative;
            display: inline-block;
            font-family: "fontawesome";
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            text-decoration: inherit;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            speak: none;
            display: block;
            line-height: 30px;
        }

    .jp-controls .jp-play,
    .jp-controls .jp-pause {
        border-right: 1px solid #323334;
    }

        .jp-controls .jp-play:before {
            content: "\f04b";
        }

    .jp-controls .jp-pause {
        display: none;
    }

        .jp-controls .jp-pause:before {
            content: "\f04c";
        }

    .jp-controls .jp-mute,
    .jp-controls .jp-unmute {
        border-left: 1px solid #323334;
        display: block;
        position: absolute;
        top: 0;
        right: 55px;
    }

        .jp-controls .jp-mute:before {
            content: "\f028";
        }

        .jp-controls .jp-unmute:before {
            content: "\f026";
        }
/* PROGRESS BAR
----------------------------------------------- */
.jp-progress {
    position: absolute;
    padding: 0 95px 0 40px;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 10px;
}

.jp-seek-bar,
.jp-play-bar {
    width: 0px;
    height: 8px;
    border-radius: 1px;
}

.jp-seek-bar {
    cursor: pointer;
    position: relative;
    z-index: 999;
    background: #464849;
}

.jp-play-bar {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #2e2e2e;
    -webkit-animation: progress 0.75s linear infinite;
    -o-animation: progress 0.75s linear infinite;
    animation: progress 0.75s linear infinite;
}
/* VOLUME BAR
----------------------------------------------- */
.jp-volume-bar {
    float: right;
    z-index: 99;
    position: relative;
    margin: 11px 10px 11px;
    width: 40px;
    height: 8px;
    cursor: pointer;
    background-color: #464849;
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.1);
    border-radius: 1px;
}

.jp-volume-bar-value {
    background-color: #2e2e2e;
    width: 0px;
    height: 8px;
    margin: 1px;
    border-radius: 1px;
}
/* Diagonal Background Bars: got it from Premium Pixels
https://github.com/lukemcdonald/jplayer-skins
/*/
.jp-play-bar,
.jp-volume-bar-value {
    -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.3);
    -webkit-background-size: 7px 7px;
    -moz-background-size: 7px 7px;
    -o-background-size: 7px 7px;
    background-size: 7px 7px;
    /*#gradient.vertical(@jp-diagonal-bar-color-1, @jp-diagonal-bar-color-2);
	background-image: -webkit-gradient(
	                      linear, 0 0, 100% 100%,
	                      color-stop(.25, @jp-diagonal-bar-color-3), 
	                      color-stop(.25, transparent),
	                      color-stop(.50, transparent), 
	                      color-stop(.50, @jp-diagonal-bar-color-3),
	                      color-stop(.75, @jp-diagonal-bar-color-3), 
	                      color-stop(.75, transparent),
	                      to(transparent)
	                  );
	background-image: -webkit-linear-gradient(
	                      -45deg, @jp-diagonal-bar-color-3 25%, 
	                      transparent 25%,
	                      transparent 50%, 
	                      @jp-diagonal-bar-color-3 50%, 
	                      @jp-diagonal-bar-color-3 75%,
	                      transparent 75%, 
	                      transparent
	                  );
	background-image: -moz-linear-gradient(
	                      -45deg, 
	                      @jp-diagonal-bar-color-3 25%, 
	                      transparent 25%,
	                      transparent 50%, 
	                      @jp-diagonal-bar-color-3 50%, 
	                      @jp-diagonal-bar-color-3 75%,
	                      transparent 75%, 
	                      transparent
	                  );
	background-image: -ms-linear-gradient(
	                      -45deg, 
	                      @jp-diagonal-bar-color-3 25%, 
	                      transparent 25%,
	                      transparent 50%, 
	                      @jp-diagonal-bar-color-3 50%, 
	                      @jp-diagonal-bar-color-3 75%,
	                      transparent 75%, 
	                      transparent
	                  );
	background-image: -o-linear-gradient(
	                      -45deg, 
	                      @jp-diagonal-bar-color-3 25%, 
	                      transparent 25%,
	                      transparent 50%, 
	                      @jp-diagonal-bar-color-3 50%, 
	                      @jp-diagonal-bar-color-3 75%,
	                      transparent 75%, 
	                      transparent
	                  );
	background-image: linear-gradient(
	                      -45deg, 
	                      @jp-diagonal-bar-color-3 25%, 
	                      transparent 25%,
	                      transparent 50%,
	                      @jp-diagonal-bar-color-3 50%,
	                      @jp-diagonal-bar-color-3 75%,
	                      transparent 75%,
	                      transparent
	                  );*/
}
/* CSS3 ANIMATIONS
----------------------------------------------- */
/* Progress Bar Animation */
@-webkit-keyframes progress {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -7px;
    }
}

@-moz-keyframes progress {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -7px;
    }
}

@-ms-keyframes progress {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -7px;
    }
}

@-o-keyframes progress {
    0% {
        background-position: 0;
    }

    100% {
        background-position: -7px;
    }
}
/* Video Container */
.noo-video-container {
    position: relative;
}

    .noo-video-container .jp-video-play-icon {
        color: #fff;
        font-size: 100px;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 1000;
    }

        .noo-video-container .jp-video-play-icon a,
        .noo-video-container .jp-video-play-icon a:hover,
        .noo-video-container .jp-video-play-icon a:focus {
            color: #fff;
            outline: none;
        }

            .noo-video-container .jp-video-play-icon a i,
            .noo-video-container .jp-video-play-icon a:hover i,
            .noo-video-container .jp-video-play-icon a:focus i {
                border: 5px solid #fff;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                height: 200px;
                line-height: 200px;
                text-align: center;
                width: 200px;
            }

                .noo-video-container .jp-video-play-icon a i:before,
                .noo-video-container .jp-video-play-icon a:hover i:before,
                .noo-video-container .jp-video-play-icon a:focus i:before {
                    margin-left: 25px;
                }

    .noo-video-container .video-inner {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
    }

        .noo-video-container .video-inner video,
        .noo-video-container .video-inner iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .noo-video-container.16-9-ratio .video-inner {
        padding-bottom: 56.25%;
    }

    .noo-video-container.5-3-ratio .video-inner {
        padding-bottom: 60%;
    }

    .noo-video-container.5-4-ratio .video-inner {
        padding-bottom: 80%;
    }

    .noo-video-container.4-3-ratio .video-inner {
        padding-bottom: 75%;
    }

    .noo-video-container.3-2-ratio .video-inner {
        padding-bottom: 66.6666667%;
    }
/**
 * 7.0 - Library
 *  7.5 - masonry
 */
.masonry {
    position: relative;
}

.container-portfolio.container-boxed.offset {
    margin-top: 0;
}

.masonry-portfolio.no-title .masonry-item > .content-wrap {
    display: none;
}

.container-fullwidth .masonry-portfolio {
    padding: 0;
}

.masory-item-wrap {
    position: relative;
}

.masonry-item {
    z-index: 2;
    float: left;
    padding-left: 1.0714285714285714em !important;
    padding-right: 1.0714285714285714em !important;
}

.masonry-hidden.masonry-item {
    pointer-events: none;
    z-index: 1;
}

.masonry-header {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #fff;
    margin-right: 1.0714285714285714em;
}

    .masonry-header.masonry-header-gap {
        margin-bottom: 40px;
    }

    .masonry-header .masonry-result {
        float: left;
        max-width: 30%;
    }

        .masonry-header .masonry-result h3 {
            margin: 0;
            padding: 0;
        }

    .masonry-header .masonry-filters {
        float: left;
        width: 100%;
    }

        .masonry-header .masonry-filters ul {
            list-style: none;
        }

            .masonry-header .masonry-filters ul li {
                display: inline-block;
                padding: 0 30px;
            }

                .masonry-header .masonry-filters ul li a {
                    color: #44494b;
                    position: relative;
                    font-size: 14px;
                }

                    .masonry-header .masonry-filters ul li a:hover,
                    .masonry-header .masonry-filters ul li a.selected {
                        color: #e6b706;
                        text-decoration: none;
                    }

                .masonry-header .masonry-filters ul li:first-child > a:before {
                    display: none;
                }

@media (max-width: 991px) {
    .masonry-header .masonry-filters ul li {
        padding: 0 2.142857142857143em 0 0;
        line-height: 40px;
    }
}

.masonry-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: relative;
    margin-left: -1.0714285714285714em !important;
}

.masonry-overlay {
    background-color: black;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
    display: none;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    pointer-events: none;
}

.masonry-container > .masonry-item {
    margin: 0 0 2.142857142857143em 0;
    padding: 0 0px 2.142857142857143em;
    z-index: 1;
}

.masonry-style-elevated .masonry-container > .masonry-item-hover {
    position: relative;
    z-index: 1000;
}

    .masonry-style-elevated .masonry-container > .masonry-item-hover .content-featured {
        -webkit-transform: translateY(-65px);
        -moz-transform: translateY(-65px);
        -ms-transform: translateY(-65px);
        transform: translateY(-65px);
    }

.masonry-portfolio .content-featured {
    margin-bottom: 0;
}

.masonry-portfolio .portfolio-action,
.masonry-portfolio .title-line {
    display: none;
}

.masonry-portfolio .content-date-portfolio {
    font-size: 0.8571428571428571em;
}

.masonry-portfolio.no-gap {
    margin-top: 0px;
}

    .masonry-portfolio.no-gap .masonry-container .content-featured {
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
        margin-bottom: 0;
        position: relative;
        z-index: 100;
    }

    .masonry-portfolio.no-gap .masonry-container > .masonry-item {
        padding: 0;
    }

.masonry-style-vibrant .masonry-portfolio .masonry-container .hentry {
    border: none;
    background: transparent;
}

    .masonry-style-vibrant .masonry-portfolio .masonry-container .hentry:after {
        height: 0;
    }

.masonry-style-vibrant .masonry-portfolio .masonry-container > .masonry-item {
    margin: 0 0 2.142857142857143em;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

    .masonry-style-vibrant .masonry-portfolio .masonry-container > .masonry-item:hover .content-wrap,
    .masonry-style-vibrant .masonry-portfolio .masonry-container > .masonry-item:hover .portfolio-action {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .masonry-style-vibrant .masonry-portfolio .masonry-container > .masonry-item:hover .content-category-portfolio,
    .masonry-style-vibrant .masonry-portfolio .masonry-container > .masonry-item:hover .content-title-portfolio {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .masonry-style-vibrant .masonry-portfolio .masonry-container > .masonry-item .noo-slider .slider-control {
        background: rgba(0, 0, 0, 0.6);
        font-size: 18px;
        padding: 5px 13px;
    }

        .masonry-style-vibrant .masonry-portfolio .masonry-container > .masonry-item .noo-slider .slider-control .slider-icon-next:before {
            content: "\f18e";
        }

        .masonry-style-vibrant .masonry-portfolio .masonry-container > .masonry-item .noo-slider .slider-control .slider-icon-prev:before {
            content: "\f190";
        }

.masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    padding: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .content-header {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
    }

    .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: alpha(opacity=0);
        margin-top: 5px;
    }

        .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

            .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share a {
                color: #fff;
                font-weight: bold;
                text-decoration: none;
                font-size: 2em;
                margin: 0 0.31234em;
            }

            .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social {
                line-height: 1;
                position: relative;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }

                .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social a {
                    text-decoration: none;
                    position: absolute;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    margin: 0 auto;
                    left: 0;
                    width: 100%;
                    text-align: center;
                    height: 58px;
                }

                    .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social a i {
                        background: rgba(0, 0, 0, 0.4);
                        height: 45px;
                        line-height: 45px;
                        width: 45px;
                        border-radius: 50%;
                        color: #fff;
                        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37);
                        border: 3px solid rgba(0, 0, 0, 0.8);
                        font-size: 20px;
                        margin-top: 7px;
                    }

                        .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social a i:before {
                            position: absolute;
                            background: rgba(0, 0, 0, 0.37);
                            height: 58px;
                            line-height: 58px;
                            width: 58px;
                            border-radius: 50%;
                            color: #fff;
                            left: 50%;
                            top: 0;
                            -webkit-transform: translateX(-50%);
                            transform: translateX(-50%);
                        }

                    .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social a:first-child {
                        margin-left: 0px;
                    }

                    .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap .portfolio-action .content-share .noo-social a.noo-share:before {
                        position: absolute;
                        content: "";
                        width: 100%;
                        height: 100%;
                        left: 0;
                        top: 0;
                    }

    .masonry-style-vibrant .masonry-portfolio .masonry-container .content-wrap:after {
        background-image: url(../images/bg-portfolio-item.png);
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.masonry-style-vibrant .masonry-portfolio.no-gap .masonry-container > .masonry-item {
    margin: 0;
}

.masonry-style-vibrant .masonry-portfolio .masonry-container .media-gallery .content-wrap .portfolio-action .content-share .noo-social a {
    text-decoration: none;
    position: absolute;
    top: 0;
    -webkit-transform: none;
    transform: none;
    margin: 0 auto;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
}

.masonry-style-default .masonry-portfolio .masonry-container .hentry {
    border: none;
}

.masonry-style-default .masonry-portfolio .masonry-container > .masonry-item {
    margin: 0 0 40px;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
}

.masonry-style-default .masonry-portfolio .masonry-container .content-wrap .content-title {
    margin: 10px 0 5px;
}

.masonry-style-default .masonry-portfolio .masonry-container .content-wrap .content-category-portfolio a {
    color: #44494b;
}

.masonry-style-default .masonry-portfolio.no-gap .masonry-container > .masonry-item {
    margin: 0;
}

.masonry-container.columns-1 > .regular {
    width: 100%;
}

.masonry-container.columns-2 > .regular {
    width: 50%;
}

.masonry-container.columns-2 > .wide {
    width: 100%;
}

.masonry-container.columns-3 > .regular {
    width: 33.333%;
}

@media (max-width: 992px) {
    .masonry-container.columns-3 > .regular {
        width: 50%;
    }
}

.masonry-container.columns-3 > .wide {
    width: 66.666%;
}

@media (max-width: 992px) {
    .masonry-container.columns-3 > .wide {
        width: 100%;
    }
}

.masonry-container.columns-4 > .regular {
    width: 25%;
}

@media (max-width: 992px) {
    .masonry-container.columns-4 > .regular {
        width: 50%;
    }
}

.masonry-container.columns-4 > .wide {
    width: 50%;
}

@media (max-width: 992px) {
    .masonry-container.columns-4 > .wide {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .masonry-container[class*="columns-"] > .masonry-item {
        width: 100% !important;
    }
}

.masonry-portfolio.no-gap .masonry-container {
    margin: 0 !important;
}

.masonry-portfolio.no-gap .masonry-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.masonry-portfolio.no-gap .masonry-container.columns-1 > .regular {
    width: 100%;
}

.masonry-portfolio.no-gap .masonry-container.columns-2 > .regular {
    width: 50%;
}

.masonry-portfolio.no-gap .masonry-container.columns-2 > .wide {
    width: 100%;
}

.masonry-portfolio.no-gap .masonry-container.columns-3 > .regular {
    width: 33.3333%;
}

@media (max-width: 767px) {
    .masonry-portfolio.no-gap .masonry-container.columns-3 > .regular {
        width: 50%;
    }
}

.masonry-portfolio.no-gap .masonry-container.columns-3 > .wide {
    width: 66.6666%;
}

@media (max-width: 767px) {
    .masonry-portfolio.no-gap .masonry-container.columns-3 > .wide {
        width: 50%;
    }
}

.masonry-portfolio.no-gap .masonry-container.columns-4 > .regular {
    width: 25%;
}

@media (max-width: 992px) {
    .masonry-portfolio.no-gap .masonry-container.columns-4 > .regular {
        width: 50%;
    }
}

.masonry-portfolio.no-gap .masonry-container.columns-4 > .wide {
    width: 50%;
}

@media (max-width: 992px) {
    .masonry-portfolio.no-gap .masonry-container.columns-4 > .wide {
        width: 100%;
    }
}

.contact-actions {
    display: block;
    text-align: right;
}

.contact-form:before {
    content: "";
    background: #eee;
    width: 98%;
    margin-right: 1.0714285714285714em;
    height: 1px;
    margin-top: -50px;
    left: 0;
    z-index: 999;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .contact-form .contact-desc {
        padding-left: 0 !important0;
    }
}

.contact-info {
    position: relative;
}

    .contact-info ul {
        padding-left: 30px;
    }

        .contact-info ul li {
            list-style: none;
            line-height: 40px;
        }

            .contact-info ul li i {
                padding-right: 5px;
            }

@media (max-width: 767px) {
    .contact-info ul {
        padding-left: 15px;
    }
}

.contact-info:after {
    content: "" !important;
    width: 1px;
    height: 160px;
    position: absolute;
    background: #ebebeb;
    left: 50%;
    top: -13px;
}

@media (max-width: 767px) {
    .contact-info:after {
        width: 0px;
    }
}

.noo-gmaps {
    box-shadow: 0 0 0 4px #fff;
}
/*
 * 8.0 - Plugin
 * 	8.3 - revslider
 */
.tp-bullets.simplebullets.round .bullet {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 12px;
    width: 12px;
}

    .tp-bullets.simplebullets.round .bullet.selected,
    .tp-bullets.simplebullets.round .bullet:hover {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        -webkit-box-shadow: 0 0 0 2px #ffffff;
        box-shadow: 0 0 0 2px #ffffff;
        margin: 0 5px;
    }

.noo-slider-revolution-container.bg-video {
    position: relative;
    overflow: hidden;
}

    .noo-slider-revolution-container.bg-video .rev_slider_wrapper {
        background: transparent !important;
    }

    .noo-slider-revolution-container.bg-video #big-video-wrap {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background: #000;
    }

        .noo-slider-revolution-container.bg-video #big-video-wrap .vjs-tech {
            left: 0;
            margin: 0;
        }

    .noo-slider-revolution-container.bg-video object,
    .noo-slider-revolution-container.bg-video video {
        min-width: 100%;
        min-height: 100%;
    }
/**
 * 9.0 - Main file
 * 	9.1 - main
 */
body.boxed-layout {
    background-color: #ffffff;
    background-image: url("");
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    body.boxed-layout .site {
        margin: 0 auto;
        position: relative;
        padding: 0px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
        width: 90%;
        max-width: 1200px;
    }

@media (min-width: 768px) {
    body.navbar-fixed-left-layout {
        padding-left: 240px;
    }

    body.navbar-fixed-right-layout {
        padding-right: 240px;
    }
}

body.nice-scroll {
    position: relative;
    padding-right: 10px !important;
}

    body.nice-scroll .nicescroll-rails {
        background: #666;
        z-index: 9001 !important;
    }

.noo-main.left-sidebar {
    float: right;
}

@media (max-width: 767px) {
    .noo-main.left-sidebar {
        float: none;
    }
}

@media (min-width: 992px) {
    .noo-sidebar .noo-sidebar-wrapper {
        padding-right: 2.142857142857143em;
        padding-left: 2.142857142857143em;
    }
}

.offset {

    padding-top:30px;
    padding-bottom:20px;
}

.main-content > .row,
.main-content > .noo-pricing-table {
    position: relative;
}

.noo-sidebar-line {
    display: none;
}

.wp-caption {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #eee;
    max-width: 100%;
    padding: 5px;
}

    .wp-caption .wp-caption-text {
        text-align: center;
        margin-top: 10px;
    }

.gallery-caption {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0px 10px;
}

.bypostauthor {
    margin: 0;
    padding: 0;
}

#wpstats {
    display: none;
}

.sticky {
    margin-bottom: 2.142857142857143em;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    margin: 15px auto;
}

.noo-menu {
    margin-right: auto !important;
    margin-left: auto !important;
}

.our-service .service-icon i {
    width: 100px !important;
    height: 100px !important;
    line-height: 80px !important;
    border-radius: 50%;
    border: 10px solid rgba(0, 0, 0, 0.15) !important;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: rgba(255, 255, 255, 0.15);
}

.our-service:hover .service-icon i {
    border: 10px solid rgba(0, 0, 0, 0.3) !important;
    background: rgba(240, 231, 151, 0.3);
}

.our-service:hover a {
    border-bottom: 1px solid #fff !important;
}

.testimonial-desc {
    font-size: 22px;
    /*font-style: italic;*/
    font-weight: 300;
    width: 90%;
    text-align: center;
    margin: 2.142857142857143em auto 1.0714285714285714em auto;
}

.our-customer-info {
    text-align: center;
}

    .our-customer-info .custom-desc {
        text-align: left;
        color: #bbbbbb;
        /*font-style: italic;*/
        font-weight: 300;
    }

        .our-customer-info .custom-desc h4 {
            font-style: normal;
            font-weight: bold;
            font-size: 1.2857142857142858em;
            margin-bottom: 0;
        }

.slide-home-info {
    position: absolute;
    left: 0;
    top: 50%;
    background: rgba(0, 0, 0, 0);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    min-height: 270px;
}

@-webkit-keyframes inpulse {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(0.9, 0.9);
        opacity: .8;
    }

    100% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
}

@-moz-keyframes inpulse {
    0% {
        -moz-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        -moz-transform: scale(0.9, 0.9);
        opacity: .8;
    }

    100% {
        -moz-transform: scale(1, 1);
        opacity: 1;
    }
}

@-o-keyframes inpulse {
    0% {
        -o-transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        -o-transform: scale(0.9, 0.9);
        opacity: .8;
    }

    100% {
        -o-transform: scale(1, 1);
        opacity: 1;
    }
}

@keyframes inpulse {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }

    50% {
        transform: scale(0.9, 0.9);
        opacity: .8;
    }

    100% {
        transform: scale(1, 1);
        opacity: 1;
    }
}

.inpulse {
    -webkit-animation: inpulse 4s infinite;
    -moz-animation: inpulse 4s infinite;
    -o-animation: inpulse 4s infinite;
    animation: inpulse 4s infinite;
}

[data-parallax="1"].parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
    background-position: 50% -7px !important;
    /*background-position: 0px -50px !important;*/
    background-repeat: repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.parallax.customer {
    background-image: url(../images/app-bg_1920x550.jpg);
}

.parallax.app {
    background-image: url(../images/app-bg_1920x550.jpg);
}

.parallax.heading {
    background-image: url(../images/heading-bg.png);
     /*background-position: 50% 0px !important;*/
    /*background-position: 0px -50px !important;*/
}

.bg-parallax {
    position: relative;
}

.parallax-content {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    [data-parallax="1"].parallax[data-parallax_no_mobile="0"] {
        /*background-position: 50% 50% !important;*/
         /*background-position: 0px -50px !important;*/
        background-attachment: scroll;
    }
}

body.boxed-layout [data-parallax="1"].parallax {
    z-index: 0;
}

[data-parallax="1"].parallax:after {
    content: " ";
    position: absolute;
    max-width: 100%;
    height: 100%;
    background: transparent;
}

.noo-call-to-action {
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 60px;
    padding-right: 60px;
    margin-left: 0;
    margin-right: 0;
}

@media (max-width: 767px) {
    .noo-call-to-action {
        padding-left: 2.142857142857143em;
        padding-right: 2.142857142857143em;
    }

        .noo-call-to-action .btn-thirdary {
            padding: 10px 2.142857142857143em !important;
        }
}

.profile-avatar img,
.candidate-avatar img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.navbar .profile-avatar img,
.navbar .candidate-avatar img {
    width: 40px;
}

.form-group .chosen-container-single,
.form-group .chosen-container-multi .chosen-choices {
    background-image: none;
    min-height: 50px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

a#thumb-info span.badge {
    background-color: #ee5b4c;
    padding: 1px 4px;
    border-radius: 9px;
    font-size: 11px;
    color: #fff;
    position: relative;
    top: -12px;
    left: -8px;
}
/**
 * 9.0 - Main file
 * 	9.2 - shortcode
 */
.noo-counter-holder > span.noo-counter {
    font-weight: bold;
}

.noo-counter-holder .counter-text h3 {
    margin-top: 0;
}

.noo-counter-holder .counter-text p {
    text-align: center;
}

.noo-block-grid {
    display: block;
    overflow: hidden;
    padding: 0;
    list-style: disc;
}

    .noo-block-grid > li {
        display: block;
        height: auto;
        float: left;
    }

        .noo-block-grid > li > img.noo-img-thumbnail {
            padding: 5px;
            border: 1px solid rgba(0, 0, 0, 0.15);
            background-color: #fff;
            border-radius: 2px;
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            -webkit-transition: border 0.3s ease, box-shadow 0.3s ease;
            transition: border 0.3s ease, box-shadow 0.3s ease;
        }

    .noo-block-grid.two-col {
        margin: 1.313em -1.25%;
    }

        .noo-block-grid.two-col > li {
            width: 50%;
            padding: 1.25%;
        }

            .noo-block-grid.two-col > li:nth-child(2n+1) {
                clear: both;
            }

    .noo-block-grid.three-col {
        margin: 1.313em -1%;
    }

        .noo-block-grid.three-col > li {
            width: 33.33333%;
            padding: 1%;
        }

            .noo-block-grid.three-col > li:nth-child(3n+1) {
                clear: both;
            }

    .noo-block-grid.four-col {
        margin: 1.313em -0.9%;
    }

        .noo-block-grid.four-col > li {
            width: 25%;
            padding: 0.9%;
        }

            .noo-block-grid.four-col > li:nth-child(4n+1) {
                clear: both;
            }

    .noo-block-grid.five-col {
        margin: 1.313em -0.85%;
    }

        .noo-block-grid.five-col > li {
            width: 20%;
            padding: 0.85%;
        }

            .noo-block-grid.five-col > li:nth-child(5n+1) {
                clear: both;
            }

    .noo-block-grid.six-col {
        margin: 1.313em -0.8%;
    }

        .noo-block-grid.six-col > li {
            width: 16.66666%;
            padding: 0.8%;
        }

            .noo-block-grid.six-col > li:nth-child(6n+1) {
                clear: both;
            }
/*
 *		Typography Shortcode  
 */
.noo-dropcap {
    float: left;
    margin: 0 10px 0 0;
    font-size: 42px;
    line-height: 35px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

    .noo-dropcap.dropcap-square,
    .noo-dropcap.dropcap-circle {
        padding: 7px 13px 11px;
    }

    .noo-dropcap.dropcap-circle {
        border-radius: 100%;
    }

.noo-quote {
    border-left-color: #21c2f8;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    color: #75747b;
    margin: 10px;
}

    .noo-quote cite:before {
        content: "– ";
    }

    .noo-quote.text-right {
        border-left-width: 0;
        border-right: 5px solid #21c2f8;
    }

        .noo-quote.text-right cite {
            font-weight: 300;
        }

    .noo-quote.pullquote {
        width: 40%;
        font-size: 16px;
        border: none;
    }

        .noo-quote.pullquote h1 {
            font-size: 16px !important;
            line-height: 1.3 !important;
        }

        .noo-quote.pullquote.pullquote-left {
            float: left;
        }

        .noo-quote.pullquote.pullquote-right {
            float: right;
        }

        .noo-quote.pullquote.text-left {
            margin-left: 0;
            padding-left: 0;
        }

        .noo-quote.pullquote.text-right {
            margin-right: 0;
            padding-right: 0;
        }
/*
 *		Lightbox Shortcode  
 */
.noo-lightbox-item > img {
    display: block;
    margin: 0 auto;
}

.noo-lightbox-item .rounded {
    border-radius: 4px;
}

.noo-lightbox-item .circle {
    border-radius: 50%;
}
/*
 *		Callout Shortcode  
 */
.noo-cta-btn {
    background-color: #fff;
    border-radius: 0;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

    .noo-cta-btn .cta-title {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 1.0714285714285714em;
    }

    .noo-cta-btn .btn,
    .noo-cta-btn .widget_newsletterwidget .newsletter-submit {
        text-transform: uppercase;
    }

@media (max-width: 767px) {
    .noo-cta-btn {
        width: 90%;
    }

        .noo-cta-btn .btn,
        .noo-cta-btn .widget_newsletterwidget .newsletter-submit {
            max-width: 200px;
            padding-right: 15px !important;
            padding-left: 15px !important;
        }
}

.noo-icon.icon-style-custom.icon-circle > i {
    border: 1px solid transparent;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.noo-icon.icon-style-custom.icon-square > i {
    border: 1px solid transparent;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.noo-separator {
    display: table;
}

    .noo-separator h4 {
        display: table-cell;
        font-size: 100%;
        line-height: 1em;
        white-space: pre;
    }

    .noo-separator .noo-sep-line {
        border-top: 1px solid #cccccc;
        display: block;
        position: relative;
        top: 0px;
        width: 100%;
    }

    .noo-separator.line-with-text.separator-align-center h4 {
        padding-left: 0.8em;
        padding-right: 0.8em;
    }

@media (max-width: 767px) {
    .noo-separator.line-with-text.separator-align-center h4 {
        padding-left: 1.0714285714285714em;
        padding-right: 1.0714285714285714em;
    }
}

.noo-separator.line-with-text.separator-align-left h4 {
    padding-right: 0.8em;
}

.noo-separator.line-with-text.separator-align-left .noo-sep-holder-l {
    display: none;
}

.noo-separator.line-with-text.separator-align-left .noo-sep-holder-r {
    width: 100%;
}

.noo-separator.line-with-text.separator-align-right h4 {
    padding-left: 0.8em;
}

.noo-separator.line-with-text.separator-align-right .noo-sep-holder-l {
    width: 100%;
}

.noo-separator.line-with-text.separator-align-right .noo-sep-holder-r {
    display: none;
}

.noo-separator .noo-sep-holder-l {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.noo-separator .noo-sep-holder-r {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 50%;
}

.noo-gap {
    margin-left: 0;
    margin-bottom: 0;
    border-color: rgba(0, 0, 0, 0);
}

.noo-clear {
    margin: 0;
    border: 0;
    clear: both;
}

.noo-pie-chart {
    z-index: 0;
    text-align: center;
}

    .noo-pie-chart .noo-pie-chart-wrapper {
        position: relative;
        margin: 0 auto;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .noo-pie-chart .noo-pie-chart-heading {
        margin-top: 30px !important;
    }

    .noo-pie-chart canvas {
        position: relative;
        z-index: 1;
    }

    .noo-pie-chart .noo-pie-chart-value {
        font-size: 200%;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .noo-pie-chart .noo-pie-chart-back {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 4px;
        left: 4px;
        border: 6px solid #f7f7f7;
        border-radius: 999px;
        border-radius: 50%;
        opacity: 0.3;
        filter: alpha(opacity=30);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.noo-pricing-table.pricing-1-col .noo-pricing-column,
.noo-pricing-table.one-col .noo-pricing-column {
    position: relative;
    min-height: 1px;
    padding-left: 1.0714285714285714em;
    padding-right: 1.0714285714285714em;
}

@media (min-width: 768px) {
    .noo-pricing-table.pricing-1-col .noo-pricing-column,
    .noo-pricing-table.one-col .noo-pricing-column {
        float: left;
        width: 100%;
    }
}

.noo-pricing-table.pricing-2-col .noo-pricing-column,
.noo-pricing-table.two-col .noo-pricing-column {
    position: relative;
    min-height: 1px;
    padding-left: 1.0714285714285714em;
    padding-right: 1.0714285714285714em;
}

@media (min-width: 768px) {
    .noo-pricing-table.pricing-2-col .noo-pricing-column,
    .noo-pricing-table.two-col .noo-pricing-column {
        float: left;
        width: 50%;
    }
}

.noo-pricing-table.pricing-3-col .noo-pricing-column,
.noo-pricing-table.three-col .noo-pricing-column {
    position: relative;
    min-height: 1px;
    padding-left: 1.0714285714285714em;
    padding-right: 1.0714285714285714em;
}

@media (min-width: 768px) {
    .noo-pricing-table.pricing-3-col .noo-pricing-column,
    .noo-pricing-table.three-col .noo-pricing-column {
        float: left;
        width: 33.33333333333333%;
    }
}

.noo-pricing-table.pricing-4-col .noo-pricing-column,
.noo-pricing-table.four-col .noo-pricing-column {
    position: relative;
    min-height: 1px;
    padding-left: 1.0714285714285714em;
    padding-right: 1.0714285714285714em;
}

@media (min-width: 768px) {
    .noo-pricing-table.pricing-4-col .noo-pricing-column,
    .noo-pricing-table.four-col .noo-pricing-column {
        float: left;
        width: 25%;
    }
}

.noo-pricing-table.pricing-6-col .noo-pricing-column,
.noo-pricing-table.six-col .noo-pricing-column {
    position: relative;
    min-height: 1px;
    padding-left: 1.0714285714285714em;
    padding-right: 1.0714285714285714em;
}

@media (min-width: 768px) {
    .noo-pricing-table.pricing-6-col .noo-pricing-column,
    .noo-pricing-table.six-col .noo-pricing-column {
        float: left;
        width: 16.666666666666664%;
    }
}

.noo-pricing-table .noo-pricing-column .pricing-content {
    background: #ebeeef;
    border-radius: 4px;
}

    .noo-pricing-table .noo-pricing-column .pricing-content .pricing-header {
        padding: 0.42857142857142855em 0.8571428571428571em;
    }

        .noo-pricing-table .noo-pricing-column .pricing-content .pricing-header .pricing-title {
            text-align: center;
        }

        .noo-pricing-table .noo-pricing-column .pricing-content .pricing-header .pricing-value {
            text-align: center;
        }

            .noo-pricing-table .noo-pricing-column .pricing-content .pricing-header .pricing-value .noo-price {
                font-size: 1.2857142857142858em;
                font-weight: 400;
                background: #44494b;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
                height: 150px;
                line-height: 140px;
                width: 150px;
                border: 5px solid #e6b706;
            }

    .noo-pricing-table .noo-pricing-column .pricing-content .pricing-info {
        padding: 1em 0;
    }

        .noo-pricing-table .noo-pricing-column .pricing-content .pricing-info ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .noo-pricing-table .noo-pricing-column .pricing-content .pricing-info ul li {
                padding: 5px 0.8571428571428571em;
                font-weight: 400;
                font-size: 14px;
            }

                .noo-pricing-table .noo-pricing-column .pricing-content .pricing-info ul li i {
                    font-size: 1.2em;
                    color: #e6b706;
                    margin-right: 5px;
                }

    .noo-pricing-table .noo-pricing-column .pricing-content .pricing-footer {
        border-top: none;
        padding: 0.42857142857142855em 0.8571428571428571em 2.142857142857143em 0.8571428571428571em;
        text-align: center;
    }

.noo-pricing-table .noo-pricing-column.featured .pricing-content {
    background: #44494b;
    color: #fff;
}

    .noo-pricing-table .noo-pricing-column.featured .pricing-content .pricing-title {
        color: #fff;
    }

.noo-pricing-table.ascending {
    margin: 0;
    padding: 0;
}

    .noo-pricing-table.ascending .noo-pricing-column {
        padding: 0;
    }

        .noo-pricing-table.ascending .noo-pricing-column .pricing-content {
            border-left: 1px solid #cccccc;
            border-top: 1px solid #cccccc;
            border-bottom: 1px solid #cccccc;
            border-right: none;
        }

            .noo-pricing-table.ascending .noo-pricing-column .pricing-content .pricing-header {
                border: none;
                background: none;
                padding: 0;
            }

                .noo-pricing-table.ascending .noo-pricing-column .pricing-content .pricing-header .pricing-title {
                    padding: 0.42857142857142855em 0.8571428571428571em;
                    text-transform: uppercase;
                    margin: 0;
                    color: #2e2e2e;
                    font-size: 14px;
                }

                .noo-pricing-table.ascending .noo-pricing-column .pricing-content .pricing-header .pricing-value {
                    padding: 0.42857142857142855em 0.8571428571428571em;
                    background-color: #F2F2F2;
                    margin: 0;
                    color: #44494b;
                }

                    .noo-pricing-table.ascending .noo-pricing-column .pricing-content .pricing-header .pricing-value .noo-price {
                        font-size: 45px;
                    }

            .noo-pricing-table.ascending .noo-pricing-column .pricing-content .pricing-info {
                border: none;
            }

                .noo-pricing-table.ascending .noo-pricing-column .pricing-content .pricing-info ul li {
                    font-size: 14px;
                    background: #fff !important;
                    text-align: inherit;
                    border-bottom: 1px solid #cccccc;
                }

            .noo-pricing-table.ascending .noo-pricing-column .pricing-content .pricing-footer {
                border: none;
            }

        .noo-pricing-table.ascending .noo-pricing-column:last-child .pricing-content {
            border-right: 1px solid #cccccc;
        }

        .noo-pricing-table.ascending .noo-pricing-column.featured {
            position: relative;
            background: none repeat scroll 0 0 #fff;
            -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin: -20px -1px 0;
            z-index: 100;
        }

            .noo-pricing-table.ascending .noo-pricing-column.featured .pricing-content {
                border-right: 1px solid #cccccc;
            }

                .noo-pricing-table.ascending .noo-pricing-column.featured .pricing-content .pricing-value {
                    background-color: #2e2e2e;
                    color: #fff;
                }

                    .noo-pricing-table.ascending .noo-pricing-column.featured .pricing-content .pricing-value .noo-price {
                        color: #fff;
                    }

                .noo-pricing-table.ascending .noo-pricing-column.featured .pricing-content .pricing-header .pricing-title {
                    margin: 10px 0;
                }

                .noo-pricing-table.ascending .noo-pricing-column.featured .pricing-content .pricing-footer .btn,
                .noo-pricing-table.ascending .noo-pricing-column.featured .pricing-content .pricing-footer .widget_newsletterwidget .newsletter-submit {
                    margin: 15px 0;
                    border-color: #e6b706 !important;
                    color: #e6b706 !important;
                }

.noo-post-list .title .sub-title {
    margin-top: 0.8214285714285714em;
}

.noo-member .member-avatar {
    position: relative;
}

    .noo-member .member-avatar img {
        max-width: 100%;
        width: 100%;
    }

    .noo-member .member-avatar .member-social {
        background: #000;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        text-align: center;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }

        .noo-member .member-avatar .member-social a {
            color: #fff;
            display: inline-block;
            font-size: 1.2857142857142858em;
            padding: 0.42857142857142855em 0.8571428571428571em;
            position: relative;
            top: 50%;
            -webkit-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }

            .noo-member .member-avatar .member-social a:hover {
                color: #e6b706;
            }

    .noo-member .member-avatar:hover .member-social {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.noo-member .member-info .team-meta {
    font-size: 1.2857142857142858em;
    font-weight: 400;
    text-transform: uppercase;
}

    .noo-member .member-info .team-meta small {
        float: right;
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
    }

.noo-gmaps {
    position: relative;
}

    .noo-gmaps .map-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
    }

    .noo-gmaps iframe {
        max-width: 100%;
        border: medium none;
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        position: relative;
    }

    .noo-gmaps.no-map-responsive iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
    }

#cta_buy_theme .noo-text-block p {
    font-size: 18px;
    line-height: 36px;
    text-align: center;
}

@media (max-width: 992px) {
    #cta_buy_theme .noo-text-block p {
        text-align: center;
    }

    #cta_buy_theme .noo-text-block .btn,
    #cta_buy_theme .noo-text-block .widget_newsletterwidget .newsletter-submit {
        display: table;
        margin: 0 auto;
    }
}

.noo-step-icon {
    margin-top: 40px;
    background-color: rgba(0,0,0,0.05);
    padding-top: 60px;
    padding-bottom: 30px;
}

    .noo-step-icon ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: table;
        margin: 0 auto;
    }

    .noo-step-icon li {
        float: left;
        text-align: center;
    }

@media (max-width: 767px) {
    .noo-step-icon li {
        width: 100%;
    }
}

.noo-step-icon li:first-child .noo-step-icon-item:before {
    display: none;
}

.noo-step-icon li:last-child .noo-step-icon-item:after {
    display: none;
}

.noo-step-icon .noo-step-icon-item {
    padding: 0 50px;
    display: block;
    position: relative;
}

@media (min-width: 768px) {
    .noo-step-icon .noo-step-icon-item:after,
    .noo-step-icon .noo-step-icon-item:before {
        background: none repeat scroll 0 0 #ebbb06;
        content: "";
        height: 10px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 47px;
        width: 50%;
    }

    .noo-step-icon .noo-step-icon-item:before {
        left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .noo-step-icon .noo-step-icon-item:after,
    .noo-step-icon .noo-step-icon-item:before {
        top: 36px;
    }
}

@media (max-width: 1199px) {
    .noo-step-icon .noo-step-icon-item {
        font-size: 0.9em;
    }
}

.noo-step-icon a {
    display: inline-block;
    color: #fff;
    width: 180px;
}

@media (max-width: 1199px) {
    .noo-step-icon a {
        width: 130px;
    }
}

.noo-step-icon .noo-step-icon-class {
    display: inline-block;
    width: 99px;
    height: 99px;
    line-height: 99px;
    background-color: #44494b;
    text-align: center;
    font-weight: bold;
    font-size: 2em;
    z-index: 2;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
}

@media (max-width: 1199px) {
    .noo-step-icon .noo-step-icon-class {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
}

.noo-step-icon .noo-step-icon-class:after {
    border: 10px solid #ebbb06;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    bottom: -1px;
    content: "";
    display: block;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
}

.noo-step-icon .noo-step-icon-title {
    display: block;
    text-align: center;
    color: #fff;
    font-family: 'Montserrat', sans-serif, Myanmar3;
    margin: 1.0714285714285714em 0;
}

.slider .posts-loop-title {
    float: left;
}

    .slider .posts-loop-title :before {
        clear: both;
    }

.slider .posts-loop-content .noo_job {
    padding: 0px !important;
    background-color: #f9f9f9;
}

.slider .posts-loop-content .loop-item-wrap {
    padding: 8%;
}

    .slider .posts-loop-content .loop-item-wrap .item-featured {
        float: left;
    }

        .slider .posts-loop-content .loop-item-wrap .item-featured img {
            border-radius: 50%;
        }

    .slider .posts-loop-content .loop-item-wrap .item-title-bar {
        border-bottom: 1px solid #ddd;
    }

        .slider .posts-loop-content .loop-item-wrap .item-title-bar .items {
            height: 70px;
        }

        .slider .posts-loop-content .loop-item-wrap .item-title-bar .item-title {
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .slider .posts-loop-content .loop-item-wrap .item-title-bar .item-company {
            font-size: 13px;
            font-weight: normal;
            margin: -14px 0px;
            padding: 0px;
            font-style: italic;
        }

            .slider .posts-loop-content .loop-item-wrap .item-title-bar .item-company a {
                color: #757879;
            }

    .slider .posts-loop-content .loop-item-wrap .item-info {
        margin-top: 10px;
        padding-bottom: 10px;
        /*font-style: italic;*/
        border-bottom: 1px solid #ddd;
    }

        .slider .posts-loop-content .loop-item-wrap .item-info span {
            padding: 0px 15px;
        }

    .slider .posts-loop-content .loop-item-wrap .item-excerpt {
        max-height: 150px;
        overflow: hidden;
        padding: 10px;
    }

    .slider .posts-loop-content .loop-item-wrap .item-view-more {
        padding: 20px;
    }

.job-slider .posts-loop-content {
    padding: 0;
}

.posts-loop .posts-loop-title {
    position: relative;
    margin-bottom: 2.142857142857143em;
}

.noo-tabs .posts-loop .posts-loop-title {
    display: inline-block;
    margin-bottom: 0;
    position: absolute;
    top: 10px;
}

@media (max-width: 991px) {
    .noo-tabs .posts-loop .posts-loop-title h3 {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .noo-tabs .posts-loop .posts-loop-title {
        display: none;
    }
}

.posts-loop .posts-loop-title h3 {
    margin: 0;
}

.posts-loop .posts-loop-title:before,
.posts-loop .posts-loop-title:after {
    content: " ";
    display: table;
}

.posts-loop .posts-loop-title:after {
    clear: both;
}

.posts-loop .posts-loop-title:before,
.posts-loop .posts-loop-title:after {
    content: " ";
    display: table;
}

.posts-loop .posts-loop-title:after {
    clear: both;
}

.posts-loop .posts-loop-title a {
    background-color: rgba(0, 0, 0, 0.07);
    font-weight: bold;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0.42857142857142855em 0.8571428571428571em;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

@media (max-width: 767px) {
    .posts-loop .posts-loop-title a {
        display: none;
    }
}

.posts-loop .loop-item-title {
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 0.5rem;
    color: #fff;
    text-transform: uppercase;
}

    .posts-loop .loop-item-title a {
        color: #fff;
    }

.posts-loop .loop-item-excerpt {
    margin-top: 1.5rem;
}

.posts-loop .content-summary {
    padding: 0;
    background: transparent;
    border: none;
    margin-bottom: 1rem;
    margin-top: 1.3rem;
}

    .posts-loop .content-summary .donate-progress-label {
        margin: 0;
    }

.posts-loop .view-detail-job {
    position: absolute;
    right: 2.142857142857143em;
    top: 50%;
    transform: translate(0px, -50%);
    display: none;
}

.container-fullwidth .posts-loop .view-detail-job {
    display: block;
}

@media (max-width: 991px) {
    .posts-loop .view-detail-job {
        display: none !important;
    }
}

.posts-loop .loop-item-featured {
    overflow: hidden;
    max-height: 100px;
    position: relative;
}

    .posts-loop .loop-item-featured a:before {
        background: rgba(110, 113, 114, 0.5);
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        left: 0;
        content: "";
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    .posts-loop .loop-item-featured img {
        width: 100%;
        height: auto;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }
/**
 * 9.0 - Main file
 * 	9.4 - single
 */
.single-sidebar {
    padding: 2.142857142857143em;
    background: #fff;
    margin-bottom: 2.142857142857143em;
}

    .single-sidebar iframe {
        width: 100%;
        height: auto;
    }

.content-summary {
    padding: 2.142857142857143em;
    margin-top: 2.142857142857143em;
    border: 1px solid #cccccc;
    background: #ebeeef;
    margin-bottom: 2.142857142857143em;
}

@media (max-width: 767px) {
    .content-summary {
        padding: 1.0714285714285714em;
    }
}

.single-noo_job .job-desc ul,
.single-noo_job .more-jobs ul {
    list-style: none;
    padding-left: 0;
    position: relative;
}

    .single-noo_job .job-desc ul li,
    .single-noo_job .more-jobs ul li {
        line-height: 2.25em;
        padding-left: 20px;
    }

        .single-noo_job .job-desc ul li:before,
        .single-noo_job .more-jobs ul li:before {
            font-family: FontAwesome;
            content: "\f058";
            position: absolute;
            color: #e6b706;
            margin-left: -20px;
        }

.single-noo_job .job-desc ol li,
.single-noo_job .more-jobs ol li {
    line-height: 2.25em;
}

@-webkit-keyframes loadingFade {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes loadingFade {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes loadingFade {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    50% {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    100% {
        opacity: 0;
        filter: alpha(opacity=0);
    }
}

.gmap-loading {
    background-color: #fff;
    margin: 0px auto;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 300px;
    height: 105px;
    margin-left: -150px;
    text-align: center;
    padding-top: 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.95;
    z-index: 9999;
}

.gmap-loader {
    margin: 100px auto;
    width: 100%;
    height: 30px;
    text-align: center;
}

.gmap-loading .gmap-loader {
    margin: 10px auto;
}

    .gmap-loading .gmap-loader > div {
        -webkit-animation: 1.5s ease 0s normal none infinite loadingFade;
        -o-animation: 1.5s ease 0s normal none infinite loadingFade;
        animation: 1.5s ease 0s normal none infinite loadingFade;
        background: none repeat scroll 0 0 #e6b706;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        height: 10px;
        margin: 0 4px;
        opacity: 0;
        filter: alpha(opacity=0);
        width: 10px;
        -webkit-animation-delay: 0;
        animation-delay: 0;
    }

    .gmap-loading .gmap-loader .rect2 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .gmap-loading .gmap-loader .rect3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .gmap-loading .gmap-loader .rect4 {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .gmap-loading .gmap-loader .rect5 {
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

.noo-job-map {
    position: relative;
}

#gmap {
    height: 500px;
}

    #gmap img {
        width: auto;
        max-width: none;
    }

.job-advanced-search {
    display: block;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    z-index: 1;
    top: 120px;
    bottom: 2.142857142857143em;
}

    .job-advanced-search.map-search {
        top: inherit;
    }

    .job-advanced-search:before,
    .job-advanced-search:after {
        content: " ";
        display: table;
    }

    .job-advanced-search:after {
        clear: both;
    }

    .job-advanced-search:before,
    .job-advanced-search:after {
        content: " ";
        display: table;
    }

    .job-advanced-search:after {
        clear: both;
    }

.no-background > .job-advanced-search {
    position: relative;
    bottom: 0;
}

@media (max-width: 767px) {
    .job-advanced-search {
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.job-advanced-search .job-advanced-search-form {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 1.0714285714285714em 1.0714285714285714em;
    height: 95px;
    display: table;
    width: 100%;
}

@media (max-width: 991px) {
    .job-advanced-search .job-advanced-search-form {
        display: block;
        height: auto;
    }
}

.job-advanced-search .form-group {
    padding: 0.5357142857142857em;
    display: table-cell;
}

@media (min-width: 768px) {
    .job-advanced-search .form-group {
        width: 25%;
    }
}

@media (max-width: 991px) {
    .job-advanced-search .form-group {
        display: block;
        width: 25.00% !important;
        float: left;
    }
}

@media (max-width: 767px) {
    .job-advanced-search .form-group {
        display: block;
        width: 100% !important;
    }
}

.job-advanced-search .form-group.form-action {
    text-align: center;
}

.job-advanced-search.column-5 {
    width: 90%;
}

    .job-advanced-search.column-5 .form-group {
        width: 20%;
    }

.job-advanced-search.column-3 {
    width: 60%;
}

    .job-advanced-search.column-3 .form-group {
        width: 33%;
    }

.job-advanced-search.column-2 {
    width: 40%;
}

    .job-advanced-search.column-2 .form-group {
        width: 50%;
    }

.job-advanced-search.vertical .job-advanced-search-wrap {
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.job-advanced-search.vertical .form-group {
    display: block;
    width: auto;
}

.job-advanced-search .form-control,
.job-advanced-search .widget_newsletterwidget .newsletter-email,
.job-advanced-search .wpcf7-form-control:not(.wpcf7-submit),
.job-advanced-search .form-group .chosen-container-single,
.job-advanced-search .form-group .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
}

.job-advanced-search .form-control-flat {
    display: block;
}

.job-advanced-search .form-control-flat,
.job-advanced-search #search-keyword {   
    width: 100%;
}

@media (max-width: 991px) {
    .job-advanced-search .form-control-flat{
        width:100%;
    }
   
}

@media (max-width: 767px) {
    .job-advanced-search .form-control-flat,
    .job-advanced-search #search-keyword {
        width: 100%;
    }
}

.job-advanced-search .btn-search-submit {
    height: 50px;
    background-color: #f34f3e;
    color: #fff;
}

@media (max-width: 991px) {
    .job-advanced-search .btn-search-submit {
        width: 100%;
    }
}

.noo-job-search-wrapper {
    position: relative;
    z-index: 99;
}

@media (max-width: 991px) {
    .noo-job-search-wrapper {
        padding: 1.0714285714285714em;
        height: auto !important;
        overflow: initial;
        z-index: 9;
    }

        .noo-job-search-wrapper .job-search-bg-image {
            margin-left: -1.0714285714285714em;
            margin-right: -1.0714285714285714em;
            margin-top: -1.0714285714285714em;
        }

        .noo-job-search-wrapper .job-advanced-search {
            padding-top: 2.142857142857143em;
            top: auto !important;
            position: relative;
            left: auto;
            bottom: auto;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            width: 100% !important;
        }
}

.noo-job-search-wrapper .job-search-bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/home-slider_1920x700.jpg);
    height: 500px;
}


.noo-job-search-wrapper .lab-bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://mango-ai-lab.github.io/Images/lab.png);
    height: 500px;
}

@media (max-width: 991px) {
    .noo-job-search-wrapper .job-search-bg-image {
        height: 200px !important;
    }
}

@media (max-width: 991px) {
    .noo-job-search-wrapper .lab-bg-image {
        height: 200px !important;
    }
}

.job-search-bg-slider {
    height: 100%;
    overflow: hidden;
}

    .job-search-bg-slider ul.sliders {
        padding: 0;
        margin: 0;
    }

@media (max-width: 991px) {
    .job-search-bg-slider ul.sliders {
        display: none;
    }
}

.job-search-bg-slider ul.sliders .slide-image {
    width: 100%;
}

.is-waiting {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

[data-paginate="nextajax"] .page-numbers,
[data-paginate="resume_nextajax"] .page-numbers {
    display: none;
}

    [data-paginate="nextajax"] .page-numbers.prev,
    [data-paginate="resume_nextajax"] .page-numbers.prev,
    [data-paginate="nextajax"] .page-numbers.next,
    [data-paginate="resume_nextajax"] .page-numbers.next {
        display: inline-block;
    }

        [data-paginate="nextajax"] .page-numbers.prev.disabled,
        [data-paginate="resume_nextajax"] .page-numbers.prev.disabled,
        [data-paginate="nextajax"] .page-numbers.next.disabled,
        [data-paginate="resume_nextajax"] .page-numbers.next.disabled {
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

.tax-job_type [data-paginate="nextajax"],
.tax-job_location [data-paginate="nextajax"],
.post-type-archive-noo_job [data-paginate="nextajax"],
.tax-job_type [data-paginate="resume_nextajax"],
.tax-job_location [data-paginate="resume_nextajax"],
.post-type-archive-noo_job [data-paginate="resume_nextajax"] {
    margin-bottom: 4.285714285714286em;
}

.noo-messages {
    padding: 15px;
    margin-bottom: 2.142857142857143em;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .noo-messages.noo-message-error {
        background: #f2dede;
        color: #a94442;
        border-color: #ebccd1;
    }

    .noo-messages.noo-message-success {
        background: #dff0d8;
        color: #3c763d;
        border-color: #d6e9c6;
    }

    .noo-messages.noo-message-notice {
        background: #d9edf7;
        color: #31708f;
        border-color: #bce8f1;
    }

    .noo-messages ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

#aaiu-ul-list {
    margin: 0;
    padding: 0;
}

#uploaded-images .uploaded-img img {
    max-width: 100px;
}

.navbar-nav li.menu-item-post-btn {
    margin: 0 0 0 18px;
}

    .navbar-nav li.menu-item-post-btn > a,
    .navbar-nav li.menu-item-post-btn > a:hover {
        border: 0 solid transparent;
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        font-family: 'Montserrat', sans-serif, Myanmar3;
        padding: 0.7142857142857143em 2.2857142857142856em;
        font-size: 14px;
        line-height: 1;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: border-color color 0.2s ease;
        -o-transition: border-color color 0.2s ease;
        transition: border-color color 0.2s ease;
        color: #44494b;
        background-color: #e6b706;
        border-color: transparent;
        line-height: 1.3 !important;
        vertical-align: inherit;
        font-weight: bold;
    }

        .navbar-nav li.menu-item-post-btn > a:focus,
        .navbar-nav li.menu-item-post-btn > a:hover:focus,
        .navbar-nav li.menu-item-post-btn > a:active:focus,
        .navbar-nav li.menu-item-post-btn > a:hover:active:focus,
        .navbar-nav li.menu-item-post-btn > a.active:focus,
        .navbar-nav li.menu-item-post-btn > a:hover.active:focus {
            outline: none;
        }

        .navbar-nav li.menu-item-post-btn > a:hover,
        .navbar-nav li.menu-item-post-btn > a:hover:hover,
        .navbar-nav li.menu-item-post-btn > a:focus,
        .navbar-nav li.menu-item-post-btn > a:hover:focus {
            color: #44494b;
            text-decoration: none;
        }

            .navbar-nav li.menu-item-post-btn > a:active,
            .navbar-nav li.menu-item-post-btn > a:hover:active,
            .navbar-nav li.menu-item-post-btn > a.active,
            .navbar-nav li.menu-item-post-btn > a:hover.active {
                outline: 0;
                background-image: none;
                -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            }

            .navbar-nav li.menu-item-post-btn > a.disabled,
            .navbar-nav li.menu-item-post-btn > a:hover.disabled,
            .navbar-nav li.menu-item-post-btn > a[disabled],
            .navbar-nav li.menu-item-post-btn > a:hover[disabled],
            fieldset[disabled] .navbar-nav li.menu-item-post-btn > a,
            fieldset[disabled] .navbar-nav li.menu-item-post-btn > a:hover {
                cursor: not-allowed;
                pointer-events: none;
                opacity: 0.65;
                filter: alpha(opacity=65);
                -webkit-box-shadow: none;
                box-shadow: none;
            }

            .navbar-nav li.menu-item-post-btn > a.square,
            .navbar-nav li.menu-item-post-btn > a:hover.square {
                border-radius: 0;
            }

            .navbar-nav li.menu-item-post-btn > a.pill,
            .navbar-nav li.menu-item-post-btn > a:hover.pill {
                border-radius: 100em;
            }

            .navbar-nav li.menu-item-post-btn > a.rounded,
            .navbar-nav li.menu-item-post-btn > a:hover.rounded {
                border-radius: 0.225em;
            }

            .navbar-nav li.menu-item-post-btn > a.btn-white,
            .navbar-nav li.menu-item-post-btn > a:hover.btn-white {
                background-color: transparent;
                border: 1px solid #ffffff;
                color: #ffffff;
                -webkit-transition: all 0.2 ease;
                -o-transition: all 0.2 ease;
                transition: all 0.2 ease;
            }

                .navbar-nav li.menu-item-post-btn > a.btn-white:hover,
                .navbar-nav li.menu-item-post-btn > a:hover.btn-white:hover {
                    background-color: rgba(255, 255, 255, 0.6);
                    border-color: rgba(255, 255, 255, 0.6);
                    opacity: 1;
                    color: #57666e;
                }

                    .navbar-nav li.menu-item-post-btn > a.btn-white:hover > i,
                    .navbar-nav li.menu-item-post-btn > a:hover.btn-white:hover > i {
                        color: #57666e !important;
                    }

            .navbar-nav li.menu-item-post-btn > a.btn-black,
            .navbar-nav li.menu-item-post-btn > a:hover.btn-black {
                background: none repeat scroll 0 0 #333333;
                color: white;
            }

                .navbar-nav li.menu-item-post-btn > a.btn-black:hover,
                .navbar-nav li.menu-item-post-btn > a:hover.btn-black:hover {
                    background-color: #2b2b2b;
                }

            .navbar-nav li.menu-item-post-btn > a i,
            .navbar-nav li.menu-item-post-btn > a:hover i {
                padding-right: 10px;
            }

            .navbar-nav li.menu-item-post-btn > a.icon-right i,
            .navbar-nav li.menu-item-post-btn > a:hover.icon-right i {
                padding-left: 10px;
                padding-right: 0px;
            }

            .navbar-nav li.menu-item-post-btn > a:focus,
            .navbar-nav li.menu-item-post-btn > a:hover:focus,
            .navbar-nav li.menu-item-post-btn > a:active:focus,
            .navbar-nav li.menu-item-post-btn > a:hover:active:focus,
            .navbar-nav li.menu-item-post-btn > a.active:focus,
            .navbar-nav li.menu-item-post-btn > a:hover.active:focus {
                outline: none;
            }

            .navbar-nav li.menu-item-post-btn > a:hover,
            .navbar-nav li.menu-item-post-btn > a:hover:hover,
            .navbar-nav li.menu-item-post-btn > a:focus,
            .navbar-nav li.menu-item-post-btn > a:hover:focus {
                color: #44494b;
                text-decoration: none;
            }

                .navbar-nav li.menu-item-post-btn > a:active,
                .navbar-nav li.menu-item-post-btn > a:hover:active,
                .navbar-nav li.menu-item-post-btn > a.active,
                .navbar-nav li.menu-item-post-btn > a:hover.active {
                    outline: 0;
                    background-image: none;
                }

                .navbar-nav li.menu-item-post-btn > a.disabled,
                .navbar-nav li.menu-item-post-btn > a:hover.disabled,
                .navbar-nav li.menu-item-post-btn > a[disabled],
                .navbar-nav li.menu-item-post-btn > a:hover[disabled],
                fieldset[disabled] .navbar-nav li.menu-item-post-btn > a,
                fieldset[disabled] .navbar-nav li.menu-item-post-btn > a:hover {
                    cursor: not-allowed;
                    pointer-events: none;
                    opacity: 0.65;
                    filter: alpha(opacity=65);
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

                .navbar-nav li.menu-item-post-btn > a.square,
                .navbar-nav li.menu-item-post-btn > a:hover.square {
                    border-radius: 0;
                }

                .navbar-nav li.menu-item-post-btn > a.pill,
                .navbar-nav li.menu-item-post-btn > a:hover.pill {
                    border-radius: 100em;
                }

                .navbar-nav li.menu-item-post-btn > a.rounded,
                .navbar-nav li.menu-item-post-btn > a:hover.rounded {
                    border-radius: 0.225em;
                }

                .navbar-nav li.menu-item-post-btn > a.btn-white,
                .navbar-nav li.menu-item-post-btn > a:hover.btn-white {
                    background-color: transparent;
                    border: 1px solid #ffffff;
                    color: #ffffff;
                    -webkit-transition: all 0.2 ease;
                    -o-transition: all 0.2 ease;
                    transition: all 0.2 ease;
                }

                    .navbar-nav li.menu-item-post-btn > a.btn-white:hover,
                    .navbar-nav li.menu-item-post-btn > a:hover.btn-white:hover {
                        background-color: rgba(255, 255, 255, 0.6);
                        border-color: rgba(255, 255, 255, 0.6);
                        opacity: 1;
                        color: #57666e;
                    }

                        .navbar-nav li.menu-item-post-btn > a.btn-white:hover > i,
                        .navbar-nav li.menu-item-post-btn > a:hover.btn-white:hover > i {
                            color: #57666e !important;
                        }

                .navbar-nav li.menu-item-post-btn > a.btn-black,
                .navbar-nav li.menu-item-post-btn > a:hover.btn-black {
                    background: none repeat scroll 0 0 #333333;
                    color: white;
                }

                    .navbar-nav li.menu-item-post-btn > a.btn-black:hover,
                    .navbar-nav li.menu-item-post-btn > a:hover.btn-black:hover {
                        background-color: #2b2b2b;
                    }

                .navbar-nav li.menu-item-post-btn > a i,
                .navbar-nav li.menu-item-post-btn > a:hover i {
                    padding-right: 10px;
                }

                .navbar-nav li.menu-item-post-btn > a.icon-right i,
                .navbar-nav li.menu-item-post-btn > a:hover.icon-right i {
                    padding-left: 10px;
                    padding-right: 0px;
                }

                .navbar-nav li.menu-item-post-btn > a:hover,
                .navbar-nav li.menu-item-post-btn > a:hover:hover,
                .navbar-nav li.menu-item-post-btn > a:focus,
                .navbar-nav li.menu-item-post-btn > a:hover:focus,
                .navbar-nav li.menu-item-post-btn > a:active,
                .navbar-nav li.menu-item-post-btn > a:hover:active,
                .navbar-nav li.menu-item-post-btn > a.active,
                .navbar-nav li.menu-item-post-btn > a:hover.active,
                .open > .dropdown-toggle.navbar-nav li.menu-item-post-btn > a,
                .open > .dropdown-toggle.navbar-nav li.menu-item-post-btn > a:hover {
                    opacity: 0.8;
                    filter: alpha(opacity=80);
                    color: #44494b;
                    background-color: #e6b706;
                    border-color: transparent;
                }

        .navbar-nav li.menu-item-post-btn > a:hover {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

.member-heading-avatar {
    margin-bottom: 1.0714285714285714em;
}

    .member-heading-avatar img {
        width: 100px;
        height: 100px;
        border-radius: 100px;
    }

@media (min-width: 992px) {
    .navbar-collapse.noo-user-navbar-collapse {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .nav-item-member-profile {
        display: none !important;
    }
}

.nav-item-member-profile.login-link {
    margin-left: 2.142857142857143em;
    padding-left: 2.142857142857143em;
    position: relative;
}

    .nav-item-member-profile.login-link:before {
        background: none repeat scroll 0 0 #ebeeef;
        content: "";
        height: 25%;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
        -o-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        width: 1px;
    }

    .nav-item-member-profile.login-link > a {
        padding-left: 0;
    }

.nav-item-member-profile > a > span {
    margin-right: 10px;
}

    .nav-item-member-profile > a > span.profile-name {
        text-transform: none !important;
        max-width: 120px;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: middle;
    }

.nav-item-member-profile .member-links {
    font-weight: bold;
}

.nav-item-member-profile .member-register-link {
    line-height: 1.3 !important;
    background: #ebeeef;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    padding: 10px 20px !important;
}

.nav-item-member-profile .login-socical {
    min-width: 270px !important;
    padding: 10px !important;
}

    .nav-item-member-profile .login-socical .button_socical {
        margin: 0;
        margin-bottom: 10px;
    }

        .nav-item-member-profile .login-socical .button_socical:last-child {
            margin-bottom: 0;
        }

        .nav-item-member-profile .login-socical .button_socical em {
            padding: 10px;
        }

.account-reg-term {
    margin: 0 auto 1.0714285714285714em auto !important;
    display: table;
}

.login-form-links {
    text-align: center;
    /*font-style: italic;*/
    font-size: 0.9em;
    margin: 2.142857142857143em 0 0 0;
}

    .login-form-links > span {
        display: block;
        margin-bottom: 8px;
    }

        .login-form-links > span a,
        .login-form-links > span .fa,
        .login-form-links > span .noo-vc-accordion .panel-title a:before {
            color: #e6b706;
        }

            .login-form-links > span a:hover {
                text-decoration: underline;
            }

.jform-header {
    background: #34393b;
    padding-top: 50px;
    padding-bottom: 210px;
}

.jform-error {
    color: #d9534f;
    font-size: 0.8571428571428571em;
    display: inline-block;
    margin-top: 5px;
}

.jsteps {
    margin: 0 auto;
    padding: 0;
    display: table;
    width: 100%;
}

    .jsteps li {
        float: left;
        display: block;
        text-align: center;
        width: 25%;
    }

        .jsteps li:first-child .jstep-num:before,
        .jsteps li:last-child .jstep-num:before {
            width: 50%;
        }

        .jsteps li:last-child .jstep-num:before {
            left: 0;
            right: auto;
        }

    .jsteps.jsteps-2 li {
        width: 50%;
    }

    .jsteps.jsteps-3 li {
        width: 33.33333333333333%;
    }

    .jsteps .jstep-num {
        display: block;
        text-align: center;
        position: relative;
    }

        .jsteps .jstep-num:before {
            content: "";
            height: 14px;
            width: 100%;
            right: 0;
            top: 50%;
            margin-top: -7px;
            position: absolute;
            background: #2a2e30;
            text-align: center;
        }

        .jsteps .jstep-num a {
            font-size: 70px;
            display: inline-block;
            background: #34393b;
            position: relative;
            z-index: 1;
            color: #6e7172;
            border: 14px solid #2a2e30;
            -webkit-border-radius: 100%;
            border-radius: 100%;
            width: 150px;
            height: 150px;
            line-height: 122px;
            font-family: "Montserrat", Myanmar3;
        }

    .jsteps .jstep-line {
        text-align: center;
        padding: 38px 0;
        position: relative;
    }

        .jsteps .jstep-line:before {
            position: absolute;
            content: "";
            left: 0;
            width: 100%;
            height: 1px;
            margin-top: -1px;
            background: #6e7172;
            top: 50%;
        }

    .jsteps .jstep-dot {
        width: 16px;
        height: 16px;
        background: #34393b;
        border: 4px solid #6e7172;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;
        margin: -8px 0 0 -8px;
    }

    .jsteps .jstep-label {
        text-transform: uppercase;
        padding-left: 1.0714285714285714em;
        padding-right: 1.0714285714285714em;
        text-align: center;
        font-family: "Montserrat", Myanmar3;
        padding-bottom: 50px;
        color: #6e7172;
    }

    .jsteps li.completed .jstep-num a,
    .jsteps li.active .jstep-num a {
        color: #fff;
        background: #b48f05;
    }

        .jsteps li.completed .jstep-num a:before,
        .jsteps li.active .jstep-num a:before {
            content: "";
            border: 14px solid #e6b706;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            position: absolute;
            -webkit-border-radius: 100%;
            border-radius: 100%;
        }

    .jsteps li.completed .jstep-num i,
    .jsteps li.active .jstep-num i {
        font-size: 50px;
    }

    .jsteps li.completed .jstep-dot,
    .jsteps li.active .jstep-dot {
        background: #fff;
    }

    .jsteps li.completed .jstep-label,
    .jsteps li.active .jstep-label {
        color: #fff;
    }

    .jsteps li.completed .jstep-num a {
        line-height: 100px;
    }

.jform-body {
    margin-top: -210px;
}

.account-actions {
    margin-bottom: 50px;
}

    .account-actions a {
        margin-right: 1rem;
    }

        .account-actions a:hover,
        .account-actions a.active {
            background: #e6b706;
            border-color: #e6b706;
        }

        .account-actions a span.login-label {
            opacity: 0.6;
            filter: alpha(opacity=60);
        }

@media (max-width: 767px) {
    .account-actions a span.login-label {
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

.jpanel-title {
    text-align: center;
    padding: 1.0714285714285714em;
    background: #e6b706;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}

    .jpanel-title h3 {
        margin: 0;
    }

.jpanel-body {
    background: #fff;
    padding: 50px;
}

.job-form .control-label,
.account-form .control-label {
    text-transform: uppercase;
    font-weight: bold;
}

.job-form .form-group button,
.account-form .form-group button {
    margin: 0 5px;
}

.job-form .lost-pass-desc,
.account-form .lost-pass-desc {
    display: block;
    margin-bottom: 2.142857142857143em;
}

.job-form .chosen-container-single .chosen-search input[type="text"],
.account-form .chosen-container-single .chosen-search input[type="text"],
.job-form .chosen-container,
.account-form .chosen-container {
    width: 100% !important;
}

.job-form .chosen-container-single .chosen-single abbr,
.account-form .chosen-container-single .chosen-single abbr {
    top: 13px;
}

.form-title {
    margin-bottom: 45px;
}

.wysihtml5-toolbar li {
    margin: 0 5px 5px 0;
}

.wysihtml5-toolbar .btn,
.wysihtml5-toolbar .widget_newsletterwidget .newsletter-submit {
    font-weight: normal;
    padding: 5px 10px;
    font-size: 11px;
}

.account-form .account-reg-term {
    margin-bottom: 2.142857142857143em;
}

    .account-form .account-reg-term a {
        color: #c3c3c3;
    }

        .account-form .account-reg-term a:hover {
            text-decoration: underline;
        }

.account-form .login-form-links {
    display: none;
}

.account-form.show-login-form-links .login-form-links {
    display: block;
}

.form-actions {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #cccccc;
}

.jpanel + .form-actions {
    margin-top: 0;
}

.job-preview-notice {
    margin-bottom: 30px;
    text-align: center;
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

    .job-preview-notice > label {
        margin: 0 auto;
        float: none;
    }

    .job-preview-notice .checkbox {
        text-align: center;
    }

.member-plan {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    background: #ebeeef;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2.142857142857143em;
}

    .member-plan .no-plan-package {
        font-size: 1.3em;
    }

    .member-plan .member-plan-choose {
        margin-top: 2.142857142857143em;
        padding-top: 2.142857142857143em;
        border-top: 1px solid #cccccc;
        text-align: center;
    }

    .member-plan .col-xs-6 {
        padding-bottom: 1.0714285714285714em;
    }

    .member-plan .woo-order-history-link {
        margin-top: 10px;
    }

.member-manage form {
    margin-top: 2.142857142857143em;
}

.member-manage .member-manage-table {
    overflow: auto;
}

.member-manage .action-no-link {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: not-allowed;
}

.member-manage .table thead th {
    padding-left: 1.0714285714285714em;
    padding-right: 1.0714285714285714em;
    text-transform: uppercase;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .member-manage .table thead th {
        padding: 1.0714285714285714em;
    }
}

.member-manage .table tbody td {
    padding: 2.142857142857143em 1.0714285714285714em;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .member-manage .table tbody td {
        padding: 1.0714285714285714em;
    }
}

.member-manage .table tbody td em {
    font-size: 0.9em;
}

.member-manage .table tbody tr:hover {
    background-color: #44494b;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .member-manage .table tbody tr:hover a:not(.btn-primary) {
        color: #fff;
    }

        .member-manage .table tbody tr:hover a:not(.btn-primary):hover {
            color: #e6b706;
        }

    .member-manage .table tbody tr:hover h3 {
        color: #fff;
    }

.member-manage .table .category-col,
.member-manage .table .location-col {
    max-width: 150px;
}

.member-manage .table .loop-item-wrap .loop-item-title {
    margin-top: 15px;
}

.member-manage .table .content-meta {
    margin-bottom: 0;
}

.member-manage .check-column .checkbox {
    padding: 0;
}

    .member-manage .check-column .checkbox i {
        position: relative;
    }

@media (max-width: 767px) {
    .member-manage .bulk-actions {
        margin-bottom: 2.142857142857143em;
        float: none !important;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .member-manage .member-manage-page {
        float: none !important;
        text-align: center;
    }
}

.member-manage .noo-job-feature {
    font-size: 1.3em;
}

.member-manage .member-manage-actions {
    white-space: nowrap;
}

.member-manage .member-manage-action {
    font-size: 1em;
    display: inline-block;
    margin: 0 5px;
}

    .member-manage .member-manage-action .fa-trash-o {
        color: #d9534f;
    }

.member-manage .member-manage-toolbar.top-toolbar {
    margin-bottom: 2.142857142857143em;
}

.member-manage .member-manage-toolbar.buttom-toolbar {
    margin-top: 2.142857142857143em;
}

.member-manage .member-manage-toolbar .pagination {
    margin-top: 0;
    margin-bottom: 0;
}

.member-manage .member-manage-toolbar button {
    height: 50px;
    vertical-align: top;
    line-height: 1;
}

.member-manage .member-manage-toolbar .form-control-flat {
    display: inline-block;
}

.member-manage .member-manage-toolbar .btn-primary,
.member-manage .member-manage-toolbar .widget_newsletterwidget .newsletter-submit {
    font-weight: bold;
}

.member-manage .job-manage-app {
    width: 10%;
    text-align: center;
}

.member-manage .job-manage-expires,
.member-manage .job-manage-actions {
    width: 12%;
    white-space: nowrap;
}

.member-manage .candidate-avatar img {
    margin-right: 1.0714285714285714em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.add-new-location {
    font-weight: bold;
}

    .add-new-location a {
        color: #e6b706;
    }

.job-application-status {
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 11px;
    padding: 4px;
    text-align: center;
    border-radius: 20px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

    .job-application-status.job-application-status-rejected,
    .job-application-status.job-application-status-expired {
        background: #a3a3a3;
    }

    .job-application-status.job-application-status-pending,
    .job-application-status.job-application-status-PendingApproval {
        background: #e6b706;
    }

    .job-application-status.job-application-status-publish,
    .job-application-status.job-application-status-active {
        background: #ee5b4c;
    }

    .job-application-status.job-application-status-inactive {
        background: #000;
    }

.company-profile-form .job-manage-toolbar.top-toolbar {
    margin-bottom: 2.142857142857143em;
}

.company-profile-form .job-manage-toolbar.buttom-toolbar {
    margin-top: 2.142857142857143em;
}

.company-profile-form .job-manage-toolbar button {
    height: 50px;
}

.job-action {
    margin-top: 2.142857142857143em;
    margin-bottom: 20px;
}

    .job-action a {
        margin-left: 1.0714285714285714em;
    }

        .job-action a:first-child {
            margin-left: 0;
        }

        .job-action a.bookmark-job {
            background-color: #d3dcdf;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 50%;
            color: #ebeeef;
        }

            .job-action a.bookmark-job i:hover {
                color: #e6b706;
            }

            .job-action a.bookmark-job.bookmarked {
                color: #e6b706;
            }

.job-sidebar > div {
    background-color: #f9f9f9;
}

    .job-sidebar > div + div {
        margin-top: 2.142857142857143em;
    }

.job-social {
    padding: 2.142857142857143em;
    /*background: #ebeeef;*/
    margin-bottom: 30px;
}

    .job-social .noo-social-title {
        display: block;
        font-weight: bold;
    }

    .job-social a.company_website {
        width: 100%;
        display: block;
        margin: 1.0714285714285714em 0 0 0;
        color: #e6b706;
        padding: 0;
    }

        .job-social a.company_website span {
            border-bottom: 1px dotted #e6b706;
            line-height: 0;
            color: #e6b706;
        }

    .job-social a.noo-icon {
        background-color: #e6b706;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 50%;
        margin-right: 5px;
        /*color: #fff;*/
        color:#000;
        margin: 1.0714285714285714em 5px 0 0;
    }

        /*.job-social a.noo-icon.fa-facebook:hover {
            background: #5873b1;
        }

        .job-social a.noo-icon.fa-twitter:hover {
            background: #4099FF;
        }

        .job-social a.noo-icon.fa-google-plus:hover {
            background: #d34836;
        }

        .job-social a.noo-icon.fa-linkedin:hover {
            background: #4875B4;
        }

        .job-social a.noo-icon.fa-pinterest:hover {
            background: #C92228;
        }

        .job-social a.noo-icon.fa-instagram:hover {
            background: #517fa4;
        }*/

.noo-company .job-social {
    padding: 2.142857142857143em 0;
}

.company-header {
    width: 100%;
    display: table-cell;
}

    .company-header .company-title {
        font-size: 18px;
        width: 50%;
        float: left;
    }

    .company-header .company-featured {
        width: 50%;
        float: left;
        overflow: hidden;
        padding-right: 20px;
        padding-bottom: 2.142857142857143em;
    }

        .company-header .company-featured img {
            width: 150px;
            height: 60px;
            /*background-color: #fff;*/
            overflow: hidden;
            float: left;
            border-radius: 50%;
        }

@media (max-width: 767px) {
    .company-header {
        width: 25%;
    }

      .company-header .company-featured img {
            width: 55px;
            height: 50px;
            /*background-color: #fff;*/
            overflow: hidden;
            float: left;
            border-radius: 50%;
        }
}

.company-desc {
    padding: 2.142857142857143em;
    /*background: #ebeeef;*/
}

    .company-desc .job-social {
        padding: 2.142857142857143em 0;
    }

    .company-desc .more-jobs ul {
        margin-top: 20px;
    }

.slider .loop-item-wrap:hover {
    background: #f9f9f9 !important;
    cursor: pointer;
}

    .slider .loop-item-wrap:hover em {
        color: #000 !important;
    }

.jobs article:hover,
.single-noo_job article:hover {
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

    .jobs article:hover h2 > a,
    .single-noo_job article:hover h2 > a,
    .jobs article:hover span,
    .single-noo_job article:hover span,
    .jobs article:hover span.job-company > a,
    .single-noo_job article:hover span.job-company > a,
    .jobs article:hover time,
    .single-noo_job article:hover time,
    .jobs article:hover em,
    .single-noo_job article:hover em,
    .jobs article:hover .show-view-more > a,
    .single-noo_job article:hover .show-view-more > a {
        /*color: #fff !important;*/
        /*color: #fff !important;*/
    }

.jobs:not(.slider) article:hover,
.single-noo_job:not(.slider) article:hover {
    /*background: #F3E2A9 !important;*/
    /*background: #44494B !important;*/
}

.jobs .hentry.noo_job,
.single-noo_job .hentry.noo_job {
    padding: 2.142857142857143em;
    width: 100%;
    clear: both;
    display: table;
}

    .jobs .hentry.noo_job:nth-child(2n+1),
    .single-noo_job .hentry.noo_job:nth-child(2n+1) {
        background: #f9f9f9;
    }



@media (max-width: 767px) {
    .jobs .hentry.noo_job,
    .single-noo_job .hentry.noo_job {
        padding: 2.142857142857143em 1.0714285714285714em 2.142857142857143em 1.0714285714285714em;
    }    
}

.jobs .btn-loadmore,
.single-noo_job .btn-loadmore {
    font-weight: bold;
}

.single-noo_job .jobs.related-jobs,
.single-noo_job .comments-area {
    /*border-top: 1px solid #dfdfdf;*/
    margin: 50px 0 0;
    padding: 40px 0 0;
}

    .single-noo_job .comments-area #respond {
        margin-top: 0;
    }

.loop-item-wrap .item-featured {
    overflow: hidden;
    float: left;
    width: 10%;
    min-width: 70px;
    display: table-cell;
}

    .loop-item-wrap .item-featured a:before {
        background: transparent;
    }

    .loop-item-wrap .item-featured img {
        width: 50px;
        height: 50px;
        background-color: #fff;
        overflow: hidden;
        border-radius: 50%;
    }

@media (max-width: 767px) {
    .loop-item-wrap .item-featured {
        width: 25%;
    }
}

.loop-item-wrap .loop-item-content {
    display: table-cell;
    width: 90%;
    background: transparent;
}

.jobs .loop-item-wrap .loop-item-content {
    width: 60%;
    float: left;
}

.loop-item-wrap .loop-item-content .loop-item-title {
    color: #44494b;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

    .loop-item-wrap .loop-item-content .loop-item-title a {
        color: #44494b;
        font-size: 14px;
        text-transform: none;
    }

.loop-item-wrap .loop-item-content .content-meta {
    display: inline-table;
    /*font-style: italic;*/
    font-size: 13px;
    color: #44494b;
}

    .loop-item-wrap .loop-item-content .content-meta ul {
        display: table;
        margin: 0;
        padding: 0;
    }

        .loop-item-wrap .loop-item-content .content-meta ul li {
            display: inline-block;
            margin-right: 2.142857142857143em;
            line-height: 30px;
        }

            .loop-item-wrap .loop-item-content .content-meta ul li i {
                padding-right: 5px;
            }

    .loop-item-wrap .loop-item-content .content-meta .job-type.part-time a {
        color: #458cce;
    }

    .loop-item-wrap .loop-item-content .content-meta .job-type.full-time a {
        color: #f14e3b;
    }

    .loop-item-wrap .loop-item-content .content-meta .job-type.freelance a {
        color: #e6b707;
    }

    .loop-item-wrap .loop-item-content .content-meta .job-type.contract a {
        color: #578523;
    }

@media (max-width: 767px) {
    .loop-item-wrap .loop-item-content {
        width: 75%;
    }
}

.job-type.part-time {
    color: #458cce;
}

.job-type.full-time {
    color: #f14e3b;
}

.job-type.freelance {
    color: #e6b707;
}

.job-type.contract {
    color: #578523;
}

.company-letters {
    line-height: 30px;
    padding: 10px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    word-wrap: break-word;
}

    .company-letters a {
        display: inline;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif, Myanmar3;
        margin-right: 1.35em;
    }

.companies-overview.masonry-container {
    padding: 0;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    font-weight: bold;
    margin: 0 -2.142857142857143em;
    max-width: 100%;
}

    .companies-overview.masonry-container li.masonry-item {
        list-style: none;
        padding-bottom: 0;
        margin-bottom: 2.142857142857143em;
        min-width: 250px;
    }

@media (min-width: 768px) {
    .companies-overview.masonry-container li.masonry-item {
        width: 49.5%;
    }
}

@media (min-width: 992px) {
    .companies-overview.masonry-container li.masonry-item {
        width: 33%;
    }
}

@media (min-width: 1200px) {
    .companies-overview.masonry-container li.masonry-item {
        width: 25%;
    }
}

.companies-overview.masonry-container li.masonry-item > .company-letter {
    padding-top: 2em;
    border-bottom: 3px solid #cccccc;
    font-size: 24px;
}

.companies-overview.masonry-container li.masonry-item ul {
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    padding: 1.0714285714285714em 0;
}

    .companies-overview.masonry-container li.masonry-item ul > li {
        line-height: 30px;
    }

        .companies-overview.masonry-container li.masonry-item ul > li a {
            font-weight: 300;
            font-family: 'Montserrat', sans-serif, Myanmar3;
            -webkit-font-smoothing: antialiased;
            font-smoothing: antialiased;
        }

.widget .jobs-count {
    margin-top: 20px;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
}

.job-head {
    /*background-color: aliceblue;*/
    margin: -49px -35px 0px -35px;
    padding: 33px;
}

    .job-head .job-title {
        font-size: 2.142857142857143em;
        margin: 0;
        font-weight: bold;
    }

.resume .resume-content .resume-desc .resume-general ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

    .resume .resume-content .resume-desc .resume-general ul li {
        line-height: 2.5em;
    }

        .resume .resume-content .resume-desc .resume-general ul li span {
            width: 40%;
            float: left;
            font-weight: bold;
        }

.resume .resume-content .resume-desc .resume-description {
    margin-top: 2.142857142857143em;
}

.resume .resume-content .resume-desc .resume-video {
    display: block;
    max-width: 600px;
    margin-top: 2.142857142857143em;
    margin-left: auto;
    margin-right: auto;
}

.resume .resume-content .resume-desc .resume-timeline {
    padding: 2.142857142857143em 0;
}

    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper {
        position: relative;
        float: left;
        width: 100%;
    }

        .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-time {
            /*font-style: italic;*/
            padding: 30px;
            float: left;
            width: 20%;
            text-align: center;
        }

            .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-time span {
                color: #fff;
                background: #ee5b4c;
                border-radius: 4px;
                padding: 3px 7px;
            }

            .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-time:before {
                position: absolute;
                width: 40px;
                height: 40px;
                line-height: 40px;
                content: "\f19d";
                color: #fff;
                background: #7c7f81;
                font-family: FontAwesome;
                text-align: center;
                left: -22px;
                border-radius: 50%;
                top: 20px;
                font-style: normal;
            }

@media (max-width: 991px) {
    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-time {
        width: 30%;
    }
}

@media (max-width: 767px) {
    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-time {
        width: 100%;
        text-align: left;
    }
}

.resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-series {
    width: 80%;
    border: 1px solid #cccccc;
    padding: 2.142857142857143em;
    float: left;
    border-radius: 4px;
    position: relative;
}

    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-series:before {
        top: 40px;
        bottom: auto;
        left: -30px;
        border-width: 0 30px 24px 0;
        border-color: transparent #cccccc;
        content: "";
        position: absolute;
        display: block;
        border-style: solid;
    }

    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-series:after {
        top: 41px;
        bottom: auto;
        left: -28px;
        border-width: 0 28px 22px 0;
        border-color: transparent #fff;
        content: "";
        position: absolute;
        display: block;
        border-style: solid;
    }

    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-series .timeline-event a {
        font-size: 1.2em;
        font-family: 'Montserrat', sans-serif, Myanmar3;
        padding-bottom: 1.0714285714285714em;
        display: block;
    }

        .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-series .timeline-event a span {
            font-size: 14px;
            font-weight: normal;
            /*font-style: italic;*/
            font-family: "Droid Serif", serif, Myanmar3;
            padding-left: 1.0714285714285714em;
            position: relative;
        }

            .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-series .timeline-event a span:before {
                content: "-";
                position: absolute;
                left: 5px;
                top: -5px;
            }

@media (max-width: 991px) {
    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-series {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper .timeline-series {
        width: 80%;
        margin-left: 2.142857142857143em;
    }
}

.resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper:last-child {
    border-left: 0;
}

.resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper:after {
    position: absolute;
    content: "";
    left: -3px;
    top: 60px;
    width: 4px;
    height: 100%;
    background: #ebebeb;
    display: block;
}

@media (max-width: 991px) {
    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper {
        margin: 0 20px;
        width: 98%;
    }
}

.resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper.last:after {
    width: 0;
}

@media (max-width: 767px) {
    .resume .resume-content .resume-desc .resume-timeline .timeline-container .timeline-wrapper.last:after {
        width: 4px;
    }
}

.resume .resume-content .resume-desc .resume-timeline .education .timeline-time {
    position: relative;
}

    .resume .resume-content .resume-desc .resume-timeline .education .timeline-time:before {
        content: "\f19d" !important;
    }

.resume .resume-content .resume-desc .resume-timeline .experience .timeline-time {
    position: relative;
}

    .resume .resume-content .resume-desc .resume-timeline .experience .timeline-time:before {
        content: "\f0f2" !important;
    }

.resume .title-general {
    font-size: 22px;
    text-transform: uppercase;
    padding-right: 2.142857142857143em;
    margin-top: 0;
}

    .resume .title-general span {
        color: #e6b706;
        line-height: 1.5em;
    }

@media (max-width: 991px) {
    .resume .title-general {
        margin-bottom: 1.0714285714285714em;
    }
}

.resume .skill .pregress-bar .progress_title {
    width: 20%;
    float: left;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif, Myanmar3;
    font-size: 16px;
}

    .resume .skill .pregress-bar .progress_title span {
        margin-left: -20px;
    }

@media (max-width: 991px) {
    .resume .skill .pregress-bar .progress_title {
        width: 32%;
    }

        .resume .skill .pregress-bar .progress_title span {
            margin-left: 0;
        }
}

.resume .skill .pregress-bar .progress {
    float: left;
    width: 80%;
    max-width: 550px;
    margin-top: 5px;
}

@media (max-width: 991px) {
    .resume .skill .pregress-bar .progress {
        width: 68%;
    }
}

@media (max-width: 991px) {
    .resume .skill {
        margin: 0;
    }
}

.resume-candidate-profile .candidate-title {
    margin-bottom: 30px;
}

    .resume-candidate-profile .candidate-title h2 {
        width: 100%;
        width: -webkit-calc( 100% - 180px );
        /** Safari 6, Chrome 19-25 **/
        width: -moz-calc( 100% - 180px );
        /** FF 4-15  **/
        width: calc( 100% - 180px );
        /** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/
        margin-top: 0;
        margin-bottom: 0;
        float: left;
    }

.candidate-info .row > div,
.candidate-info .noo-pricing-table > div {
    line-height: 30px;
}

.candidate-social a.noo-icon {
    background-color: #d3dcdf;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #000;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    margin: 1.0714285714285714em 5px 0 0;
}

    .candidate-social a.noo-icon.fa-facebook:hover {
        background: #5873b1;
    }

    .candidate-social a.noo-icon.fa-twitter:hover {
        background: #4099FF;
    }

    .candidate-social a.noo-icon.fa-linkedin:hover {
        background: #4875B4;
    }

    .candidate-social a.noo-icon.fa-behance:hover {
        background: #3496ff;
    }

    .candidate-social a.noo-icon.fa-instagram:hover {
        background: #517fa4;
    }

.resume-form .noo-addable-fields {
    background-color: #f9f9f9;
    padding: 1.0714285714285714em;
}

    .resume-form .noo-addable-fields .fields-group > input {
        margin-bottom: 1.0714285714285714em;
    }

    .resume-form .noo-addable-fields .fields-group + .fields-group {
        margin-top: 2.142857142857143em;
    }

.resume-form .noo-addable-actions a {
    /*font-style: italic;*/
    margin-top: 10px;
}

.resume-form .noo-remove-fields {
    color: red;
}

.resumes .posts-loop-content table td,
.resumes .posts-loop-content table tr {
    border: 0 !important;
}

.resumes .posts-loop-content table thead {
    background: #ebeeef;
}

    .resumes .posts-loop-content table thead th {
        border-bottom: 0;
        width: 25%;
    }

.resumes .posts-loop-content table tbody tr {
    padding: 2.142857142857143em;
    width: 100%;
}

    .resumes .posts-loop-content table tbody tr:nth-child(2n+1) {
        background: #f9f9f9;
    }

.resumes .posts-loop-content table tbody td {
    border: 0;
    width: 25%;
    padding: 1.0714285714285714em;
    vertical-align: middle;
}

    .resumes .posts-loop-content table tbody td .loop-item-title {
        padding-top: 0.5em;
    }

    .resumes .posts-loop-content table tbody td:first-child {
        padding-top: 2.6em;
    }

.download i.fa.fa-download.text-primary,
.download i.noo-vc-accordion .panel-title a:before.fa-download.text-primary {
    padding: 10px;
    background-color: #44494b;
    margin-right: 15px;
}

.download a {
    color: #e6b706;
    border-bottom: 1px dashed #e6b706;
}

@media (max-width: 991px) {
    .list-image-employer {
        text-align: center;
    }
}

.list-image-employer img {
    margin-right: 10px;
    max-width: 177px;
    height: auto;
}

@media (max-width: 767px) {
    .list-image-employer img {
        max-width: 100%;
    }
}

.featured_slider {
    max-width: 100%;
}

    .featured_slider .bg_images {
        /*background: #fff;*/
        float: left;
        margin: 0px 10px;
        text-align: center;
    }

    .featured_slider img {
        width: 60px;
        height: auto !important;
        margin: 20px;
    }

    .featured_slider .page {
        text-align: center;
        margin-top: 20px;
    }

        .featured_slider .page a {
            background: #fff;
            text-decoration: none;
            text-indent: -999px;
            display: inline-block;
            overflow: hidden;
            width: 8px;
            height: 8px;
            margin: 0 5px 0 0;
            border-radius: 50%;
        }

            .featured_slider .page a.selected {
                background: #e6b706;
                border-radius: 50%;
                text-decoration: underline;
            }

    .featured_slider .box_testimonial {
        float: left;
    }

        .featured_slider .box_testimonial .box-content {
            max-width: 90%;
            background-color: #fff;
            padding: 30px;
            border-radius: 5px;
            color: #a7a8a9;
            /*font-style: italic;*/
        }

        .featured_slider .box_testimonial .icon {
            margin-left: 70px;
            margin-bottom: 15px;
            width: 25px;
            border-width: 0px 0px 15px 15px;
            border-style: solid;
            border-color: transparent #fff;
        }

        .featured_slider .box_testimonial .box-info .box-info-image {
            float: left;
        }

            .featured_slider .box_testimonial .box-info .box-info-image img {
                margin: auto !important;
                border-radius: 50% !important;
                width: 70px !important;
                height: 70px !important;
            }

        .featured_slider .box_testimonial .box-info .box-info-entry {
            padding: 15px 0px 0px 80px;
        }

            .featured_slider .box_testimonial .box-info .box-info-entry h4,
            .featured_slider .box_testimonial .box-info .box-info-entry h5 {
                margin: 0;
                padding: 0;
                font-size: 14px;
            }

            .featured_slider .box_testimonial .box-info .box-info-entry h4 {
                color: #fff;
                margin: 3px;
                text-transform: uppercase;
            }

            .featured_slider .box_testimonial .box-info .box-info-entry h5 {
                color: #C3C6CA;
                /*font-style: italic;*/
                font-weight: inherit;
                font-family: "Droid Serif", serif, Myanmar3 !important;
            }

    .featured_slider .box_testimonial_single {
        text-align: center;
        width: 100%;
    }

        .featured_slider .box_testimonial_single .box-info .box-info-image img {
            max-width: 100%;
            margin: 0 auto;
            border-radius: 50%;
            width: 100px !important;
            height: 100px !important;
            border: 5px solid rgba(255, 255, 255, 0.4);
        }

        .featured_slider .box_testimonial_single .box-info .box-info-entry h4 {
            color: #fff;
            font-weight: both;
            font-size: 14px;
        }

        .featured_slider .box_testimonial_single .box-info .box-info-entry h5 {
            color: rgba(255, 255, 255, 0.5);
            font-weight: 300;
        }

        .featured_slider .box_testimonial_single .box-content {
            padding: 2em 0;
            color: #fff;
            /*font-style: italic;*/
        }

.noo_upload img {
    border: 1px solid #ddd;
    width: 70px;
    margin: 5px;
    padding: 5px;
}

.login-socical {
    max-width: 500px;
    margin: 20px auto;
    padding-bottom: 20px;
}

.button_socical {
    width: 100%;
    height: 45px;
    color: #fff;
    border-radius: 3px;
    margin: 3px 0px;
    overflow: hidden;
}

    .button_socical:hover {
        cursor: pointer;
    }

    .button_socical i {
        width: 48px;
        height: 45px;
        padding: 11px;
        font-size: 27px;
        border-radius: 5px 0px 0px 5px;
    }

        .button_socical i.fa-facebook-square {
            background: linear-gradient(#5676bc, #31497b);
        }

        .button_socical i.fa-google-plus {
            background: linear-gradient(#cd6751, #ec270f);
        }

        .button_socical i.fa-linkedin-square {
            background: linear-gradient(#43a1d1, #0077b4);
        }

    .button_socical em {
        font-family: 'Montserrat', sans-serif, Myanmar3;
        font-style: normal;
        position: relative;
        top: -5px;
        padding: 20px;
    }

    .button_socical.fb {
        background: #2952aa;
    }

        .button_socical.fb:hover {
            background: #3767cf;
        }

    .button_socical.gg {
        background: #cc3d2d;
    }

        .button_socical.gg:hover {
            background: #d96053;
        }

    .button_socical.linkedin {
        background: #0077b4;
    }

        .button_socical.linkedin:hover {
            background: #0099e7;
        }

.get_socical {
    position: relative;
    top: -35px;
    right: 20px;
    float: right;
    width: 90px;
    height: 20px;
    font-size: 12px !important;
    color: #fff;
    padding: 4px 6px;
    border-radius: 3px;
    text-align: center;
}

    .get_socical:hover {
        cursor: pointer;
    }

    .get_socical em {
        font-family: 'Montserrat', sans-serif, Myanmar3;
        font-style: normal;
    }

.modal-body .login-socical {
    margin-left: -125px !important;
}

.myfont{
    font-family: 'Montserrat', sans-serif, Myanmar3;
}

label.myLabel input[type="file"] {
    /*position: fixed;
    top: -1000px;*/
    display:none;
}

/***** Example custom styling *****/
.myLabel {
   color:#550303;
   font-size:20px;
   padding-left:10px;
}
.myLabel:hover {  
   color:#931200
}


.myLabel:active {  
}


.appbar {
    margin-left:10px; 
    cursor:pointer; 
    width:90px; 
    display:inline-block;
    font-size:10px;
    background-color:#e6b706 !important;
    color:black !important;
    box-shadow:0 1px 1px rgba(0,0,0,0.3) !important;
}



.col-item
{
    border: 1px solid #E1E1E1;
    box-shadow:1px 1px 3px 0 #f2f2f2;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
[data-slide="prev"]
{
    margin-right: 10px;
}

.box-1 {
      
    padding:20px; 
    box-shadow:rgb(102, 102, 102) 0px 0px 1px 1px;
    border-radius:4px;
}

.box-2 {
      
    padding:20px;
    border:1px solid #ddd; 
    border-radius:4px;
}

.box-3 {

    display: block;
    position: relative;
    margin: 0px; 
    padding: 16px;
    box-sizing: border-box;
    background: #fff; 
    box-shadow: 0 0 0 1px rgba(200,215,225,0.5), 0 1px 2px #e9eff3;
}


/* Image Upload  */
label.my-upload input[type="file"] {   
    display:none;
}

.my-upload {
   color:#44494b;
   margin:0px;

}
.my-upload:hover {  
   color:#555;
}

.my-upload:active {  
}


.panel {
   /* background: #f5f5f5;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 01px 1px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5);*/
    margin-bottom: 0px;
}

.chat-window {
    bottom: 0;
    right: 0;
    position: fixed;
    margin-left: 0px;
    max-width: 350px;
    min-width: 350px;
}

.chat-window-mobile {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #f5f5f5;
    z-index: 2000;
}


#chat-main {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
}

#chat-header {
    position: absolute;
    height: 41px;
    top: 0;
    left: 0;
    right: 0;
    display: block;
}

#chat-content {
    position: absolute;
    top: 41px;
    bottom: 50px;
    left: 0;
    right: 0;
    overflow-y: auto;
    background: #fff;
}

#chat-footer {
    position: absolute;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
}


.chat-window > div > .panel {
    border-radius: 5px 5px 0 0;
}

.icon_minim {
    padding: 2px 10px;
}

.msg_container_base {
    background: #fafafa;
    margin: 0px !important;
    padding: 0 10px 10px;
    max-height: 300px;
    overflow-x: hidden;
}

.top-bar {
    background: #fafafa;
    color: white;
    padding: 10px;
    position: relative;
    overflow: hidden;
}

.msg_receive {
    background-color: #ebf5fb;
    padding-bottom: 10px !important;
    margin-left: 0;
}

.msg_sent {
    background-color: #fef9e7;
    padding-bottom: 10px !important;
    margin-right: 0;
}

.messages {
    /*background: white;*/
    padding: 10px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    max-width: 100%;
    color: black;
}

    .messages > p {
        font-size: 13px;
        margin: 0 0 0.2rem 0;
    }

    .messages > time {
        font-size: 11px;
        color: #aaa;
    }

.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}

.msg_container_mobile {
    padding: 10px;
    overflow: hidden;
    display: flex;
    margin-left: 10px !important;
    margin-right: 10px !important;
}


user-img {
    display: block;
    width: 80px;
}

.chatuser {
    position: relative;
}

.base_receive > .chatuser:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 5px solid #FFF;
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
}

.base_sent {
    justify-content: flex-end;
    align-items: flex-end;
}

    .base_sent > .chatuser:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 0;
        border: 5px solid white;
        border-right-color: transparent;
        border-top-color: transparent;
        box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
    }


.profile-tag {
    display: inline-block;
    min-width: 100px;
    width: auto;
    margin: 3px !important;
    padding-bottom: 1px !important;
    padding-top: 1px !important;   
    background-color: #ffffff !important;
    color: black;
    border-radius: 20px;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 13px;
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.33);
}

.shadow-box {
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}


.highlight-textarea {
    border-radius: 3px;
    border: 1px solid #f6f6f6;
    display: block;
    width: 100%;  
  
}

.highlight-annotation {
    background-color: #d5d8dc !important;
}

/* Disable Outline  */

.custom-input-text {
    border: none;
    background-color: transparent;
}

    .custom-input-text:focus {
        outline: none;
    }



.img-thumbnail {
    line-height: 1.7;
    background-color: #fff;
    border:none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    width: 100% \9;
    max-width: 100%;
    height: auto;
    padding: .28571428571429em;
}

.grid-background {
    background: white;
    background-image: radial-gradient(#ddd 1px, transparent 0);
    background-size: 20px 20px;
    background-position: -5px -4px;
}

.box-bg-color {
    background-color:#fafafa;
}
