/*
======================================================
  GENERAL STYLES
======================================================
*/
/* General */
/* ======================== */
* {
    box-sizing: border-box;
}

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

html,
body {
    height: 100%;
}

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

body {
    font-family: 'Roboto', "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #515151;
    background-color: #fff;
    cursor: default;
}

#main-wrapper {
    position: relative;
    background: #ffffff;
    z-index: 2;
    transition: transform 0.3s;
}

ul.breadcrumb {
    background-color: transparent;
    border-radius: 0;
}

a {
    color: #5dade0;
    transition: all 0.3s;
    text-decoration: none;
}

    a:hover,
    a:focus {
        color: #278aca;
    }

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

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #f4f4f4;
}

.map img,
.gm-style img {
    max-width: none;
}

.map label,
.gm-style label {
    display: inline;
    width: auto;
}

.css-table {
    display: table;
    width: 100%;
    height: 100%;
}

    .css-table .css-table-cell {
        display: table-cell;
        vertical-align: middle;
    }

.has-bg-image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

    .has-bg-image.contain {
        background-size: contain;
    }

    .has-bg-image .background {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
    }

    .has-bg-image .content {
        position: relative;
        z-index: 1;
    }

.hidden-image {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


.container h2 {
    font-size: 30px;
    text-transform: uppercase;
}

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

.widget {
    position: relative;
    background: #f4f4f4;
    margin-bottom: 30px;
}

.secondary.widget {
    background: #34495e;
}

.widget .widget-title {
    margin: 0;
    background: #34495e;
    color: #ffffff;
    font-size: 18px;
    padding: 12px 24px;
}

.secondary.widget .widget-title {
    background: #263645;
}

.widget .widget-content {
    padding: 24px;
    font-size: 15px;
}

.secondary.widget .widget-content {
    color: #95a2af;
}

    .secondary.widget .widget-content h1,
    .secondary.widget .widget-content h1,
    .secondary.widget .widget-content h3,
    .secondary.widget .widget-content h4,
    .secondary.widget .widget-content h5,
    .secondary.widget .widget-content h6 {
        color: #ffffff;
    }

/* Typography */
/* ======================== */
/* Headings */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: inherit;
    font-weight: 600;
    line-height: 1.25em;
    color: #333333;
    margin-top: 20px;
    margin-bottom: 20px;
}

    h1 small,
    .h1 small,
    h2 small,
    .h2 small,
    h3 small,
    .h3 small,
    h4 small,
    .h4 small,
    h5 small,
    .h5 small,
    h6 small,
    .h6 small,
    h1 .small,
    .h1 .small,
    h2 .small,
    .h2 .small,
    h3 .small,
    .h3 .small,
    h4 .small,
    .h4 .small,
    h5 .small,
    .h5 .small,
    h6 .small,
    .h6 .small {
        font-size: 75%;
        font-weight: normal;
        line-height: 1;
        color: #4f6f8f;
    }

h1,
.h1 {
    font-size: 40px;
}

h2,
.h2 {
    font-size: 36px;
}

h3,
.h3 {
    font-size: 28px;
}

h4,
.h4 {
    font-size: 24px;
}

h5,
.h5 {
    font-size: 20px;
}

h6,
.h6 {
    font-size: 18px;
}
/* Basic Typography Styles */
p {
    margin: 0 0 24px;
}

small,
.small {
    font-size: 75%;
}

mark,
.mark {
    background-color: rgba(93, 173, 224, 0.25);
    padding: .1em .3em;
}

code,
kbd,
pre,
samp {
    font-family: 'Roboto', "Segoe UI", Arial, sans-serif;
}

code {
    padding: .1em .3em;
    color: #34495e;
    background-color: #f4f4f4;
}

kbd {
    padding: .1em .3em;
    color: #ffffff;
    background-color: #34495e;
}

    kbd kbd {
        padding: 0;
    }

pre {
    display: block;
    padding: 24px;
    margin: 0 0 24px;
    font-size: 15px;
    line-height: 28px;
    word-break: break-all;
    word-wrap: normal;
    color: #333333;
    background-color: #f4f4f4;
    overflow-x: scroll;
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
    }

.pre-scrollable {
    max-height: 500px;
    overflow-y: scroll;
}

.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;
}
/* List Styles */
ul,
ol {
    margin: 0 0 24px;
}

    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;
}

    .list-inline > li {
        display: inline-block;
        margin-right: 24px;
    }

        .list-inline > li:last-child {
            margin-right: 0;
        }

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

    .list-check li:before {
        content: "\f00c";
        margin-right: 12px;
        font-family: 'FontAwesome';
        font-size: 15px;
        color: #5dade0;
    }

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

    .list-icon li .fa {
        position: relative;
        top: -1px;
        width: 24px;
        margin-right: 6px;
        text-align: center;
        font-size: 15px;
        color: #5dade0;
    }

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

    .list-icon-large li {
        position: relative;
        padding-left: 70px;
        margin-bottom: 48px;
    }

        .list-icon-large li:last-child {
            margin-bottom: 0;
        }

        .list-icon-large li .fa {
            position: absolute;
            top: 0;
            left: 0;
            width: 60px;
            text-align: center;
            font-size: 32px;
            color: #5dade0;
        }

        .list-icon-large li h6 {
            margin: 0;
        }

        .list-icon-large li p {
            margin-top: 12px;
            margin-bottom: 0;
            font-size: 15px;
        }
/* Description Lists */
dl {
    margin: 0 0 24px;
}

dt,
dd {
    line-height: 24px;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}
/* Misc */
abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #333333;
}
/* Blockquotes */
blockquote {
    padding: 12px 24px;
    margin: 0 0 24px;
    font-size: 18px;
    font-family: 'Droid Serif', serif;
    font-style: italic;
    border-left: 5px solid #34495e;
    background: #f4f4f4;
}

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

    blockquote footer {
        display: block;
        line-height: 28px;
        font-size: 15px;
        font-style: normal;
        color: #737373;
    }

        blockquote footer:before {
            content: '\2014 \00A0';
        }

.blockquote-unstyled {
    padding: 0;
    margin: 0;
    border-left: 0;
    background: none;
}

    .blockquote-unstyled footer:before {
        content: '';
    }
/* Address */
address {
    margin-bottom: 24px;
    font-style: normal;
    line-height: 24px;
}
/* Buttons */
/* ======================== */
.btn {
    display: inline-block;
    margin: 3px !important;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0;
    white-space: nowrap;
    color: #ffffff;
    padding: 15px;
    transition: all 0.3s;
}

    .btn:hover,
    .btn.hover,
    .btn:focus,
    .btn.focus,
    .btn:active,
    .btn.active {
        text-decoration: none;
        color: #ffffff;
        outline: 0;
        background-image: none;
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        cursor: default;
        pointer-events: none;
        opacity: .5;
    }
/* Colors */
.btn-default {
    background-color: #f4f4f4;
    color: #34495e;
}

    .btn-default:hover,
    .btn-default.hover,
    .btn-default:focus,
    .btn-default.focus,
    .btn-default:active,
    .btn-default.active {
        background-color: #dbdbdb;
        color: #222f3d;
    }

.btn-primary {
    background-color: #5dade0;
}

    .btn-primary:hover,
    .btn-primary.hover,
    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active,
    .btn-primary.active {
        background-color: #278aca;
    }

.btn-secondary {
    background-color: #34495e;
}

    .btn-secondary:hover,
    .btn-secondary.hover,
    .btn-secondary:focus,
    .btn-secondary.focus,
    .btn-secondary:active,
    .btn-secondary.active {
        background-color: #222f3d;
    }

.btn-success {
    background-color: #33cc5b;
}

    .btn-success:hover,
    .btn-success.hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active {
        background-color: #29a349;
    }

.btn-info {
    background-color: #5dade0;
}

    .btn-info:hover,
    .btn-info.hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active {
        background-color: #3297d8;
    }

.btn-warning {
    background-color: #ffcc30;
}

    .btn-warning:hover,
    .btn-warning.hover,
    .btn-warning:focus,
    .btn-warning.focus,
    .btn-warning:active,
    .btn-warning.active {
        background-color: #fcbe00;
    }

.btn-error {
    background-color: #e93d3d;
}

    .btn-error:hover,
    .btn-error.hover,
    .btn-error:focus,
    .btn-error.focus,
    .btn-error:active,
    .btn-error.active {
        background-color: #da1919;
    }
/* Link button */
.btn-link {
    color: #5dade0;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link:hover,
    .btn-link.hover,
    .btn-link:focus,
    .btn-link.focus,
    .btn-link:active,
    .btn-link.active {
        color: #278aca;
        text-decoration: underline;
    }

.btn-magenta {
    background-color: #8a4bd1;
}

    .btn-magenta:hover,
    .btn-magenta.hover,
    .btn-magenta:focus,
    .btn-magenta.focus,
    .btn-magenta:active,
    .btn-magenta.active {
        background-color: #702fba;
    }
/* Large */
.btn-large {
    font-size: 18px;
    padding: 13px 28px;
}
/* Small */
.btn-small {
    font-size: 15px;
    padding: 3px 12px;
}
/* Block */
.btn-block {
    display: block;
    width: 100%;
}

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

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}
/* Tables */
/* ======================== */
table {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px;
    background-color: #ffffff;
}

    table table {
        background-color: #ffffff;
    }

    table th {
        text-align: left;
    }

    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: 8px 24px;
        line-height: 24px;
        vertical-align: top;
        border-bottom: 1px solid #f4f4f4;
    }

    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-bottom: 0;
    }

    table > thead > tr > th {
        color: #ffffff;
        vertical-align: bottom;
        background-color: #34495e;
        font-weight: 600;
    }

.panel-body table > thead > tr > th {
    color: #333;
    background: none;
}

table > tfoot > tr > td,
table > tfoot > tr > th {
    background-color: #f4f4f4;
    font-weight: 600;
}

table > tbody + tbody {
    border-top: 2px solid #f4f4f4;
}
/* Condensed */
.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: 3px 12px;
    font-size: 15px;
}
/* Bordered */
.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 #f4f4f4;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border: 0;
}
/* Stripped */
.table-striped > tbody > tr:nth-child(odd) {
    background-color: #fafafa;
}
/* Hover */
.table-hover > tbody > tr {
    transition: all 0.3s;
}

    .table-hover > tbody > tr:hover {
        background-color: #f4f4f4;
    }
/* Forms */
/* ======================== */
form {
    position: relative;
    margin-bottom: 24px;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
    font-size: 18px;
    line-height: inherit;
    color: #34495e;
    border: 0;
    border-bottom: 1px solid #f4f4f4;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
}

input[type="search"] {
    box-sizing: border-box;
}

input[type="radio"],
input[type="checkbox"] {
    line-height: 24px;
}

input[type="file"] {
    display: block;
}

input[type="range"] {
    display: block;
    width: 100%;
}

select[multiple],
select[size] {
    height: auto;
}

.modal-dialog input,
.modal-dialog select,
.modal-dialog textarea {
    margin-bottom: inherit;
}

.panel-body input {
    margin-bottom: 0;
}

.modal-body input[type="text"],
.modal-body input[type="password"],
.modal-body input[type="number"],
.modal-body input[type="email"] {
    height: 30px;
}

::-moz-placeholder {
    color: #cecece;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #cecece;
}

::-webkit-input-placeholder {
    color: #cecece;
}

.placeholder,
.placeholder {
    color: #cecece;
}

textarea {
    height: auto;
    max-width: 100%;
    resize: vertical;
    transition: all 0s, border-color 0.3s;
}

input[type="search"] {
    -webkit-appearance: none;
}
/* Radio / Checkbox */
.radio,
.checkbox {
    position: relative;
    display: block;
    margin-bottom: 24px;
    font-weight: normal;
    cursor: pointer;
    user-select: none;
}

    .radio input[type="radio"],
    .radio-inline input[type="radio"],
    .checkbox input[type="checkbox"],
    .checkbox-inline input[type="checkbox"] {
        position: relative;
        margin-right: 5px;
        top: -1px;
    }

    .radio + .radio,
    .checkbox + .checkbox {
        margin-top: -16px;
    }

.radio-inline,
.checkbox-inline {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
    user-select: none;
    margin-bottom: 24px;
}

    .radio-inline + .radio-inline,
    .checkbox-inline + .checkbox-inline {
        margin-left: 24px;
    }

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;
    color: #cecece;
}

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
    color: #cecece;
}

.radio.disabled,
.checkbox.disabled,
fieldset[disabled] .radio,
fieldset[disabled] .checkbox {
    cursor: not-allowed;
    color: #cecece;
}

.panel-default select {
    height: auto;
    padding: 0;
    width: 55%;
}

/* Form Inline */
@media (min-width: 768px) {
    .form-inline select,
    .form-inline textarea,
    .form-inline input[type="text"],
    .form-inline input[type="password"],
    .form-inline input[type="datetime"],
    .form-inline input[type="datetime-local"],
    .form-inline input[type="date"],
    .form-inline input[type="month"],
    .form-inline input[type="time"],
    .form-inline input[type="week"],
    .form-inline input[type="number"],
    .form-inline input[type="email"],
    .form-inline input[type="url"],
    .form-inline input[type="search"],
    .form-inline input[type="tel"],
    .form-inline input[type="color"] {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin-bottom: 0;
        margin-right: 24px;
    }

    .form-inline 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;
        margin-right: 24px;
    }
}

/* UOU Tabs */
/* ======================== */
.uou-tabs {
    position: relative;
    margin: 0 0 24px;
}

    .uou-tabs .tabs {
        padding-left: 0;
        list-style: none;
        margin: 0;
    }

        .uou-tabs .tabs:before,
        .uou-tabs .tabs:after {
            content: " ";
            display: table;
        }

        .uou-tabs .tabs:after {
            clear: both;
        }

        .uou-tabs .tabs:before,
        .uou-tabs .tabs:after {
            content: " ";
            display: table;
        }

        .uou-tabs .tabs:after {
            clear: both;
        }

.vertical.uou-tabs .tabs {
    float: left;
    width: 160px;
}

.uou-tabs .tabs li {
    position: relative;
    float: left;
    margin-right: 5px;
}

    .uou-tabs .tabs li:last-child {
        margin-right: 0;
    }

    .uou-tabs .tabs li a {
        display: block;
        background: #f4f4f4;
        color: #333333;
        padding: 8px 24px;
    }

        .uou-tabs .tabs li a:hover {
            background: #dbdbdb;
            outline: 0;
        }

    .uou-tabs .tabs li.active a {
        color: #ffffff;
        background: #34495e;
    }

.vertical.uou-tabs .tabs li {
    float: none;
    margin-right: 0;
    margin-bottom: 5px;
}

.uou-tabs .content {
    border-top: 3px solid #34495e;
}

    .uou-tabs .content > div {
        display: none;
        position: relative;
        background: #f4f4f4;
        padding: 24px;
    }

        .uou-tabs .content > div.active {
            display: block;
        }

.vertical.uou-tabs .content {
    margin-left: 160px;
    border-top: 0;
    border-left: 3px solid #34495e;
}

.uou-tabs .accordion-link {
    display: none;
    background: #f4f4f4;
    color: #333333;
    padding: 8px 24px;
    margin-bottom: 5px;
    transition: all 0s;
}

    .uou-tabs .accordion-link:hover {
        background: #dbdbdb;
        outline: 0;
    }

    .uou-tabs .accordion-link.active {
        color: #ffffff;
        background: #34495e;
    }

@media (max-width: 767px) {
    .uou-tabs.accordion-xs .tabs {
        display: none;
    }

    .uou-tabs.accordion-xs .accordion-link {
        display: block;
    }

    .uou-tabs.accordion-xs .content {
        border: 0;
        margin: 0;
    }

        .uou-tabs.accordion-xs .content > div {
            margin-bottom: 5px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .uou-tabs.accordion-sm .tabs {
        display: none;
    }

    .uou-tabs.accordion-sm .accordion-link {
        display: block;
    }

    .uou-tabs.accordion-sm .content {
        border: 0;
        margin: 0;
    }

        .uou-tabs.accordion-sm .content > div {
            margin-bottom: 5px;
        }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .uou-tabs.accordion-md .tabs {
        display: none;
    }

    .uou-tabs.accordion-md .accordion-link {
        display: block;
    }

    .uou-tabs.accordion-md .content {
        border: 0;
        margin: 0;
    }

        .uou-tabs.accordion-md .content > div {
            margin-bottom: 5px;
        }
}

@media (min-width: 1200px) {
    .uou-tabs.accordion-lg .tabs {
        display: none;
    }

    .uou-tabs.accordion-lg .accordion-link {
        display: block;
    }

    .uou-tabs.accordion-lg .content {
        border: 0;
        margin: 0;
    }

        .uou-tabs.accordion-lg .content > div {
            margin-bottom: 5px;
        }
}
/* UOU Accordions */
/* ======================== */
.uou-accordions {
    padding-left: 0;
    list-style: none;
    position: relative;
    margin: 0 0 24px;
}

    .uou-accordions:before,
    .uou-accordions:after {
        content: " ";
        display: table;
    }

    .uou-accordions:after {
        clear: both;
    }

    .uou-accordions:before,
    .uou-accordions:after {
        content: " ";
        display: table;
    }

    .uou-accordions:after {
        clear: both;
    }

    .uou-accordions > li > a {
        position: relative;
        display: block;
        background: #f4f4f4;
        color: #333333;
        padding: 8px 24px;
        margin-bottom: 5px;
    }

        .uou-accordions > li > a:after {
            position: absolute;
            right: 12px;
            top: 8px;
            content: "\f054";
            font-family: 'FontAwesome';
            color: inherit;
            font-size: 15px;
        }

        .uou-accordions > li > a:hover {
            background: #dbdbdb;
            outline: 0;
        }

    .uou-accordions > li > div {
        display: none;
        position: relative;
        background: #f4f4f4;
        padding: 24px;
        margin-bottom: 5px;
    }

    .uou-accordions > li.active > a {
        color: #ffffff;
        background: #34495e;
    }

        .uou-accordions > li.active > a:after {
            content: "\f078";
        }

    .uou-accordions > li.active > div {
        display: block;
    }
/* Alerts */
/* ======================== */
.alert {
    position: relative;
    padding: 12px 24px;
    margin-bottom: 24px;
}

    .alert h4 {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 20px;
        color: inherit;
    }

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

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

.alert-dismissible {
    padding-right: 48px;
}

    .alert-dismissible .close {
        position: absolute;
        top: 12px;
        right: 0;
        color: inherit;
        background: none;
        border: 0;
        outline: none;
        padding: 0 12px;
        font-weight: bold;
        font-size: 18px;
        opacity: .5;
        transition: all 0.3s;
    }

        .alert-dismissible .close:hover {
            opacity: 1;
        }

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

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

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

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

/* Breadcrumbs */
/* ======================== */
.breadcrumbs {
    padding-left: 0;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
}

    .breadcrumbs:before,
    .breadcrumbs:after {
        content: " ";
        display: table;
    }

    .breadcrumbs:after {
        clear: both;
    }

    .breadcrumbs:before,
    .breadcrumbs:after {
        content: " ";
        display: table;
    }

    .breadcrumbs:after {
        clear: both;
    }

    .breadcrumbs > li {
        float: left;
        color: #34495e;
    }

        .breadcrumbs > li:after {
            content: "\f105";
            font-family: 'FontAwesome';
            font-size: 10px;
            margin: 0 12px;
            color: #95a2af;
        }

        .breadcrumbs > li:last-child:after {
            display: none;
        }

        .breadcrumbs > li a {
            color: #95a2af;
        }

            .breadcrumbs > li a:hover {
                color: #5dade0;
            }
/* Breadcrumbs Secondary */
.breadcrumbs-secondary {
    padding-left: 0;
    list-style: none;
    position: relative;
    margin-bottom: 10px;
}

    .breadcrumbs-secondary:before,
    .breadcrumbs-secondary:after {
        content: " ";
        display: table;
    }

    .breadcrumbs-secondary:after {
        clear: both;
    }

    .breadcrumbs-secondary:before,
    .breadcrumbs-secondary:after {
        content: " ";
        display: table;
    }

    .breadcrumbs-secondary:after {
        clear: both;
    }

    .breadcrumbs-secondary > li {
        float: left;
        margin-right: 5px;
        line-height: 24px;
        font-size: 10px;
    }

        .breadcrumbs-secondary > li:first-child > a,
        .breadcrumbs-secondary > li:first-child > span {
            border-left: 1px solid #95a2af;
            padding-left: 12px;
        }

            .breadcrumbs-secondary > li:first-child > a .arrow,
            .breadcrumbs-secondary > li:first-child > span .arrow {
                display: none;
            }

        .breadcrumbs-secondary > li > a,
        .breadcrumbs-secondary > li > span {
            position: relative;
            display: block;
            padding: 0 12px 0 24px;
            border-top: 1px solid #95a2af;
            border-bottom: 1px solid #95a2af;
        }

            .breadcrumbs-secondary > li > a:before,
            .breadcrumbs-secondary > li > span:before,
            .breadcrumbs-secondary > li > a:after,
            .breadcrumbs-secondary > li > span:after {
                z-index: 2;
                position: absolute;
                display: block;
                content: '';
                width: 0;
                height: 0;
                transition: all 0.3s;
            }

            .breadcrumbs-secondary > li > a:before,
            .breadcrumbs-secondary > li > span:before {
                top: -1px;
                right: -15px;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
                border-left: 15px solid #95a2af;
            }

            .breadcrumbs-secondary > li > a:after,
            .breadcrumbs-secondary > li > span:after {
                top: 0;
                right: -14px;
                border-top: 14px solid transparent;
                border-bottom: 14px solid transparent;
                border-left: 14px solid #ffffff;
            }

            .breadcrumbs-secondary > li > a .arrow,
            .breadcrumbs-secondary > li > span .arrow {
                position: absolute;
                z-index: 1;
                top: -1px;
                left: 0;
                width: 0;
                height: 0;
                border-top: 15px solid transparent;
                border-bottom: 15px solid transparent;
                border-left: 15px solid #95a2af;
            }

                .breadcrumbs-secondary > li > a .arrow:before,
                .breadcrumbs-secondary > li > span .arrow:before,
                .breadcrumbs-secondary > li > a .arrow:after,
                .breadcrumbs-secondary > li > span .arrow:after {
                    position: absolute;
                    display: block;
                    content: '';
                    width: 0;
                    height: 0;
                }

                .breadcrumbs-secondary > li > a .arrow:before,
                .breadcrumbs-secondary > li > span .arrow:before {
                    top: -15px;
                    left: -16px;
                    border-bottom: 15px solid #ffffff;
                    border-right: 15px solid transparent;
                }

                .breadcrumbs-secondary > li > a .arrow:after,
                .breadcrumbs-secondary > li > span .arrow:after {
                    bottom: -15px;
                    left: -16px;
                    border-top: 15px solid #ffffff;
                    border-right: 15px solid transparent;
                }

        .breadcrumbs-secondary > li > a {
            color: #95a2af;
        }

            .breadcrumbs-secondary > li > a:hover {
                border-color: #5dade0;
                background-color: #5dade0;
                color: #ffffff;
            }

                .breadcrumbs-secondary > li > a:hover:before,
                .breadcrumbs-secondary > li > a:hover:after,
                .breadcrumbs-secondary > li > a:hover .arrow {
                    border-left-color: #5dade0;
                }

        .breadcrumbs-secondary > li > span {
            border-color: #34495e;
            background-color: #34495e;
            color: #ffffff;
        }

            .breadcrumbs-secondary > li > span:before,
            .breadcrumbs-secondary > li > span:after,
            .breadcrumbs-secondary > li > span .arrow {
                border-left-color: #34495e;
            }

/* FLEXSLIDER */
/* ======================== */
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 20 0 20 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    .flexslider .slides:before,
    .flexslider .slides:after {
        content: " ";
        display: table;
    }

    .flexslider .slides:after {
        clear: both;
    }

    .flexslider .slides:before,
    .flexslider .slides:after {
        content: " ";
        display: table;
    }

    .flexslider .slides:after {
        clear: both;
    }

    .flexslider .slides > li {
        display: none;
        -webkit-backface-visibility: hidden;
    }

    .flexslider .slides img {
        width: 100%;
        height: auto;
        display: block;
    }

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.flexslider {
    position: relative;
    zoom: 1;
}

    .flexslider .slides {
        zoom: 1;
    }

.flex-viewport {
    max-height: 2000px;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flex-direction-nav {
    display: block;
    width: 100%;
    margin: 0;
}

    .flex-direction-nav a {
        display: block;
        width: 48px;
        height: 48px;
        text-align: center;
        font-size: 26px;
        background: rgba(52, 73, 94, 0.5);
        line-height: 48px;
        color: #ffffff;
    }

        .flex-direction-nav a:hover {
            background: #34495e;
        }

    .flex-direction-nav .flex-next,
    .flex-direction-nav .flex-prev {
        position: absolute;
        top: 50%;
        margin-top: -24px;
        z-index: 10;
    }

        .flex-direction-nav .flex-next:before,
        .flex-direction-nav .flex-prev:before {
            display: block;
            font-family: 'FontAwesome';
            line-height: 48px;
        }

    .flex-direction-nav .flex-prev {
        left: 0;
    }

        .flex-direction-nav .flex-prev:before {
            content: "\f104";
        }

    .flex-direction-nav .flex-next {
        right: 0;
    }

        .flex-direction-nav .flex-next:before {
            content: "\f105";
        }

    .flex-direction-nav .flex-disabled,
    .flex-direction-nav .flex-disabled:hover {
        cursor: default;
        background: rgba(52, 73, 94, 0.75);
        color: rgba(255, 255, 255, 0.5);
    }

.flex-control-nav {
    position: absolute;
    left: 0;
    bottom: -5px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 10px;
    padding: 10px;
    z-index: 10;
}

    .flex-control-nav li {
        display: inline-block;
        line-height: 10px;
        margin: 0 5px;
        vertical-align: bottom;
    }

        .flex-control-nav li a {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
            display: block;
            width: 10px;
            height: 10px;
            cursor: pointer;
            text-decoration: none;
            border-radius: 10px;
            border: 1px solid #fff;
        }

            .flex-control-nav li a:hover {
                background: #fff;
            }

            .flex-control-nav li a.flex-active {
                background: #fff;
                cursor: default;
            }

.mejs-player {
    margin-bottom: 30px;
}

    .mejs-player,
    .mejs-player * {
        outline: 0;
    }

.mejs-offscreen {
    /* Accessibility: hide screen reader texts (and prefer "top" for RTL languages). */
    position: absolute !important;
    top: -10000px;
    overflow: hidden;
    width: 1px;
    height: 1px;
}

.mejs-container {
    position: relative;
    background: #000;
    text-align: left;
    vertical-align: middle;
    text-indent: 0;
}

.me-plugin {
    position: absolute;
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
}

.mejs-fullscreen {
    /* set it to not show scroll bars so 100% will work */
    overflow: hidden !important;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

    .mejs-container-fullscreen .mejs-mediaelement,
    .mejs-container-fullscreen video {
        width: 100%;
        height: 100%;
    }

.mejs-clear {
    clear: both;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    }
}

/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
  visibility:visible;
}
*/
/* End: Progress Bar */
/* Start: Fullscreen */

/* SLIDER */
#slider {
    position: relative;
}

    #slider .slide {
        padding: 230px 0 200px 0;
        background-size: cover;
        background-position: center;
    }

        #slider .slide .title {
            position: relative;
            padding-bottom: 45px;
            margin-bottom: 30px;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 42px;
            line-height: 46px;
        }

            #slider .slide .title .color-magenta {
                color: #8a4bd1;
            }

            #slider .slide .title:after {
                position: absolute;
                bottom: 0;
                left: 0;
                content: "";
                width: 90px;
                height: 1px;
                background: #ffffff;
            }

    #slider .owl-controls {
        position: absolute;
        bottom: 45px;
        left: 0;
        right: 0;
        text-align: center;
    }

        #slider .owl-controls .owl-pagination {
            position: relative;
        }

            #slider .owl-controls .owl-pagination .owl-page {
                margin: 0 3px;
                display: inline-block;
            }

                #slider .owl-controls .owl-pagination .owl-page.active span {
                    background-color: #ffffff;
                }

                #slider .owl-controls .owl-pagination .owl-page span {
                    display: inline-block;
                    width: 13px;
                    height: 13px;
                    border-radius: 50%;
                    background-color: rgba(255, 255, 255, 0.5);
                }

    #slider .flex-direction-nav {
        display: none !important;
        visibility: hidden;
        opacity: 0;
    }

@media (max-width: 767px) {
    .uou-block-1a {
        display: none;
    }
}

/* Block 1b */
/* ======================== */
.uou-block-1b {
    position: relative;
    display: block;
    background: #f4f4f4;
    padding: 10px 0;
}

    .uou-block-1b:before,
    .uou-block-1b:after {
        content: " ";
        display: table;
    }

    .uou-block-1b:after {
        clear: both;
    }

    .uou-block-1b:before,
    .uou-block-1b:after {
        content: " ";
        display: table;
    }

    .uou-block-1b:after {
        clear: both;
    }

    .uou-block-1b .language {
        float: left;
        position: relative;
        padding-left: 0;
        list-style: none;
    }

        .uou-block-1b .language .toggle {
            display: block;
            font-size: 15px;
            color: #34495e;
            line-height: 30px;
            height: 30px;
        }

            .uou-block-1b .language .toggle:after {
                content: "\f0d7";
                font-family: 'FontAwesome';
                font-size: 15px;
                margin-left: 5px;
                position: relative;
                line-height: 30px;
                top: -1px;
            }

            .uou-block-1b .language .toggle:hover {
                color: #5dade0;
            }

            .uou-block-1b .language .toggle img {
                width: 16px;
                height: auto;
                margin-top: -2px;
            }

        .uou-block-1b .language ul {
            padding-left: 0;
            list-style: none;
            margin: 0;
            display: block;
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 100%;
            visibility: hidden;
            opacity: 0;
            margin-top: 9px;
            transition: all 0.3s;
        }

            .uou-block-1b .language ul li {
                background: #f4f4f4;
                border-top: 1px solid #dbdbdb;
            }

                .uou-block-1b .language ul li a {
                    display: block;
                    font-size: 15px;
                    color: inherit;
                    line-height: 30px;
                    padding: 0 12px;
                    white-space: nowrap;
                }

                    .uou-block-1b .language ul li a:hover {
                        color: #5dade0;
                    }

                    .uou-block-1b .language ul li a img {
                        max-width: none;
                        width: 16px;
                        height: auto;
                        margin-top: -3px;
                        margin-right: 5px;
                    }

        .uou-block-1b .language.active > ul {
            visibility: visible;
            opacity: 1;
        }

.authentication {
    padding-left: 0;
    list-style: none;
    margin: 0 0 0 24px;
    float: right;
}

    .authentication li {
        float: left;
        margin-top: 14px;
    }

        .authentication li a {
            display: block;
            font: 400 14px/12px 'Roboto', 'Open Sans', sans-serif;
            text-decoration: none;
            color: #333;
        }

.uou-block-1b .authentication li:last-child {
    margin-right: 0;
}

.uou-block-1b .social {
    padding-left: 0;
    list-style: none;
    margin: 0;
    float: right;
}

    .uou-block-1b .social li {
        float: left;
        margin-right: 5px;
    }

        .uou-block-1b .social li a {
            display: block;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            font-size: 15px;
            color: #ffffff;
            border-radius: 50%;
        }

            .uou-block-1b .social li a.fa-facebook {
                background: #3b5999;
            }

            .uou-block-1b .social li a.fa-twitter {
                background: #55acee;
            }

            .uou-block-1b .social li a.fa-google-plus {
                background: #dd4b39;
            }

            .uou-block-1b .social li a:hover.fa-facebook {
                background: #2d4474;
            }

            .uou-block-1b .social li a:hover.fa-twitter {
                background: #2795e9;
            }

            .uou-block-1b .social li a:hover.fa-google-plus {
                background: #c23321;
            }

@media (max-width: 767px) {
    .uou-block-1b {
        display: none;
    }
}
/* Block 1c */
/* ======================== */
.uou-block-1c {
    position: relative;
    display: block;
    background: #f4f4f4;
}

    .uou-block-1c:before,
    .uou-block-1c:after {
        content: " ";
        display: table;
    }

    .uou-block-1c:after {
        clear: both;
    }

    .uou-block-1c:before,
    .uou-block-1c:after {
        content: " ";
        display: table;
    }

    .uou-block-1c:after {
        clear: both;
    }

    .uou-block-1c .logo {
        float: left;
        display: block;
        font-size: 24px;
        text-transform: uppercase;
        color: inherit;
        font-weight: 700;
        letter-spacing: 2px;
        line-height: 60px;
        border-right: 1px solid #dbdbdb;
        padding-right: 24px;
    }

        .uou-block-1c .logo:hover {
            color: #5dade0;
        }

    .uou-block-1c .search {
        position: relative;
        float: left;
    }

        .uou-block-1c .search form {
            margin: 0;
        }

            .uou-block-1c .search form input[type="text"] {
                background: none;
                border: 0;
                margin: 0;
                width: 300px;
                height: 60px;
                padding: 16px 0 16px 24px;
            }

    .uou-block-1c .buttons {
        padding-left: 0;
        list-style: none;
        float: right;
        border-left: 1px solid #dbdbdb;
        margin: 0;
    }

        .uou-block-1c .buttons li {
            float: left;
            border-right: 1px solid #dbdbdb;
        }

            .uou-block-1c .buttons li a {
                display: block;
                color: inherit;
                width: 60px;
                height: 60px;
                line-height: 60px;
                text-align: center;
            }

                .uou-block-1c .buttons li a:hover {
                    color: #5dade0;
                }

@media (max-width: 767px) {
    .uou-block-1c {
        display: none;
    }
}


/* Block 4a */
/* ======================== */
.uou-block-4a {
    position: relative;
    display: block;
    padding: 20px 0;
    background: #f4f4f4;
    color: #cccccc;
    font-size: 15px;
}

    .uou-block-4a:before,
    .uou-block-4a:after {
        content: " ";
        display: table;
    }

    .uou-block-4a:after {
        clear: both;
    }

    .uou-block-4a:before,
    .uou-block-4a:after {
        content: " ";
        display: table;
    }

    .uou-block-4a:after {
        clear: both;
    }

.secondary.uou-block-4a {
    background: #34495e;
}

.uou-block-4a p {
    margin-bottom: 0;
}

.uou-block-4a .social-icons {
    padding-left: 0;
    list-style: none;
    float: right;
    margin-bottom: 0;
}

    .uou-block-4a .social-icons > li {
        float: left;
        margin-right: 24px;
    }

        .uou-block-4a .social-icons > li:last-child {
            margin-right: 0;
        }

        .uou-block-4a .social-icons > li > a {
            display: block;
            color: inherit;
            font-size: 18px;
        }

            .uou-block-4a .social-icons > li > a:hover {
                color: #5dade0;
            }

.uou-block-4a .links {
    padding-left: 0;
    list-style: none;
    float: right;
    margin-bottom: 0;
}

    .uou-block-4a .links > li {
        float: left;
        margin-right: 24px;
    }

        .uou-block-4a .links > li:last-child {
            margin-right: 0;
        }

        .uou-block-4a .links > li > a {
            display: block;
            color: inherit;
        }

            .uou-block-4a .links > li > a:hover {
                color: #5dade0;
            }

@media (max-width: 767px) {
    .uou-block-4a {
        text-align: center;
    }

        .uou-block-4a p {
            float: none;
        }

        .uou-block-4a .social-icons,
        .uou-block-4a .links {
            display: inline-block;
            float: none;
            margin-bottom: 24px;
        }
}



@media (min-width: 768px) {
    .page-add-modal.modal-dialog {
        width: 600px;
    }
}

@media (max-width: 1200px) {
    .modal-dialog {
        width: 90%;
    }
}

@media (min-width: 1200px) {
    .modal-dialog {
        width: 1100px;
    }
}

.modal-block-tabs {
    position: relative;
}

    .modal-block-tabs .tabs {
        text-align: center;
        padding: 10px 0;
        background: #f4f4f4;
    }

        .modal-block-tabs .tabs li {
            float: none;
            display: inline-block;
        }

            .modal-block-tabs .tabs li a {
                font-size: 15px;
                font-weight: 300;
                border-radius: 20px;
                padding: 6px 24px;
            }

            .modal-block-tabs .tabs li.active a {
                background-color: #5dade0;
            }

    .modal-block-tabs .uou-tabs .content {
        border-top: 0;
        max-height: 600px;
        overflow: auto;
    }

        .modal-block-tabs .uou-tabs .content > div {
            background-color: #ffffff;
        }

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

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

/* Required to fix modal not showing behind backdrop */
.modal-backdrop {
    position: fixed;
    z-index: 0 !important;
}

/* Required to fix modal not showing behind backdrop */
.modal {
    background: rgba(52, 73, 94, 0.5);
    padding-left: 0 !important;
}

.header-block-content,
.toolbar-content-block {
    position: relative;
}

    .header-block-content .block-preview-image,
    .toolbar-content-block .block-preview-image {
        position: relative;
        width: 100%;
        height: auto;
        padding: 4px;
        border: 1px solid #ddd;
        margin-bottom: 10px;
    }

        .header-block-content .block-preview-image:before,
        .toolbar-content-block .block-preview-image:before,
        .header-block-content .block-preview-image:after,
        .toolbar-content-block .block-preview-image:after {
            content: " ";
            display: table;
        }

        .header-block-content .block-preview-image:after,
        .toolbar-content-block .block-preview-image:after {
            clear: both;
        }

        .header-block-content .block-preview-image:before,
        .toolbar-content-block .block-preview-image:before,
        .header-block-content .block-preview-image:after,
        .toolbar-content-block .block-preview-image:after {
            content: " ";
            display: table;
        }

        .header-block-content .block-preview-image:after,
        .toolbar-content-block .block-preview-image:after {
            clear: both;
        }

        .header-block-content .block-preview-image:hover button,
        .toolbar-content-block .block-preview-image:hover button {
            visibility: visible;
            opacity: 1;
        }

@media (max-width: 1025px) {
    .header-block-content .block-preview-image,
    .toolbar-content-block .block-preview-image {
        margin-bottom: 25px;
    }
}

.header-block-content .block-preview-image img,
.toolbar-content-block .block-preview-image img {
    float: left;
    width: 100%;
}

.header-block-content .block-preview-image button,
.toolbar-content-block .block-preview-image button {
    position: absolute;
    top: 10px;
    right: 7px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
}

@media (max-width: 1025px) {
    .header-block-content .block-preview-image button,
    .toolbar-content-block .block-preview-image button {
        visibility: visible;
        opacity: 1;
        font-size: 10px;
        right: 0;
    }
}

.header-block-content .block-preview-image button i,
.toolbar-content-block .block-preview-image button i {
    padding-right: 4px;
}

.header-block-content .block-preview-image button.btn,
.toolbar-content-block .block-preview-image button.btn {
    border-radius: 20px;
}

.btn.btn-primary.for-bg {
    border-radius: 0;
    margin-bottom: 20px;
    width: 100%;
}

.modal-row-side {
    width: 100% !important;
    background-color: transparent;
}

    .modal-row-side .add-new-page {
        color: #fff;
        padding: 8px 10px;
        margin: 20px 0;
    }

        .modal-row-side .add-new-page:hover {
            color: #fff;
        }

.generator-sidebar .pages li span {
    width: 25px;
    height: 25px;
}

.editable {
    position: relative;
}

    .editable.floating-element {
        float: left;
    }

    .editable:hover .hover-edit-block {
        visibility: visible;
        opacity: 1;
    }

    .editable .logo {
        float: none;
    }

    .editable .hover-edit-block {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        background: #222f3d;
        display: inline-block;
        padding: 5px;
        border-radius: 3px;
        transition: all .3s ease;
        z-index: 999;
    }

        .editable .hover-edit-block a {
            color: #fff;
            margin: 0 5px;
        }

        .editable .hover-edit-block:before {
            content: "";
            position: absolute;
            top: -6px;
            left: 9px;
            width: 0;
            height: 0;
            border-left: 7px solid transparent;
            border-right: 7px solid transparent;
            border-bottom: 7px solid #222f3d;
        }

.page-button-for-edit a {
    margin-left: 10px !important;
}

.image-edit-block {
    position: relative;
    padding: 40px 50px 0;
}

@media (max-width: 420px) {
    .image-edit-block {
        padding: 25px 0 0;
    }
}

.image-edit-block .generator-sidebar {
    width: 100%;
}

    .image-edit-block .generator-sidebar .pages li {
        padding: 21px 20px 32px 55px;
    }

@media (max-width: 520px) {
    .image-edit-block .generator-sidebar .pages li {
        display: inline-block;
        padding: 21px 10px 11px 55px;
    }
}

.image-edit-block .upload-image-content {
    position: relative;
    width: 200px;
    height: 150px;
    border: 2px solid #ddd;
    cursor: pointer;
    display: table;
    vertical-align: middle;
}

    .image-edit-block .upload-image-content .image-size {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 0 4px;
        background: #ddd;
        border-top-left-radius: 3px;
    }

        .image-edit-block .upload-image-content .image-size p {
            color: #fff;
            font-size: 15px;
            margin: 0;
        }

    .image-edit-block .upload-image-content input[type="file"] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        opacity: 0 !important;
        cursor: pointer;
        z-index: 99;
    }

.image-edit-block .single-form-content {
    position: relative;
}

    .image-edit-block .single-form-content .form-title {
        font-size: 15px;
        color: #666;
        font-weight: bold;
        margin-bottom: 0;
    }

    .image-edit-block .single-form-content input,
    .image-edit-block .single-form-content select {
        margin-bottom: 15px;
        color: #666;
    }

.image-edit-block .info-text {
    font-style: italic;
    color: #666;
    font-size: 15px;
    margin-bottom: 0;
}

.content-edit-textarea {
    position: relative;
    padding: 40px 50px 0;
}

    .content-edit-textarea > div {
        width: 100% !important;
        position: relative;
    }

    .content-edit-textarea .nicEdit-selectTxt,
    .content-edit-textarea .nicEdit-selectContain {
        display: none;
    }

    .content-edit-textarea .nicEdit-main {
        width: 100% !important;
        height: 200px;
        overflow: auto !important;
        margin: 0 !important;
        padding: 15px;
    }

.ui-slider {
    margin-bottom: 15px;
    margin-top: 5px;
}

.launch-icons {
    width: 100%;
    border-radius: 0 !important;
    border: 2px solid #ccc !important;
    margin-bottom: 20px !important;
}

.block-title-conten {
    position: relative;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.block-title-conten-left {
    position: relative;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.map-custom-content {
    position: relative;
    height: 500px;
    width: 100%;
    background: url('../img/map-bg.JPG') top center no-repeat;
    background-size: cover;
}

.map-custom-small {
    position: relative;
    width: 100%;
    height: 250px;
    background: url('../img/map-bg.JPG') top center no-repeat;
    background-size: cover;
}

.angular-ui-tree-handle {
    display: inline-block;
    width: 100%;
}

@media (max-width: 520px) {
    .angular-ui-tree-handle {
        font-size: 11px;
    }
}

@media (max-width: 520px) {
    .generator-sidebar .pages li {
        display: inline-block;
    }
}

.btn.btn-for-edit {
    padding: 1px 8px;
}

.block-preview-image.for-ui-elements {
    height: 300px;
}

    .block-preview-image.for-ui-elements img {
        width: auto;
        max-height: 250px;
        height: auto;
    }


.single-page-nav {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
}


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

/* CTA */
#cta {
    position: relative;
    padding: 50px 0 50px;
    background: #d9d9d9;
    background-size: cover;
    overflow: hidden;
}

    #cta .title {
        padding-top: 12px;
        margin: 0;
        font-size: 20px;
        color: #ffffff;
    }

    #cta .btn {
        padding-left: 50px;
        padding-right: 50px;
        margin: 0;
    }

    #cta .arrow {
        position: absolute;
        bottom: 0px;
        width: 100%;
        padding-bottom: 1%;
        background-color: #FFF;
    }

        #cta .arrow:before {
            position: absolute;
            padding-bottom: inherit;
            bottom: 99.5%;
            width: 50%;
            right: 50%;
            transform-origin: 100% 100% 0px;
            transform: skewX(45deg);
            background-color: inherit;
            content: "";
        }

        #cta .arrow:after {
            position: absolute;
            padding-bottom: inherit;
            bottom: 99.5%;
            width: 50%;
            left: 50%;
            transform-origin: 0px 100% 0px;
            transform: skewX(-45deg);
            background-color: inherit;
            content: "";
        }

@media (max-width: 768px) {
    #cta {
        text-align: center;
    }

        #cta .title {
            margin: 0 auto 15px auto;
            display: block;
            width: 100%;
        }

        #cta .btn {
            display: inline-block;
            margin: 0 auto;
            float: none !important;
        }
}

.single-page-footer .uou-block-4d .links a:hover {
    text-decoration: none;
}


.uou-client-slider {
    position: relative;
}

    .uou-client-slider .uou-clients-slide-section {
        padding-bottom: 30px;
    }

        .uou-client-slider .uou-clients-slide-section .item {
            margin: 3px;
        }

            .uou-client-slider .uou-clients-slide-section .item img {
                display: block;
                width: 100%;
                height: auto;
            }

    .uou-client-slider .block-title-conten h4,
    .uou-client-slider .block-title-conten p {
        color: #ffffff !important;
    }

    .uou-client-slider .block-title-conten p {
        text-transform: none;
        font-size: 15px;
    }

.uou-banner {
    position: relative;
    padding: 50px 0;
}

    .uou-banner.constraction .uou-banner-title h2 {
        font-family: 'Roboto', "Segoe UI", Arial, sans-serif;
        text-transform: uppercase;
    }

.uou-banner-title img {
    max-height: 1080px;
}

.uou-banner.constraction .uou-banner-title img {
    padding-bottom: 10px;
}

.uou-banner .uou-banner-title h2 {
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    font-size: 36px;
    font-family: 'Roboto', "Segoe UI", Arial, sans-serif;
}

.uou-testimonial .uou-block-5b blockquote:before {
    content: '“';
    color: #e93d3d;
}

.uou-contact-us {
    position: relative;
}

    .uou-contact-us .uou-contact-details {
        position: relative;
        width: 100%;
        padding: 20px 0 100px;
    }

        .uou-contact-us .uou-contact-details .form {
            background: #ffffff;
            padding: 35px;
            position: absolute;
            top: -120px;
        }

@media screen and (max-width: 768px) {
    .uou-contact-us .uou-contact-details .form {
        position: relative;
        top: 0;
    }
}

.uou-contact-us .uou-contact-details h4 {
    margin-top: 0;
    text-transform: uppercase;
}

.subtitle {
    font-size: 18px;
}

.uou-contact-us .uou-contact-details .uou-block-8b .list-icon-large li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-left: 40px;
    padding-right: 30px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .uou-contact-us .uou-contact-details .uou-block-8b .list-icon-large li .fa {
        top: 4px;
        left: 0;
        font-size: 25px;
        color: #e93d3d;
        width: 10px;
    }

    .uou-contact-us .uou-contact-details .uou-block-8b .list-icon-large li span {
        font-size: 15px;
        display: block;
    }

        .uou-contact-us .uou-contact-details .uou-block-8b .list-icon-large li span strong {
            padding-right: 5px;
        }

#intro-slider h1,
#welcome h1,
.opening h1,
#menu h1,
#testimonials h1,
#about h1,
#intro-slider h2,
#welcome h2,
.opening h2,
#menu h2,
#testimonials h2,
#about h2,
#intro-slider h3,
#welcome h3,
.opening h3,
#menu h3,
#testimonials h3,
#about h3,
#intro-slider h4,
#welcome h4,
.opening h4,
#menu h4,
#testimonials h4,
#about h4,
#intro-slider h5,
#welcome h5,
.opening h5,
#menu h5,
#testimonials h5,
#about h5,
#intro-slider h6,
#welcome h6,
.opening h6,
#menu h6,
#testimonials h6,
#about h6 {
    font-family: 'Roboto', "Segoe UI", Arial, sans-serif;
    font-weight: 300;
}

.uou-testimonial-slider .slide blockquote {
    background: none !important;
}

.preamble .title {
    margin: 0;
    font-size: 34px;
    line-height: 54px;
    text-transform: none;
    font-weight: 400;
}

#intro .owl-buttons .owl-prev {
    transform: rotate(-45deg);
}

    #intro .owl-buttons .owl-prev .fa {
        transform: rotate(45deg);
    }

#intro .owl-buttons .owl-next {
    transform: rotate(-45deg);
}

    #intro .owl-buttons .owl-next .fa {
        transform: rotate(45deg);
    }
/* HEADER */
#header {
    position: absolute;
    z-index: 999;
    top: 41px;
    left: 0;
    right: 0;
    width: 100%;
}


.other-pages-menu {
    position: relative !important;
    top: 0 !important;
    background: #141414;
}

    .other-pages-menu .uou-block-2b.uou-block-2d {
        padding: 15px 0;
    }

.constraction-content-all {
    position: relative;
}

    .constraction-content-all .btn-warning,
    .constraction-content-all .block-title-conten h4 {
        color: #333333;
    }

    .constraction-content-all .btn-warning {
        background: hsla(0,100%,100%,0.40);
        border: 0px solid #6779a0;
        border-radius: 5px;
        color: #fefefe;
    }


    .constraction-content-all .uou-block-content {
        padding-top: 30px;
        padding-bottom: 20px;
    }

.uou-con-team .uou-block-6a h6 {
    color: #333333;
}

.con-testimonial-content .uou-block-5a cite {
    color: #ffffff;
}

.uou-constraction-toolbar .uou-block-1a {
    background: #ffffff;
}

    .uou-constraction-toolbar .uou-block-1a .toggle,
    .uou-constraction-toolbar .uou-block-1a .search.active .toggle,
    .uou-constraction-toolbar .uou-block-1a .search-input,
    .uou-constraction-toolbar .uou-block-1a input,
    .uou-constraction-toolbar .uou-block-1a .authentication li a {
        color: #333333;
    }


.constraction-about .flex-direction-nav a,
.constraction-about .flex-control-nav li {
    background: rgba(255, 204, 48, 0.75);
}

    .constraction-about .flex-control-nav li a.flex-active {
        background: rgba(255, 204, 48, 0);
    }

.uou-constraction-slider {
    position: relative;
}

    .uou-constraction-slider .slides li {
        position: relative;
        display: table;
        height: 336px;
    }

        .uou-constraction-slider .slides li .uou-slider-text {
            position: absolute;
            top: 20%;
            width: 100%;
            text-align: center;
        }

@media screen and (max-width: 1100px) {
}

@media screen and (max-width: 1025px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 550px) {
}

@media screen and (max-width: 768px) {
}

.uou-constraction-slider .slides li .uou-slider-text h2,
.uou-constraction-slider .slides li .uou-slider-text p {
    color: #ffffff;
}

.uou-constraction-slider .slides li .uou-slider-text p {
    color: #ffffff;
}

.uou-constraction-slider .slides li .uou-slider-text p {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 768px) {
    .uou-constraction-slider .slides li .uou-slider-text h2 {
        font-size: 25px;
    }

    .uou-constraction-slider .slides li {
        height: 260px;
    }

        .uou-constraction-slider .slides li .uou-slider-text {
            top: 5%;
        }

            .uou-constraction-slider .slides li .uou-slider-text p {
                width: 90%;
                font-size: 15px;
                line-height: 20px;
            }
}

.uou-constraction-slider .flex-direction-nav a,
.uou-constraction-slider .flex-control-nav li {
    background: transparent;
    font-size: 40px;
}

    .uou-constraction-slider .flex-control-nav li a.flex-active {
        background: #fff;
    }

.con-blog-post {
    position: relative;
}

    .con-blog-post .flex-direction-nav a,
    .con-blog-post .flex-control-nav li {
        background: rgba(255, 204, 48, 0.75);
    }

        .con-blog-post .flex-control-nav li a.flex-active {
            background: rgba(255, 204, 48, 0);
        }

    .con-blog-post .uou-block-7c h1 {
        color: #333333;
    }

.constraction-footer {
    position: relative;
}

    .constraction-footer .uou-block-4e .logo,
    .constraction-footer .uou-block-4e h5 {
        color: #ffffff;
    }

    .constraction-footer .uou-block-4a.secondary {
        background: #282828;
        text-align: center;
    }

.uou-contact-us.constraction {
    position: relative;
}

    .uou-contact-us.constraction .uou-contact-details {
        position: relative;
        width: 100%;
        padding: 5px 0 5px;
    }

        .uou-contact-us.constraction .uou-contact-details .form {
            background: #ffffff;
            padding: 35px;
            position: absolute;
            top: -120px;
        }

@media screen and (max-width: 768px) {
    .uou-contact-us.constraction .uou-contact-details .form {
        position: relative;
        top: 0;
    }
}

.uou-contact-us.constraction .uou-contact-details h4 {
    margin-top: 0;
    text-transform: uppercase;
    color: #333333;
}

.subtitle {
    font-size: 18px;
}

.uou-contact-us.constraction .uou-contact-details .uou-block-8b .list-icon-large li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-left: 40px;
    padding-right: 30px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .uou-contact-us.constraction .uou-contact-details .uou-block-8b .list-icon-large li .fa {
        top: 4px;
        left: 0;
        font-size: 25px;
        color: #ffcc30;
        width: 10px;
    }

    .uou-contact-us.constraction .uou-contact-details .uou-block-8b .list-icon-large li span {
        font-size: 15px;
        display: block;
    }

        .uou-contact-us.constraction .uou-contact-details .uou-block-8b .list-icon-large li span strong {
            padding-right: 5px;
        }

.constraction-shortcodes {
    position: relative;
    /* UOU Tabs */
    /* ======================== */
    /* Block 5b */
    /* ======================== */
}

    .constraction-shortcodes .uou-tabs .content {
        border: 0;
    }

    .constraction-shortcodes .uou-tabs .tabs li {
        float: none;
    }

    .constraction-shortcodes .uou-tabs {
        position: relative;
        margin: 0 0 24px;
        padding-top: 30px;
    }

        .constraction-shortcodes .uou-tabs .tabs.constraction-tab {
            padding-left: 0;
            list-style: none;
            margin: 0;
            text-align: center;
            display: inline-block;
            width: 100%;
        }

            .constraction-shortcodes .uou-tabs .tabs.constraction-tab:before,
            .constraction-shortcodes .uou-tabs .tabs.constraction-tab:after {
                content: " ";
                display: table;
            }

            .constraction-shortcodes .uou-tabs .tabs.constraction-tab:after {
                clear: both;
            }

            .constraction-shortcodes .uou-tabs .tabs.constraction-tab:before,
            .constraction-shortcodes .uou-tabs .tabs.constraction-tab:after {
                content: " ";
                display: table;
            }

            .constraction-shortcodes .uou-tabs .tabs.constraction-tab:after {
                clear: both;
            }

.vertical.constraction-shortcodes .uou-tabs .tabs.constraction-tab {
    float: left;
    width: 160px;
}

.constraction-shortcodes .uou-tabs .tabs.constraction-tab > li {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

    .constraction-shortcodes .uou-tabs .tabs.constraction-tab > li:last-child {
        margin-right: 0;
    }

    .constraction-shortcodes .uou-tabs .tabs.constraction-tab > li > a {
        display: block;
        background: #ffffff;
        color: #333333;
        padding: 8px 24px;
        text-transform: uppercase;
        font-weight: 600;
    }

        .constraction-shortcodes .uou-tabs .tabs.constraction-tab > li > a:hover {
            background: #ffcc30;
            outline: 0;
        }

    .constraction-shortcodes .uou-tabs .tabs.constraction-tab > li.active > a {
        color: #333333;
        background: #ffcc30;
    }

.vertical.constraction-shortcodes .uou-tabs .tabs.constraction-tab > li {
    float: none;
    margin-right: 0;
    margin-bottom: 5px;
}

.constraction-shortcodes .uou-tabs .content {
    border-top: o !important;
}

    .constraction-shortcodes .uou-tabs .content > div {
        display: none;
        position: relative;
        background: #ffffff;
        padding: 48px 0;
    }

        .constraction-shortcodes .uou-tabs .content > div.active {
            display: block;
        }

.vertical.constraction-shortcodes .uou-tabs .content {
    margin-left: 160px;
    border-top: 0;
    border-left: 3px solid #34495e;
}

.constraction-shortcodes .uou-tabs .accordion-link {
    display: none;
    background: #f4f4f4;
    color: #333333;
    padding: 8px 24px;
    margin-bottom: 5px;
    transition: all 0s;
}

    .constraction-shortcodes .uou-tabs .accordion-link:hover {
        background: #ffffff;
        outline: 0;
    }

    .constraction-shortcodes .uou-tabs .accordion-link.active {
        color: #333333;
        background: #ffcc30;
    }

@media (max-width: 767px) {
    .constraction-shortcodes .uou-tabs.accordion-xs .tabs {
        display: none;
    }

    .constraction-shortcodes .uou-tabs.accordion-xs .accordion-link {
        display: block;
    }

    .constraction-shortcodes .uou-tabs.accordion-xs .content {
        border: 0;
        margin: 0;
    }

        .constraction-shortcodes .uou-tabs.accordion-xs .content > div {
            margin-bottom: 5px;
        }
}

@media (min-width: 768px) and (max-width: 991px) {
    .constraction-shortcodes .uou-tabs.accordion-sm .tabs {
        display: none;
    }

    .constraction-shortcodes .uou-tabs.accordion-sm .accordion-link {
        display: block;
    }

    .constraction-shortcodes .uou-tabs.accordion-sm .content {
        border: 0;
        margin: 0;
    }

        .constraction-shortcodes .uou-tabs.accordion-sm .content > div {
            margin-bottom: 5px;
        }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    .constraction-shortcodes .uou-tabs.accordion-md .tabs {
        display: none;
    }

    .constraction-shortcodes .uou-tabs.accordion-md .accordion-link {
        display: block;
    }

    .constraction-shortcodes .uou-tabs.accordion-md .content {
        border: 0;
        margin: 0;
    }

        .constraction-shortcodes .uou-tabs.accordion-md .content > div {
            margin-bottom: 5px;
        }
}

@media (min-width: 1200px) {
    .constraction-shortcodes .uou-tabs.accordion-lg .tabs {
        display: none;
    }

    .constraction-shortcodes .uou-tabs.accordion-lg .accordion-link {
        display: block;
    }

    .constraction-shortcodes .uou-tabs.accordion-lg .content {
        border: 0;
        margin: 0;
    }

        .constraction-shortcodes .uou-tabs.accordion-lg .content > div {
            margin-bottom: 5px;
        }
}

.constraction-shortcodes .uou-block-5b {
    position: relative;
    display: block;
}

    .constraction-shortcodes .uou-block-5b:before,
    .constraction-shortcodes .uou-block-5b:after {
        content: " ";
        display: table;
    }

    .constraction-shortcodes .uou-block-5b:after {
        clear: both;
    }

    .constraction-shortcodes .uou-block-5b:before,
    .constraction-shortcodes .uou-block-5b:after {
        content: " ";
        display: table;
    }

    .constraction-shortcodes .uou-block-5b:after {
        clear: both;
    }

    .constraction-shortcodes .uou-block-5b .tabs.blockquotes-tab {
        padding-left: 0;
        list-style: none;
        text-align: center;
    }

        .constraction-shortcodes .uou-block-5b .tabs.blockquotes-tab:before,
        .constraction-shortcodes .uou-block-5b .tabs.blockquotes-tab:after {
            content: " ";
            display: table;
        }

        .constraction-shortcodes .uou-block-5b .tabs.blockquotes-tab:after {
            clear: both;
        }

        .constraction-shortcodes .uou-block-5b .tabs.blockquotes-tab:before,
        .constraction-shortcodes .uou-block-5b .tabs.blockquotes-tab:after {
            content: " ";
            display: table;
        }

        .constraction-shortcodes .uou-block-5b .tabs.blockquotes-tab:after {
            clear: both;
        }

        .constraction-shortcodes .uou-block-5b .tabs.blockquotes-tab > li a {
            color: inherit;
            font-size: 15px;
            cursor: default;
            background: none;
            padding: 8px 0;
        }

.constraction-feature-shortcodes {
    position: relative;
}

    .constraction-feature-shortcodes .fa,
    .constraction-feature-shortcodes .list-icon-large .fa {
        color: #ffcc30;
    }

.block-title-conten.text-left {
    text-align: left;
}

.block-title-conten h4 {
    font-size: 20px;
}

.uou-shop-pagination {
    position: relative;
    width: 100%;
    display: inline-block;
}

    .uou-shop-pagination .pagination {
        float: right;
    }

        .uou-shop-pagination .pagination li.active > span {
            background: #5dade0;
        }

.uou-shop-slider {
    position: relative;
}

    .uou-shop-slider .slides li {
        position: relative;
        display: table;
    }

        .uou-shop-slider .slides li .uou-slider-text {
            position: absolute;
            top: 40%;
            width: 100%;
            text-align: center;
        }

@media screen and (max-width: 1100px) {
    .uou-shop-slider .slides li .uou-slider-text {
        top: 30%;
    }
}

@media screen and (max-width: 1025px) {
    .uou-shop-slider .slides li .uou-slider-text {
        top: 20%;
    }
}

@media screen and (max-width: 768px) {
    .uou-shop-slider .slides li .uou-slider-text {
        top: 10%;
    }
}

@media screen and (max-width: 550px) {
    .uou-shop-slider .slides li .uou-slider-text {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .uou-shop-slider .slides li .uou-slider-text h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

.uou-shop-slider .slides li .uou-slider-text h2,
.uou-shop-slider .slides li .uou-slider-text p {
    color: #ffffff;
}

.uou-shop-slider .slides li .uou-slider-text p {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 768px) {
    .uou-shop-slider .slides li .uou-slider-text p {
        width: 90%;
        font-size: 15px;
    }
}

.uou-shop-slider .flex-direction-nav a,
.uou-shop-slider .flex-control-nav li {
    background: rgba(93, 173, 224, 0.75);
}

    .uou-shop-slider .flex-control-nav li a.flex-active {
        background: rgba(93, 173, 224, 0);
    }

.uou-shop-banner {
    position: relative;
    text-align: center;
    background: #f4f4f4;
    padding: 40px 0;
}

    .uou-shop-banner h6 {
        text-transform: uppercase;
        font-size: 18px;
        margin: 0;
        padding: 5px 0 3px;
    }

    .uou-shop-banner p {
        font-size: 15px;
        font-style: italic;
        margin: 0;
    }

.uou-item-single {
    position: relative;
    text-align: center;
    margin-bottom: 35px;
}

    .uou-item-single h6 {
        margin: 0;
        padding-top: 10px;
    }

        .uou-item-single h6 a {
            color: #333333;
        }

    .uou-item-single p {
        font-size: 15px;
    }

.uou-shop-category {
    position: relative;
}

    .uou-shop-category .uou-gallery figure .overlay-hover {
        padding-top: 100px;
    }

        .uou-shop-category .uou-gallery figure .overlay-hover a {
            visibility: visible;
            opacity: 1;
        }

.uou-shop-contact {
    position: relative;
}

    .uou-shop-contact .uou-contact-us.shop-contact .fa {
        color: #5dade0 !important;
    }

.uou-lookbook {
    position: relative;
    width: 100%;
    height: 500px;
    text-align: center;
    display: table;
}

    .uou-lookbook .uou-lookbook-text {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        height: 500px;
    }

        .uou-lookbook .uou-lookbook-text h3,
        .uou-lookbook .uou-lookbook-text h2 {
            color: #ffffff;
            text-transform: uppercase;
        }

        .uou-lookbook .uou-lookbook-text p {
            color: #ffffff;
            width: 60%;
            margin-left: auto;
            margin-right: auto;
        }

@media screen and (max-width: 768px) {
    .uou-lookbook .uou-lookbook-text p {
        width: 100%;
    }
}

.uou-shop-sidebar {
    position: relative;
}

.uou-category {
    position: relative;
}

    .uou-category li a {
        padding: 7px 0;
        color: #666666;
        display: block;
        font-size: 15px;
        border-bottom: 1px solid #ddd;
        text-transform: capitalize;
    }

    .uou-category li.active a {
        color: #5dade0;
    }

.sidebar-title {
    position: relative;
    padding: 20px 0;
}

    .sidebar-title h4 {
        font-size: 20px;
        margin: 0;
    }

.blog-single {
    position: relative;
    padding: 40px 0 0;
    border-bottom: 1px solid #ddd;
}

    .blog-single p {
        margin: 0;
    }

    .blog-single .blog-title {
        position: relative;
        padding-left: 50px;
    }

        .blog-single .blog-title i {
            position: absolute;
            left: 0;
            top: 5px;
            font-size: 16px;
            height: 40px;
            width: 37px;
            line-height: 40px;
            text-align: center;
            background: #d9d9d9;
            color: #ffffff;
        }

        .blog-single .blog-title h1 {
            margin-top: 0;
        }

            .blog-single .blog-title h1 a {
                color: #34495e;
            }

.blog-single-post {
    position: relative;
}

    .blog-single-post .blog-title {
        margin-top: 15px;
    }

        .blog-single-post .blog-title h1 {
            margin-bottom: 0;
        }

        .blog-single-post .blog-title span {
            margin-top: 0;
        }

    .blog-single-post .post-details {
        padding-top: 15px;
    }

.blog-content {
    padding-bottom: 60px;
    border-bottom: 0 !important;
}

.share-story {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 15px 0;
}

    .share-story h4 {
        float: left;
        font-weight: bold;
        padding-top: 8px;
        margin: 0;
    }

    .share-story .social-content {
        float: right;
        margin-top: 0;
    }

.social-link li {
    padding: 0;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    margin-right: 7px;
}

    .social-link li a {
        display: block;
        color: #fff;
        line-height: 30px;
    }

        .social-link li a:hover {
            color: #e5e2e2;
        }

    .social-link li:last-child {
        margin-right: 0;
    }

.envelop-color {
    background-color: #cccccc;
}

.facebook-color {
    background-color: #475996;
}

.google-color {
    background-color: #383935;
}

.twitt-color {
    background-color: #66a8de;
}

.linked-color {
    background-color: #4172ae;
}

.pinterest-color {
    background-color: #ae252b;
}

.landing-header {
    position: relative;
    width: 100%;
    height: 730px;
    background: url('../img/landing-page-banner.png') top center no-repeat;
    background-size: cover;
    padding-top: 30px;
}

    .landing-header a {
        margin: 20px 0;
    }

    .landing-header .logo,
    .landing-header h2,
    .landing-header p {
        color: #ffffff;
        border-color: #ffffff;
        margin: 0;
    }

.uou-landing-page-feature {
    position: relative;
    padding: 40px 0;
}

.uou-landing-demo {
    position: relative;
    padding: 30px 0;
    background: #f4f4f4;
}

    .uou-landing-demo h5 {
        text-transform: uppercase;
        margin-top: 0;
    }

    .uou-landing-demo img {
        margin-bottom: 20px;
    }

.uou-another-feature {
    position: relative;
    padding: 60px 0;
}

    .uou-another-feature .list-icon-large .fa {
        color: #8a4bd1;
    }

.landing-footer {
    position: relative;
}

    .landing-footer a {
        margin: 15px 0;
    }
/*
======================================================
  MISC
======================================================
*/
/* Spacing (Margin & Padding) */
/* ======================== */
.mt0 {
    margin-top: 0px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mt70 {
    margin-top: 70px;
}

.mt80 {
    margin-top: 80px;
}

.mt90 {
    margin-top: 90px;
}

.mt100 {
    margin-top: 100px;
}

.mb0 {
    margin-bottom: 0px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb70 {
    margin-bottom: 70px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb90 {
    margin-bottom: 90px;
}

.mb100 {
    margin-bottom: 100px;
}

.mtb0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mtb40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mtb50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mtb60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mtb70 {
    margin-top: 70px;
    margin-bottom: 70px;
}

.mtb80 {
    margin-top: 80px;
    margin-bottom: 80px;
}

.mtb90 {
    margin-top: 90px;
    margin-bottom: 90px;
}

.mtb100 {
    margin-top: 100px;
    margin-bottom: 100px;
}

.pt0 {
    padding-top: 0px;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pt70 {
    padding-top: 70px;
}

.pt80 {
    padding-top: 80px;
}

.pt90 {
    padding-top: 90px;
}

.pt100 {
    padding-top: 100px;
}

.pb0 {
    padding-bottom: 0px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb60 {
    padding-bottom: 60px;
}

.pb70 {
    padding-bottom: 70px;
}

.pb80 {
    padding-bottom: 80px;
}

.pb90 {
    padding-bottom: 90px;
}

.pb100 {
    padding-bottom: 100px;
}

.ptb0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ptb30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ptb50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ptb70 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.ptb80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.ptb100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.wd {
    height: 400px;
    position: relative;
    z-index: 9999;
}


.toplogin {
    border-bottom: 1px solid #eeeeee;
}

.loginicon {
    background: url(../images/login_icon.png) no-repeat left center;
}

a.facebook {
    background: url(../images/Facebook.png) no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

a.twitter {
    background: url(../images/Twitter.png) no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

a.linkedin {
    background: url(../images/LinkedIn.png) no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

a.googleplus {
    background: url(../images/GooglePlus.png) no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

.footer {
    position: relative;
    display: block;
    padding: 20px 0 0 0;
    font: 400 12px 'Roboto', 'Open Sans', sans-serif;
    color: #ccc;
    background-color: #333;
}

    .footer p {
        font: 400 12px/28px 'Roboto', 'Open Sans', sans-serif;
        margin: 0 0 24px;
    }

    .footer h5,
    .footer h5 a:link,
    .footer h5 a:active,
    .footer h5 a:hover,
    .footer h5 a:visited {
        font: 600 18px/1.25 'Roboto', 'Open Sans', sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        color: white;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .footer a:link, .footer a:active, .footer a:hover, .footer a:visited {
        font: 12px/28px 'Roboto', 'Open Sans', sans-serif;
        text-decoration: none;
        transition: all 0.3s;
        color: #ccc;
    }

    .footer strong,
    .footer strong a:link,
    .footer strong a:active,
    .footer strong a:hover,
    .footer strong a:visited {
        font: bold 12px/28px 'Roboto', 'Open Sans', sans-serif;
    }

        .footer h5 a:hover,
        .footer strong a:hover,
        .footer a:hover {
            color: white;
            text-decoration: none;
        }

    .footer .secondary {
        padding: 20px 0;
        background-color: #282828;
        text-align: center;
    }

        .footer .secondary p {
            margin: 0;
        }

.aboutcontact {
    background: #d9d9d9;
    color: #000000;
}

    .aboutcontact h2 {
        text-align: center;
        color: #ffffff;
        padding-bottom: 15px;
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

.uou-contact-us.constraction.aboutcontact .uou-contact-details p {
    margin-bottom: 0;
    font-size: 15px;
}

.btn-default {
    background-color: transparent;
    color: #ffffff;
    border: 2px solid #c4797a;
    border-radius: 5px;
    padding-left: 30px;
    padding-right: 30px;
}

.compliancepage h2 {
    text-align: center;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 2px;
}

ul.breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    margin-left: 3%;
}

    ul.breadcrumb li {
        display: inline-block;
    }

        ul.breadcrumb li a {
            color: #333333;
        }

span.divider {
    padding: 0 10px;
}

.homeservice {
    text-align: center;
}

    .homeservice .subtitle {
        padding: 0;
        margin: 0;
    }

    .homeservice span {
        text-transform: uppercase;
    }

.uou-contact-us.constraction .uou-contact-details .overworkdetail {
    font-size: 16px;
}

.homeservice h2 {
    text-align: center;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 50px;
}

.homeourwork {
    text-align: center;
}

    .homeourwork .subtitle {
        padding: 0;
        margin: 0;
    }

    .homeourwork span {
        text-transform: uppercase;
    }

    .homeourwork .btn {
        background: hsla(0,100%,100%,0.40);
        border: 2px solid #cccccc;
        border-radius: 5px;
        color: #333333;
    }

    .homeourwork h2 {
        text-align: center;
        padding-bottom: 15px;
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 2px;
        margin-top: 10px;
        margin-bottom: 50px;
        text-transform: none;
    }

.homeproduct {
    text-align: center;
    background: #f4f4f4;
}

    .homeproduct h2 {
        text-align: center;
        padding-bottom: 15px;
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 2px;
        margin-top: 10px;
        margin-bottom: 50px;
    }

    .homeproduct .subtitle {
        padding: 0;
        margin: 0;
    }

    .homeproduct span {
        text-transform: uppercase;
    }

.innerbanner h1 {
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    padding-bottom: 15px;
    font-size: 40px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.innerbanner p {
    color: rgba(255,255,255,0.60);
}

.innerbanner {
    text-align: center;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 1em;
}

.innerbanner-height a {
    margin-bottom: 20px;
}

.compliancepageproduct {
    text-align: center;
    background: #f4f4f4;
}

    .compliancepageproduct strong {
        text-transform: uppercase;
    }

    .compliancepageproduct h3 {
        font-size: 16px;
        text-transform: uppercase;
        width: 59%;
        margin: 0 auto;
        padding: 20px 0;
    }

.aboutcontact .btn-warning {
    width: 100%;
}

.compliancepage {
    text-align: center;
}

    .compliancepage .subtitle {
        padding: 0;
        margin: 0;
    }

    .compliancepage span {
        text-transform: uppercase;
    }

.pageourwork {
    text-align: center;
}

    .pageourwork .subtitle {
        padding: 0;
        margin: 0;
    }

    .pageourwork span {
        text-transform: uppercase;
    }

    .pageourwork .btn {
        background: hsla(0,100%,100%,0.40);
        border: 2px solid #cccccc;
        border-radius: 5px;
        color: #333333;
    }

    .pageourwork h2 {
        text-align: center;
        padding-bottom: 15px;
        font-size: 30px;
        font-weight: normal;
        letter-spacing: 2px;
        margin-top: 10px;
        margin-bottom: 50px;
        text-transform: none;
    }


.pageourworkservice .subtitle {
    padding: 0;
    margin: 0;
}

.pageourworkservice span {
    text-transform: uppercase;
}

.pageourworkservice .btn {
    background: hsla(0,100%,100%,0.40);
    border: 2px solid #cccccc;
    border-radius: 5px;
    color: #333333;
}

.pageourworkservice h2 {
    text-align: center;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-transform: none;
}

.colorg {
    background: #f4f4f4;
}

.pageourworkservice .text-left h2 {
    text-align: left;
    padding-bottom: 15px;
    font-size: 30px;
    font-weight: normal;
    letter-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 15px;
    text-transform: none;
}

.pageourworkservice .text-left {
    text-align: left !important;
}



.homeproduct .btn {
    background: hsla(0,100%,100%,0.40);
    border: 2px solid #cccccc;
    border-radius: 5px;
    color: #333333;
}

.onshow {
    display: none;
}

.show_0 {
    display: block;
}

a.box_0 {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 50%;
}

a.box_1 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
}

a.box_2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
}

a.box_3 {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 50%;
}

.uou-constraction-toolbar .uou-block-2b {
    background: #fff;
}

.servicecontent .text-center img {
    margin-bottom: 15px;
}

.uou-banner-title.text-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-height: 1080px;
}

.quote {
    background-color: #c42124 !important;
    color: #ffffff !important;
}

/* ===================== Two-column (align tops + normalize spacing) ===================== */
.two-col-top{
  display:flex;
  align-items:flex-start;            /* top-align both columns */
}
.two-col-top > [class*="col-"]{
  padding:0px 20px;               /* no top padding so text aligns with image */
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
}

/* ===================== Three-Column (defines height) ===================== */

/* ---- Equal-height wrappers (desktop) ---- */
.uou-contact-us .row.three-col > [class*="col-"] .resp-100,
.uou-contact-us .row.three-col > [class*="col-"] .resp-300{
  display:block !important;   /* ensure they're blocks even if editor added inline/flex */
  width:100%;
  box-sizing:border-box;
  flex:0 0 auto;              /* don't let flex shrink them */
  position:relative;
}

/* WIN the cascade on desktop */
.uou-contact-us .row.three-col > [class*="col-"] .resp-100{
  height:100px !important;
  min-height:100px !important;
}
.uou-contact-us .row.three-col > [class*="col-"] .resp-300{
  height:275px !important;
  min-height:275px !important;
}

/* ===================== Services list ===================== */
.serviceslist{
  font-weight:600;
  font-size:16px;
  text-align:center;
  color:#c42124 !important;
  padding:0 15px;
}
.serviceslist:hover{ color:#811e20; }

/* ===================== Compliance 7 (unchanged core) ===================== */
.compliance7 .content .row{
  display:flex;
  flex-wrap:wrap;
  margin:0;
}
.compliance7 .content .row > div{
  flex:0 0 14.285714%;
  max-width:14.285714%;
  box-sizing:border-box;
  padding:0;
}

/* ===================== Homeproduct overlays (clickable quadrants) ===================== */
.homeproduct .quad-wrap{
  position:relative;
  display:inline-block;
  max-width:100%;
  line-height:0;
}
.homeproduct .quad-wrap img{
  display:block;
  width:100%;
  height:auto;
  pointer-events:none;
  z-index:1;
}
.homeproduct .quad-wrap a.box_0,
.homeproduct .quad-wrap a.box_1,
.homeproduct .quad-wrap a.box_2,
.homeproduct .quad-wrap a.box_3{
  position:absolute !important;
  display:block;
  z-index:5;
  cursor:pointer;
}

/* ===================== Homeproduct visibility (global default) ===================== */
html body .homeproduct [id^="productdiv_"]{ display:none !important; }
html body .homeproduct [id^="productdiv_"].is-active{ display:flex !important; }

/* ===================== Desktop (≥1026px) ===================== */
@media (min-width:1026px){
  /* explicit but redundant to global default; retained for clarity */
  html body .homeproduct [id^="productdiv_"]{ display:none !important; }
  html body .homeproduct [id^="productdiv_"].is-active{ display:flex !important; }
}

/* ===================== Mobile / Tablet (≤1025px) ===================== */
@media (max-width:1025px){
  /* Two-column stacks */
  .two-col-top{ display:block; }
  .two-col-top > [class*="col-"]{ padding:0px 20px; }

  /* Homeproduct: show only active row and stack columns */
  html body .homeproduct [id^="productdiv_"]{ display:none !important; }
  html body .homeproduct [id^="productdiv_"].is-active{ display:block !important; }
  html body .homeproduct [id^="productdiv_"].is-active > [class*="col-"]{
    flex:0 0 100% !important;
    max-width:100% !important;
    width:100% !important;
    float:none !important;
  }
  html body .homeproduct [id^="productdiv_"].is-active > [class*="col-"]:nth-child(2){
    margin-top:20px;
    clear:both;
  }

  .row.stack-1025 { display:block; }
  .row.stack-1025 > [class*="col-"]{
    width:100% !important;
    float:none !important;   /* defeats grid floats if present */
    max-width:100% !important;
  }
  
.uou-contact-us .row.three-col > [class*="col-"] .resp-100,
  .uou-contact-us .row.three-col > [class*="col-"] .resp-300{
    height:auto !important;
    min-height:0 !important;
  }
  
  /* Compliance 7 mobile refinements */
  .compliance7 .content .row{
    margin:0;
    justify-content:center;          /* centers last/odd item row */
  }
  .compliance7 .content .row > div{
    flex:0 0 33.333333%;
    max-width:33.333333%;
    padding:12px 0;
  }

  /* legacy helper kept */
  .stack-1025 > [class*="col-"]{
    flex:0 0 100% !important;
    width:100% !important;
  }
}

/* ===================== Narrow phones (≤640px) ===================== */
@media (max-width:640px){
  .compliance7 .content .row{ margin:0; justify-content:center; }
  .compliance7 .content{ padding:32px 16px; }
}