#eventList
{
    width: 100%;
    margin-bottom: 30px;
}

.main {
    padding-top: 60px;
}

td {
    padding-bottom: 10px;
    padding-left: 30px;
    border-bottom: solid 1px rgb(214, 214, 214);
}

.title-line {
    border-top: 1px solid #000;
    width: 200px;
    margin-bottom: 10px;
}

.title-line-2 {
    border-top: 3px solid #f78d00;
    width: 200px;
    margin: 0 auto 10px auto;
}

h1.title-colored {
    color: #FFC56E;
    font-size: 42px;
    font-weight: 600;
}

h3.title-colored {
    color: #FFC56E;
    font-size: 32px;
    font-weight: 600;
}

h3.title-colored-42 {
    font-size: 42px;
    color: #FFC56E;
    font-weight: 600;
    margin-bottom: 30px;
}

.title-colored a {
    color: #FFC56E;
}

.title-colored a:hover, .title-colored a:focus, .title-colored a:active {
    color: #FFC56E;
    text-decoration: none;
}

.press-wrapp h3.media-heading, .press-wrapp .media-left a {
    font-size: 21px;
    font-weight: 300;
}

.press-wrapp h3.media-heading {
    margin-top: 3px;
}

.speaking-section .lead-24 {
    font-size: 24px;
    font-weight: 300;
}

.lead-list {
    margin-bottom: 60px;
}

.lead-list li.lead {
    margin-bottom: 10px;
}

.firstHeading img {
    max-width: 200px!important;
}

.gray-border {
    border: 1px gainsboro solid;
}

.fusnote {
    color: #777;
    font-size: 10px;
    position: relative;
    top: -4px;
}

.topInfoButton {
    cursor: default;
}

.topInfoButton.btn-transparent:hover {
    border-color: #e1e1e1;
}

.toggle-detail-filter {
    width: 200px;
    margin: 0 auto;
}

.detailed-filter-collapse .checkbox {
    float: left;
    width: 100%;
}

.detailed-filter-collapse label:before {
    border: 1px solid #fff!important;
}

.sorting-filters .form-inline .form-control.date-filter {
    width: 190px;
}

.fixed-height {
    height: 520px;
}

.headerImage {
    width: 60vw;
}

/********* Selectize ***********/

/******************************/

.selectize-control.selectized.single .selectize-input {
    border-radius: 0;
    transition: all .5s;
    border-color: #fff;
}

.selectize-control.selectized.single .selectize-input:hover {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
}

.selectize-control.selectized .selectize-input.focus {
    border-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.selectize-control.selectized.single .selectize-input::after {
    font-family: fontello;
    content: "\e875";
    color: #333;
    top: 10px;
    right: 26px;
    position: absolute;
    border: 0 none;
}

.selectize-control.selectized .selectize-dropdown .optgroup-header {
    background-color: #333;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.detailed-filter-box .selectize-control.selectized.single .selectize-input {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
}
.yellowish-bg {
    background-color: #FCF6F1;
}
.yellowish {
    background: #FCF6F1;
    overflow: visible;
    top: 7%;
    max-height: 500px;
    position: absolute;
    height: 30%;
    margin-left: -50vw;
    width: 200vw;
    z-index: 0;
}

.yellowish-crack {
    background: #FCF6F1;
    overflow: visible;
    top: 7%;
    max-height: 300px;
    position: absolute;
    height: 20%;
    margin-left: -50vw;
    width: 200vw;
}

.fer-konkurencija-logo {
    width: 250px;
}

@media (max-width:480px) {
    .fer-konkurencija-logo {
        width: 150px;
    }
}

.max-w-80 {
    max-width: 80px;
}

@media (min-width:992px) and (max-width:1199px) {
    .col-md-6.md-fix-width {
        max-width: 49.999%;
    }
    .col-md-2.md-fix-width {
        max-width: 16.666%;
    }
}

@media (min-width:320px) and (max-width:767px) {
    .col-xs-4.md-fix-width {
        max-width: 33.332%;
    }
}

@media (max-width: 991px) {
    .clearfix-sm {
        clear: both;
    }
    .headerImage {
        width: 100vw;
    }
}

@media (max-width:767px) {
    .main {
        margin-top: 0px;
    }
}

.price-field {
    max-width: 80px;
}

.form-group.price-field input {
    width: 80px;
}

@media (max-width:991px) {
    .toggle-detail-filter {
        width: 100%;
    }
    .price-field, .form-group.price-field input {
        width: 100%;
        max-width: 100%;
    }
}

.width-form-group {
    width: 234px;
    float: left;
    padding: 0 15px;
}

@media (min-width:992px) and (max-width:1199px) {
    .width-form-group {
        width: 194px;
    }
}

.width-30 {
    width: 30%;
}

.width-70 {
    width: 70%;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.filter-break {
    margin-top: 0;
    margin-bottom: 10px;
}

hr.spacer {
    margin-top: 20px;
    margin-bottom: 20px;
}

h2, p {
    margin-bottom: 15px
}

.icon-star-empty, .icon-star-filled {
    color: gold;
}

.icon-heart-filled {
    color: #2b77bc;
}

a.highlight {
    font-weight: 400;
}

a.highlight:hover {
    text-decoration: underline;
}

img.contact-logo {
    width: 300px;
}

img.contact-logo-naled {
    width: 200px;
}

.pattern-1, .pattern-2, .pattern-3, .pattern-4, .pattern-5, .pattern-6, .pattern-7, .pattern-8, .pattern-9 {
    background-repeat: repeat;
    background-position: 0 0
}

.navbar .navbar-nav {
    font-family: 'Raleway', sans-serif;
}

.btn, .badge, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.46666667;
    color: #333;
    background-color: transparent;
    font-weight: 400
}

p {
    font-family: 'Open Sans', sans-serif;
}

.logo-font {
    font-family: Pacifico, cursive, sans-serif
}

.blockquote:before, blockquote:after {
    font-family: 'PT Serif', serif;
    content: "“"
}

.btn {
    font-weight: 400;
}

html {
    height: 100%
}

body.canvas-slid, body.canvas-sliding {
    overflow-x: hidden
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    line-height: 1.2
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #333
}

.dark h1, .dark h1 a, .dark h2, .dark h2 a, .dark h3, .dark h3 a, .dark h4, .dark h4 a, .dark h5, .dark h5 a, .dark h6, .dark h6 a {
    color: #fff
}

.dark .footer h1, .dark .footer h1 a, .dark .footer h2, .dark .footer h2 a, .dark .footer h3, .dark .footer h3 a, .dark .footer h4, .dark .footer h4 a, .dark .footer h5, .dark .footer h5 a, .dark .footer h6, .dark .footer h6 a {
    color: #999
}

h1 {
    font-size: 26px;
    font-weight: 300;
    text-transform: none
}

h1.logo-font {
    text-transform: none;
    font-weight: 300;
    font-size: 50px
}

h1.main-title {
    font-size: 48px;
    text-transform: uppercase;
    margin-top: 0;
}

h1.main-title .small {
    font-size: 50%;
    color: #000;
}

h5, h6 {
    font-weight: 600
}

h2 {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 300;
}

h2.logo-font {
    text-transform: none
}

h3 {
    font-size: 24px;
    font-weight: 400;
}

h4 {
    font-size: 19px
}

h5 {
    font-size: 15px;
    text-transform: uppercase
}

h6 {
    font-size: 15px
}

h6.title-filter-group {
    margin-left: 15px;
}

#firstTitle {
    font-size: 2.2em;
    font-weight: bold;
}

@media screen and (min-width:768px) {
    .jumbotron h1 {
        font-size: 130px
    }
}

@media screen and (max-width:767px) {
    .jumbotron h1 {
        font-size: 60px
    }
}

.page-title {
    margin-top: 0
}

h1.title-no-margin {
    margin: 0;
    font-size: 29px;
}

@media (min-width:992px) {
    .title {
        margin-top: 0
    }
}

h2.title-carousel {
    font-size: 14px;
    text-transform: none;
    margin-top: 10px;
}

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

h2.section-title {
    font-size: 20px;
    margin-top: 0;
}

.section-title a:hover {
    color: inherit;
}

.section-title a.title-ribbon {
    width: 99%;
}

.title-height {
    height: 58px;
}

.dealer-title {
    margin: 10px 0 0;
}

.dealer-title a {
    color: #333;
}

.dealer-title i {
    font-size: 16px;
}

.dealer-title a.rating:hover {
    text-decoration: none;
}

.sidebar {
    background-color: #fff;
    padding: 10px;
}

.sidebar .title {
    margin-top: 0px
}

.title-sidebar {
    margin-top: 0;
    font-size: 22px;
    font-weight: 300;
}

.sidebar .feature-box {
    padding: 0;
}

.sidebar .feature-box h2 {
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sidebar .feature-box h3 {
    text-transform: none;
}

p.large {
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 30px
}

a {
    color: #FFC56E;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

a:hover {
    color: #FFC56E;
    text-decoration: none;
}

a:active, a:focus {
    outline: 0;
    color: #FFC56E;
    text-decoration: none;
}

button:active, button:focus {
    outline: 0;
}

.link-dark {
    color: #333;
    text-decoration: none!important
}

.link-dark:hover {
    color: #333;
    text-decoration: underline!important
}

.dark .footer .link-dark {
    color: #777;
    text-decoration: none!important
}

.dark .footer .link-dark:hover {
    color: #777;
    text-decoration: underline!important
}

.link-light {
    color: #fff;
    text-decoration: none!important
}

.link-light:hover {
    color: #fff;
    text-decoration: underline!important
}

.no-trans * {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important
}

img {
    display: block;
    max-width: 100%;
    height: auto
}

.header-top .list-inline, blockquote, blockquote.inline p {
    display: inline-block
}

.header-top {
    font-family: 'Open Sans', sans-serif;
}

.header-top-second a {
    color: #777;
}

.text-orange {
    color: #F3B869;
}

.text-green {
    color: #a8c932;
}

.text-yellow {
    color: #eedd19;
}

.text-blue {
    color: #2b77bc;
}

.text-dark {
    color: #333;
}

.text-light {
    color: #fff;
}

.text-gold {
    color: orange;
}

.testimonila-name {
    color: #F3B869;
    text-align: center;
    font-size: 21px;
    text-transform: uppercase;
}

.testimonila-credentials {
    color: #000;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
}

blockquote {
    border-left: none;
    margin: 20px auto;
    font-size: 16px;
    position: relative;
    padding: 10px 25px
}

blockquote:after {
    width: 25px;
    height: 25px;
    line-height: 36px;
    font-size: 36px;
    position: absolute;
    top: 12px;
    left: 0;
    color: #cdcdcd
}

.blockquote:before {
    font-size: 40px
}

blockquote.inline {
    padding: 0
}

blockquote.inline p {
    width: 60%;
    margin: 0
}

blockquote.inline footer {
    width: 37%;
    display: inline-block;
    padding-left: 5px
}

blockquote.inline:after {
    top: 0
}

.mark, mark {
    background-color: #2b77bc;
    color: #fff
}

pre {
    padding: 20px;
    border-radius: 0
}

.well, pre {
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.text-muted {
    color: #999
}

.text-default {
    color: #FFC56E;
}

.well {
    border-radius: 0;
    background-color: #f3f3f3;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05)
}

.dark hr {
    border-color: #333
}

ul {
    list-style: none;
}

.list, .list-icons {
    list-style: none;
    padding: 0
}

.list li, .list-icons li {
    padding: 5px 0
}

.list-icons li i {
    min-width: 25px;
    text-align: center
}

.list-inline {
    margin-top: 9px;
    margin-bottom: 8px
}

@media (min-width:992px)and (max-width:1199px) {
    .header-top .list-inline>li {
        padding: 0 5px;
        font-size: 14px;
    }
    .site-slogan {
        margin-top: 3px;
    }
    #header-top-second .list-inline li {
        font-size: 12px;
    }
}

.table:not(.table-bordered) {
    border-bottom: 2px solid #f3f3f3
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #eaeaea;
    background-color: #eaeaea;
    color: #333;
    font-weight: 400
}

.table.table-colored {
    border-bottom-color: #2b77bc
}

.table-colored>thead>tr>th {
    border-color: #2b77bc;
    background-color: #2b77bc;
    color: #fff
}

.table-striped tbody, tbody {
    background-color: #fff
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 15px;
    border-top: 1px solid #f3f3f3
}

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f5f5f5
}

.table-striped.table>tbody>tr>td {
    border-color: #e8e8e8
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-color: #f3f3f3
}

.dl-horizontal dd {
    margin-bottom: 10px
}

.table-hover>tbody>tr:hover {
    background-color: rgba(0, 0, 0, .04)
}

.dark .table:not(.table-bordered) {
    border-bottom: 2px solid rgba(255, 255, 255, .07)
}

.dark .table>tbody {
    background-color: transparent
}

.dark .table>tbody>tr>td {
    border-top: 1px solid rgba(255, 255, 255, .07)
}

.dark .table>thead>tr>th {
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    background-color: rgba(0, 0, 0, .15);
    color: #f1f1f1;
    font-weight: 400
}

.page-wrapper {
    background-color: #fff;
}

.header-top:not(.banner) {
    background-color: #fafafa;
    border-bottom: 1px solid #fafafa;
    border-top: 0px solid #fafafa;
    padding: 4px 0
}

.header-top.dark {
    background-color: #2e3537;
    border-bottom: 1px solid #252a2c
}

.header-top.colored {
    background-color: #004b90;
    border-bottom: 1px solid #004b90;
}

.header {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #f1f1f1;
    background-color: #fff;
    z-index: 5;
    position: fixed;
    width: 100%;
}

.header.dark {
    background-color: #394245;
    border-top-color: #394245;
    border-bottom: none
}

.header-top.dark+.header:not(.dark) {
    border-top-color: #ddd
}

.header-top:not(.dark)+.header.dark {
    border-top-color: #303030
}

.header.header-small {
    padding: 10px 0
}

.dark .footer {
    background-color: #222
}

.dark .subfooter {
    background-color: #373737;
    border-color: #454545
}

footer .social-links {
    margin: 0;
}

.transparent-header .header-top {
    z-index: 103;
    position: relative
}

.transparent-header header.header.transparent-header-on {
    z-index: 22;
    position: absolute;
    width: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top-color: transparent
}

.transparent-header .header-top.colored+header.header.transparent-header-on {
    border-top-color: transparent
}

.transparent-header header.header.dark.transparent-header-on {
    background-color: rgba(57, 66, 69, .8);
    border-top-color: rgba(37, 42, 44, .5)
}

.header-left {
    padding: 0 0 0
}

.header-right {
    position: relative;
    padding: 0;
}

.banner.dark-translucent-bg, .banner.default-translucent-bg, .banner.default-translucent-bg-2, .banner.light-translucent-bg, .banner.parallax {
    min-height: 250px;
    padding-top: 20px;
    padding-bottom: 20px
}

.banner.inner.dark-translucent-bg, .banner.inner.default-translucent-bg, .banner.inner.default-translucent-bg-2 {
    padding-top: 60px;
}

@media (max-width:767px) {
    .banner.dark-translucent-bg, .banner.default-translucent-bg, .banner.default-translucent-bg-2, .banner.light-translucent-bg, .banner.parallax {
        padding-top: 80px;
    }
}

.banner.video-background-banner {
    min-height: 400px;
    padding-top: 100px
}

.main-container {
    padding: 30px 0
}

.block {
    margin-bottom: 50px
}

.footer-top, .section {
    padding: 20px 0
}

.footer {
    padding: 0;
    background-color: #fafafa
}

.footer-content {
    padding: 0;
}

.subfooter {
    background-color: #f3f3f3;
    padding: 25px 0;
    border-top: 0px solid #e1e1e1
}

.subfooter.colored {
    background-color: #FFC56E;
    padding: 15px 0;
    border-top: 1px solid #FFC56E
}

.subfooter a:hover, .subfooter a:focus {
    text-decoration: none;
}

@media (min-width:768px) {
    .dl-horizontal dd {
        margin-left: 150px
    }
    .dl-horizontal dt {
        max-width: 120px
    }
    .with-dropdown-buttons .navbar-default .navbar-collapse {
        padding-right: 120px;
    }
    .with-dropdown-buttons .header-dropdown-buttons {
        position: relative;
        top: 18px;
        float: right;
    }
    header.full-width .with-dropdown-buttons .header-dropdown-buttons {
        right: 15px
    }
    .header.centered .header-left {
        padding: 12px 0
    }
    .header.centered .header-right {
        text-align: center
    }
    .header.centered .main-navigation .navbar-collapse.collapse {
        display: inline-block!important;
        vertical-align: top;
    }
    .header.centered .with-dropdown-buttons .navbar-default .navbar-collapse {
        padding-right: 0!important
    }
    .header.centered .with-dropdown-buttons .header-dropdown-buttons {
        position: relative;
        top: 4px;
        margin-left: 20px;
        float: left
    }
}

@media (min-width:768px)and (max-width:1199px) {
    .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {
        padding-right: 110px
    }
}

@media (min-width:768px)and (max-width:991px) {
    header.full-width .main-navigation.with-dropdown-buttons .navbar-default .navbar-collapse {
        padding-right: 15px
    }
}

@media (max-width:991px) {
    .sidebar {
        margin-top: 0px
    }
    aside .col-xs-12 {
        float: none;
    }
    .footer-content {
        padding: 10px 0
    }
}

@media (max-width:767px) {
    .transparent-header .header-left {
        padding: 0
    }
    .transparent-header .header-right {
        z-index: 21
    }
    .header.full-width {
        padding: 0 15px
    }
    .header.full-width .header-left {
        padding: 8px 0 0
    }
}

.boxed .page-wrapper {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    -webkit-box-shadow: 0 0 10px #cacaca;
    box-shadow: 0 0 10px #cacaca
}

.boxed.transparent-page-wrapper .page-wrapper {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pattern-1 {
    background-image: url("../images/pattern-1.png")
}

.pattern-2 {
    background-image: url("../images/pattern-2.png")
}

.pattern-3 {
    background-image: url("../images/pattern-3.png")
}

.pattern-4 {
    background-image: url("../images/pattern-4.png")
}

.pattern-5 {
    background-image: url("../images/pattern-5.png")
}

.pattern-6 {
    background-image: url("../images/pattern-6.png")
}

.pattern-7 {
    background-image: url("../images/pattern-7.png")
}

.pattern-8 {
    background-image: url("../images/pattern-8.png")
}

.pattern-9 {
    background-image: url("../images/pattern-9.png")
}

.pattern-4 .page-wrapper, .pattern-5 .page-wrapper, .pattern-6 .page-wrapper, .pattern-7 .page-wrapper, .pattern-8 .page-wrapper, .pattern-9 .page-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width:768px) {
    .boxed .page-wrapper {
        width: 750px
    }
}

@media (min-width:992px) {
    .boxed .page-wrapper {
        width: 970px
    }
}

@media (min-width:1200px) {
    .boxed .page-wrapper {
        width: 1170px
    }
}

.background-img-1 {
    background: url("../images/background-1.jpg")50% 0 no-repeat
}

.background-img-2 {
    background: url("../images/bkg-3.jpg")50% 0 no-repeat
}

.background-img-3 {
    background: url("../images/background-img-3.jpg")50% 0 no-repeat
}

.background-img-4 {
    background: url("../images/background-img-4.jpg")50% 0 no-repeat
}

.background-img-5 {
    background: url("../images/background-img-5.jpg")50% 0 no-repeat
}

.background-img-6 {
    background: url("../images/background-img-6.jpg")50% 0 no-repeat
}

.background-img-7 {
    background: url("../images/background-img-7.jpg")50% 0 no-repeat
}

.fullscreen-bg {
    background: url("../images/fullscreen-bg.jpg")50% 0 no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.boxed .fullscreen-bg {
    background: 0 0
}

.grayscale img {
    -webkit-filter: grayscale(0%);
    /* Chrome, Safari, Opera */
    filter: grayscale(0%);
    transition: all .5s;
}

.grayscale:hover img {
    -webkit-filter: grayscale(100%);
    /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

.white-bg {
    background-color: #fff
}

.almost-bg {
    background: #ddd6f3;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ddd6f3, #faaca8);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #ddd6f3, #faaca8);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.sweet-bg {
    background: #FF5F6D;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #FF5F6D, #FFC371);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #FF5F6D, #FFC371);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.greenblue-bg {
    background: #c2e59c;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #c2e59c, #64b3f4);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #c2e59c, #64b3f4);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.leading-bg {
    background: #2b77bc;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #2b77bc, #FFD200);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #2b77bc, #FFD200);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.blues-bg {
    color: #fff;
    background: rgb(0, 75, 144);
    background: -moz-linear-gradient(top, rgba(0, 75, 144, 1) 0%, rgba(0, 115, 220, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 75, 144, 1) 0%, rgba(0, 115, 220, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 75, 144, 1) 0%, rgba(0, 115, 220, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b90', endColorstr='#0073dc', GradientType=0);
}

.light-gray-bg {
    background-color: #EAEAEA;
    border-top: 0px solid #f3f3f3;
    border-bottom: 0px solid #f3f3f3
}

.light-gray-bg-2 {
    background-color: #f3f3f3;
    border-top: 0px solid #fcfcfc;
    border-bottom: 0px solid #fcfcfc
}

.footer-top.light-gray-bg {
    background-color: #f5f5f5;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea
}

.dark-bg {
    background-color: #1b1b1b;
    color: #fff
}

.dark-bg+.dark-bg:not(.image-box):not(.full-image-container):not(.full-text-container):not(.full-width-section) {
    background-color: #555
}

.dark-bg+.dark-bg+.dark-bg {
    background-color: #373737
}

.dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 {
    color: #fff
}

.dark-bg a:not(.btn) {
    text-decoration: underline;
    color: #cdcdcd
}

.dark-bg a:not(.btn):hover {
    text-decoration: none;
    color: #cdcdcd
}

.lightblue-bg, .lightblue-bg.shadow:before {
    background-color: #0073DC;
    color: #fff;
}

.lightblue-bg h1, .lightblue-bg h2, .lightblue-bg h3, .lightblue-bg h4, .lightblue-bg h5, .lightblue-bg h6, .blues-bg h1, .blues-bg h2, .blues-bg h3, .blues-bg h4, .blues-bg h5, .blues-bg h6 {
    color: #fff
}

.lightblue-bg a:not(.btn) {
    text-decoration: underline;
    color: #fff
}

.lightblue-bg a:not(.btn):hover {
    text-decoration: none;
    color: #fff
}

.orange-bg, .orange-bg.shadow:before {
    background-color: #2b77bc;
    color: #fff;
}

.orange-bg a:not(.btn) {
    text-decoration: underline;
    color: #fff
}

.orange-bg a:not(.btn):hover {
    text-decoration: none;
    color: #fff
}

.orange-bg .white-bg, .orange-bg .white-bg a:not(.btn) {
    color: #333;
}

.orange-bg .white-bg a:not(.btn):hover {
    color: #2b77bc;
}

.orange-bg a:not(.btn):hover {
    text-decoration: none;
    color: #fff
}

.green-bg, .green-bg.icon, .green-bg.shadow:before {
    background: #a8c932;
    color: #fff
}

.yellow-bg, .yellow-bg.icon, .yellow-bg.shadow:before {
    background: #eedd19;
    color: #fff
}

.default-bg, .default-bg.shadow:before {
    background: #2b77bc;
    color: #fff
}

.default-bg, .default-bg.shadow:before {
    background: #2b77bc;
    color: #fff
}

.default-bg #bodyContent, .orange-bg #bodyContent, .default-bg #bodyContent a, .orange-bg #bodyContent a {
    color: #333;
}

.default-bg #bodyContent a, .orange-bg #bodyContent a {
    text-decoration: none;
}

.default-bg #bodyContent a:hover, .default-bg #bodyContent a:focus, .orange-bg #bodyContent a:hover, .orange-bg #bodyContent a:focus {
    color: #2b77bc;
    text-decoration: none;
}

.default-bg h1, .default-bg h2, .default-bg h3, .default-bg h4, .default-bg h5, .default-bg h6, .orange-bg h1, .orange-bg h2, .orange-bg h3, .orange-bg h4, .orange-bg h5, .orange-bg h6 {
    color: #fff
}

.default-bg .white-bg h1, .default-bg .white-bg h2, .default-bg .white-bg h3, .default-bg .white-bg h4, .default-bg .white-bg h5, .default-bg .white-bg h6, .orange-bg .white-bg h1, .orange-bg .white-bg h2, .orange-bg .white-bg h3, .orange-bg .white-bg h4, .orange-bg .white-bg h5, .orange-bg .white-bg h6 {
    color: #333;
}

.default-bg a:not(.btn) {
    text-decoration: underline;
    color: #fff
}

.default-bg a:not(.btn):hover {
    text-decoration: none;
    color: #fff
}

.no-touch .fixed-bg, .no-touch .parallax, .no-touch .parallax-2, .no-touch .parallax-3 {
    background-attachment: fixed
}

.dark-translucent-bg, .default-translucent-bg, .default-translucent-bg-2, .light-translucent-bg, .two-col-translucent-bg {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
    overflow: hidden
}

.dark-translucent-bg.overflow-visible {
    overflow: visible;
}

.dark-translucent-bg:after, .default-translucent-bg:after, .default-translucent-bg-2:after, .light-translucent-bg:after, .two-col-translucent-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)scale(1, 1)
}

.dark-translucent-bg>div, .default-translucent-bg>div, .default-translucent-bg-2>div, .light-translucent-bg>div, .two-col-translucent-bg>div {
    z-index: 3;
    position: relative
}

.light-translucent-bg {
    color: #333;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada
}

.light-translucent-bg:after {
    background-color: rgba(255, 255, 255, .7)
}

.light-translucent-bg.slight:after {
    background-color: rgba(255, 255, 255, .85)
}

.video-background-banner.light-translucent-bg:after, .video-background.light-translucent-bg:after {
    background-color: rgba(255, 255, 255, .5)
}

.light-translucent-bg.hovered:hover:after {
    background-color: rgba(255, 255, 255, .8)
}

.dark-translucent-bg:after {
    background-color: rgba(0, 0, 0, .4)
}

.dark-translucent-bg.hovered:hover:after {
    background-color: rgba(0, 0, 0, .6)
}

.dark-translucent-bg, .dark-translucent-bg h1, .dark-translucent-bg h2, .dark-translucent-bg h3, .dark-translucent-bg h4, .dark-translucent-bg h5, .dark-translucent-bg h6 {
    color: #fff
}

.dark-translucent-bg a:not(.btn) {
    text-decoration: underline;
    color: #fff
}

.dark-translucent-bg a:not(.btn):hover {
    text-decoration: underline;
    color: #fff
}

.two-col-translucent-bg {
    color: #333
}

.two-col-translucent-bg:after {
    background-color: rgba(255, 255, 255, .7)
}

@media (min-width:992px) {
    .two-col-translucent-bg:after {
        background: -moz-linear-gradient(left, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, .5) 50%);
        background: -webkit-gradient(left, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, .5) 50%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, .5) 50%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, .5) 50%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, .5) 50%);
        background: linear-gradient(to right, rgba(255, 255, 255, .7) 50%, rgba(0, 0, 0, .5) 50%)
    }
    .two-col-translucent-bg .container>.row>div+div, .two-col-translucent-bg .container>.row>div+div h1, .two-col-translucent-bg .container>.row>div+div h2, .two-col-translucent-bg .container>.row>div+div h3, .two-col-translucent-bg .container>.row>div+div h4, .two-col-translucent-bg .container>.row>div+div h5, .two-col-translucent-bg .container>.row>div+div h6 {
        color: #fff
    }
    .two-col-translucent-bg .container>.row>div+div a:not(.btn) {
        text-decoration: underline;
        color: #fff
    }
    .two-col-translucent-bg .container>.row>div+div a:not(.btn):hover {
        text-decoration: none;
        color: #fff
    }
}

.default-translucent-bg-2:after {
    background-color: rgba(0, 75, 144, .9);
}

.default-translucent-bg-2.hovered:hover:after {
    background-color: rgba(255, 102, 0, 1)
}

.default-translucent-bg:after {
    background-color: rgba(255, 102, 0, .9)
}

.default-translucent-bg.hovered:hover:after {
    background-color: rgba(255, 102, 0, 1)
}

.default-translucent-bg, .default-translucent-bg h1, .default-translucent-bg h2, .default-translucent-bg h3, .default-translucent-bg h4, .default-translucent-bg h5, .default-translucent-bg h6, .default-translucent-bg-2, .default-translucent-bg-2 h1, .default-translucent-bg-2 h2, .default-translucent-bg-2 h3, .default-translucent-bg-2 h4, .default-translucent-bg-2 h5, .default-translucent-bg-2 h6 {
    color: #fff
}

.default-translucent-bg a:not(.btn), .default-translucent-bg-2 a:not(.btn) {
    text-decoration: none;
    color: #fff
}

.default-translucent-bg a:not(.btn):hover, .default-translucent-bg-2 a:not(.btn):hover {
    text-decoration: underline;
    color: #fff
}

.default-hovered {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.default-hovered:hover, .default-hovered:hover:after {
    background-color: #2b77bc
}

.light-gray-bg.default-hovered:hover * {
    color: #fff
}

@media (min-width:768px) {
    .animated-text h2 {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        position: absolute;
        top: 0;
        width: 100%
    }
    .animated-text h2+h2 {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15)
    }
    .animated-text:hover h2 {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(.85);
        -moz-transform: scale(.85);
        -ms-transform: scale(.85);
        -o-transform: scale(.85);
        transform: scale(.85)
    }
    .animated-text:hover h2+h2 {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@media (max-width:767px) {
    .animated-text h2+h2 {
        display: none
    }
}

.fixed-header-on .header-top.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1010;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.fixed-header-on .header.fixed, .fixed-header-on header.header.transparent-header-on {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0;
    z-index: 1006;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)
}

.fixed-header-on .header.fixed:not(.dark) {
    border-bottom: 1px solid #f1f1f1;
    background-color: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
}

.fixed-header-on .dark.header.fixed {
    background-color: rgba(57, 66, 69, .95)
}

.fixed-header-on.boxed .header.fixed {
    left: auto
}

.fixed-header-on .header #logo.logo {
    margin: 1px 0 0;
    padding: 0;
}

.fixed-header-on .header .logo img {
    max-height: 50px;
}

.fixed-header-on .header .site-slogan, .fixed-header-on .header.centered .header-left {
    display: none
}

.fixed-header-on .header-top.fixed.animated, .fixed-header-on .header.fixed.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.fixed-header-on .site-slogan {
    font-size: 12.5px;
    padding: 5px 0 0;
}

@media (min-width:992px) and (max-width:1199px) {
    .fixed-header-on .header.fixed {
        top: 35px;
    }
    .fixed-header-on .header-top .list-inline>li.site-slogan {
        font-size: 12.5px;
    }
}

@media (min-width:768px) {
    .fixed-header-on.boxed .header.fixed {
        width: 750px
    }
    .fixed-header-on .header-left {
        padding: 0
    }
    .fixed-header-on .dark.header .dropdown-menu {
        border: 1px solid #2e3537
    }
    .fixed-header-on .main-navigation .navbar-nav>li>a {
        padding: 18px 15px 18px;
    }
    .fixed-header-on .header:not(.centered) .main-navigation .navbar-nav>.dropdown>a:before {
        top: 21px
    }
    .fixed-header-on .header:not(.centered) .main-navigation.with-dropdown-buttons .header-dropdown-buttons {
        top: 12px
    }
    .fixed-header-on .dark .header-dropdown-buttons .btn-group .dropdown-menu, .fixed-header-on .header-dropdown-buttons .btn-group .dropdown-menu {
        margin-top: 11px
    }
    .fixed.header .main-navigation.animated .navbar-nav>li>a, .header-left {
        -webkit-transition: padding 0s linear, color .2s ease-in-out, background-color .2s ease-in-out;
        -o-transition: padding 0s linear, color .2s ease-in-out, background-color .2s ease-in-out;
        transition: padding 0s linear, color .2s ease-in-out, background-color .2s ease-in-out
    }
}

@media (min-width:992px) {
    .fixed-header-on .header .logo, .fixed-header-on .header .site-slogan {
        display: block
    }
    .fixed-header-on.boxed .header.fixed {
        width: 970px
    }
    .fixed-header-on .header-left {
        padding: 3px 0 0
    }
}

@media (min-width:1200px) {
    .fixed-header-on.boxed .header.fixed {
        width: 1170px
    }
}

@media (max-width:767px) {
    .header.fixed {
        position: relative!important;
        top: auto!important
    }
    .header.fixed.transparent-header-on {
        position: absolute!important
    }
}

.grid-space-20 {
    margin-right: -10.5px;
    margin-left: -10.5px
}

.grid-space-20 .col-lg-3, .grid-space-20 .col-lg-4, .grid-space-20 .col-lg-6, .grid-space-20 .col-md-3, .grid-space-20 .col-md-4, .grid-space-20 .col-md-6, .grid-space-20 .col-sm-3, .grid-space-20 .col-sm-4, .grid-space-20 .col-sm-6, .grid-space-20 .col-xs-3, .grid-space-20 .col-xs-4, .grid-space-20 .col-xs-6 {
    padding-left: 10px;
    padding-right: 10px
}

.grid-space-10 {
    margin-right: -6px;
    margin-left: -6px
}

.grid-space-10 .col-lg-3, .grid-space-10 .col-lg-4, .grid-space-10 .col-lg-6, .grid-space-10 .col-md-3, .grid-space-10 .col-md-4, .grid-space-10 .col-md-6, .grid-space-10 .col-sm-3, .grid-space-10 .col-sm-4, .grid-space-10 .col-sm-6, .grid-space-10 .col-xs-3, .grid-space-10 .col-xs-4, .grid-space-10 .col-xs-6 {
    padding-left: 5px;
    padding-right: 5px
}

.grid-space-0 {
    margin-right: 0;
    margin-left: 0
}

.grid-space-0 .col-lg-3, .grid-space-0 .col-lg-4, .grid-space-0 .col-lg-6, .grid-space-0 .col-md-3, .grid-space-0 .col-md-4, .grid-space-0 .col-md-6, .grid-space-0 .col-sm-3, .grid-space-0 .col-sm-4, .grid-space-0 .col-sm-6, .grid-space-0 .col-xs-3, .grid-space-0 .col-xs-4, .grid-space-0 .col-xs-6 {
    padding-left: 0;
    padding-right: 0
}

.grid-space-0>div {
    margin-bottom: 0;
    padding-bottom: 0
}

.tab-content .separator {
    display: inline-block;
    margin: 5px auto 5px;
}

.separator {
    width: 100%;
    margin: 20px auto 15px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)scale(1, 1)
}

.separator:after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, .09)), color-stop(70%, rgba(0, 0, 0, .09)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 35%, rgba(0, 0, 0, .09) 70%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0
}

.dark-bg:not(.banner) .separator:after {
    background: #505050;
    background: -moz-linear-gradient(left, #373737 0, #505050 35%, #505050 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #373737), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #373737 0, #505050 35%, #505050 70%, #373737 100%);
    background: -o-linear-gradient(left, #373737 0, #505050 35%, #505050 70%, #373737 100%);
    background: -ms-linear-gradient(left, #373737 0, #505050 35%, #505050 70%, #373737 100%);
    background: linear-gradient(to right, #373737 0, #505050 35%, #505050 70%, #373737 100%)
}

#footer.dark .separator:after {
    background: #505050;
    background: -moz-linear-gradient(left, #222 0, #505050 35%, #505050 70%, #222 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #222), color-stop(35%, #505050), color-stop(70%, #505050), color-stop(100%, #222));
    background: -webkit-linear-gradient(left, #222 0, #505050 35%, #505050 70%, #222 100%);
    background: -o-linear-gradient(left, #222 0, #505050 35%, #505050 70%, #222 100%);
    background: -ms-linear-gradient(left, #222 0, #505050 35%, #505050 70%, #222 100%);
    background: linear-gradient(to right, #222 0, #505050 35%, #505050 70%, #222 100%)
}

.dark-translucent-bg .separator:after, .default-bg .separator:after, .default-translucent-bg .separator:after, .default-translucent-bg-2 .separator:after, .light.separator:after {
    background: rgba(255, 255, 255, .5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, .5)), color-stop(70%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%)
}

@media (min-width:992px) {
    .two-col-translucent-bg .container>.row>div+div .separator:after {
        background: rgba(255, 255, 255, .5);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, .5)), color-stop(70%, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 35%, rgba(255, 255, 255, .5) 70%, rgba(255, 255, 255, 0) 100%)
    }
}

.dark.separator:after, .light-translucent-bg .separator:after, .two-col-translucent-bg .container>.row>div .separator:after {
    background: rgba(0, 0, 0, .5);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(35%, rgba(0, 0, 0, .4)), color-stop(70%, rgba(0, 0, 0, .4)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 35%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, 0) 100%)
}

h3+.separator, h4+.separator, h5+.separator {
    margin-top: 15px
}

.separator-2, .separator-3 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px
}

.separator-2:after, .separator-3:after {
    content: "";
    height: 1px;
    bottom: -1px;
    left: 0;
    width: 100%;
    position: absolute
}

.separator-2:after {
    background: #d1d1d1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .18)), color-stop(35%, rgba(0, 0, 0, .12)), color-stop(70%, rgba(0, 0, 0, .05)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%)
}

.dark-bg .separator-2:after {
    background: #666;
    background: -moz-linear-gradient(left, #666 0, #555 35%, #444 70%, #373737 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #666), color-stop(35%, #555), color-stop(70%, #444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(left, #666 0, #555 35%, #444 70%, #373737 100%);
    background: -o-linear-gradient(left, #666 0, #555 35%, #444 70%, #373737 100%);
    background: -ms-linear-gradient(left, #666 0, #555 35%, #444 70%, #373737 100%);
    background: linear-gradient(to right, #666 0, #555 35%, #444 70%, #373737 100%)
}

#footer.dark .separator-2:after {
    background: #444;
    background: -moz-linear-gradient(left, #444 0, #393939 35%, #323232 70%, #222 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222));
    background: -webkit-linear-gradient(left, #444 0, #393939 35%, #323232 70%, #222 100%);
    background: -o-linear-gradient(left, #444 0, #393939 35%, #323232 70%, #222 100%);
    background: -ms-linear-gradient(left, #444 0, #393939 35%, #323232 70%, #222 100%);
    background: linear-gradient(to right, #444 0, #393939 35%, #323232 70%, #222 100%)
}

.dark.separator-2:after, .light-translucent-bg .separator-2:after, .two-col-translucent-bg .container>.row>div .separator-2:after {
    background: rgba(0, 0, 0, .5);
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .5)), color-stop(35%, rgba(232, 232, 232, .4)), color-stop(70%, rgba(232, 232, 232, .2)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%)
}

.dark-translucent-bg .separator-2:after, .default-bg .separator-2:after, .default-translucent-bg .separator-2:after, .default-translucent-bg-2 .separator-2:after, .light.separator-2:after {
    background: rgba(255, 255, 255, .5);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(35%, rgba(232, 232, 232, .4)), color-stop(70%, rgba(232, 232, 232, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%)
}

@media (min-width:992px) {
    .two-col-translucent-bg .container>.row>div+div .separator-2:after {
        background: rgba(255, 255, 255, .5);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(35%, rgba(232, 232, 232, .4)), color-stop(70%, rgba(232, 232, 232, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%)
    }
}

.separator-3:after {
    background: #d1d1d1;
    background: -moz-linear-gradient(right, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, .18)), color-stop(35%, rgba(0, 0, 0, .12)), color-stop(70%, rgba(0, 0, 0, .05)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%)
}

.dark-bg .separator-3:after {
    background: #666;
    background: -moz-linear-gradient(right, #666 0, #555 35%, #444 70%, #373737 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #666), color-stop(35%, #555), color-stop(70%, #444), color-stop(100%, #373737));
    background: -webkit-linear-gradient(right, #666 0, #555 35%, #444 70%, #373737 100%);
    background: -o-linear-gradient(right, #666 0, #555 35%, #444 70%, #373737 100%);
    background: -ms-linear-gradient(right, #666 0, #555 35%, #444 70%, #373737 100%);
    background: linear-gradient(to left, #666 0, #555 35%, #444 70%, #373737 100%)
}

#footer.dark .separator-3:after {
    background: #444;
    background: -moz-linear-gradient(right, #444 0, #393939 35%, #323232 70%, #222 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, #444), color-stop(35%, #393939), color-stop(70%, #323232), color-stop(100%, #222));
    background: -webkit-linear-gradient(right, #444 0, #393939 35%, #323232 70%, #222 100%);
    background: -o-linear-gradient(right, #444 0, #393939 35%, #323232 70%, #222 100%);
    background: -ms-linear-gradient(right, #444 0, #393939 35%, #323232 70%, #222 100%);
    background: linear-gradient(to left, #444 0, #393939 35%, #323232 70%, #222 100%)
}

.dark.separator-3:after, .light-translucent-bg .separator-3:after, .two-col-translucent-bg .container>.row>div .separator-3:after {
    background: rgba(0, 0, 0, .5);
    background: -moz-linear-gradient(right, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(0, 0, 0, .5)), color-stop(35%, rgba(232, 232, 232, .4)), color-stop(70%, rgba(232, 232, 232, .2)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(0, 0, 0, 0) 100%)
}

.dark-translucent-bg .separator-3:after, .default-bg .separator-3:after, .default-translucent-bg .separator-3:after, .default-translucent-bg-2 .separator-3:after, .light.separator-3:after {
    background: rgba(255, 255, 255, .5);
    background: -moz-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(35%, rgba(232, 232, 232, .4)), color-stop(70%, rgba(232, 232, 232, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%)
}

.footer-content .separator-2, .footer-content .separator-3 {
    margin-bottom: 25px
}

.object-non-visible {
    opacity: 0;
    filter: alpha(opacity=0)
}

.object-visible, .touch .object-non-visible {
    opacity: 1!important;
    filter: alpha(opacity=100)!important
}

@-moz-document url-prefix() {
    .object-visible, .touch .object-non-visible {
        -webkit-transition: opacity .6s ease-in-out;
        -moz-transition: opacity .6s ease-in-out;
        -o-transition: opacity .6s ease-in-out;
        -ms-transition: opacity .6s ease-in-out;
        transition: opacity .6s ease-in-out
    }
}

.pl-0 {
    padding-left: 0!important;
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pl-40 {
    padding-left: 40px
}

.pr-5 {
    padding-right: 5px
}

.pr-10 {
    padding-right: 10px
}

.pr-20 {
    padding-right: 20px
}

.p-0 {
    padding: 0 0 0 0;
}

.p-10 {
    padding: 10px
}

.p-20 {
    padding: 20px
}

.p-30 {
    padding: 30px
}

.p-40 {
    padding: 40px
}

.ph-0 {
    padding-left: 0!important;
    padding-right: 0!important;
}

@media (max-width:479px) {
    .ph-0-xxs {
        padding-left: 0!important;
        padding-right: 0!important;
    }
}

.ph-20 {
    padding-left: 20px;
    padding-right: 20px
}

.ph-30 {
    padding-left: 30px;
    padding-right: 30px
}

.ph-40 {
    padding-left: 40px;
    padding-right: 40px
}

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

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

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

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

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

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

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

.pv-60-30 {
    padding-top: 60px;
    padding-bottom: 30px
}

.pt-30 {
    padding-top: 30px;
}

.pb-15 {
    padding-bottom: 15px;
}

.mt-5 {
    margin-top: 5px
}

@media (max-width:991px) {
    .mt-sm-20 {
        margin-top: 20px!important;
    }
}

.mb-0 {
    margin-bottom: 0!important;
}

@media (min-width:768px) {
    .mb-sm-0 {
        margin-bottom: 0!important;
    }
}

.mb-5 {
    margin-bottom: 5px
}

.mt-10 {
    margin-top: 10px
}

.mb-10 {
    margin-bottom: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-60 {
    margin-bottom: 60px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px!important;
}

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

.fw-400 {
    font-weight: 400;
}

.space-top {
    padding-top: 20px
}

.padding-top-clear, .padding-ver-clear {
    padding-top: 0!important
}

.space-bottom {
    padding-bottom: 20px
}

.padding-bottom-clear, .padding-ver-clear {
    padding-bottom: 0!important
}

.margin-clear {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.padding-hor-clear {
    padding-right: 0!important;
    padding-left: 0!important
}

.border-bottom-clear {
    border-bottom: none!important
}

.border-top-clear {
    border-top: none!important
}

.border-clear {
    border: none!important
}

.circle {
    -webkit-border-radius: 100%!important;
    -moz-border-radius: 100%!important;
    border-radius: 100%!important
}

@media (max-width:767px) {
    .text-center-xs {
        text-align: center
    }
}

.font-title {
    font-family: 'Open Sans', sans-serif;
}

.header-top {
    font-size: 13px;
    color: #333;
    font-weight: 300
}

.header-top a:hover, .header-top a:focus {
    text-decoration: none;
}

.header-top.colored, .header-top.dark {
    color: #fff
}

.header-top.colored a {
    color: #fff;
    text-decoration: none
}

.header-top.colored a:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width:479px) {
    .header-top.colored a {
        font-size: 10px;
    }
}

@media (min-width:992px)and (max-width:1199px) {
    .header-top {
        font-size: 11px
    }
}

@media (max-width:360px) {
    .header-top {
        font-size: 14px;
    }
}

.header-top .list-inline {
    margin-top: 4px;
    margin-bottom: 4px;
}

.header.dark {
    color: #cacaca
}

.footer {
    font-size: 14px;
    line-height: 1.5
}

.footer a {
    color: #333;
}

.footer a:hover, .footer a:focus {
    text-decoration: none;
}

.footer h2, .footer h2.title {
    font-size: 30px;
    text-transform: none;
    margin-bottom: 10px;
    font-weight: 300;
    color: #FFC56E;
}

.footer h2.sub-title {
    margin-top: 15px;
}

.subfooter {
    font-size: 14px;
    line-height: 1.3;
    color: #333
}

.subfooter a {
    color: #333;
}

.subfooter.colored, .subfooter.colored a {
    color: #fff
}

.footer-content .nav-pills.nav-stacked:not(.list-style-icons)>li.active>a:focus, .footer-content .nav-pills.nav-stacked:not(.list-style-icons)>li.active>a:hover, .footer-content .nav-pills.nav-stacked:not(.list-style-icons)>li>a:focus, .footer-content .nav-pills.nav-stacked:not(.list-style-icons)>li>a:hover {
    color: #FFC56E;
    text-decoration: none;
}

.footer-content .nav-pills.nav-stacked:not(.list-style-icons)>li.active>a:focus::after, .footer-content .nav-pills.nav-stacked:not(.list-style-icons)>li.active>a:hover::after, .footer-content .nav-pills.nav-stacked:not(.list-style-icons)>li>a:focus::after, .footer-content .nav-pills.nav-stacked:not(.list-style-icons)>li>a:hover::after {
    color: #fff;
}

.blog-wrapp h1 {
    font-size: 24px;
    font-weight: 600;
}

.blog-wrapp .blogpost-content {
    background-color: #fff;
}

.blog-wrapp .blogpost-body {
    background-color: #fff;
    padding: 30px 15px 0;
}

.blogpost .post-info a, .blogpost footer, .comment-meta, .comment-meta a {
    color: #aaa
}

.subfooter p {
    margin-bottom: 0;
    color: #000;
    font-size: 22px;
}

.blogpost {
    margin: 0 0 30px
}

.blogpost header {
    padding: 20px 10px
}

.blogpost header h2 {
    text-transform: none;
    margin-top: 0;
    margin-bottom: 10px
}

.blogpost .post-info {
    font-size: 12px;
    color: #aaa;
    font-weight: 400
}

.blogpost .post-info>span {
    margin-right: 5px;
    display: inline-block
}

.blogpost .blogpost-content {
    padding: 0 10px 10px
}

.blogpost .row .blogpost-content {
    padding-bottom: 0
}

.blogpost footer {
    font-size: 12px;
    padding: 10px;
    border-top: 1px solid #eaeaea
}

.blogpost .row+footer {
    padding: 10px 0
}

.blogpost.full {
    margin-bottom: 30px
}

.blogpost.full header {
    padding: 0 0 15px
}

.blogpost.full .blogpost-content {
    padding: 0 0 5px
}

.blogpost.full footer {
    padding: 10px 0
}

.panel-body.archive-list {
    padding: 0;
}

ul.archive-list {
    padding-left: 0;
}

ul.archive-list li {
    list-style: none;
    padding: 0;
    transition: all .5s;
}

ul.archive-list li:hover {
    background-color: #e1e1e1;
    transition: all .5s;
}

ul.archive-list li:hover a {
    color: #333;
    transition: all .5s;
}

ul.archive-list li a {
    color: #333;
    transition: all .5s;
}

ul.archive-list li.active {
    background-color: #D64541;
}

ul.archive-list li.active a {
    color: #fff;
}

ul.archive-list li a.btn {
    margin: 0;
}

.archive-list a {
    width: 100%;
    text-align: left;
}

.archive-list.brand-list img {
    width: 50px;
    float: left;
    margin-right: 10px;
}

.archive-list.brand-list span {
    position: relative;
    top: 15px;
}

ul.archive-list.brand-list li.active {
    background-color: #e9e9e9;
}

ul.archive-list.brand-list li.active a {
    color: #333;
}

@media (min-width:992px) {
    .two-col-translucent-bg .container>.row>div+div .separator-3:after {
        background: rgba(255, 255, 255, .5);
        background: -moz-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(35%, rgba(232, 232, 232, .4)), color-stop(70%, rgba(232, 232, 232, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(right, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to left, rgba(255, 255, 255, .5) 0, rgba(232, 232, 232, .4) 35%, rgba(232, 232, 232, .2) 70%, rgba(255, 255, 255, 0) 100%)
    }
    .blogpost .row header {
        padding-top: 0
    }
    .blogpost .row+footer {
        margin-top: 15px
    }
}

#comments {
    margin-top: 60px
}

.comments h2.title {
    margin-bottom: 40px;
    padding-bottom: 10px;
    position: relative
}

.comments h2.title:after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .18)), color-stop(35%, rgba(0, 0, 0, .12)), color-stop(70%, rgba(0, 0, 0, .05)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, .18) 0, rgba(0, 0, 0, .12) 35%, rgba(0, 0, 0, .05) 70%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    width: 100%
}

.comment {
    font-size: 14px
}

.comment .comment {
    margin-left: 75px
}

.comment h3 {
    margin-top: 0;
    margin-bottom: 5px
}

.comment p {
    margin-bottom: 10px
}

.comment .btn-sm-link {
    padding: 0
}

.comment-avatar {
    width: 50px;
    float: left;
    margin: 0 15px 0 0
}

.comment-content {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 40px;
    clear: both
}

.comment-meta {
    margin-bottom: 15px;
    font-size: 12px
}

.masonry-grid-item .blogpost header h2, .timeline .blogpost header h2 {
    font-size: 22px
}

.comment-meta a:hover {
    text-decoration: underline
}

.panel-heading a, .panel-heading a:hover {
    text-decoration: none
}

.masonry-grid-item .blogpost footer {
    padding-top: 0;
    border-top: none
}

.timeline {
    position: relative;
    padding: 40px 0;
    margin-top: 40px
}

.timeline .blogpost footer {
    padding-top: 0;
    border-top: none
}

.timeline .timeline-item {
    padding: 0 15px
}

.timeline-date-label {
    float: none;
    clear: both;
    display: block;
    margin: 0 auto 80px;
    text-align: center;
    line-height: 1;
    width: 135px;
    position: relative;
    z-index: 2;
    color: #fff
}

.cart.table .amount, .cart.table .total-amount {
    text-align: right
}

.timeline-date-label:after {
    background-color: #2b77bc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: -8px;
    z-index: -1
}

@media (min-width:768px) {
    .timeline .timeline-item:after, .timeline .timeline-item:before, .timeline:before {
        content: ""
    }
    .timeline .blogpost {
        margin-bottom: 0
    }
    .timeline:before {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 10%, rgba(0, 0, 0, .09) 90%, rgba(0, 0, 0, 0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, .09)), color-stop(90%, rgba(0, 0, 0, .09)), color-stop(100%, rgba(0, 0, 0, 0)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 10%, rgba(0, 0, 0, .09) 90%, rgba(0, 0, 0, 0) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 10%, rgba(0, 0, 0, .09) 90%, rgba(0, 0, 0, 0) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 10%, rgba(0, 0, 0, .09) 90%, rgba(0, 0, 0, 0) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .09) 10%, rgba(0, 0, 0, .09) 90%, rgba(0, 0, 0, 0) 100%);
        width: 1px;
        height: 100%;
        position: absolute;
        left: 50%;
        display: block;
        top: 0
    }
    .timeline .timeline-item {
        position: relative;
        width: 50%;
        padding-left: 0;
        padding-right: 40px;
        margin-bottom: 80px;
        float: left;
        clear: left;
        z-index: 1
    }
    .timeline .timeline-item.pull-right {
        position: relative;
        width: 50%;
        padding-left: 40px;
        padding-right: 0;
        margin-top: 80px;
        margin-bottom: 0;
        float: right;
        clear: right
    }
    .timeline .timeline-item.pull-right+.timeline-date-label {
        padding-top: 80px
    }
    .timeline .timeline-item:after {
        font-family: FontAwesome;
        right: 0;
        background-color: #eaeaea;
        left: auto;
        position: absolute;
        top: 20px;
        z-index: -1;
        width: 35px;
        height: 1px
    }
    .timeline .timeline-item:before {
        position: absolute;
        background-color: #cdcdcd;
        border: 1px solid #cdcdcd;
        height: 7px;
        width: 7px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        top: 17px;
        right: -4px
    }
    .timeline .timeline-item.pull-right:after {
        right: auto;
        left: 0
    }
    .timeline .timeline-item.pull-right:before {
        left: -3px
    }
}

.product.price {
    font-size: 24px;
    font-weight: 400
}

.product.price del {
    color: #cdcdcd;
    font-size: 14px
}

.product.element-list {
    margin-top: 7px
}

.header-dropdown-buttons .btn-group .dropdown-menu.cart {
    padding: 0;
    min-width: 350px;
    font-size: 13px
}

.header-dropdown-buttons .btn-group .dropdown-menu.cart table {
    margin-bottom: 0
}

.header-dropdown-buttons .btn-group .dropdown-menu.cart .panel-body {
    padding: 0 10px
}

.cart-count {
    position: absolute;
    top: -2px;
    right: -3px;
    line-height: 14px;
    width: 14px;
    height: 14px;
    border-radius: 30%;
    font-size: 10px;
    text-shadow: none;
    transition: all .2s ease-in-out
}

.btn, .cart-count {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.dark .header-dropdown-buttons .cart-count {
    background-color: rgba(0, 0, 0, .5);
    color: #cdcdcd
}

.dropdown.open .cart-count, .dropdown:hover .cart-count {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    filter: alpha(opacity=0)
}

.image-box:hover .overlay-to-top, .overlay-bottom, .overlay-container:hover .overlay-link, .overlay-container:hover .overlay-to-top, .overlay-top {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)scale(1, 1)
}

.total-amount, .total-quantity {
    font-size: 13px
}

.cart .table>tbody>tr>td, .cart.table>tbody>tr>td {
    vertical-align: inherit
}

.cart .quantity {
    width: 50px;
    font-size: 11px
}

.cart .product {
    width: 220px;
    font-size: 13px
}

.cart .product .small {
    display: block;
    color: #999
}

.cart.table .price {
    width: 18%;
    font-size: 14px
}

.cart.table .amount, .cart.table .quantity, .cart.table .remove {
    width: 12%
}

.cart.table .quantity input {
    width: 60px;
    padding: 6px
}

.cart.table .product {
    font-size: 15px
}

.cart.table .product small {
    font-size: 12px;
    display: block;
    color: #999
}

.cart.table thead>tr>th {
    font-size: 16px
}

.cart.table .total-amount, .cart.table .total-quantity {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: 700
}

.cart.table .btn-remove {
    position: relative;
    top: -5px
}

.cart.table .form-group {
    margin: 7px 0
}

.table .information {
    width: 80%
}

@media (max-width:767px) {
    .timeline .timeline-item.pull-right {
        float: none!important
    }
    .cart.table thead>tr>th {
        font-size: 14px
    }
    .cart.table .amount, .cart.table .price {
        width: 12%
    }
    .cart.table .quantity, .cart.table .remove {
        width: 8%
    }
    .cart.table>tbody>tr>td, .cart.table>tbody>tr>th, .cart.table>tfoot>tr>td, .cart.table>tfoot>tr>th, .cart.table>thead>tr>td, .cart.table>thead>tr>th {
        padding: 8px 10px
    }
}

@media (max-width:480px) {
    .cart.table>tbody>tr>td, .cart.table>tbody>tr>th, .cart.table>tfoot>tr>td, .cart.table>tfoot>tr>th, .cart.table>thead>tr>td, .cart.table>thead>tr>th {
        padding: 8px 7px
    }
}

@media (max-width:767px) {
    .team-member {
        max-width: 480px;
        margin: 20px auto!important
    }
}

.is-countdown {
    border: 1px solid transparent;
    background-color: transparent
}

.countdown-row {
    height: 0;
    padding: 0
}

.countdown-section {
    text-align: center;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    border-radius: 5%
}

.countdown-show4 .countdown-section {
    width: 24%;
    margin: 10px .5%
}

.countdown-amount {
    font-size: 36px;
    font-weight: 700;
    display: block
}

.countdown-period {
    display: block;
    font-size: 28px;
    line-height: 1.2;
    margin-top: 15px
}

.btn, .btn-sm {
    line-height: 1.46666667;
    border-radius: 0;
}

@media (max-width:767px) {
    .countdown-amount {
        font-size: 24px
    }
    .countdown-period {
        font-size: 18px
    }
}

@media (max-width:480px) {
    .countdown-amount {
        font-size: 18px
    }
    .countdown-period {
        font-size: 10px
    }
}

.icons-page i {
    font-size: 20px;
    width: 35px;
    text-align: center
}

.grid span {
    padding: 5px;
    background-color: #666;
    border: 1px solid #444;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    color: #fff
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus, select {
    outline: 0 none;
    cursor: pointer;
}

.btn {
    transition: all .2s ease-in-out;
    padding: 6px 20px;
    font-size: 14px;
    margin: 10px 0
}

.header-top-2 {
    background: #fcfcfc;
}

.header-top-2 .list-inline {
    margin-top: 8px;
    margin-bottom: 8px;
}

.header-top-2 .btn {
    margin: 0;
}

.btn-default {
    color: #fff;
    background-color: #2b77bc;
    border-color: #2b77bc
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #2b77bc;
    border-color: #2b77bc
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default {
    background-color: #2b77bc;
    border-color: #2b77bc
}

.btn-bold {
    font-size: 20px;
    color: #333;
    padding: 0 10px;
    margin: 0;
    text-transform: uppercase;
}

.btn-transparent {
    border-color: #f5f5f5;
    color: #333;
    background-color: #fff;
}

.btn-transparent.active, .btn-transparent.focus, .btn-transparent:active, .btn-transparent:focus, .btn-transparent:hover, .open>.dropdown-toggle.btn-transparent {
    border-color: #2b77bc;
}

.btn-default-transparent {
    color: #777;
    background-color: transparent;
    border-color: transparent
}

.btn-default-transparent.active, .btn-default-transparent.focus, .btn-default-transparent:active, .btn-default-transparent:focus, .btn-default-transparent:hover, .open>.dropdown-toggle.btn-default-transparent {
    color: #2b77bc;
    background-color: #2b77bc;
    border-color: #2b77bc
}

.dark-bg .btn-default-transparent {
    color: #fff
}

.default-bg .btn-default, .default-bg .btn-default-transparent, .default-translucent-bg .btn-default, .default-translucent-bg .btn-default-transparent, .default-translucent-bg-2 .btn-default, .default-translucent-bg-2 .btn-default-transparent {
    color: #2b77bc;
    background-color: #fff;
    border-color: #fff
}

.default-bg .btn-default-transparent.active, .default-bg .btn-default-transparent.focus, .default-bg .btn-default-transparent:active, .default-bg .btn-default-transparent:focus, .default-bg .btn-default-transparent:hover, .default-bg .btn-default.active, .default-bg .btn-default.focus, .default-bg .btn-default:active, .default-bg .btn-default:focus, .default-bg .btn-default:hover, .default-bg .open>.dropdown-toggle.btn-default, .default-bg .open>.dropdown-toggle.btn-default-transparent, .default-translucent-bg .btn-default-transparent.active, .default-translucent-bg .btn-default-transparent.focus, .default-translucent-bg .btn-default-transparent:active, .default-translucent-bg .btn-default-transparent:focus, .default-translucent-bg .btn-default-transparent:hover, .default-translucent-bg .btn-default.active, .default-translucent-bg .btn-default.focus, .default-translucent-bg .btn-default:active, .default-translucent-bg .btn-default:focus, .default-translucent-bg .btn-default:hover, .default-translucent-bg .open>.dropdown-toggle.btn-default, .default-translucent-bg .open>.dropdown-toggle.btn-default-transparent, .default-translucent-bg-2 .btn-default-transparent.active, .default-translucent-bg-2 .btn-default-transparent.focus, .default-translucent-bg-2 .btn-default-transparent:active, .default-translucent-bg-2 .btn-default-transparent:focus, .default-translucent-bg-2 .btn-default-transparent:hover, .default-translucent-bg-2 .btn-default.active, .default-translucent-bg-2 .btn-default.focus, .default-translucent-bg-2 .btn-default:active, .default-translucent-bg-2 .btn-default:focus, .default-translucent-bg-2 .btn-default:hover, .default-translucent-bg-2 .open>.dropdown-toggle.btn-default, .default-translucent-bg-2 .open>.dropdown-toggle.btn-default-transparent {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.dark .btn-default {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .1)
}

.dark .btn-default .badge {
    color: rgba(0, 0, 0, .2);
    background-color: #fff
}

.dark .btn-default.active, .dark .btn-default.focus, .dark .btn-default:active, .dark .btn-default:focus, .dark .btn-default:hover, .dark .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: rgba(0, 0, 0, .35);
    border-color: rgba(0, 0, 0, .2)
}

.colored .btn-default {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(0, 0, 0, .01)
}

.colored .btn-default .badge {
    color: rgba(0, 0, 0, .2);
    background-color: #fff
}

.colored .btn-default.active, .colored .btn-default.focus, .colored .btn-default:active, .colored .btn-default:focus, .colored .btn-default:hover, .colored .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    border-color: rgba(0, 0, 0, .02)
}

.btn-white, .default-hovered:hover .btn-default-transparent {
    border-color: #fff
}

.btn-white {
    color: #777;
    background-color: #fff
}

.btn-white.active, .btn-white.focus, .btn-white:active, .btn-white:focus, .btn-white:hover, .open>.dropdown-toggle.btn-white {
    color: #2b77bc;
    background-color: #fff;
    border-color: #fff
}

.btn-gray {
    color: #333;
    background-color: #f2f2f2;
    border-color: #e1e1e1
}

.btn-gray.active, .btn-gray.focus, .btn-gray:active, .btn-gray:focus, .btn-gray:hover, .open>.dropdown-toggle.btn-gray {
    color: #333;
    background-color: #e1e1e1;
    border-color: #cdcdcd
}

.btn-gray-transparent {
    color: #333;
    background-color: transparent;
    border-color: #000;
}

.btn-gray-transparent.active, .btn-gray-transparent.focus, .btn-gray-transparent:active, .btn-gray-transparent:focus, .btn-gray-transparent:hover, .open>.dropdown-toggle.btn-gray-transparent {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.dark-bg .btn-gray-transparent {
    color: #fff
}

.dark-bg .btn-gray-transparent:hover {
    border-color: #fff;
    color: #777;
    background-color: #fff
}

.dark-translucent-bg .btn-gray-transparent, .default-bg .btn-gray-transparent, .lightblue-bg .btn-gray-transparent, .blues-bg .btn-gray-transparent, .orange-bg .btn-gray-transparent, .default-translucent-bg .btn-gray-transparent, .default-translucent-bg-2 .btn-gray-transparent {
    border-color: #fff;
    color: #fff
}

.dark-translucent-bg .btn-gray-transparent:focus, .dark-translucent-bg .btn-gray-transparent:hover, .default-bg .btn-gray-transparent:focus, .default-bg .btn-gray-transparent:hover, .lightblue-bg .btn-gray-transparent:hover, .blues-bg .btn-gray-transparent:hover, orange-bg .btn-gray-transparent:hover, .default-translucent-bg .btn-gray-transparent:focus, .default-translucent-bg .btn-gray-transparent:hover, .default-translucent-bg-2 .btn-gray-transparent:focus, .default-translucent-bg-2 .btn-gray-transparent:hover {
    border-color: #fff;
    color: #777;
    background-color: #fff
}

.default-hovered:hover .btn-gray-transparent {
    border-color: #fff
}

.light-gray-bg.default-hovered:hover .btn-gray-transparent:hover {
    border-color: #333
}

@media (min-width:992px) {
    .two-col-translucent-bg .container>.row>div+div .btn-gray-transparent {
        border-color: #fff;
        color: #fff
    }
    .two-col-translucent-bg .container>.row>div+div .btn-gray-transparent:focus, .two-col-translucent-bg .container>.row>div+div .btn-gray-transparent:hover {
        border-color: #fff;
        color: #777;
        background-color: #fff
    }
}

.btn-dark {
    color: #fff;
    background-color: #373737;
    border-color: #333
}

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

.dark-bg .btn-dark {
    color: #fff;
    background-color: #222;
    border-color: #171717
}

.dark-bg .btn-dark.active, .dark-bg .btn-dark.focus, .dark-bg .btn-dark:active, .dark-bg .btn-dark:focus, .dark-bg .btn-dark:hover, .dark-bg .open>.dropdown-toggle.btn-dark {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn-orange {
    background-color: #2b77bc;
    color: #fff;
}

.btn-blue {
    background-color: #004b90;
    color: #fff;
}

.btn-blue:hover, .btn-blue:focus {
    color: #fff;
}

.btn-sm {
    padding: 5px 15px;
    font-size: 12px;
    margin: 5px 0
}

.btn-lg {
    padding: 10px 45px;
    font-size: 18px;
    line-height: 1.46666667;
    border-radius: 0;
    margin: 10px 0
}

.btn-link {
    color: #F3B869
}

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

.btn-link:hover .btn-lg-link, .btn-md-link, .btn-sm-link {
    line-height: 1.46666667;
    border-radius: 0;
}

.btn-link.white {
    color: #fff;
}

.btn-link.black {
    color: #333;
}

.btn-md-link {
    padding: 7px 15px;
    font-size: 14px;
    margin: 10px 0
}

.btn-sm-link {
    padding: 5px 15px;
    font-size: 12px;
    margin: 5px 0
}

.btn-lg-link {
    padding: 10px 15px;
    font-size: 18px;
    margin: 10px 0
}

.btn-remove {
    font-size: 10px;
    padding: 3px 15px;
    min-width: 0;
    margin: -5px 0 0
}

.radius-50 {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.btn-animated {
    position: relative;
    min-width: 0!important;
    padding-right: 45px!important
}

.btn-animated i {
    -webkit-transition: right .2s ease-in-out;
    -o-transition: right .2s ease-in-out;
    transition: right .2s ease-in-out;
    z-index: 3;
    right: 17px;
    position: absolute;
    line-height: 34px;
    top: 0;
    min-width: 12px
}

.btn-animated:after {
    width: 35px;
    height: 100%;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    content: "";
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    right: 0;
    z-index: 2;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.btn-animated.radius-50:after {
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0
}

.btn-animated.btn-gray-transparent:after {
    background-color: rgba(0, 0, 0, .05)
}

.btn-animated:hover:after {
    opacity: 0;
    filter: alpha(opacity=100)
}

.btn-animated:hover i {
    right: 11px
}

.btn-animated.btn-sm {
    padding-right: 35px!important
}

.btn-animated.btn-sm:after {
    width: 25px
}

.btn-animated.btn-sm i {
    right: 14px;
    line-height: 28px;
    min-width: 11px
}

.btn-animated.btn-sm:hover i {
    right: 4px
}

.btn-animated.btn-lg {
    padding-right: 60px!important
}

.btn-animated.btn-lg:after {
    width: 45px
}

.btn-animated.btn-lg i {
    right: 25px;
    line-height: 48px;
    min-width: 15px
}

.btn-animated.btn-lg:hover i {
    right: 15px
}

.btn-hvr {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.btn-hvr.radius-50 {
    overflow: hidden
}

.hvr-bounce-to-bottom:hover, .hvr-bounce-to-left:hover, .hvr-bounce-to-right:hover, .hvr-bounce-to-top:hover, .hvr-radial-out:hover, .hvr-rectangle-out:hover, .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-vertical:hover, .hvr-sweep-to-bottom:hover, .hvr-sweep-to-left:hover, .hvr-sweep-to-right:hover, .hvr-sweep-to-top:hover {
    background: 0 0
}

.hvr-radial-in, .hvr-radial-in:hover, .hvr-rectangle-in, .hvr-rectangle-in:hover, .hvr-shutter-in-horizontal, .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-vertical, .hvr-shutter-in-vertical:hover {
    background: #2b77bc
}

.hvr-radial-in:before, .hvr-rectangle-in:before, .hvr-shutter-in-horizontal:before, .hvr-shutter-in-vertical:before {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.hvr-bounce-to-bottom:before, .hvr-bounce-to-left:before, .hvr-bounce-to-right:before, .hvr-bounce-to-top:before, .hvr-radial-out:before, .hvr-rectangle-out:before, .hvr-shutter-out-horizontal:before, .hvr-shutter-out-vertical:before, .hvr-sweep-to-bottom:before, .hvr-sweep-to-left:before, .hvr-sweep-to-right:before, .hvr-sweep-to-top:before {
    background: #2b77bc
}

.no-csstransitions .hvr-radial-in, .no-csstransitions .hvr-rectangle-in, .no-csstransitions .hvr-shutter-in-horizontal, .no-csstransitions .hvr-shutter-in-vertical {
    background: 0 0
}

.no-csstransitions .hvr-bounce-to-bottom:hover, .no-csstransitions .hvr-bounce-to-left:hover, .no-csstransitions .hvr-bounce-to-right:hover, .no-csstransitions .hvr-bounce-to-top:hover, .no-csstransitions .hvr-radial-in:hover, .no-csstransitions .hvr-radial-out:hover, .no-csstransitions .hvr-rectangle-in:hover, .no-csstransitions .hvr-rectangle-out:hover, .no-csstransitions .hvr-shutter-in-horizontal:hover, .no-csstransitions .hvr-shutter-in-vertical:hover, .no-csstransitions .hvr-shutter-out-horizontal:hover, .no-csstransitions .hvr-shutter-out-vertical:hover, .no-csstransitions .hvr-sweep-to-bottom:hover, .no-csstransitions .hvr-sweep-to-left:hover, .no-csstransitions .hvr-sweep-to-right:hover, .no-csstransitions .hvr-sweep-to-top:hover {
    background: #2b77bc
}

.header-top .hvr-underline-from-center::before {
    height: 1px;
    background: #fff;
}

.nav-tabs.style-1 {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px
}

.nav-tabs.style-1>li>a {
    color: #333;
    margin-right: 0;
    line-height: 1;
    border: 1px solid transparent;
    padding: 12px 15px 11px;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    height: 40px
}

.nav-tabs.style-1>li>a:after, .nav-tabs.style-1>li>a:before {
    position: absolute;
    bottom: -1px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid
}

.nav-tabs.style-1>li>a:hover {
    border-color: #222!important;
    background-color: #333!important;
    color: #fff
}

.nav-tabs.style-1>li>a:focus {
    border-color: transparent;
    background-color: transparent
}

.nav-tabs.style-1>li>a:after {
    right: -14px;
    border-width: 31px 0 0 14px;
    border-color: transparent
}

.nav-tabs.style-1>li>a:before {
    left: -14px;
    border-width: 31px 14px 0 0;
    border-color: transparent
}

.nav-tabs.style-1>li>a:hover:after {
    border-color: transparent transparent transparent #333;
    border-width: 31px 0 0 14px
}

.nav-tabs.style-1>li>a:hover:before {
    border-color: transparent #333 transparent transparent;
    border-width: 31px 14px 0 0
}

.nav-tabs.style-1>li.active>a {
    background-color: #333!important
}

.nav-tabs.style-1>li.active>a, .nav-tabs.style-1>li.active>a:focus, .nav-tabs.style-1>li.active>a:hover {
    color: #fff;
    cursor: default;
    border-color: #222
}

.nav-tabs.style-1>li.active>a:after {
    border-color: transparent transparent transparent #333
}

.nav-tabs.style-1>li.active>a:before {
    border-color: transparent #333 transparent transparent
}

.nav-tabs.style-1>li:first-child>a:before, .nav-tabs.style-1>li:last-child>a:after {
    border-width: 0;
    border-color: transparent
}

.nav-tabs.style-1+.tab-content>.tab-pane {
    padding-bottom: 0;
    border-bottom: none
}

.nav-tabs.style-2 {
    border-bottom: 1px solid #f1f1f1
}

.nav-tabs.style-2>li>a {
    color: #999
}

.nav-tabs.style-2>li>a:hover {
    color: #333;
    background-color: #fafafa!important;
    border-color: #f1f1f1;
    border-bottom-color: #fafafa!important
}

.nav-tabs.style-2>li>a:focus {
    border-color: transparent;
    background-color: transparent
}

.nav-tabs.style-2>li.active>a, .nav-tabs.style-2>li.active>a:focus, .nav-tabs.style-2>li.active>a:hover {
    color: #333;
    cursor: default;
    background-color: #fafafa;
    border-color: #f1f1f1 #f1f1f1 transparent
}

.nav-tabs.style-2+.tab-content>.tab-pane {
    padding: 15px;
    border: 1px solid #f1f1f1;
    border-top: none;
    background-color: #fafafa
}

.nav-tabs.style-3 {
    border-bottom: 1px solid #f2f2f2;
    background-color: #f2f2f2
}

.nav-tabs.style-3>li>a {
    color: #333;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 0;
    text-decoration: none;
}

.nav-tabs.style-3>li>a:hover {
    color: #333;
    background-color: #fff!important;
    border-color: #f2f2f2;
    border-bottom-color: #fff!important
}

.nav-tabs.style-3>li>a:focus {
    border-color: transparent;
    background-color: transparent
}

.nav-tabs.style-3>li.active>a, .nav-tabs.style-3>li.active>a:focus, .nav-tabs.style-3>li.active>a:hover {
    color: #2b77bc;
    cursor: default;
    background-color: #fff;
    border-color: #f2f2f2 #f2f2f2 transparent
}

.nav-tabs.style-3+.tab-content>.tab-pane {
    padding: 15px;
    border: 1px solid #fff;
    border-top: none;
    background-color: rgba(250, 250, 250, .9);
    color: #333;
}

.nav-tabs.style-3+.tab-content>.tab-pane>.form-inline {
    margin: 0;
    display: inline-block;
}

@media (max-width:767px) {
    .nav-tabs.style-3+.tab-content>.tab-pane>.form-inline {
        width: 100%;
    }
}

.nav-tabs.style-3+.tab-content>.tab-pane>.form-inline>.form-group>label {
    font-weight: 600;
}

.nav-tabs.style-3+.tab-content>.tab-pane>.form-inline>.form-group>.form-control {
    width: 100%;
}

option, optgroup {
    padding-left: 10px;
}

option, optgroup option {
    font-weight: 400;
}

optgroup {
    font-weight: 600;
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 15px;
        vertical-align: middle;
    }
}

.nav-tabs.style-4 {
    margin-bottom: 15px;
    border-bottom: 1px solid #333
}

.nav-tabs.style-4>li>a {
    color: #999
}

.nav-tabs.style-4>li>a:hover {
    color: #fff;
    background-color: #333!important;
    border-color: #333;
    border-bottom-color: #333!important
}

.nav-tabs.style-4>li>a:focus {
    border-color: #333;
    background-color: #333
}

.nav-tabs.style-4>li.active>a, .nav-tabs.style-4>li.active>a:focus, .nav-tabs.style-4>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #333;
    border-color: #333 #333 transparent
}

@media (min-width:481px)and (max-width:767px) {
    .nav-tabs>li>a {
        padding: 12px 10px;
        font-size: 11px;
        margin-right: 0
    }
}

@media (max-width:480px) {
    .nav-tabs {
        background-color: #eaeaea;
        border-bottom: none!important
    }
    .nav-tabs>li {
        float: none
    }
    .nav-tabs>li a {
        color: #fff;
        margin-right: 0;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        border-radius: 0!important
    }
    .nav-tabs.style-3>li.active>a, .nav-tabs.style-3>li.active>a:focus, .nav-tabs.style-3>li.active>a:hover, .nav-tabs.style-3>li>a:focus, .nav-tabs.style-3>li>a:hover {
        border-bottom: 1px solid transparent!important
    }
    .nav-tabs.style-3+.tab-content>.tab-pane {
        border-top: 1px solid #999
    }
    .nav-tabs>li a:after, .nav-tabs>li a:before {
        border-color: transparent!important
    }
}

.vertical {
    margin: 20px 0
}

.vertical .nav-tabs, .vertical .tab-content {
    display: table-cell;
    margin: 0;
    vertical-align: top
}

.vertical .nav-tabs {
    border-bottom-color: transparent;
    background-color: #999
}

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

.vertical .nav-tabs>li a {
    margin: 0;
    padding: 10px 20px;
    white-space: nowrap;
    color: #fff;
    border-bottom: 1px solid #919191;
    border-radius: 0
}

.vertical .nav-tabs>li a, ul.pagination li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.vertical .nav-tabs>li>a:focus, .vertical .nav-tabs>li>a:hover {
    background-color: #fafafa;
    border-right-color: transparent;
    border-bottom: 1px solid #f1f1f1;
    color: #777;
    z-index: 2
}

.vertical .nav-tabs>li.active>a, .vertical .nav-tabs>li.active>a:focus, .vertical .nav-tabs>li.active>a:hover {
    border: 1px solid #f1f1f1;
    background-color: #fafafa;
    border-right-color: transparent;
    color: #777;
    z-index: 2
}

.vertical.left .nav-tabs>li.active>a, .vertical.left .nav-tabs>li.active>a:focus, .vertical.left .nav-tabs>li.active>a:hover, .vertical.left .nav-tabs>li>a:focus, .vertical.left .nav-tabs>li>a:hover {
    border-right-color: #f1f1f1;
    border-left-color: transparent
}

.vertical .tab-content {
    border: 1px solid #f1f1f1;
    border-left: 1px solid #fafafa;
    background-color: #fafafa;
    left: -1px;
    z-index: 1;
    padding: 20px 30px
}

.left.vertical .tab-content {
    border-left-color: #f1f1f1;
    border-right-color: transparent
}

@media (max-width:767px) {
    .vertical .nav-tabs, .vertical .tab-content {
        display: block
    }
    .vertical .nav-tabs>li a {
        font-size: 15px
    }
}

.knob-container, .panel-heading a, .text-center>.nav-pills, ul.pagination li {
    display: inline-block
}

ul.pager, ul.pagination {
    margin: 20px 0 40px;
    text-align: left
}

ul.pagination li {
    padding: 0;
    margin: 0 5px 0 0;
    border-bottom: none;
    border-radius: 0
}

.pagination>li:first-child>a, .pagination>li:last-child>a, ul.pager li>a, ul.pagination li>a {
    text-align: center;
    padding: 0;
    height: 40px;
    width: 40px;
    border: 1px solid #ededed;
    line-height: 39px;
    background-color: #ededed;
    color: #2b77bc;
    display: inline-block;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%
}

ul.pagination li>a:focus, ul.pagination li>a:hover {
    color: #fff;
    background-color: #2b77bc;
    border-color: #2b77bc
}

.pagination>.active>a:focus, .pagination>.active>a:hover, ul.pagination li.active a {
    color: #fff;
    background-color: #2b77bc;
    border-color: #2b77bc
}

.breadcrumb-container.colored {
    background-color: #2b77bc;
    border-bottom: 0;
}

.breadcrumb-container.colored .breadcrumb {
    font-size: 14px;
}

.breadcrumb-container.colored .breadcrumb a {
    color: #fff;
}

.breadcrumb-container.colored .breadcrumb li.active {
    color: #fff;
}

.dark.breadcrumb-container {
    background-color: #2b77bc;
    border-color: #2b77bc;
    color: #fff
}

@media (max-width:767px) {
    .dark.breadcrumb-container {
        margin-top: 61px;
    }
}

.breadcrumb {
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding-left: 0
}

.breadcrumb li [class^="flaticon-"]::before, .breadcrumb li [class*=" flaticon-"]::before, .breadcrumb li [class^="flaticon-"]::after, .breadcrumb li [class*=" flaticon-"]::after {
    font-size: 13px;
}

.breadcrumb>li+li:before {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 11px;
    padding-left: 3px
}

.banner .breadcrumb-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .85);
    border-bottom-color: rgba(255, 255, 255, .1)
}

.nav-pills.nav-stacked:not(.list-style-icons)>li>a:after, .process .nav-pills>li+li:after {
    font-family: FontAwesome;
    content: "\f105";
    top: 6px
}

.banner .dark.breadcrumb-container {
    background-color: rgba(57, 66, 69, .6);
    border-bottom-color: rgba(119, 119, 119, .1)
}

.banner .breadcrumb>li a, .banner .breadcrumb>li i {
    color: #000
}

.banner .breadcrumb>.active, .banner .breadcrumb>li+li:before {
    color: #777
}

.dark .breadcrumb>.active, .dark .breadcrumb>li a, .dark .breadcrumb>li i, .dark .breadcrumb>li+li:before {
    color: #fff;
    font-size: 14px;
}

.dark .breadcrumb>li a:hover {
    text-decoration: underline;
}

.banner .breadcrumb>li a:hover {
    color: #2b77bc
}

.nav-pills:not(.nav-stacked) {
    margin-bottom: 15px
}

.nav-pills>li>a {
    border-radius: 0;
    padding: 7px 10px;
    border: 1px solid transparent;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
}

.footer-content .nav-pills>li>a {
    text-transform: none;
    font-size: 15px;
}

.nav-pills.style-2.colored {
    background-color: #2b77bc;
}

@media (max-width: 767px) {
    .nav-pills.style-2.colored li {
        width: 100%;
        text-align: center;
    }
}

.nav-pills.style-2>li>a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0 none;
    background-color: rgba(0, 0, 0, .1);
}

.nav-pills.style-2>li.active>a, .nav-pills.style-2>li.active>a:focus, .nav-pills.style-2>li.active>a:hover, .nav-pills.style-2>li>a:focus, .nav-pills.style-2>li>a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    border: 0 none
}

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

.nav-pills.nav-stacked>li+li {
    margin-left: 0
}

.nav-pills.nav-stacked>li>a {
    padding: 5px 0;
    color: #777
}

.footer .nav-pills.nav-stacked>li>a {
    color: #fff;
    text-decoration: none;
}

.nav-pills.nav-stacked.list-style-icons>li>a {
    padding: 4px 0
}

.nav-pills.nav-stacked>li.active>a, .nav-pills.nav-stacked>li.active>a:focus, .nav-pills.nav-stacked>li.active>a:hover, .nav-pills.nav-stacked>li>a:focus, .nav-pills.nav-stacked>li>a:hover {
    color: #2b77bc;
    background-color: transparent;
    border-color: transparent
}

.nav-pills.nav-stacked:not(.list-style-icons)>li.active>a::after {
    color: #2b77bc;
}

.nav-pills.nav-stacked:not(.list-style-icons)>li>a:after {
    font-size: 12px;
    position: absolute;
    right: 15px;
    color: #d1d1d1;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.nav-pills>li.active>a:after {
    color: #2b77bc
}

.nav-pills.nav-stacked:not(.list-style-icons)>li.active>a:focus:after, .nav-pills.nav-stacked:not(.list-style-icons)>li.active>a:hover:after, .nav-pills.nav-stacked:not(.list-style-icons)>li>a:focus:after, .nav-pills.nav-stacked:not(.list-style-icons)>li>a:hover:after {
    color: #2b77bc;
    right: 10px
}

.nav-pills.nav-stacked.list-style-icons>li>a>i {
    padding-right: 10px;
    font-size: 14px;
    color: #cdcdcd
}

.nav-pills.nav-stacked.list-style-icons>li.active>a>i, .nav-pills.nav-stacked.list-style-icons>li>a:focus>i, .nav-pills.nav-stacked.list-style-icons>li>a:hover>i {
    color: #2b77bc
}

.process .nav-pills>li+li {
    margin-left: 40px;
    position: relative
}

.process .nav-pills>li+li:after {
    position: absolute;
    left: -24px;
    width: 10px;
    color: #cdcdcd
}

.footer-content .nav-pills>li>a {
    padding: 4px 0;
    font-size: 20px;
}

.footer-content .nav-pills.nav-stacked>li>a:after {
    top: 5px;
    display: none;
}

.dark .footer-content .nav-pills>li.active>a, .dark .footer-content .nav-pills>li.active>a:focus, .dark .footer-content .nav-pills>li>a, .dark .footer-content .nav-pills>li>a:focus {
    color: #999
}

.dark .footer-content .nav-pills>li.active>a:hover, .dark .footer-content .nav-pills>li>a:hover {
    color: #2b77bc
}

.panel-group .panel-default {
    border-color: #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none
}

.panel-group .panel-heading {
    padding: 0
}

.panel-heading a {
    font-weight: 400;
    width: 100%;
    position: relative;
    padding: 10px 40px 10px 15px;
    color: inherit
}

.collapse-contextual .panel-heading a:after, .collapse-style-1 .panel-heading a:after, .collapse-style-2 .panel-heading a:after, .collapse-style-3 .panel-heading a:after {
    line-height: 1;
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 50%
}

.collapse-style-1 .panel-heading {
    background-color: #fafafa
}

.collapse-style-1 .panel-heading:hover {
    background-color: #e9e9e9;
}

.collapse-style-1 .panel-heading a {
    color: #333
}

.collapse-style-1 .panel-heading a:not(.collapsed) {
    color: #2b77bc;
    background-color: #e1e1e1;
}

.collapse-style-1 .panel-heading a:after {
    font-family: fontello;
    content: "\e875";
    font-size: 14px;
    font-weight: 300;
    margin-top: -7px
}

.collapse-style-1 .panel-heading a.collapsed:after {
    content: "\e875";
}

.collapse-style-1 .panel-body {
    border-top: none!important;
    background-color: #fafafa;
    padding-top: 0
}

.collapse-style-1 .panel-heading {
    background-color: #fff;
}

.collapse-style-1.chat-contact .panel-default {
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.collapse-style-1.chat-contact .panel-body {
    background-color: #fff;
}

.collapse-style-1.chat-contact .chat-wrapp {
    box-shadow: 0 0 0;
    border: 0 none;
    border-radius: 0;
}

.collapse-style-2 .panel {
    border-color: transparent
}

.collapse-style-2 .panel-heading {
    background-color: transparent
}

.collapse-style-2 .panel-heading a {
    color: #fff;
    background-color: #2b77bc
}

.collapse-style-2 .panel-heading a.collapsed {
    background-color: #333
}

.collapse-style-2 .panel-heading a:after {
    content: "\f106";
    font-size: 14px;
    font-weight: 300;
    margin-top: -7px
}

.collapse-style-2 .panel-heading a.collapsed:after {
    content: "\f107"
}

.collapse-style-2 .panel-body {
    border-top: none!important;
    background-color: transparent;
    padding: 15px 0
}

.collapse-style-2 .panel-body.p-15 {
    padding: 15px
}

.collapse-style-3 .panel {
    border-color: #999
}

.collapse-style-3 .panel-heading {
    background-color: transparent
}

.collapse-style-3 .panel-heading a {
    color: #fff;
    background-color: #999
}

.collapse-style-3 .panel-heading a.collapsed {
    background-color: #999
}

.collapse-style-3 .panel-heading a:after {
    content: "\f139";
    font-size: 12px;
    font-weight: 300;
    margin-top: -7px
}

.collapse-style-3 .panel-heading a.collapsed:after {
    content: "\f13a"
}

.panel-title a i {
    font-size: 16px
}

.collapse-style-3 .panel-body {
    border-top: none!important;
    background-color: transparent
}

.progress.style-1, .progress.style-2 {
    background-color: #fafafa;
    border: 1px solid #eaeaea
}

.collapse-contextual .panel-heading a:after {
    content: "\f068";
    font-size: 10px;
    font-weight: 300;
    margin-top: -6px
}

.collapse-contextual .panel-heading a.collapsed:after {
    content: "\f067"
}

.btn[data-toggle=collapse] i:before {
    font-size: 10px;
    content: "\f068"
}

.btn.collapsed[data-toggle=collapse] i:before {
    content: "\f067"
}

.progress.style-1 {
    margin-top: 25px;
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: visible;
    position: relative
}

.progress.style-1 .progress-bar {
    padding: 0;
    text-align: left;
    font-size: 11px;
    font-weight: 300;
    height: 4px;
    margin: 1px;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative
}

.navbar-nav > li > a {
    line-height: 0;
}

.form-control, .progress.style-1 .progress-bar {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.progress.style-2 {
    margin-bottom: 15px;
    height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress.style-2 .progress-bar {
    padding: 0;
    text-align: left;
    -webkit-box-shadow: none;
    box-shadow: none
}

.progress.style-2 span {
    font-size: 11px;
    line-height: 1;
    position: relative;
    top: -2px;
    left: 10px
}

.progress .label, .progress .text {
    position: absolute;
    font-size: 11px;
    font-weight: 400
}

.progress-bar {
    -webkit-transition: width 1.5s ease;
    -o-transition: width 1.5s ease;
    transition: width 1.5s ease
}

.progress .label {
    top: -16px;
    color: #333;
    right: 10px;
    padding: 0
}

.progress .text {
    top: -17px;
    left: 0;
    text-transform: uppercase;
    color: #999
}

.progress.dark {
    background-color: #cdcdcd;
    border-color: #cdcdcd
}

.progress.dark.style-1 {
    border-color: #fff
}

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

.progress-bar-white {
    background-color: #fff;
    color: #777
}

.progress-bar-default {
    background-color: #2b77bc
}

.progress-bar-gray {
    background-color: #999
}

.progress-bar-dark {
    background-color: #333
}

.gray-bg .progress {
    background-color: #fff;
    -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 2px 2px rgba(0, 0, 0, .1)
}

.knob-container {
    margin: 10px;
    position: relative
}

.knob-container canvas {
    width: 132px;
    height: 132px;
    margin: 0 auto
}

.knob-text {
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    margin-top: -14px
}

.alert-icon, .feature-box-2, .form-control, .icon, .icon i {
    position: relative
}

@media (min-width:1200px) {
    .knob-container canvas {
        width: 169px;
        height: 169px
    }
}

form {
    margin: 20px 0
}

form.filter-form {
    margin: 0 0 20px;
    display: inline-block;
}

textarea {
    resize: vertical
}

.sidebar form {
    margin: 5px 0 20px
}

.form-control {
    border-radius: 5px;
    background: #fff;
    height: 36px;
    /*    padding-right:30px;*/
    border-color: #e1e1e1;
    color: #000;
    -webkit-appearance: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}

.form-control, .form-control:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075)
}

.form-control-lg {
    height: 48px
}

.form-control:focus {
    border-color: #999;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .0)
}

select.form-control {
    padding-right: 5px;
    -webkit-appearance: menulist
}

select[multiple].form-control {
    -webkit-appearance: listbox
}

.form-control::-moz-placeholder {
    color: gainsboro;
}

.form-control:-ms-input-placeholder {
    color: gainsboro;
}

.form-control::-webkit-input-placeholder {
    color: gainsboro;
}

.input-group-addon {
    background-color: #f1f1f1;
    border-color: #e1e1e1
}

.form-list>div {
    padding: 7px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #f3f3f3;
    margin: 6px 0;
    display: block
}

.checkbox label, .radio label, form label {
    font-weight: 400
}

fieldset {
    padding: 10px 25px;
    margin: 15px 0;
    border: 1px solid #ddd;
    background-color: #fafafa
}

fieldset legend {
    display: block;
    width: auto;
    padding: 3px 10px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: inherit;
    color: #333;
    border: 1px solid #ddd;
    background-color: #fff
}

fieldset .form-control, fieldset .form-control:focus {
    webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12);
    border-color: #f3f3f3
}

input[type=radio], input[type=checkbox] {
    margin-top: 5px
}

.has-feedback label~.form-control-feedback {
    top: 27px
}

.form-control-lg+.form-control-feedback, .has-feedback label.sr-only~.form-control-lg+.form-control-feedback {
    height: 48px;
    top: 4px
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    opacity: .5;
    filter: alpha(opacity=50)
}

.form-control-feedback {
    color: #777;
    width: 40px;
    height: 40px;
    line-height: 40px!important;
    top: 0
}

.dark-bg .form-control {
    background-color: rgba(255, 255, 255, .15);
    border-color: #353535;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .8);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .8);
    color: #cdcdcd
}

.dark-bg .has-error .form-control:focus, .dark-bg .has-success .form-control:focus, .dark-bg .has-warning .form-control:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .8);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .8)
}

.dark-bg .input-group-addon {
    background-color: rgba(255, 255, 255, .2);
    border-color: #000
}

.dark-bg .form-control:focus, .dark-bg .has-error .form-control:focus, .dark-bg .has-success .form-control:focus, .dark-bg .has-warning .form-control:focus {
    background-color: rgba(255, 255, 255, .25)
}

.default-bg .form-control, .default-bg .input-group-addon {
    background-color: rgba(0, 0, 0, .2);
    border-color: transparent
}

.dark-bg .form-control-feedback {
    color: #cdcdcd
}

.default-bg .form-control {
    -webkit-box-shadow: 0;
    box-shadow: 0;
    color: #fff
}

.default-bg .has-error .form-control:focus, .default-bg .has-success .form-control:focus, .default-bg .has-warning .form-control:focus {
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .35)
}

.default-bg .form-control:focus {
    background-color: rgba(0, 0, 0, .1)
}

.default-bg .form-control-feedback {
    color: #fff
}

.dark .form-control {
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .6);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .6);
    color: #ccc;
    background-color: rgba(255, 255, 255, .1);
    border-color: #373737
}

.dark .form-control:focus {
    background-color: rgba(255, 255, 255, .15)
}

.dark .form-control-feedback {
    color: #cdcdcd
}

.dark .footer-content .form-control {
    border-color: #222
}

.dark-bg .has-success .checkbox, .dark-bg .has-success .checkbox-inline, .dark-bg .has-success .control-label, .dark-bg .has-success .form-control-feedback, .dark-bg .has-success .help-block, .dark-bg .has-success .radio, .dark-bg .has-success .radio-inline, .dark-bg .has-success.checkbox label, .dark-bg .has-success.checkbox-inline label, .dark-bg .has-success.radio label, .dark-bg .has-success.radio-inline label {
    color: #15c019
}

.dark-bg .has-warning .checkbox, .dark-bg .has-warning .checkbox-inline, .dark-bg .has-warning .control-label, .dark-bg .has-warning .form-control-feedback, .dark-bg .has-warning .help-block, .dark-bg .has-warning .radio, .dark-bg .has-warning .radio-inline, .dark-bg .has-warning.checkbox label, .dark-bg .has-warning.checkbox-inline label, .dark-bg .has-warning.radio label, .dark-bg .has-warning.radio-inline label {
    color: #e5af51
}

.dark-bg .has-error .checkbox, .dark-bg .has-error .checkbox-inline, .dark-bg .has-error .control-label, .dark-bg .has-error .form-control-feedback, .dark-bg .has-error .help-block, .dark-bg .has-error .radio, .dark-bg .has-error .radio-inline, .dark-bg .has-error.checkbox label, .dark-bg .has-error.checkbox-inline label, .dark-bg .has-error.radio label, .dark-bg .has-error.radio-inline label {
    color: #ef4f4c
}

.has-success .form-control, .has-success .form-control:focus {
    border-color: #3c763d
}

.has-warning .form-control, .has-warning .form-control:focus {
    border-color: #8a6d3b
}

.has-error .form-control, .has-error .form-control:focus {
    border-color: #a94442
}

.default-bg .has-error .form-control, .default-bg .has-error .form-control:focus, .default-bg .has-success .form-control, .default-bg .has-success .form-control:focus, .default-bg .has-warning .form-control, .default-bg .has-warning .form-control:focus {
    border-color: #fff;
    color: #fff
}

.default-bg .has-error .control-label, .default-bg .has-error .form-control-feedback, .default-bg .has-success .control-label, .default-bg .has-success .form-control-feedback, .default-bg .has-warning .control-label, .default-bg .has-warning .form-control-feedback {
    color: #fff
}

.has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.has-error .error {
    font-weight: 400;
    margin-bottom: 5px;
    display: block
}

.sorting-filters label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left
}

.sorting-filters form {
    margin: 0
}

.sorting-filters .form-inline .form-control {
    width: 100%
}

.sorting-filters .btn {
    margin: 0;
    min-width: 0;
    width: 100%
}

@media (min-width:768px)and (max-width:991px) {
    .sorting-filters .form-inline .form-group {
        width: 18%;
        margin-right: 1.2%
    }
}

@media (min-width:768px) {
    .sorting-filters .btn {
        margin: 25px 0 0
    }
}

@media (max-width:767px) {
    .sorting-filters .form-control {
        margin: 0 0 5px
    }
}

.alert {
    margin: 20px 0;
    border-radius: 5px;
    border: none
}

.alert, .icon {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}

.alert-success {
    color: #2a5f2b;
    background-color: #bcdab0
}

.alert-info {
    color: #1a4e68;
    background-color: #c6e8fa
}

.alert-warning {
    color: #72582b;
    background-color: #f7f0ce
}

.alert-icon {
    padding-left: 70px
}

.alert-icon i {
    position: absolute;
    font-size: 28px;
    left: 21px;
    top: 13px;
    width: 30px;
    text-align: center
}

.modal-header .close {
    color: #ccc;
    font-size: 50px;
    line-height: 32px;
    font-weight: 400;
    filter: alpha(opacity=100);
    opacity: 1;
    text-shadow: 0 0 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.modal-header .close:hover, .modal-header .close:focus {
    color: #333;
}

.feature-box-2:hover .icon, .feature-box:not(.shadow):hover .icon {
    opacity: .8;
    filter: alpha(opacity=80)
}

.feature-box:hover {
    border: 0;
}

[data-notify=container] {
    max-width: 400px
}

[data-notify=progressbar] {
    display: none
}

.icon {
    display: inline-block;
    text-align: center;
    background-color: rgba(255, 255, 255, .85);
    color: #000;
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 58px;
    transition: all .2s ease-in-out;
    border-radius: 5px;
    border: 1px solid transparent;
}

.bordered, .feature-box-2.boxed {
    border: 1px solid #f1f1f1
}

.feature-box-2 .icon, .icon {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.icons .icon {
    margin: 0 5px 5px 0
}

.feature-box .title, .feature-box h3, .feature-box-2 .title, .image-box .body h3, .listing-item .body h3 {
    margin-top: 0
}

.feature-box h2, .feature-box h3 {
    text-transform: uppercase;
    font-size: 20px;
    text-decoration: none;
    font-weight: 300;
}

.intro-section a {
    color: #000;
}

.intro-section a:hover, .intro-section a:focus {
    text-decoration: none;
    color: #000;
}

.intro-section .feature-box {
    height: 270px;
}
.highlight
{
        color: #F3B869;
}


@media (max-width:1199px) {
    .feature-box h3 {
        font-size: 16px;
    }
    .checkbox label {
        font-size: 13px;
    }
    .nav-tabs.style-3>li>a {
        font-size: 13px;
    }
    h1.title-no-margin {
        font-size: 23px;
    }
    .intro-section .feature-box {
        height: 290px;
    }
}

@media (max-width:991px) {
    .listing-item .price {
        width: auto;
    }
}

@media (max-width:767px) {
    .listing-item .body h3 {
        margin-top: 20px;
    }
}

.dark-translucent-bg a:not(.btn) {
    text-decoration: none;
}

.shadow-20 {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
}

.shadow-2 {
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}

.light-bg {
    background-color: rgba(255, 255, 255, .9);
    color: #333;
}

.light-bg h2 {
    color: #333
}

.icon i {
    z-index: 1
}

.icon.dark-bg {
    background-color: rgba(66, 66, 66, .66);
    color: #fff
}

.icon.default-bg {
    background-color: #2b77bc;
    color: #fff
}

.icon.light-bg {
    background-color: #fff;
    color: #2b77bc
}

.icon.without-bg {
    font-size: 36px;
    line-height: 1;
    color: inherit;
    background-color: transparent;
    height: 100%
}

.icon.large {
    font-size: 36px;
    width: 100px;
    height: 100px;
    line-height: 97px
}

.icon.small {
    font-size: 18px;
    width: 45px;
    height: 45px;
    line-height: 43px
}

.feature-box, .feature-box-2 {
    margin-bottom: 0;
    background-color: rgba(255, 255, 255, 1);
    transition: all .5s;
}

.feature-box.transparent-box {
    background-color: rgba(255, 355, 255, .5)
}

.feature-box .icon {
    margin-bottom: 10px
}

.feature-box p {
    clear: both;
    margin-bottom: 15px
}

.feature-box-2 .icon {
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-in-out
}

.feature-box-2 .icon.without-bg {
    width: 0;
    height: 0
}

.feature-box-2.boxed .icon {
    left: 20px;
    top: 20px
}

.feature-box-2 .body {
    margin-left: 62px
}

.feature-box-2.right .body {
    margin-right: 62px;
    margin-left: 0;
    text-align: right
}

.feature-box-2.right .icon {
    left: auto;
    right: 0
}

.feature-box-2.right .icon.without-bg {
    right: 40px
}

.feature-box-2.boxed.right .icon {
    left: auto;
    right: 20px
}

.feature-box-2.boxed.right .icon.without-bg {
    right: 60px
}

.section-feature-box-fixed-height .feature-box {
    height: 500px;
}

.feature-box .post-info {
    color: #999;
    margin-bottom: 10px;
    font-size: 12px;
}

.feature-box .media-left a i {
    font-size: 20px;
}

@media (max-width:991px) {
    .feature-box-2:not(.boxed) {
        padding-bottom: 0
    }
}

.shadow, .shadow-narrow {
    position: relative;
}

.light-gray-bg.shadow, .light-gray-bg.shadow-narrow {
    background-color: #fafafa
}

.bordered {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.dark-bg .bordered {
    border: 1px solid #555
}

.shadow *, .shadow-narrow * {
    position: relative;
    z-index: 3
}

.shadow-narrow:before, .shadow:before {
    position: absolute;
    left: 0;
    height: 60%;
    bottom: 0;
    width: 100%;
    content: "";
    background-color: #fff;
    z-index: 2
}

.light-gray-bg.shadow-narrow:before, .light-gray-bg.shadow:before {
    background-color: #fafafa
}

.shadow-narrow:after, .shadow:after {
    content: "";
    position: absolute;
    height: 50%;
    width: 96%;
    left: 50%;
    bottom: 2px;
    margin-left: -48%;
    -webkit-box-shadow: 0 5px 7px #999;
    box-shadow: 0 5px 7px #999;
    z-index: 1;
    border-radius: 10%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.shadow-narrow:after {
    width: 90%;
    margin-left: -45%
}

.shadow-narrow:hover:after, .shadow:hover:after {
    bottom: 10px
}

.owl-item .image-box {
    margin-bottom: 20px
}

.image-box .body {
    padding: 25px 30px;
}

.image-box .body h2 {
    text-transform: none;
    font-weight: 400;
    font-size: 20px;
}

.image-box .body h2.title-publications {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 7px;
}

.image-box .body p:last-child {
    margin-bottom: 0
}

.image-box.style-4 {
    border: none
}

.image-box.style-3-b {
    display: block;
    margin-bottom: 40px
}

.image-box.style-3-b .body {
    padding: 10px 0
}

.main-article h3 {
    font-size: 30px;
}

.main-article h3 a {
    color: #333;
}

.main-article h3 a:hover, .main-article h3 a:focus {
    text-decoration: none;
    color: #2b77bc;
}

.main-article p {
    font-size: 20px;
}

.main-article p.small {
    font-size: 85%;
}

.main-article.image-box .body {
    padding: 25px 30px;
    height: 380px;
}

.main-article .btn-fixed-left {
    left: 30px;
    bottom: 15px;
}

.main-article-img {
    padding-top: 130px;
}

.main-article .btn.btn-link {
    padding-left: 0;
    font-size: 21px;
}

.featured-in h3 {
    font-size: 29px;
}

.badge.badge-tag {
    background-color: transparent;
    font-size: 14px;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 300;
}

.white-bg .badge.badge-tag, .white-bg .badge.badge-tag i {
    color: #333;
}

.badge.badge-tag i {
    color: #fff;
}

.badge.badge-tag.fixed {
    position: absolute;
    left: 45px;
    top: 20px;
    background-color: rgba(255, 255, 255, .95);
    color: #004b90;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.badge.badge-tag.fixed i {
    color: #2b77bc;
}

.image-box.colored .badge.badge-tag {
    position: absolute;
    left: 45px;
    top: 20px;
    background-color: rgba(0, 75, 144, .9);
    color: #fff;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: 400;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.image-box.colored .badge.badge-tag i {
    color: #fff;
}

.image-box.colored.lightblue-bg .badge.badge-tag {
    background-color: rgba(0, 115, 220, .9)
}

.image-box h3 a, .image-box.colored h3 a {
    text-decoration: none!important;
}

.btn-fixed-right {
    position: absolute;
    bottom: 25px;
    right: 30px;
}

.btn-fixed-left {
    position: absolute;
    left: 45px;
    bottom: 15px;
}

.image-box.colored .btn-link.btn-fixed-left {
    color: #fff;
}

@media (min-width:768px) {
    .image-box.style-3-b .body {
        padding: 0
    }
}

@media (max-width:991px) {
    .image-box.style-4 {
        margin-bottom: 30px
    }
}

.sidebar.ad-list-aside {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.aside-form .radio-inline+.radio-inline {
    margin-left: 0;
}

.aside-form .radio-inline {
    width: 100%;
}

.aside-form .selectize-input input {
    width: 100%!important;
}

.aside-form .label-filter-title {
    font-weight: 400;
}

.selectize-input input[type="text"]::-webkit-input-placeholder {
    color: #333 !important;
}

.selectize-input input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #333 !important;
}

.selectize-input input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #333 !important;
}

.selectize-input input[type="text"]:-ms-input-placeholder {
    color: #333 !important;
}

.ad-active-filters {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.ad-active-filters h3, .ad-active-filters h4 {
    font-weight: 300;
}

.ad-active-filters .btn a {
    color: #fff;
}

.ad-active-filters form {
    margin: 0;
}

.ad-active-filters .form-group {
    margin: 0;
}

@media (min-width: 991px) {
    .ad-active-filters .select-only {
        width: 200px;
    }
}

.listing-item .overlay-container .badge {
    position: absolute;
    font-weight: 400;
    text-transform: uppercase;
    padding: 6px;
    top: 10px;
    left: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    z-index: 1;
}

.listing-item .overlay-container .badge.badge-special {
    border: 1px solid gold;
    background-color: rgba(255, 215, 0, 1);
    color: #333;
}

.ribbon-badge {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: auto;
    padding-right: 5px;
    padding-left: 5px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
}

.ribbon-badge:before, .ribbon-badge:after {
    content: '';
    position: absolute;
    right: -15px;
    width: 28px;
    height: 12px;
    border-radius: 0;
}

.ribbon-badge:before {
    top: 9px;
    -webkit-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    transform: rotate(65deg);
}

.ribbon-badge:after {
    bottom: 9px;
    -webkit-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

.ribbon-badge.badge-special, .ribbon-badge.badge-special:before, .ribbon-badge.badge-special:after {
    background-color: gold;
}

.ribbon-badge.badge-first, .ribbon-badge.badge-first:before, .ribbon-badge.badge-first:after {
    background-color: #30D7BB;
}

.ribbon-badge.badge-last, .ribbon-badge.badge-last:before, .ribbon-badge.badge-last:after {
    background-color: #55EEF6;
}

.listing-item.ad-list-box {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.listing-item.ad-list-box .body {
    padding: 0 15px 0;
}

.listing-item .body {
    padding: 15px
}

.listing-item .body h3 {
    font-size: 18px;
    line-height: 1.4
}

.listing-item .elements-list {
    font-size: 12px
}

.listing-item .price {
    font-size: 18px;
    margin-top: 1px;
    background-color: #f1f1f1;
    padding: 5px 10px;
    display: inline-block;
    font-weight: 400
}

.listing-item .price.special {
    background-color: gold;
    padding: 5px 10px;
}

.listing-item .price.first {
    background-color: #30D7BB;
    padding: 5px 10px;
}

.listing-item .price.last {
    background-color: #55EEF6;
    padding: 5px 10px;
}

.listing-item .price del {
    font-size: 12px;
    color: #999
}

.listing-item .overlay-to-top {
    padding: 10px 0!important
}

.listing-item .overlay-to-top .btn-sm-link {
    padding: 5px
}

.message-modal {
    background-color: #fafafa;
    padding: 0 15px;
}

.message-send-modal {
    background-color: #f2f2f2;
    padding: 15px;
}

.modal-content .modal-header {
    background-color: #fafafa;
}

.modal-content .modal-title {
    color: #333;
    font-size: 20px;
    font-weight: 400;
}

.modal-open .page-wrapper {
    -webkit-filter: blur(3px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px)
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #a4a4a4;
    background-color: #f2f2f2;
}

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

@media (min-width:1200px) {
    .modal-lg {
        width: 1140px
    }
}

.overlay-container {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden
}

.overlay-bottom, .overlay-to-top, .overlay-top {
    color: #fff;
    position: absolute;
    top: auto;
    background-color: rgba(30, 30, 30, .5);
    opacity: 0;
    filter: alpha(opacity=0)
}

.overlay-bottom, .overlay-top {
    padding: 15px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: all ease-in-out .25s;
    -o-transition: all ease-in-out .25s;
    transition: all ease-in-out .25s;
    height: 0
}

.overlay-bottom.links, .overlay-to-top.links {
    z-index: 11
}

.overlay-to-top {
    padding: 10px;
    bottom: -30px;
    transition: all ease-in-out .25s
}

.overlay-link, .overlay-to-top {
    left: 0;
    right: 0;
    -webkit-transition: all ease-in-out .25s;
    -o-transition: all ease-in-out .25s
}

.overlay-top {
    top: 0
}

.banner .overlay-top-yt, .banner .overlay-bottom, .banner .overlay-to-top, .banner .overlay-top {
    color: #333;
    border-top: 4px solid #a4a4a4;
    position: absolute;
    top: auto;
    background-color: rgba(255, 255, 255, .9);
    opacity: 50;
    filter: alpha(opacity=50)
}

.banner .overlay-top-yt .small, .banner .overlay-bottom .small, .banner .overlay-to-top .small, .banner .overlay-top .small {
    font-size: 90%;
}

.banner .overlay-top-yt, .banner .overlay-bottom, .banner .overlay-top {
    padding: 10px 18px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: all ease-in-out .25s;
    -o-transition: all ease-in-out .25s;
    transition: all ease-in-out .25s;
    height: 0
}

.banner .overlay-top-yt .lead, .banner .overlay-bottom .lead, .banner .overlay-top .lead {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
}

.overlay-bottom.links, .overlay-to-top.links {
    z-index: 11
}

.overlay-to-top {
    padding: 10px;
    bottom: -30px;
    transition: all ease-in-out .25s
}

.overlay-link, .overlay-to-top {
    left: 0;
    right: 0;
    -webkit-transition: all ease-in-out .25s;
    -o-transition: all ease-in-out .25s
}

.overlay-top {
    top: 0
}

.banner .overlay-visible .overlay-top-yt, .banner .overlay-visible .overlay-bottom, .banner .overlay-visible .overlay-top {
    opacity: 1;
    filter: alpha(opacity=100);
    height: 60px!important;
    /*padding-bottom:20px*/
}

.owl-item.active.center .overlay-visible .overlay-top-yt, .owl-item.active.center .overlay-visible .overlay-bottom, .owl-item.active.center .overlay-visible .overlay-top {
    background-color: rgba(0, 75, 144, .9);
    /*rgba(255, 102, 0, .9);*/
    color: #fff;
    border-top: 4px solid #2b77bc;
}

.overlay-visible.overlay-container:hover .overlay-top-yt {
    display: none!important;
}

.overlay-visible.overlay-container:hover .overlay-bottom:not(.links), .overlay-visible.overlay-container:hover .overlay-top {
    opacity: .9;
    filter: alpha(opacity=90);
    background-color: rgba(255, 102, 0, 1);
    color: #fff;
}

.overlay-top-yt a, .overlay-bottom a, .overlay-to-top a, .overlay-top a {
    color: #fff
}

.overlay-container .text {
    padding: 0 20px;
    position: relative
}

.overlay-container .text h3, .overlay-container .text h3 .small {
    margin-top: 0;
    color: #fff
}

.overlay-container .text a:hover {
    color: #fff
}

.overlay-bottom .btn, .overlay-top .btn {
    color: #fff;
    border-color: #fff;
    margin: 0
}

.overlay-bottom .btn.btn-link, .overlay-top .btn.btn-link {
    border: 0;
}

.overlay-bottom .btn.btn-link:hover, .overlay-top .btn.btn-link:hover {
    border: 0;
    background: transparent;
    color: #fff;
}

.overlay-bottom .btn:hover, .overlay-top .btn:hover {
    color: #777;
    background-color: #fff
}

.image-box.style-2:hover .overlay-bottom, .image-box.style-2:hover .overlay-top, .overlay-container:hover .overlay-bottom, .overlay-container:hover .overlay-top {
    height: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0)scale(1, 1)
}

.image-box:hover .overlay-to-top, .overlay-container:hover .overlay-to-top {
    opacity: 1;
    filter: alpha(opacity=100);
    bottom: 0
}

.overlay-link {
    position: absolute;
    z-index: 10;
    top: 0;
    padding: 15px;
    bottom: 0;
    background-color: rgba(250, 250, 250, .2);
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all ease-in-out .25s;
    color: #fff
}

.overlay-link i {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 80px;
    height: 80px;
    border: 1px solid #ddd;
    background: rgba(255, 255, 255, .9);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #2b77bc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 40px;
    line-height: 80px
}

.overlay-link i:hover {
    background: rgba(255, 255, 255, .9);
    color: #2b77bc
}

.overlay-link.small i {
    width: 25px;
    height: 25px;
    margin: -12.5px 0 0 -12.5px;
    font-size: 14px;
    line-height: 25px
}

.overlay-container:hover .overlay-link {
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100)
}

a.overlay-link {
    text-decoration: none;
}

.overlay-link.brands {
    background-color: rgba(226, 31, 38, .5);
}

.overlay-link.brands i {
    color: #fff;
}

a.overlay-link:hover .overlay-title {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

.overlay-link-visible {
    position: absolute;
    top: 35%;
    left: 35%;
    color: #333;
    font-size: 30px;
    display: none;
}

@media (min-width:1200px) {
    .overlay-container .text {
        top: 30%
    }
}

@media (max-width:480px) {
    .overlay-container .text {
        top: 30%
    }
    .overlay-container .text p {
        display: none
    }
}

@media (min-width:480px)and (max-width:1199px) {
    .overlay-container:not(.overlay-visible) .overlay-top~.overlay-bottom {
        padding-top: 5px;
        padding-bottom: 5px
    }
    .owl-item .overlay-container:hover .overlay-top {
        height: 71%
    }
    .owl-item .overlay-container:hover .overlay-bottom {
        height: 29%
    }
}

.border-gray {
    border: 1px gray solid;
}

@media (max-width:900px) {
    .yellowish {
        top: 3%;
    }
    .item {
        padding: 0% !important;
    }
    .btn-lg {
        padding: 10px 15px;
    }
    .item h1 {
        font-size: 0.5em !important;
    }
    .item h2 {
        font-size: 0.4em !important;
    }
    .item .btn {
        font-size: 12px !important;
    }
    #firstTitle {
        font-size: 1.5em
    }
}

.video-background, .video-background-banner {
    position: relative;
    overflow: hidden
}

.embed-responsive {
    overflow: hidden;
}

.embed-responsive-16by9 {
    overflow: hidden;
    padding-bottom: 37%;
    max-height: 80vh;
}

.tp-caption .embed-responsive {
    overflow: visible
}

#collapseMap, #offcanvas.offcanvas-right .dropdown-menu {
    overflow: hidden
}

.audio-wrapper iframe {
    width: 100%;
    border: none;
    margin-bottom: 20px
}

.jumbotron {
    background-color: transparent
}

.top.carousel-indicators {
    bottom: auto;
    top: 10px
}

.bottom.carousel-indicators {
    bottom: 10px
}

.shadow .carousel-indicators {
    position: absolute;
    z-index: 4
}

.carousel-indicators .active, .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 1px;
    border-radius: 0;
}

.navbar.navbar-default {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 15px;
    border-color: transparent;
    background-color: #fafafa;
    font-weight: 300
}

.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    padding: 10px 15px;
    z-index: 102;
    border: none;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.main-navigation.animated .navbar-default .navbar-nav>li>a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.transparent-header .header:not(.dark) .navbar-nav>li:not(.active)>a {
    color: #004b90
}

.navbar-default .navbar-nav>li.dropdown>a {
    padding-right: 20px
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #FFC56E;
}

.transparent-header .header:not(.dark) .navbar-nav>li.open>a, .transparent-header .header:not(.dark) .navbar-nav>li>a:focus, .transparent-header .header:not(.dark) .navbar-nav>li>a:hover {
    color: #2b77bc
}

.main-navigation .navbar-nav>.dropdown>a:focus, .main-navigation .navbar-nav>.open>a, .main-navigation .navbar-nav>.open>a:focus, .main-navigation .navbar-nav>.open>a:hover {
    background-color: #fff;
    color: #373736;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    border-bottom-color: #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    z-index: 106
}

.main-navigation .navbar-nav>.open.active>a:active, .main-navigation .navbar-nav>.open>a:active {
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.main-navigation .navbar-nav>.open.active>a:active+ul, .main-navigation .navbar-nav>.open>a:active+ul {
    display: none
}

.main-navigation .dropdown-menu {
    z-index: 105;
    top: 99.2%
}

.header.centered .main-navigation .dropdown-menu {
    top: 99%
}

.dropdown-menu .divider {
    background-color: #ededed
}

.dropdown-menu {
    min-width: 220px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 6px 24px rgba(0, 0, 0, .06);
    box-shadow: 0 6px 24px rgba(0, 0, 0, .06);
    border: 1px solid #f5f5f5;
    z-index: 101
}

.dropdown-menu.dropdown-menu-language {
    min-width: 140px;
    top: auto;
    left: auto;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #f5f5f5;
    z-index: 1001;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.dropdown-menu>li>a {
    padding: 10px 20px;
    font-size: 15px;
    text-transform: none;
    font-weight: 300;
    color: #373736;
    transition: none;
}

.dropdown-menu>li>a, .mega-menu .menu>li>a {
    border-bottom: 1px solid transparent;
    -webkit-transition: none;
    -o-transition: none
}

.dropdown-menu>li>a:hover {
    text-decoration: none;
}

.dropdown-menu .menu>.active>a, .dropdown-menu .menu>.active>a:focus, .dropdown-menu .menu>.active>a:hover, .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #fafafa;
    color: #373736;
    border-color: transparent;
}

.dropdown-menu .dropdown-menu {
    top: -1px;
    left: 100%!important;
    right: auto;
    border-top: 1px solid #f7f7f7
}

.header.centered .dropdown-menu .dropdown-menu {
    top: -1px;
    left: 100%!important
}

header.full-width .dropdown-menu .dropdown-menu.to-left {
    right: 100%!important;
    left: auto!important
}

@media (max-width:1610px) {
    .dropdown-menu .dropdown-menu.to-left {
        right: 100%!important;
        left: auto!important
    }
}

.mega-menu.dropdown {
    position: static
}

.mega-menu .dropdown-menu {
    left: 0;
    width: 100%;
    padding: 20px 30px
}

.mega-menu .menu {
    list-style: none;
    padding: 0;
    margin: 0
}

.mega-menu h2 {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.mega-menu h2.title {
    margin: 5px 0;
    font-size: 16px;
    text-transform: uppercase;
}

.mega-menu .menu>li>a {
    padding: 2px 0;
    font-size: 15px;
    color: #333;
    display: block;
    transition: none
}

.mega-menu img {
    max-height: 215px;
    margin-top: 6px;
}

.dropdown-menu>li>a i, .mega-menu .menu>li>a i {
    padding-left: 5px;
    font-size: 12px;
    width: 20px;
    position: relative;
    top: -1px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #cdcdcd
}

.dropdown-menu>li>a i.fa-circle-o, .mega-menu .menu>li>a i.fa-circle-o {
    font-size: 7px;
    top: -3px
}

.mega-menu .menu>li:last-child>a {
    border-bottom: none!important
}

header:not(.dark) .dropdown-menu>li.active>a i, header:not(.dark) .dropdown-menu>li>a:hover i, header:not(.dark) .mega-menu .menu>li.active>a i, header:not(.dark) .mega-menu .menu>li>a:hover i {
    color: #2b77bc
}

header .dropdown-menu>li.active>a i.fa-circle-o:before, header .dropdown-menu>li>a:hover i.fa-circle-o:before, header .mega-menu .menu>li.active>a i.fa-circle-o:before, header .mega-menu .menu>li>a:hover i.fa-circle-o:before {
    content: "\f111"
}

.mega-menu .menu>h2, .mega-menu .menu>li>h2 {
    font-weight: 400;
}

.mega-menu .menu>li>h2>a, .mega-menu .menu>h2>a {
    color: #2b77bc;
}

.mega-menu .menu>li>a {
    color: #333;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.mega-menu .menu>h2>a:hover, .mega-menu .menu>li>h2>a:hover {
    color: #2b77bc;
    text-decoration: none;
}

.mega-menu .menu>li>a:focus, .mega-menu .menu>li>a:hover {
    background-color: transparent;
    color: #2b77bc;
    border-color: transparent;
    text-decoration: none
}

.dropdown>a:before {
    font-family: FontAwesome;
    content: "\f107";
    position: absolute;
    left: auto;
    top: 32px;
    right: 6px;
    line-height: 1;
    color: #373736;
    font-size: 14px
}

@media (min-width:992px) and (max-width:1199px) {
    .dropdown>a:before {
        top: 31px;
    }
    .mega-menu h2.title, .mega-menu h2, .mega-menu .menu>li>a, .dropdown-menu>li>a {
        font-size: 14px;
    }
    .banner .overlay-bottom .lead {
        font-size: 22px;
    }
    .main-article.image-box .body {
        height: 313px;
    }
    .main-article h3 {
        font-size: 22px;
    }
    .main-article p {
        font-size: 14px;
    }
    h3 {
        font-size: 20px;
    }
    p, .image-box.colored .badge.badge-tag, .badge.badge-tag.fixed {
        font-size: 14px;
    }
    .footer h2, .footer h2.title {
        font-size: 30px;
    }
    .footer-content .nav-pills>li>a {
        font-size: 18px;
    }
    .main-article p.small, .small {
        font-size: 75%;
    }
}

.header.centered .dropdown>a:before {
    top: 18px
}

.header:not(.dark) .active.dropdown>a:before, .header:not(.dark).centered .active.dropdown>a:before {
    color: #2b77bc
}

.transparent-header .header:not(.dark) .dropdown:not(.open):not(.active)>a:before {
    color: #777
}

.navbar-default .navbar-nav>.dropdown.open>a:before {
    color: #2b77bc
}

.transparent-header .header:not(.dark) .navbar-default .navbar-nav>.dropdown.open>a:before {
    color: #2b77bc
}

.dropdown .dropdown>a:before, .header.centered .dropdown .dropdown>a:before {
    content: "\f105";
    right: 10px;
    top: 11px;
    margin-left: 0;
    visibility: visible;
    color: #666
}

.dropdown .dropdown.open>a:before, .header.centered:not(.dark) .dropdown .dropdown.open>a:before {
    color: #2b77bc
}

#offcanvas.animated .dropdown-menu .open .dropdown-menu, #offcanvas.animated .open .dropdown-menu, .animated.main-navigation .navbar-nav .open .dropdown-menu {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.animated.main-navigation .dropdown-menu .open .dropdown-menu {
    -webkit-animation-name: fadeInLeftSmall;
    animation-name: fadeInLeftSmall
}

header.full-width .animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left {
    -webkit-animation-name: fadeInRightSmall;
    animation-name: fadeInRightSmall
}

@media (max-width:1610px) {
    .animated.main-navigation .dropdown-menu .open .dropdown-menu.to-left {
        -webkit-animation-name: fadeInRightSmall;
        animation-name: fadeInRightSmall
    }
}

.navbar-default .navbar-toggle {
    border-color: transparent
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
    border-color: transparent
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFC56E;
}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #FFC56E;
}

.navbar-default .navbar-nav>li>a {
    padding: 36px 10px 14px;
}

@media (min-width:768px) {
    .main-navigation .navbar-nav.navbar-right:last-child {
        margin-right: 0
    }
    .navbar.navbar-default {
        background-color: transparent;
        border: none;
        margin: 0
    }
    .header.centered .navbar-default .navbar-nav>li>a {
        padding-top: 15px!important;
        padding-bottom: 15px!important;
        border-top: 1px solid transparent
    }
    .header.centered:not(.dark) .main-navigation .navbar-nav>.dropdown>a:focus, .header.centered:not(.dark) .main-navigation .navbar-nav>.open>a, .header.centered:not(.dark) .main-navigation .navbar-nav>.open>a:focus, .header.centered:not(.dark) .main-navigation .navbar-nav>.open>a:hover {
        border-top: 1px solid #f5f5f5
    }
    header:not(.full-width):not(.centered) .with-dropdown-buttons .mega-menu:not(.narrow) .dropdown-menu {
        left: 0;
        width: 720px
    }
    header:not(.full-width) .main-navigation .container-fluid, header:not(.full-width) .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
    header:not(.full-width) .main-navigation .navbar-right .dropdown-menu {
        right: auto;
        left: 0
    }
    header:not(.full-width) .main-navigation .navbar-right>li:last-child>.dropdown-menu {
        right: 0;
        left: auto
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
        padding: 42px 15px 14px
    }
    .navbar-default .navbar-nav>li>a {
        padding: 42px 15px 14px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 12px;
    }
    .navbar-default .navbar-nav>li>a {
        padding: 36px 15px 14px
    }
}

@media (min-width:320px) and (max-width:767px) {
    .navbar-default .navbar-nav>li>a {
        font-size: 16px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header:not(.full-width) .main-navigation .navbar-nav {
        /*float:left!important*/
    }
    body:not(.fixed-header-on) .header:not(.dark) .navbar-default .navbar-nav>li>a {
        border-top: 1px solid transparent
    }
    body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav>.dropdown>a:focus, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav>.open>a, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav>.open>a:focus, body:not(.fixed-header-on) .header:not(.dark) .main-navigation .navbar-nav>.open>a:hover {
        border-top: 1px solid #f5f5f5
    }
}

@media (min-width:992px) {
    .col-md-3+.col-md-9 .mega-menu:not(.narrow) .dropdown-menu {
        left: -243px!important;
        width: 940px!important
    }
}

@media (min-width:1200px) {
    .main-navigation .navbar-nav>li {
        margin: 0 0 0 10px
    }
    .main-navigation .navbar-nav>li:first-child {
        margin: 0
    }
    .col-md-3+.col-md-9 .mega-menu:not(.narrow) .dropdown-menu {
        left: -293px!important;
        width: 1140px!important
    }
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #2b77bc;
        background-color: transparent
    }
    .navbar-default .navbar-nav>li>a {
        border-bottom: none;
    }
    .navbar-default .navbar-nav>li:last-child>a {
        border-bottom: 1px solid transparent
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: #FFC56E;
        background-color: #fff;
        border-bottom-color: transparent
    }
    .navbar-default .navbar-nav .open .dropdown-menu {
        background-color: #fff
    }
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        padding: 12px 15px 12px 40px;
        color: #333;
        border: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #2b77bc
    }
    .navbar-nav .open .dropdown-menu .dropdown-menu>li>a {
        padding-left: 60px
    }
    .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
        padding-left: 80px
    }
    .navbar-default .navbar-nav>.dropdown.open>a, .navbar-default .navbar-nav>.dropdown.open>a:before {
        color: #2b77bc
    }
    .dropdown>a:before, .header.centered .dropdown>a:before {
        color: #999;
        top: 14px;
        right: 32px
    }
    .dropdown .dropdown>a:before, .header.centered .dropdown .dropdown>a:before {
        right: 36px
    }
    .transparent-header .main-navigation .navbar.navbar-default {
        background-color: rgba(255, 255, 255, 1);
        position: absolute;
        width: 100%
    }
}

.dark.header .navbar.navbar-default {
    border-color: rgba(0, 0, 0, .3);
    background-color: rgba(0, 0, 0, .2)
}

.dark.header .navbar-default .navbar-nav>li>a {
    color: #ccc;
    border-bottom: 1px solid transparent;
    text-shadow: 1px 1px rgba(0, 0, 0, .6)
}

.transparent-header .dark.header .navbar-nav>li>a {
    color: #e1e1e1
}

.dark.header .navbar-default .navbar-nav>.active>a, .dark.header .navbar-default .navbar-nav>.active>a:focus, .dark.header .navbar-default .navbar-nav>.active>a:hover, .dark.header .navbar-default .navbar-nav>li>a:focus, .dark.header .navbar-default .navbar-nav>li>a:hover {
    background-color: transparent;
    color: #fff;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent
}

.dark.header .navbar-default .navbar-nav>li>a:focus, .dark.header .navbar-default .navbar-nav>li>a:hover {
    z-index: 106
}

.dark.header .main-navigation .navbar-nav>.dropdown>a:focus, .dark.header .main-navigation .navbar-nav>.open>a, .dark.header .main-navigation .navbar-nav>.open>a:focus, .dark.header .main-navigation .navbar-nav>.open>a:hover {
    background-color: rgba(0, 0, 0, .15);
    color: #fff;
    border-bottom-color: #2e3537;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    z-index: 106
}

.dark.header .dropdown-menu {
    background-color: #2e3537;
    border: 1px solid rgba(57, 66, 69, .8);
    border-bottom: none
}

.dark.header .mega-menu .dropdown-menu {
    z-index: 103
}

.dark.header .dropdown-menu .divider {
    background-color: rgba(57, 66, 69, .8)
}

.dark.header .dropdown-menu>li>a, .dark.header .mega-menu .menu>li>a {
    color: #ccc;
    border-bottom: 1px solid rgba(57, 66, 69, .8);
    text-shadow: 1px 1px rgba(0, 0, 0, .7)
}

.dark.header .dropdown-menu .menu>.active>a, .dark.header .dropdown-menu .menu>.active>a:focus, .dark.header .dropdown-menu .menu>.active>a:hover, .dark.header .dropdown-menu>.active>a, .dark.header .dropdown-menu>.active>a:focus, .dark.header .dropdown-menu>.active>a:hover, .dark.header .dropdown-menu>li>a:focus, .dark.header .dropdown-menu>li>a:hover, .dark.header .mega-menu .menu>li>a:focus, .dark.header .mega-menu .menu>li>a:hover, .dark.header .nav .open>a, .dark.header .nav .open>a:focus, .dark.header .nav .open>a:hover {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    border-color: rgba(57, 66, 69, .8)
}

.dark.header .dropdown .dropdown>a:before {
    color: #ccc;
    top: 13px
}

.dark.header .dropdown .dropdown.open>a:before {
    color: #fff
}

.dark .navbar-default .navbar-toggle {
    border-color: rgba(0, 0, 0, .7);
    background-color: rgba(0, 0, 0, .4)
}

.dark .navbar-default .navbar-toggle:focus, .dark .navbar-default .navbar-toggle:hover {
    background-color: rgba(0, 0, 0, .1);
    border-color: rgba(0, 0, 0, .7)
}

.dark .navbar-default .navbar-toggle .icon-bar, .dark .navbar-default .navbar-toggle:focus .icon-bar, .dark .navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ccc
}

.dark .navbar-default .navbar-collapse, .dark .navbar-default .navbar-form {
    border-color: #121212;
}

@media (min-width:768px) {
    .dark.header .navbar.navbar-default {
        background-color: transparent;
        border: none;
        margin: 0
    }
}

@media (max-width:767px) {
    .dark .navbar-default .navbar-nav .open .dropdown-menu {
        background-color: rgba(0, 0, 0, .2);
        border: none
    }
    .dark .navbar-default .navbar-nav .open .dropdown-menu .dropdown-header, .dark .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ccc;
        border-color: rgba(255, 255, 255, .08)
    }
    .dark.header .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .dark.header .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .dark.header .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .dark.header .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .dark.header .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .dark.header .navbar-default .navbar-nav>.active>a, .dark.header .navbar-default .navbar-nav>.active>a:focus, .dark.header .navbar-default .navbar-nav>.active>a:hover, .dark.header .navbar-default .navbar-nav>li>a:focus, .dark.header .navbar-default .navbar-nav>li>a:hover {
        color: #fff;
        background-color: rgba(0, 0, 0, .2)
    }
    .dark .navbar-default .navbar-nav>.dropdown.open>a:before {
        color: #fff
    }
    .transparent-header .dark .main-navigation .navbar.navbar-default {
        background-color: rgba(57, 66, 69, .9);
        border-color: rgba(37, 42, 44, .5)
    }
    .navbar.navbar-default {
        margin-bottom: 0;
        padding: 16px 0;
        background-color: transparent;
    }
    .navbar-default .navbar-collapse {
        margin-top: 15px;
    }
    #logo-xs img {
        max-width: 120px;
    }
}

.subfooter .navbar {
    margin: 0;
    min-height: 0;
    background: 0 0;
    border-color: transparent
}

.subfooter .navbar-default .nav>li>a {
    padding: 10px;
    text-transform: none;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    color: #999
}

.dark .subfooter .navbar-default .nav>li:last-child>a, .subfooter .navbar-default .nav li:last-child a {
    border: none
}

.subfooter .navbar-default .nav>.active>a:focus, .subfooter .navbar-default .nav>.active>a:hover, .subfooter .navbar-default .nav>li>a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #2b77bc
}

.dark .tag a:hover, .plan ul li a.pt-popover:hover, .tag a:hover {
    text-decoration: none
}

@media (min-width:768px) {
    .subfooter .navbar-nav {
        float: none;
        margin: 15px 0;
        text-align: center
    }
    .subfooter .navbar-nav>li {
        float: none;
        padding: 5px 0
    }
    .subfooter .navbar-default .nav>li>a {
        padding: 0 10px
    }
}

@media (min-width:992px) {
    .subfooter {
        text-align: left
    }
    .subfooter .navbar-nav {
        float: right;
        margin: 0;
        text-align: left
    }
    .subfooter .navbar-nav>li {
        float: left;
        padding: 0;
        margin-top: 2px
    }
    .dark .subfooter .navbar-default .nav>li>a {
        border-right: 1px solid #333
    }
    .subfooter .navbar-default .nav>li>a {
        border-right: 1px solid #cdcdcd
    }
}

@media (max-width:767px) {
    .subfooter .navbar-default .navbar-toggle:focus, .subfooter .navbar-default .navbar-toggle:hover {
        background-color: transparent;
        border-color: #ddd
    }
    .dark .subfooter .navbar-default .navbar-collapse {
        border-color: #888
    }
    .subfooter .navbar-default .navbar-collapse {
        border-color: #000
    }
}

.offcanvas {
    border-color: #a4a4a4;
    padding: 0 15px;
}

.offcanvas-toggle-left:after, .offcanvas-toggle-right:after {
    font-family: FontAwesome;
    font-size: 22px;
    line-height: 35px
}

.offcanvas-toggle-inside {
    text-align: center;
    width: 40px;
    height: 40px;
    margin: 0;
    display: block;
    padding: 0;
    position: absolute;
    top: 36px;
    left: 4px;
    z-index: 1031;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.offcanvas-toggle-inside:after {
    content: "\f00d";
    text-align: center;
    color: #004b90;
    font-family: FontAwesome;
    font-size: 16px;
    line-height: 23px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.offcanvas-toggle-inside:hover:after {
    color: #2b77bc;
}

.offcanvas-toggle-left {
    left: 10px;
    border-radius: 0
}

.offcanvas-toggle-left, .offcanvas-toggle-right {
    text-align: center;
    height: 40px;
    margin: 0;
    display: block;
    padding: 0;
    position: fixed;
    width: 40px;
    top: 10px;
    z-index: 1031;
    background-color: rgba(255, 255, 255, .85);
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.offcanvas-toggle-left:after {
    content: "\f0dc";
    text-align: center;
    color: #000
}

#offcanvas.in+.offcanvas-toggle-left:after {
    content: "\f00d"
}

.offcanvas-toggle-right {
    right: 10px;
    border-radius: 0
}

.offcanvas-toggle-right:after {
    content: "\f0c9";
    text-align: center;
    color: #000
}

#offcanvas.in+.offcanvas-toggle-right:after {
    content: "\f00d"
}

#offcanvas .navbar-nav, #offcanvas .navbar-nav>li {
    float: none;
    margin: 0
}

#offcanvas .navbar-nav>li>a {
    color: #333;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 300;
    background-color: #fff;
}

#offcanvas .navbar-nav>li:last-child>a {
    border-bottom-color: transparent!important
}

#offcanvas .nav .open>a, #offcanvas .nav .open>a:focus, #offcanvas .nav .open>a:hover, #offcanvas .nav>li>a:focus, #offcanvas .nav>li>a:hover, #offcanvas .navbar-nav>li.active>a {
    color: #2b77bc;
    background-color: #fff
}

#offcanvas .dropdown-menu {
    position: static;
    width: 100%;
    float: none;
    box-shadow: none;
    border: none;
    background-color: #fff;
    margin: 0
}

#offcanvas .dropdown-menu>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-color: #f7f7f7;
    font-weight: 300;
    font-size: 14px;
    background-color: #f8f8f8;
    color: #333;
    text-transform: none;
}

#offcanvas .dropdown-menu>li>a:hover, #offcanvas .dropdown-menu>li>a:focus {
    color: #2b77bc;
}

#offcanvas .dropdown-menu .dropdown-menu>li>a {
    background-color: #fafafa
}

#offcanvas .dropdown-menu .dropdown-menu .dropdown-menu>li>a {
    background-color: #fff
}

#offcanvas .dropdown>a:before {
    right: 15px;
    top: 13px;
    color: #777
}

#offcanvas .dropdown.open>a:before {
    color: #2b77bc
}

#offcanvas.offcanvas-right .dropdown>a:before {
    right: 15px;
    left: auto;
    top: 13px
}

#offcanvas .dropdown .dropdown>a:before {
    content: "\f107"
}

.offcanvas .login-form {
    padding-left: 15px;
    padding-right: 15px;
}

.offcanvas .login-form .social-links {
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    margin-left: 10px;
}

.offcanvas .login-form a:hover, .offcanvas .login-form a:focus {
    text-decoration: none;
}

#logo img {
    margin: 0;
    max-width: 200px;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

#logo.logo {
    padding-top: 6px;
}

#logo img:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

.header.centered #logo img {
    margin: 0 auto
}

#logo-footer {
    margin-bottom: 20px
}

.logo-footer {
    max-width: inherit;
    margin-bottom: 10px;
}

.naled-logo.logo-footer img {
    max-height: 60px;
    margin-top: 10px;
}

.site-slogan {
    font-family: 'Indie Flower', cursive;
    color: #004b90;
    font-size: 14px;
    padding: 2px 0 0 0;
    padding-left: 0!important;
    font-weight: 700;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.offcanvas .logo {
    margin: 20px 0 10px
}

.offcanvas .logo img {
    margin: 0 auto
}

.offcanvas .site-slogan {
    text-align: center;
    font-size: 18.5px;
    margin-bottom: 0;
    margin-top: 0;
    color: #004b90;
}

.offcanvas .separator {
    margin: 10px auto 10px;
}

.offcanvas .lead {
    font-size: 16px;
    margin-bottom: 10px;
}

.transparent-header .header:not(.dark) .site-slogan {
    color: #000
}

.header.dark .site-slogan {
    color: #cdcdcd;
    text-shadow: 1px 1px rgba(0, 0, 0, .4)
}

.transparent-header .header.dark .site-slogan {
    color: #f1f1f1
}

@media (min-width:992px)and (max-width:1199px) {
    .site-slogan {
        font-size: 11px
    }
}

@media (max-width:991px) {
    header:not(.full-width) .logo img {
        margin: 0 auto;
    }
    #logo.logo {
        padding-top: 18px;
    }
    #logo img {
        max-width: 120px;
    }
    .site-slogan {
        text-align: center;
        font-size: 11px;
        padding: 6px 0 0 0;
    }
    .header-left {
        float: left;
    }
    .header-right {
        float: right;
    }
    .fixed-header-on .site-slogan {
        text-align: center;
        font-size: 11px;
        padding: 6px 0 0 0;
    }
    .fixed-header-on .header #logo.logo {
        margin: 7px 0 0;
    }
    .main-article.image-box .body {
        height: auto;
    }
    .main-article .btn-fixed-left {
        position: relative;
        left: 0;
        bottom: 0;
    }
    .main-article .margin-clear {
        margin-bottom: 0!important;
        margin-top: 10px!important;
    }
}

@media (max-width:767px) {
    .header-right {
        padding: 0;
        float: none;
    }
    .navbar-header #logo.logo-xs {
        float: left;
    }
    .navbar-header #logo img {
        max-width: inherit;
        margin-left: 15px;
    }
}

.download-section {
    text-align: left;
    padding: 0 15px;
}

.download-section-content {
    border-right: 1px solid #fff;
}

@media (max-width:991px) {
    .download-section-content {
        border-right: 0;
    }
}

.social-links-header {
    float: right;
    position: relative;
    top: 5px;
    right: 15px;
}

.social-links-header .social-links {
    margin: 0;
}

.social-links {
    list-style: none;
    font-size: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0
}

.social-links li {
    display: inline-block;
    margin: 0 4px 2px 0
}

.social-links li a {
    width: 40px;
    /*height:40px;*/
    display: block;
    text-align: center;
    font-size: 18px;
    border: 1px solid transparent;
    color: #777;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.social-links li a i {
    line-height: 40px
}

.social-links li a:hover {
    background-color: transparent;
    border-color: #2b77bc;
    color: #2b77bc
}

.social-links.animated-effect-1 li a {
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s;
    position: relative;
    z-index: 1
}

.animated-fade {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.animated-fade:hover, .animated-fade:focus {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.social-links.animated-effect-1 li a:hover {
    color: #fff!important;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

.social-links.animated-effect-1 li a:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    background-color: #2b77bc;
    -webkit-transition: -webkit-transform .4s, opacity .4s, background-color .4s;
    -moz-transition: -moz-transform .4s, opacity .4s, background-color .4s;
    transition: transform .4s, opacity .4s, background-color .4s;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
    filter: alpha(opacity=0)
}

.social-links.animated-effect-1 li a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: -webkit-transform 0s, opacity .3s, background-color .3s;
    -moz-transition: -moz-transform 0s, opacity .3s, background-color .3s;
    transition: transform 0s, opacity .3s, background-color .3s
}

.social-links.animated-effect-1:not(.circle) li a:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.default.social-links li a {
    background-color: #2b77bc;
    border: 1px solid #2b77bc;
    color: #fff
}

.default.social-links li a:hover {
    background-color: #fff;
    color: #777
}

.dark .social-links li a {
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .1);
    color: #fff
}

.dark.social-links li a {
    background-color: rgba(0, 0, 0, .6);
    border: 1px solid rgba(0, 0, 0, .1);
    color: #fff
}

.dark.social-links li a:hover {
    background-color: rgba(0, 0, 0, .8)
}

.colored .social-links li a {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, .01);
    color: #fff
}

.header-top .social-links {
    margin: 2px 0 0;
    display: inline-block
}

.top-nav-links .btn {
    padding: 0;
}

ul.top-nav-links li:last-child a {
    padding-right: 0;
}

.footer-content .social-links li {
    margin: 0 5px 5px 0
}

.footer-content .social-links li a {
    color: #777;
    background-color: transparent;
    border-color: #777
}

.footer-content .social-links li a:hover {
    color: #fff;
    background-color: #777;
    border-color: #777
}

.social-links.small li a {
    width: 30px;
    height: 30px;
    font-size: 14px
}

.social-links.small li a i {
    line-height: 29px
}

.social-links.large li a {
    width: 60px;
    height: 60px;
    font-size: 24px
}

.social-links.large li a i {
    line-height: 60px
}

.social-links.square li a, .square {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.social-links.circle li a {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

@media (max-width:640px) {
    .navbar-header #logo img {
        max-width: 200px;
    }
    .social-links-header {
        top: 15px;
    }
    .social-links.large li a {
        width: 32px;
        height: 32px;
        font-size: 20px
    }
    .social-links.large li a i {
        font-size: 16px;
        line-height: normal;
    }
}

@media (max-width:479px) {
    .navbar-header #logo img {
        max-width: 150px;
    }
    .social-links-header {
        top: 10px;
    }
    .social-links.large li a {
        width: 26px;
        height: 26px;
        font-size: 16px
    }
    .social-links.large li a i {
        font-size: 14px;
    }
}

@media (max-width:380px) {
    .navbar-header #logo img {
        max-width: 120px;
    }
    .social-links-header {
        top: 7px;
    }
    .social-links.large li a {
        width: 24px;
        height: 24px;
        font-size: 14px
    }
    .social-links.large li a i {
        font-size: 12px;
    }
}

.social-links.animated-effect-1 li.twitter a:hover {
    border-color: #55acee
}

.btn.twitter, .colored.social-links li.twitter a, .social-links.animated-effect-1 li.twitter a:after, .social-links:not(.animated-effect-1) li.twitter a:hover {
    background-color: #55acee;
    border-color: #55acee;
    color: #fff
}

.social-links.animated-effect-1 li.skype a:hover {
    border-color: #00aff0
}

.btn.skype, .colored.social-links li.skype a, .social-links.animated-effect-1 li.skype a:after, .social-links:not(.animated-effect-1) li.skype a:hover {
    background-color: #00aff0;
    border-color: #00aff0;
    color: #fff
}

.social-links.animated-effect-1 li.linkedin a:hover {
    border-color: #0976b4
}

.btn.linkedin, .colored.social-links li.linkedin a, .social-links.animated-effect-1 li.linkedin a:after, .social-links:not(.animated-effect-1) li.linkedin a:hover {
    background-color: #0976b4;
    border-color: #0976b4;
    color: #fff
}

.social-links.animated-effect-1 li.googleplus a:hover {
    border-color: #dd4b39
}

.btn.googleplus, .colored.social-links li.googleplus a, .social-links.animated-effect-1 li.googleplus a:after, .social-links:not(.animated-effect-1) li.googleplus a:hover {
    background-color: #dd4b39;
    border-color: #dd4b39;
    color: #fff
}

.social-links.animated-effect-1 li.youtube a:hover {
    border-color: #b31217
}

.btn.youtube, .colored.social-links li.youtube a, .social-links.animated-effect-1 li.youtube a:after, .social-links:not(.animated-effect-1) li.youtube a:hover {
    background-color: #b31217;
    border-color: #b31217;
    color: #fff
}

.social-links.animated-effect-1 li.flickr a:hover {
    border-color: #ff0084
}

.social-links.animated-effect-1 li.slideshare a:hover {
    border-color: #00aff0
}

.btn.slideshare, .colored.social-links li.slideshare a, .social-links.animated-effect-1 li.slideshare a:after, .social-links:not(.animated-effect-1) li.slideshare a:hover {
    background-color: #00aff0;
    border-color: #00aff0;
    color: #fff;
}

.btn.flickr, .colored.social-links li.flickr a, .social-links.animated-effect-1 li.flickr a:after, .social-links:not(.animated-effect-1) li.flickr a:hover {
    background-color: #ff0084;
    border-color: #ff0084;
    color: #fff
}

.social-links.animated-effect-1 li.facebook a:hover {
    border-color: #3b5998
}

.btn.facebook, .colored.social-links li.facebook a, .social-links.animated-effect-1 li.facebook a:after, .social-links:not(.animated-effect-1) li.facebook a:hover {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.social-links.animated-effect-1 li.pinterest a:hover {
    border-color: #cb2027
}

.btn.pinterest, .colored.social-links li.pinterest a, .social-links.animated-effect-1 li.pinterest a:after, .social-links:not(.animated-effect-1) li.pinterest a:hover {
    background-color: #cb2027;
    border-color: #cb2027;
    color: #fff
}

.social-links.animated-effect-1 li.instagram a:hover {
    border-color: #517fa4
}

.btn.instagram, .colored.social-links li.instagram a, .social-links.animated-effect-1 li.instagram a:after, .social-links:not(.animated-effect-1) li.instagram a:hover {
    background-color: #517fa4;
    border-color: #517fa4;
    color: #fff
}

.social-links.animated-effect-1 li.vimeo a:hover {
    border-color: #aad450
}

.btn.vimeo, .colored.social-links li.vimeo a, .social-links.animated-effect-1 li.vimeo a:after, .social-links:not(.animated-effect-1) li.vimeo a:hover {
    background-color: #aad450;
    border-color: #aad450;
    color: #fff
}

.social-links.animated-effect-1 li.tumblr a:hover {
    border-color: #32506d
}

.btn.tumblr, .colored.social-links li.tumblr a, .social-links.animated-effect-1 li.tumblr a:after, .social-links:not(.animated-effect-1) li.tumblr a:hover {
    background-color: #32506d;
    border-color: #32506d;
    color: #fff
}

.social-links.animated-effect-1 li.soundcloud a:hover {
    border-color: #ff3a00
}

.btn.soundcloud, .colored.social-links li.soundcloud a, .social-links.animated-effect-1 li.soundcloud a:after, .social-links:not(.animated-effect-1) li.soundcloud a:hover {
    background-color: #ff3a00;
    border-color: #ff3a00;
    color: #fff
}

.social-links.animated-effect-1 li.foursquare a:hover {
    border-color: #0072b1
}

.btn.foursquare, .colored.social-links li.foursquare a, .social-links.animated-effect-1 li.foursquare a:after, .social-links:not(.animated-effect-1) li.foursquare a:hover {
    background-color: #0072b1;
    border-color: #0072b1;
    color: #fff
}

.social-links.animated-effect-1 li.dribbble a:hover {
    border-color: #ea4c89
}

.btn.dribbble, .colored.social-links li.dribbble a, .social-links.animated-effect-1 li.dribbble a:after, .social-links:not(.animated-effect-1) li.dribbble a:hover {
    background-color: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

.social-links.animated-effect-1 li.behance a:hover, .social-links.animated-effect-1 li.xing a:hover {
    border-color: #126567
}

.btn.xing, .colored.social-links li.xing a, .social-links.animated-effect-1 li.xing a:after, .social-links:not(.animated-effect-1) li.xing a:hover {
    background-color: #126567;
    border-color: #126567;
    color: #fff
}

.btn.behance, .colored.social-links li.behance a, .social-links.animated-effect-1 li.behance a:after, .social-links:not(.animated-effect-1) li.behance a:hover {
    background-color: #053eff;
    border-color: #053eff;
    color: #fff
}

.social-links.animated-effect-1 li.vine a:hover {
    border-color: #126567
}

.btn.vine, .colored.social-links li.vine a, .social-links.animated-effect-1 li.vine a:after, .social-links:not(.animated-effect-1) li.vine a:hover {
    background-color: #00a478;
    border-color: #00a478;
    color: #fff
}

.social-links.animated-effect-1 li.stumbleupon a:hover {
    border-color: #126567
}

.btn.stumbleupon, .colored.social-links li.stumbleupon a, .social-links.animated-effect-1 li.stumbleupon a:after, .social-links:not(.animated-effect-1) li.stumbleupon a:hover {
    background-color: #f74425;
    border-color: #f74425;
    color: #fff
}

.social-links .dropdown>button {
    padding: 1px 15px 0;
    font-size: 16px;
    color: #999;
    text-align: center;
    min-width: 0;
    margin: 0;
    background-color: transparent;
    -moz-box-shadow: none!important;
    -o-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

@media (max-width:767px) {
    .social-links .dropdown>button {
        font-size: 14px;
    }
}

.social-links .dropdown>button i {
    width: 15px
}

.header-top:not(.dark) .social-links .dropdown.open>button>i:before {
    color: #2b77bc
}

.header-top.colored .social-links .dropdown.open>button>i:before, .header-top.colored .social-links .dropdown>button>i:before, .social-links .dropdown-menu li a:hover i {
    color: #fff
}

.header-top .social-links .dropdown.open>button>i:before {
    content: "\f00d"
}

.social-links .dropdown-menu {
    z-index: 103;
    padding: 5px;
    min-width: 80px;
    margin-top: 0px;
    font-size: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f2f2f2;
    border: 1px solid #D0D0D0;
    border-top: none
}

.colored .social-links .dropdown-menu li a i, .dark .social-links .dropdown-menu li a i, .social-links .dropdown-menu li a {
    padding: 0;
    line-height: 30px;
    color: #fff
}

.social-links .dropdown-menu li a i {
    padding-left: 0
}

.transparent-header .header-dropdown-buttons .btn-group>.btn {
    background-color: transparent;
    border: 1px solid #999;
    color: #000
}

.header-dropdown-buttons .btn-group:first-child {
    margin-right: 5px
}

.header-dropdown-buttons .btn-group>.btn {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background-color: #f2f2f2;
    border: 1px solid #e9e9e9;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0
}

.header-dropdown-buttons .btn-group.open>.btn, .header-dropdown-buttons .btn-group>.btn:hover {
    background-color: #2b77bc;
    color: #fff;
    border-color: #2b77bc
}

.header-dropdown-buttons .btn-group .dropdown-menu {
    margin-top: 18px;
    top: 100%;
    border: none;
    border-radius: 0 0 5px 5px
}

.header-dropdown-buttons .btn-group .dropdown-menu, .header-top-dropdown .dropdown-menu {
    z-index: 103;
    padding: 20px;
    min-width: 280px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px
}

.header.centered .header-dropdown-buttons .btn-group .dropdown-menu {
    margin-top: 8px
}

.colored .header-dropdown-buttons .btn-group>.btn, .dark .header-dropdown-buttons .btn-group>.btn {
    background-color: rgba(0, 0, 0, .2);
    border: 1px solid rgba(0, 0, 0, .15);
    text-shadow: 1px 1px rgba(0, 0, 0, .7);
    color: #cdcdcd
}

.colored .header-dropdown-buttons .btn-group.open>.btn, .colored .header-dropdown-buttons .btn-group>.btn:hover, .dark .header-dropdown-buttons .btn-group.open>.btn, .dark .header-dropdown-buttons .btn-group>.btn:hover {
    background-color: rgba(0, 0, 0, .3);
    border: 1px solid rgba(0, 0, 0, .25)
}

.btn-group.open .dropdown-animation {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.header-top-dropdown .dropdown-menu {
    margin-top: 0;
    border: 1px solid #D0D0D0;
    border-top: none;
    background: #f2f2f2;
    font-weight: 400;
    border-radius: 0 0 5px 5px
}

@media (max-width:767px) {
    .header-top-dropdown .dropdown-menu {
        margin-top: 1px;
    }
}

.header-top-dropdown .login-form ul {
    padding-left: 0;
    list-style-position: inside;
    margin: 15px 0 10px
}

.header-top-dropdown .login-form .social-links {
    padding-left: 20px;
    margin: 0
}

.header-top-dropdown .login-form label {
    font-weight: 400
}

.header-top-dropdown a.btn-garage:hover, .header-top-dropdown a.btn-garage:focus {
    text-decoration: none;
}

.header-top-dropdown .btn-garage [class^="flaticon-"]::before, .header-top-dropdown .btn-garage [class*=" flaticon-"]::before, .header-top-dropdown .btn-garage [class^="flaticon-"]::after, .header-top-dropdown .btn-garage [class*=" flaticon-"]::after {
    font-size: 13px;
}

.sidebar .btn-flaticon [class^="flaticon-"]::before, .sidebar .btn-flaticon [class*=" flaticon-"]::before, .sidebar .btn-flaticon [class^="flaticon-"]::after, .sidebar .btn-flaticon [class*=" flaticon-"]::after {
    font-size: 13px;
}

@media (max-width: 359px) {
    .header-top-dropdown .btn-group .btn {
        font-size: 12px;
    }
    .header-top-dropdown .btn-garage [class^="flaticon-"]::before, .header-top-dropdown .btn-garage [class*=" flaticon-"]::before, .header-top-dropdown .btn-garage [class^="flaticon-"]::after, .header-top-dropdown .btn-garage [class*=" flaticon-"]::after {
        font-size: 11px;
    }
    .header-top .header-top-first .btn-group .btn {
        padding: 4px 10px;
    }
}

.header-top-first ul.list-inline {
    margin: 0;
}

.dark.header-top .dropdown-menu {
    border: 1px solid #252a2c;
    border-top: none;
    background: #2e3537
}

.colored.header-top .dropdown-menu {
    border: 1px solid #54A4DE;
    border-top: none;
    background: #54A4DE
}

/*** Search fullscreen ***/

.search-wrapp {
    position: absolute;
    top: 5%;
    left: 0;
}

.search-wrapp .site-slogan {
    font-size: 18.5px;
    margin-top: 6px;
}

.search-fixed-height {
    max-height: 300px;
    overflow-x: auto;
    overflow-y: scroll;
    background: #fff;
    padding: 0;
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

ul.search-list {
    background: #fff;
    margin-bottom: 0;
}

ul.search-list li a {
    padding: 10px 15px;
    display: block;
    color: #777;
}

ul.search-list li a:hover {
    background: #fafafa;
    text-decoration: none;
    color: #2b77bc;
}

.search-cat-title {
    padding: 10px 15px;
    background: #f2f2f2;
    text-transform: uppercase;
}

.search-cat-title span {
    display: inline-block;
}

.search-cat-title .show-all {
    float: right;
    margin-top: 3px;
}

.search-cat-title .show-all a {
    padding: 0;
    color: #777;
    font-size: 13px;
    text-transform: none;
}

.search-cat-title .show-all a:hover {
    background: transparent;
    color: #2b77bc;
}

#search .form-control::-moz-placeholder {
    color: #CFCFCF;
}

#search .form-control:-ms-input-placeholder {
    color: #CFCFCF;
}

#search .form-control::-webkit-input-placeholder {
    color: #CFCFCF;
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #fcfcfc;
    z-index: 9999;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

#search input[type="search"] {
    position: relative;
    width: 100%;
    background: #fff;
    height: auto;
    font-size: 30px;
    font-weight: 300;
    text-align: left;
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    margin: 0px auto;
    margin-top: 0;
    padding-left: 55px;
    padding-right: 30px;
    outline: none;
}

#search .form-control-feedback {
    width: 55px;
    height: 55px;
    line-height: 55px!important;
    font-size: 24px;
    left: 0;
    color: #B0B0B0
}

#search .btn {
    position: relative;
    margin: 0 auto;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #004b90;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    border: 1px solid #ddd;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
    line-height: 1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#search .close:hover {
    color: #2b77bc;
}

/*** Search fullscreen end ***/

.search-box .form-group {
    margin-bottom: 0
}

.header-top .btn-group {
    margin: 0
}

.header-top .btn-group .btn {
    margin: 0;
    text-decoration: none;
    border-radius: 0;
    padding: 7px 10px;
}

.header-top .btn-group .btn-default-transparent {
    border: 0;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
}

.header-top .btn-group .btn-default-transparent.active, .header-top .btn-group .btn-default-transparent.focus, .header-top .btn-group .btn-default-transparent:active, .header-top .btn-group .btn-default-transparent:focus, .header-top .btn-group .btn-default-transparent:hover, .header-top .btn-group .open>.dropdown-toggle.btn-default-transparent {
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    border: 0;
}

ul.user-info, ul.language {
    padding-left: 0;
}

ul.user-info li, ul.language li {
    list-style: none;
}

ul.language li a, ul.user-info li a {
    color: #333
}

ul.user-info li a:hover, ul.language li a:hover {
    color: #2b77bc;
    text-decoration: none;
}

ul.user-info li .label.label-default-transparent {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    padding: 5px;
    font-size: 14px;
}

@media (max-width:480px) {
    .header-top-dropdown .btn-group {
        position: static
    }
    .header-top-dropdown .dropdown-menu {
        right: 15px!important;
        margin-top: 2px;
        width: 100%
    }
}

.dark.btn-group .dropdown-menu {
    background-color: #333;
    border: 1px solid #424242;
    border-bottom: none
}

.dark.btn-group .dropdown-menu .divider {
    background-color: #505050
}

.dark.btn-group .dropdown-menu>li>a, .dark.btn-group .mega-menu .menu>li>a {
    color: #ccc;
    border-bottom: 1px solid #424242;
    text-shadow: 1px 1px rgba(0, 0, 0, .7)
}

.dark.btn-group .dropdown-menu>.active>a, .dark.btn-group .dropdown-menu>.active>a:focus, .dark.btn-group .dropdown-menu>.active>a:hover, .dark.btn-group .dropdown-menu>li>a:focus, .dark.btn-group .dropdown-menu>li>a:hover, .dark.btn-group .nav .open>a, .dark.btn-group .nav .open>a:focus, .dark.btn-group .nav .open>a:hover {
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    border-color: #424242
}

.dark.btn-group .dropdown .dropdown>a:before {
    color: #ccc;
    top: 13px
}

.dark.btn-group .dropdown .dropdown.open>a:before {
    color: #fff
}

.form-block {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 730px
}

.form-block .social-links {
    display: inline-block;
    margin: 0 0 0 5px
}

.form-block ul {
    padding-left: 0;
    list-style-position: inside
}

.light-gray-bg.form-block, .light-gray-bg.form-block a, .light-gray-bg.form-block a:hover, .light-gray-bg.form-block h2 {
    color: #777
}

.ad-submit-box {
    font-size: 13px;
}

.ad-submit-box .light-gray-bg {
    background-color: rgba(255, 255, 255, .9);
}

.ad-submit-box .collapse-style-1 .panel-heading a:not(.collapsed) {
    color: #333;
}

.ad-submit-box .panel-group .panel-default {
    margin-bottom: 20px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.ad-submit-box .light-gray-bg.form-block a, .ad-submit-box .light-gray-bg.form-block a:hover {
    color: #333;
}

.ad-submit-box .form-block {
    border-radius: 0;
}

.ad-submit-box .collapse-style-1 .panel-heading, .ad-submit-box .collapse-style-1 .panel-body {
    background-color: #fff;
}

.ad-submit-box .light-gray-bg.form-block {
    color: #333;
}

.ad-submit-box .selectize-control.selectized.single .selectize-input {
    border-color: #ccc;
}

.light-gray-bg.form-block a:hover {
    color: #2b77bc;
    background-color: #e2e2e2;
}

.ad-submit-box .checkbox label {
    padding-left: 0px;
}

.ad-submit-box .radio-inline, .ad-submit-box .radio-inline+.radio-inline {
    margin-left: 10px;
}

.ad-submit-box .light-gray-bg.form-block label a {
    color: #2b77bc;
}

.ad-submit-box .light-gray-bg.form-block label a:hover {
    color: #2b77bc;
    text-decoration: underline;
    background-color: transparent;
}

.terms-conditions {
    font-size: 15px;
}

.submit-alert {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
}

.gradient-bg {
    background: #6f0000;
    background: -moz-linear-gradient(top, #6f0000 0%, #6f0000 51%, #200122 100%);
    background: -webkit-linear-gradient(top, #6f0000 0%, #6f0000 51%, #200122 100%);
    background: linear-gradient(to bottom, #6f0000 0%, #6f0000 51%, #200122 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f0000', endColorstr='#200122', GradientType=0);
}

@media (max-width:767px) {
    .form-block {
        width: 90%
    }
}

ul.tweets {
    list-style: none;
    padding: 0
}

ul.tweets li {
    margin-bottom: 20px;
    position: relative;
    padding-left: 35px
}

ul.tweets li i {
    position: absolute;
    top: 4px;
    left: 0;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #777
}

ul.tweets li p {
    margin-bottom: 5px
}

ul.tweets li span {
    font-size: 12px;
    color: #777
}

.intro-featured a {
    text-decoration: none;
}

.dark-translucent-bg.intro-featured {
    color: #000;
}

.intro-featured.dark-translucent-bg a:not(.btn) {
    color: #000;
}

.intro-featured .title-deal-of-the-day a {
    color: #000;
}

.intro-featured .title-deal-of-the-day a:hover {
    color: #2b77bc;
}

.intro-featured .deal-of-the-day .price {
    font-size: 18px;
    margin-top: 1px;
    background-color: #f1f1f1;
    padding: 5px 10px;
    display: inline-block;
    font-weight: 400;
}

.intro-featured .deal-of-the-day .price.special {
    background-color: gold;
    padding: 5px 10px;
    color: #000;
}

.intro-featured .deal-of-the-day .elements-list .icons {
    float: right;
    font-size: 30px;
}

.intro-featured .media-left [class^="icon-"]::before, .intro-featured .media-left [class*=" icon-"]::before {
    font-size: 30px;
}

.intro-featured .media-left [class^="flaticon-"]::before, .intro-featured .media-left [class*=" flaticon-"]::before, .intro-featured .media-left [class^="flaticon-"]::after, .intro-featured .media-left [class*=" flaticon-"]::after {
    font-size: 40px;
}

.intro-featured p {
    color: #333;
    font-weight: 400;
}

.intro-featured .media {
    background-color: #f1f1f1;
    padding: 10px;
}

.intro-featured .media-left {
    vertical-align: middle;
    color: #333;
}

.intro-featured .media-body {
    padding-right: 70px;
}

.intro-featured .media-right {
    position: absolute;
    top: 15px;
    right: 10px;
    padding-left: 0;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
}

.intro-featured .media-right p {
    position: relative;
    top: 10px;
}

.intro-featured .media-right.yellow {
    background-color: gold;
}

.intro-featured .media-right.turquoise {
    background-color: #30D7BB;
}

.intro-featured .media-right.azure {
    background-color: #55EEF6;
}

.intro-featured .media-right .price {
    font-weight: 600;
    color: #000;
}

.intro-featured h2.title {
    margin-bottom: 0;
}

.intro-featured h3.media-heading {
    font-size: 16px;
    height: 50px;
    color: #333;
    text-transform: none;
}

@media (min-width:992px) and (max-width:1199px) {
    .intro-featured h3.media-heading {
        height: 70px;
    }
}

@media (min-width:320px) and (max-width:360px) {
    .intro-featured h3.media-heading {
        height: 70px;
    }
}

.sorting-filters .toggle-detail-filter .btn {
    margin: 0;
    color: #fff;
    font-weight: 400;
}

.media {
    margin-top: 0;
    margin-bottom: 15px
}

.media img {
    max-width: none
}

.block .media img, .footer-content .media img {
    width: 60px
}

.media-heading {
    margin-bottom: 0
}

h6.media-heading {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 13px;
}

.media:hover .icon {
    background-color: transparent;
    color: #2b77bc;
    border: 1px solid #2b77bc
}

.dark-bg .media:hover .icon {
    border-color: #cdcdcd;
    color: #cdcdcd
}

.media:hover .icon:after {
    content: "";
    border-color: transparent
}

.testimonial {
    padding: 20px 0
}

.testimonial blockquote {
    margin: 0
}

.testimonial .separator {
    margin: 15px auto 5px
}

.testimonial-image {
    width: 90px;
    margin: 0 auto
}

.m-za
{
    margin: 0 auto;
}

.testimonial-info-1 {
    font-size: 12px
}

.testimonial-info-2 {
    font-size: 12px;
    font-weight: 400
}

.testimonial h3 {
    margin-bottom: 0;
    margin-top: 15px
}

.testimonial p {
    margin-bottom: 15px
}

.testimonial-section h3 {
    font-size: 25px;
    font-weight: 300;
}

.clients-container {
    text-align: center
}

.clients {
    margin: 10px auto;
}

.clients .client-image {
    text-align: center;
    width: 120px;
    height: 120px;
    margin: 5px;
    display: inline-block
}

.clients img {
    margin: 0 auto;
}

.owl-carousel.clients .owl-item img {
    max-width: 100%;
}

.owl-carousel.clients .owl-item img.fixed-width-100 {
    max-width: 100px;
    position: relative;
    top: 10px;
}

.owl-carousel.clients .owl-item img.fixed-width-80 {
    max-width: 80px;
    position: relative;
    top: 20px;
}

.owl-carousel.clients {
    text-align: center;
}

.full-width-section {
    position: relative
}

.full-text-container {
    position: absolute;
    top: 30%;
    padding: 20px 40px;
    z-index: 2
}

.full-image-overlay {
    display: none;
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 10%;
    margin-top: -133px;
    color: #fff;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.full-image-overlay h3 {
    color: #fff
}

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

@media (min-width:1200px) {
    .full-width-section {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%
    }
    .full-width-section.no-image {
        min-height: 400px
    }
    .full-image-container {
        width: 50%;
        display: table-cell;
        position: relative;
        overflow: hidden
    }
    .full-image-overlay {
        display: block;
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .full-image-container:before {
        content: '';
        position: absolute;
        top: 5%;
        right: 0;
        width: 50%;
        height: 90%;
        background-color: rgba(55, 55, 55, .6);
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    .full-text-container+.full-image-container:before {
        right: auto;
        left: 0
    }
    .full-width-section .full-image-container.hovered:before, .full-width-section:hover .full-image-container:before {
        width: 90%;
        right: 5%;
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
    .full-width-section .full-text-container+.full-image-container.hovered:before, .full-width-section:hover .full-text-container+.full-image-container:before {
        right: auto;
        left: 5%
    }
    .full-width-section .hovered .full-image-overlay, .full-width-section:hover .full-image-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }
    .full-text-container {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        padding: 0 50px;
        position: static
    }
    .full-text-container * {
        max-width: 700px
    }
    .full-text-container.left {
        text-align: right
    }
    .full-text-container.left * {
        margin-left: auto
    }
    .full-text-container p {
        margin-bottom: 10px
    }
}

@media (max-width:1199px) {
    .no-image .full-text-container {
        position: static;
        display: block
    }
    .full-width-section:not(.no-image) .full-text-container.dark-bg {
        background-color: rgba(0, 0, 0, .8);
        width: 100%
    }
    .full-width-section:not(.no-image) .full-text-container.light-gray-bg {
        background-color: rgba(255, 255, 255, .8);
        color: #000;
        border-top: none;
        border-bottom: none;
        width: 100%
    }
    .full-width-section:not(.no-image) .full-text-container.default-bg {
        background-color: rgba(9, 175, 223, .6);
        width: 100%
    }
    .full-width-section .to-right-block, .full-width-section img {
        margin: 0 auto
    }
}

@media (max-width:991px) {
    .full-width-section:not(.no-image) .full-text-container {
        top: 0;
        height: 100%;
        padding: 0 20px
    }
    .full-text-container h1 {
        font-size: 28px
    }
}

@media (max-width:480px) {
    .full-text-container {
        position: static;
        padding: 20px!important
    }
}

.call-to-action a, .call-to-action h1 {
    margin: 0
}

.call-to-action p {
    margin-bottom: 10px
}

@media (max-width:767px) {
    .call-to-action .text-right {
        text-align: left
    }
}

.form-newsletter {
    text-align: right;
    float: right;
    margin-top: 10px;
}

.contact-form label {
    font-size: 20px;
}

.form-horizontal .control-label {
    padding-top: 10px;
}

.contact-form .form-control {
    height: 50px;
    box-shadow: 0 0 0;
    border-radius: 0;
    border-color: #000;
    font-size: 18px;
}

.contact-form textarea.form-control {
    height: auto;
}

.contact-form .form-group {
    margin-bottom: 30px;
}

.form-newsletter .form-control {
    width: 25vw;
    height: 50px;
    box-shadow: 0 0 0;
    border-radius: 0;
    border-color: #000;
}

.form-newsletter .form-group {
    margin-bottom: 0;
}

.form-newsletter .btn {
    margin-top: 20px;
    margin-bottom: 0;
}

.newsletter .form-group {
    margin-bottom: 20px;
}

@media (max-width:767px) {
    .form-newsletter {
        float: none;
    }
    .form-newsletter .form-control {
        width: 100%;
    }
    .newsletter .form-group {
        width: 280px;
        margin: 0 auto 20px;
    }
}

.owl-pagination, .plan, .popover, .scrollToTop {
    text-align: center
}

.counter-box {
    text-align: center;
}

.counter-box h3 a {
    text-decoration: none!important;
}

@media (max-width:991px) {
    .counter-box {
        margin-bottom: 40px;
    }
}

.counter {
    display: block;
    font-size: 32px;
    line-height: 1
}

.pricing-tables {
    margin: 60px 0 0
}

.plan {
    margin-bottom: 40px!important
}

.plan.round-corners .header {
    -webkit-border-radius: 25px 25px 0 0;
    -moz-border-radius: 25px 25px 0 0;
    border-radius: 25px 25px 0 0
}

.plan.round-corners ul, .plan.round-corners ul li:last-child {
    -webkit-border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    border-radius: 0 0 25px 25px
}

.plan .header {
    padding: 0;
    margin: 0 -1px;
    border: none
}

.plan .header h3 {
    font-size: 36px;
    margin: 0;
    line-height: 36px;
    font-weight: 300;
    padding: 15px 0 10px;
    border: 1px solid rgba(0, 0, 0, .05);
    border-top: none
}

.plan .header .price {
    font-size: 28px;
    padding: 8px 0 10px;
    font-weight: 300;
    background-color: rgba(255, 255, 255, .1);
    border: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(255, 255, 255, .15);
    line-height: 1;
    color: #fff
}

.plan ul {
    margin: 0;
    padding: 0;
    font-size: 14px;
    list-style: none
}

.plan ul li {
    padding: 12px 0;
    font-size: 13px;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #fff;
    color: #333
}

.best-value.plan ul li {
    padding: 15px 0
}

.plan ul li a.pt-popover {
    color: #000;
    border-bottom: 1px dashed #000;
    position: relative
}

.plan ul li a.pt-popover:after {
    position: absolute;
    top: 0;
    left: -15px;
    font-family: FontAwesome;
    content: "\f059";
    color: #ddd;
    font-size: 12px
}

.popover {
    width: 250px;
    font-size: 13px;
    border: none
}

.popover-title {
    background-color: #2b77bc;
    color: #fff;
    text-shadow: none;
    font-size: 13px
}

.popover-content {
    font-size: 12px
}

.circle-head .plan .header {
    border: none;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    margin: 20px auto;
    padding: 10px 0
}

.circle-head .plan .header h3 {
    font-size: 26px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-top: 27px
}

.circle-head .plan .header .price {
    height: 80px;
    border: none;
    padding-top: 15px;
    font-size: 22px;
    border-top: 1px solid rgba(255, 255, 255, .15)
}

.stripped .plan ul {
    -webkit-box-shadow: 0 -15px 32px 0 #cacaca inset;
    -moz-box-shadow: 0 -15px 32px 0 #cacaca inset;
    box-shadow: 0 -15px 32px 0 #cacaca inset;
    background: #fdfdfd
}

.stripped .plan ul li {
    border: 1px solid #ececec;
    border-top: none;
    color: #666
}

.stripped .plan ul li:nth-child(even) {
    -webkit-box-shadow: 0 0 40px #e4e4e4 inset;
    -moz-box-shadow: 0 0 40px #e4e4e4 inset;
    box-shadow: 0 0 40px #e4e4e4 inset;
    background: #fff;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2
}

@media (min-width:768px) {
    .best-value.plan {
        top: -30px;
        position: relative;
        z-index: 2
    }
}

#map-canvas {
    height: 450px
}

#map-canvas.small {
    height: 280px
}

#map-canvas.map-footer {
    height: 400px
}

#contact-map-canvas {
    height: 423px;
}

#collapseMap {
    height: 0;
    -webkit-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out
}

#collapseMap.in {
    height: 450px
}

.footer-content #map-canvas {
    height: 300px
}

#map-canvas img {
    max-width: inherit
}

@media (max-width:1199px) {
    #map-canvas.map-footer {
        height: 400px
    }
}

.tags-cloud {
    font-size: 0
}

.tag {
    display: inline-block;
    margin: 0 3px 3px 0
}

.tag a {
    padding: 3px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 11px;
    background-color: #2b77bc;
    border: 1px solid #2b77bc
}

.tag a:hover {
    color: #2b77bc;
    background-color: #fff;
    border-color: #2b77bc
}

.dark .tag a {
    color: #333;
    background-color: transparent;
    border: 1px solid #e1e1e1
}

.dark .tag a:hover {
    color: #333;
    background-color: #f2f2f2;
    border-color: #e1e1e1
}

.icons-block i {
    display: inline-block;
    font-size: 30px;
    color: #999
}

.isotope-container, .isotope-container-fitrows, .scrollToTop, .slider-banner-container ul.slides {
    display: none
}

@media(min-width: 1200px) {
    .filter-nav-container {
        width: 1140px;
        margin: 0 auto;
    }
}

@media(min-width: 992px) and (max-width:1199px) {
    .filter-nav-container {
        width: 940px;
        margin: 0 auto;
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .filter-nav-container {
        width: 720px;
        margin: 0 auto;
    }
}

.filter-nav .badge {
    background-color: #fff;
    color: #333;
    border-radius: 4px;
    margin-left: 10px!important;
}

.filter-nav .nav-pills>li>a.btn-default {
    color: #fff;
    font-weight: 600;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.filter-nav .nav-pills {
    background-color: #2b77bc;
}

.filter-nav .nav-pills>li>a {
    background-color: rgba(0, 0, 0, .1);
}

.filter-nav .nav-pills>li>a.btn {
    background-color: #373737;
}

.filter-nav .nav-pills>li.active>a, .filter-nav .nav-pills>li.active>a:focus, .filter-nav .nav-pills>li.active>a:hover, .filter-nav .nav-pills>li>a:focus, .filter-nav .nav-pills>li>a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

.filter-nav .nav-pills li.active .badge {
    color: #333;
}

.filter-nav .nav-pills>li>a.btn:hover, .filter-nav .nav-pills>li>a.btn:focus {
    background-color: #373737;
}

.filter-nav .nav-pills>li>a.btn-default.btn-animated i {
    line-height: 30px;
}

.filter-nav [class^="flaticon-"]::before, .filter-nav [class*=" flaticon-"]::before, .filter-nav [class^="flaticon-"]::after, .filter-nav [class*=" flaticon-"]::after {
    font-size: inherit;
}

.filter-nav .nav-pills>li>a.btn-default.btn-animated::after {
    background-color: transparent;
}

.filter-nav.affix .nav-pills>li>a {
    color: #fff;
}

.filter-nav.affix .nav-pills>li.active>a, .filter-nav.affix .nav-pills>li.active>a:focus, .filter-nav.affix .nav-pills>li.active>a:hover, .filter-nav.affix .nav-pills>li>a:focus, .filter-nav.affix .nav-pills>li>a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .3);
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

.filter-nav.affix .nav-pills>li>a.btn:hover, .filter-nav.affix .nav-pills>li>a.btn:focus {
    background-color: #373737;
}

.filter-nav.affix .nav-pills>li>a.btn-default.btn-animated::after {
    background-color: #2b77bc;
}

.filter-nav-affix-fix {
    min-height: 111px;
}

.filter-nav-affix-fix .filter-nav.affix {
    min-height: 35px;
}

.vehicle-price-affix-fix {
    min-height: 100px!important
}

.vehicle-price-affix-fix.affix {
    min-height: 100px;
}

.vehicle-price.affix {
    background-color: #f2f2f2;
    top: 35px;
    left: 0;
    width: 100%;
    z-index: 999;
}

.filter-nav.affix, .sidebar.affix {
    position: static
}

@media (min-width:992px) and (max-width:1199px) {
    .filter-nav .nav-pills>li>a {
        font-size: 12px;
        padding: 7px 4px;
    }
    .col-sm-5 .sidebar.affix {
        width: 361.6px;
    }
    .sidebar .ad-inner-box h2 {
        font-size: 18px;
    }
}

@media (min-width:992px) {
    .col-md-4 .sidebar.affix, .col-md-4 .sidebar.affix-bottom {
        width: 293px
    }
    .col-md-3 .sidebar.affix, .col-md-3 .sidebar.affix-bottom {
        width: 213px
    }
    .filter-nav.affix {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        /*background-color: rgba(32, 107, 164, .95); rgba(32, 107, 164, .95) - rgba(84, 164, 222, 1)*/
        background: rgba(30, 60, 114, .95);
        /* fallback for old browsers */
        background: -webkit-linear-gradient(to left, rgba(30, 60, 114, .95), rgba(42, 82, 152, .95));
        /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to left, rgba(30, 60, 114, .95), rgba(42, 82, 152, .95));
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        z-index: 1001;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDownSmall;
        animation-name: fadeInDownSmall;
        -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.3);
    }
    .filter-nav.affix .nav-pills:not(.nav-stacked) {
        margin-bottom: 0;
    }
    .filter-nav.affix .affix-menu {
        padding-top: 0;
    }
    .sidebar.affix {
        position: fixed;
        top: 45px;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDownSmall;
        animation-name: fadeInDownSmall
    }
    .fixed-filter-nav-on .filter-nav.affix {
        top: 0px;
    }
    .fixed-header-on .sidebar.affix {
        top: 65px
    }
    .blog-sidebar-affix.affix {
        top: 15px;
        background-color: #fff;
        padding: 10px;
        margin-bottom: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    }
    .sidebar.affix-bottom {
        position: absolute;
        width: calc(100% - 30px);
    }
    .sidebar.affix .affix-menu, .sidebar.affix-bottom .affix-menu {
        margin-top: 0;
        margin-bottom: 0
    }
    .affix-menu {
        padding-top: 0px;
    }
    h3.title~.affix-menu {
        padding-top: 0
    }
}

@media (min-width:1200px) {
    .col-md-4 .sidebar.affix, .col-md-4 .sidebar.affix-bottom {
        width: 390px
    }
    .col-md-3 .sidebar.affix, .col-md-3 .sidebar.affix-bottom {
        width: 263px
    }
    .col-sm-5 .sidebar.affix {
        width: 445px;
    }
}

.scrollToTop {
    color: #fff;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 1);
    z-index: 1005;
    border-radius: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.slider-banner-container, .slider-banner-fullscreen, .slider-banner-fullwidth {
    width: 100%;
    position: relative
}

.scrollToTop i {
    line-height: 50px;
    font-size: 24px
}

.scrollToTop:hover {
    background-color: rgba(0, 0, 0, 1);
    color: #FFC56E;
}

@media (max-width:767px) {
    .scrollToTop {
        width: 40px;
        height: 40px;
        background-color: rgba(0, 0, 0, 1);
    }
    .scrollToTop i {
        line-height: 40px;
        font-size: 20px
    }
}

.large_dark, .large_white, .xlarge_dark, .xlarge_white {
    font-family: Raleway, sans-serif;
    line-height: 1.2
}

.slider-banner-container {
    padding: 0
}

.tp-loader.spinner2 {
    background-color: #999
}

.tp-caption {
    z-index: 5
}

.tp-caption a, .tp-caption a:hover {
    color: #fff
}

.tp-caption a.btn-gray, .tp-caption a.btn-gray:hover {
    color: #333
}

.slideshow .dark-translucent-bg, .slideshow .light-translucent-bg {
    border-top: none;
    border-bottom: none;
    position: absolute;
    left: 0;
    top: 0!important;
    width: 100%;
    height: 100%
}

.slideshow .dark-translucent-bg {
    background-color: rgba(0, 0, 0, .4)
}

.slideshow .light-translucent-bg {
    background-color: rgba(255, 255, 255, .4)
}

.slideshow .dark-translucent-bg:after, .slideshow .light-translucent-bg:after {
    background-color: transparent
}

.xlarge_white {
    font-size: 68px;
    font-weight: 400;
    color: #fff
}

.medium_white, .small_white {
    color: #fff;
    font-weight: 300
}

.large_white {
    font-size: 42px;
    color: #fff
}

.medium_white {
    font-size: 24px
}

.small_white {
    font-size: 16px
}

.small_dark, .tp-caption.medium_dark, .xlarge_dark {
    color: #333;
    font-weight: 400
}

.xlarge_dark {
    font-size: 68px
}

.large_dark {
    font-size: 42px;
    color: #333
}

.tp-caption.medium_dark {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.4583
}

.small_dark {
    font-size: 16px
}

.tp-caption .separator, .tp-caption .separator-2, .tp-caption .separator-3 {
    width: 500px
}

.slider-banner-boxedwidth .tp-caption[data-x=left] {
    margin-left: 20px!important
}

.slider-banner-boxedwidth .tp-caption[data-x=right] {
    margin-right: 20px!important
}

@media (max-width:1199px) {
    .tp-caption[data-x=left] {
        margin-left: 20px!important
    }
    .tp-caption[data-x=right] {
        margin-right: 20px!important
    }
}

.tp-caption .btn.moving {
    padding: 10px 0 20px
}

.tp-caption .btn.moving i {
    display: block;
    font-size: 24px;
    line-height: 1px;
    height: 10px;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tp-caption .btn.moving i+i {
    opacity: .66;
    filter: alpha(opacity=66)
}

.tp-caption .btn.moving i+i+i {
    opacity: .33;
    filter: alpha(opacity=33)
}

.moving i+i+i {
    -webkit-animation: opacity_first 2s linear infinite;
    animation: opacity_first 2s linear infinite;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important;
    transition: none!important
}

.moving i+i {
    -webkit-animation: opacity_second 2s linear infinite;
    animation: opacity_second 2s linear infinite;
    transition: none!important
}

.moving i+i, .moving>i {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -ms-transition: none!important
}

.moving>i {
    -webkit-animation: opacity_third 2s linear infinite;
    animation: opacity_third 2s linear infinite;
    transition: none!important
}

@-webkit-keyframes opacity_first {
    0% {
        opacity: .33;
        filter: alpha(opacity=33)
    }
    24.91% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    49.833% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes opacity_first {
    0% {
        opacity: .33;
        filter: alpha(opacity=33)
    }
    24.91% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    49.833% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-webkit-keyframes opacity_second {
    0% {
        opacity: .66;
        filter: alpha(opacity=66)
    }
    16.66% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    41.5833% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes opacity_second {
    0% {
        opacity: .66;
        filter: alpha(opacity=66)
    }
    16.66% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    41.5833% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@-webkit-keyframes opacity_third {
    0% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    33.33% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@keyframes opacity_third {
    0% {
        opacity: 1;
        filter: alpha(opacity=100)
    }
    33.33% {
        opacity: 0;
        filter: alpha(opacity=0)
    }
}

@media (max-width:767px) {
    .tp-caption .separator, .tp-caption .separator-2, .tp-caption .separator-3 {
        width: 250px
    }
    .tp-caption .btn.moving {
        position: absolute;
        bottom: -100px;
        left: 50%;
        margin-left: -18px
    }
}

.tparrows.preview2 {
    background-color: rgba(0, 0, 0, .4);
    color: #fff;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.tp-rightarrow.preview2 {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.tparrows.preview2:hover {
    background-color: rgba(0, 0, 0, .8)
}

.tparrows.preview2:after {
    content: ""
}

.tparrows.preview2:before {
    font-family: fontello;
    content: "\e876";
    color: #fff;
    font-size: 24px;
    line-height: 60px;
    left: 22px;
    position: absolute
}

.tp-rightarrow.preview2:before {
    left: auto;
    content: "\e877";
    right: 22px
}

.tparrows.preview2 .tp-arr-titleholder {
    color: #fff;
    text-transform: none;
    font-weight: 300;
    font-family: Raleway, sans-serif
}

@media (min-width:768px) {
    .tparrows.preview4, .tparrows.preview4 .tp-arr-imgholder, .tparrows.preview4 .tp-arr-imgholder2 {
        height: 200px
    }
    .tparrows.preview4:after {
        line-height: 200px;
        height: 200px
    }
}

@media (max-width:991px) {
    .isotope-item, .masonry-grid-item {
        max-width: 100%
    }
    .tparrows.preview2:before {
        font-size: 18px;
        line-height: 40px;
        left: 15px
    }
    .tp-rightarrow.preview2:before {
        left: auto;
        right: 15px
    }
}

@media (min-width:768px)and (max-width:991px) {
    .tparrows.preview2 {
        min-width: 40px;
        min-height: 40px
    }
    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 12px;
        line-height: 40px;
        letter-spacing: 0
    }
    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 35px
    }
    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 35px
    }
}

@media (max-width:767px) {
    .tparrows.preview2:before {
        font-size: 16px;
        line-height: 30px;
        left: 10px
    }
    .tp-rightarrow.preview2:before {
        left: auto;
        right: 10px
    }
}

.tp-bullets.preview2 .bullet, .tp-bullets.preview4 .bullet {
    background: rgba(0, 0, 0, .6)!important;
    border: none!important;
    width: 10px!important;
    height: 10px!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 1px!important;
    margin-right: 1px!important
}

.tp-bullets.preview2 .bullet.selected, .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview4 .bullet.selected, .tp-bullets.preview4 .bullet:hover {
    background: #000!important;
    border: none!important;
    width: 10px!important;
    height: 10px!important
}

.tp-bannertimer {
    background-image: none;
    background-color: rgba(9, 175, 223, .8);
    z-index: 21;
    display: none;
    height: 2px
}

@media (max-width:991px) {
    .slideshow .icon.large {
        font-size: 24px;
        width: 90px;
        height: 90px;
        line-height: 88px
    }
    .slideshow .icon.small {
        font-size: 15px;
        width: 35px;
        height: 35px;
        line-height: 35px
    }
}

@media (max-width:767px) {
    .slideshow .icon.large {
        font-size: 18px;
        width: 60px;
        height: 60px;
        line-height: 58px
    }
}

@media (max-width:480px) {
    .slideshow .icon.large {
        font-size: 18px;
        width: 35px;
        height: 35px;
        line-height: 33px
    }
}

.owl-carousel {
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}

.container .owl-carousel {
    cursor: default;
    cursor: -moz-default;
    cursor: -webkit-default
}

.content-slider-with-thumbs .owl-nav {
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 10;
}

.content-slider-with-thumbs .owl-nav div {
    display: inline-block;
    font-size: 14px;
    position: absolute;
    text-transform: capitalize;
    font-weight: 300;
    color: transparent;
    background: rgba(226, 31, 38, .7);
    padding: 5px;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.content-slider-with-thumbs .owl-nav div::after {
    font-family: FontAwesome;
    position: absolute;
    font-size: 24px;
    line-height: 1;
    top: 50%;
    margin-top: -12px;
}

.content-slider-with-thumbs .owl-nav .owl-prev {
    left: 0;
    padding-left: 0;
    width: 40px;
    height: 40px;
}

.content-slider-with-thumbs .owl-controls .owl-nav .owl-next {
    right: 0;
    left: auto;
    padding-right: 0;
    width: 40px;
    height: 40px;
}

.content-slider-with-thumbs .owl-nav .owl-prev::after {
    content: "\f104";
    left: 14px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.content-slider-with-thumbs .owl-nav .owl-next::after {
    content: "\f105";
    right: 14px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.content-slider-with-thumbs .owl-controls .owl-dots {
    display: none!important;
}

.carousel-modern-autoplay {
    margin-top: 0;
}

.carousel-modern-autoplay h2 {
    font-size: 16px;
}

.carousel-modern-autoplay a:hover {
    text-decoration: none;
}

.elements-list .icons {
    float: right;
    font-size: 30px;
}

.elements-list .icons .flaticon:before {
    font-size: 40px;
}

@media (max-width:767px) {
    .carousel-modern-autoplay {
        margin-top: 0px;
    }
}

.carousel-modern-autoplay .owl-nav, .carousel-autoplay-intro .owl-nav, .carousel-autoplay .owl-nav, .content-slider-with-controls .owl-nav, .content-slider-with-controls-autoplay .owl-nav {
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 10;
}

.carousel-modern-autoplay .owl-nav div, .carousel-autoplay-intro .owl-nav div, .carousel-autoplay .owl-nav div, .content-slider-with-controls .owl-nav div, .content-slider-with-controls-autoplay .owl-nav div {
    display: inline-block;
    font-size: 14px;
    position: absolute;
    text-transform: capitalize;
    font-weight: 300;
    color: transparent;
    background: transparent;
    padding: 5px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0);
    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0);
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
}

.carousel-modern-autoplay:hover .owl-nav div, .carousel-modern-autoplay:focus .owl-nav div {
    opacity: 1;
}

.carousel-modern-autoplay .owl-nav div:after, .carousel-autoplay-intro .owl-nav div:after, .carousel-autoplay .owl-nav div:after, .content-slider-with-controls .owl-nav div:after, .content-slider-with-controls-autoplay .owl-nav div:after {
    font-family: fontello;
    position: absolute;
    font-size: 40px;
    line-height: 1;
    top: 50%;
    margin-top: -21px
}

.carousel-modern-autoplay .owl-nav .owl-prev, .carousel-autoplay-intro .owl-nav .owl-prev, .carousel-autoplay .owl-nav .owl-prev, .content-slider-with-controls .owl-nav .owl-prev, .content-slider-with-controls-autoplay .owl-nav .owl-prev {
    left: 15px;
    padding-left: 0;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.carousel-modern-autoplay .owl-nav .owl-prev:hover, .content-slider-with-thumbs .owl-nav .owl-prev:hover, .carousel-autoplay-intro .owl-nav .owl-prev:hover, .carousel-autoplay .owl-nav .owl-prev:hover, .content-slider-with-controls .owl-nav .owl-prev:hover, .content-slider-with-controls-autoplay .owl-nav .owl-prev:hover {
    padding-left: 25px;
    padding-right: 10px;
    color: #fff;
    background: transparent;
}

.carousel-modern-autoplay .owl-nav .owl-prev:after, .carousel-autoplay-intro .owl-nav .owl-prev:after, .carousel-autoplay .owl-nav .owl-prev:after, .content-slider-with-controls .owl-nav .owl-prev:after, .content-slider-with-controls-autoplay .owl-nav .owl-prev:after {
    content: "\e876";
    left: 20px;
    color: #000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.carousel-modern-autoplay .owl-nav .owl-prev:hover:after, .content-slider-with-thumbs .owl-nav .owl-prev:hover:after, .carousel-autoplay-intro .owl-nav .owl-prev:hover:after, .carousel-autoplay .owl-nav .owl-prev:hover:after, .content-slider-with-controls .owl-nav .owl-prev:hover:after, .content-slider-with-controls-autoplay .owl-nav .owl-prev:hover:after {
    color: #000;
}

.carousel-modern-autoplay .owl-nav .owl-prev:hover:after, .content-slider-with-thumbs .owl-nav .owl-prev:hover:after, .carousel-autoplay-intro .owl-nav .owl-prev:hover:after, .carousel-autoplay .owl-nav .owl-prev:hover:after, .content-slider-with-controls .owl-nav .owl-prev:hover:after, .content-slider-with-controls-autoplay .owl-nav .owl-prev:hover:after {
    left: 15px
}

.carousel-modern-autoplay .owl-nav .owl-next, .carousel-autoplay-intro .owl-nav .owl-next, .carousel-autoplay .owl-nav .owl-next, .content-slider-with-controls .owl-nav .owl-next, .content-slider-with-controls-autoplay .owl-nav .owl-next {
    right: 15px;
    left: auto;
    padding-right: 0;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.carousel-modern-autoplay .owl-nav .owl-next:hover, .content-slider-with-thumbs .owl-nav .owl-next:hover, .carousel-autoplay-intro .owl-nav .owl-next:hover, .carousel-autoplay .owl-nav .owl-next:hover, .content-slider-with-controls .owl-nav .owl-next:hover, .content-slider-with-controls-autoplay .owl-nav .owl-next:hover {
    padding-right: 25px;
    padding-left: 10px;
    color: #fff;
    background: rgba(250, 250, 250, 0);
}

.carousel-modern-autoplay .owl-nav .owl-next:after, .carousel-autoplay-intro .owl-nav .owl-next:after, .carousel-autoplay .owl-nav .owl-next:after, .content-slider-with-controls .owl-nav .owl-next:after, .content-slider-with-controls-autoplay .owl-nav .owl-next:after {
    content: "\e877";
    right: 20px;
    color: #000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.carousel-modern-autoplay .owl-nav .owl-next:hover:after, .content-slider-with-thumbs .owl-nav .owl-next:hover:after, .carousel-autoplay-intro .owl-nav .owl-next:hover:after, .carousel-autoplay .owl-nav .owl-next:hover:after, .content-slider-with-controls .owl-nav .owl-next:hover:after, .content-slider-with-controls-autoplay .owl-nav .owl-next:hover:after {
    right: 15px;
    color: #000
}

.carousel-modern-autoplay .owl-nav .owl-next:hover:after, .content-slider-with-thumbs .owl-nav .owl-next:hover:after, .carousel-autoplay-intro .owl-nav .owl-next:hover:after .carousel-autoplay .owl-nav .owl-next:hover:after, .content-slider-with-controls .owl-nav .owl-next:hover:after, .content-slider-with-controls-autoplay .owl-nav .owl-next:hover:after {
    right: 15px;
    color: #fff;
}

.container .content-slider-with-large-controls, .container .content-slider-with-large-controls-autoplay {
    margin-bottom: 50px;
    border: 1px solid #f5f5f5
}

.content-slider-with-controls .owl-buttons, .content-slider-with-controls-autoplay .owl-buttons {
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 10
}

.content-slider-with-controls .owl-buttons div, .content-slider-with-controls-autoplay .owl-buttons div {
    display: inline-block;
    font-size: 14px;
    position: absolute;
    text-transform: capitalize;
    font-weight: 300;
    color: transparent;
    background: rgba(0, 0, 0, .5);
    padding: 5px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.content-slider-with-controls .owl-buttons div:after, .content-slider-with-controls-autoplay .owl-buttons div:after {
    font-family: FontAwesome;
    position: absolute;
    font-size: 16px;
    line-height: 1;
    top: 50%;
    margin-top: -8px
}

.content-slider-with-controls .owl-buttons .owl-prev, .content-slider-with-controls-autoplay .owl-buttons .owl-prev {
    left: 0;
    padding-left: 0
}

.content-slider-with-controls .owl-buttons .owl-prev:hover, .content-slider-with-controls-autoplay .owl-buttons .owl-prev:hover {
    padding-left: 25px;
    padding-right: 10px;
    color: #fff
}

.content-slider-with-controls .owl-buttons .owl-prev:after, .content-slider-with-controls-autoplay .owl-buttons .owl-prev:after {
    content: "\f104";
    left: 13px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.content-slider-with-controls .owl-buttons .owl-prev:hover:after, .content-slider-with-controls-autoplay .owl-buttons .owl-prev:hover:after {
    left: 8px
}

.content-slider-with-controls .owl-buttons .owl-next, .content-slider-with-controls-autoplay .owl-buttons .owl-next {
    right: 0;
    left: auto;
    padding-right: 0
}

.content-slider-with-controls .owl-buttons .owl-next:hover, .content-slider-with-controls-autoplay .owl-buttons .owl-next:hover {
    padding-right: 25px;
    padding-left: 10px;
    color: #fff
}

.content-slider-with-controls .owl-buttons .owl-next:after, .content-slider-with-controls-autoplay .owl-buttons .owl-next:after {
    content: "\f105";
    right: 13px;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.content-slider-with-controls .owl-buttons .owl-next:hover:after, .content-slider-with-controls-autoplay .owl-buttons .owl-next:hover:after {
    right: 8px
}

.content-slider-with-large-controls .owl-buttons, .content-slider-with-large-controls-autoplay .owl-buttons {
    width: 100%;
    height: 0;
    position: absolute;
    top: 50%
}

.container .content-slider-with-large-controls .owl-buttons, .container .content-slider-with-large-controls-autoplay .owl-buttons {
    top: auto;
    bottom: -10px
}

.content-slider-with-large-controls .owl-buttons div, .content-slider-with-large-controls-autoplay .owl-buttons div {
    display: inline-block;
    font-size: 18px;
    position: absolute;
    text-transform: capitalize;
    font-weight: 300;
    color: #cdcdcd
}

.content-slider-with-large-controls .owl-buttons div:after, .content-slider-with-large-controls-autoplay .owl-buttons div:after {
    font-family: FontAwesome;
    position: absolute;
    font-size: 16px;
    line-height: 1;
    top: 50%;
    margin-top: -8px
}

.content-slider-with-large-controls .owl-buttons .owl-prev, .content-slider-with-large-controls-autoplay .owl-buttons .owl-prev {
    left: 0;
    padding-left: 30px
}

.content-slider-with-large-controls .owl-buttons .owl-prev:after, .content-slider-with-large-controls-autoplay .owl-buttons .owl-prev:after {
    content: "\f104";
    left: 15px;
    color: #2b77bc
}

.content-slider-with-large-controls .owl-buttons .owl-next, .content-slider-with-large-controls-autoplay .owl-buttons .owl-next {
    right: 0;
    left: auto;
    padding-right: 30px
}

.content-slider-with-large-controls .owl-buttons .owl-next:after, .content-slider-with-large-controls-autoplay .owl-buttons .owl-next:after {
    content: "\f105";
    right: 15px;
    color: #2b77bc
}

.container .content-slider-with-large-controls .owl-buttons .owl-prev, .container .content-slider-with-large-controls-autoplay .owl-buttons .owl-prev {
    padding-left: 15px
}

.container .content-slider-with-large-controls .owl-buttons .owl-prev:after, .container .content-slider-with-large-controls-autoplay .owl-buttons .owl-prev:after {
    left: 0
}

.container .content-slider-with-large-controls .owl-buttons .owl-next, .container .content-slider-with-large-controls-autoplay .owl-buttons .owl-next {
    padding-right: 15px
}

.container .content-slider-with-large-controls .owl-buttons .owl-next:after, .container .content-slider-with-large-controls-autoplay .owl-buttons .owl-next:after {
    right: 0
}

@media (max-width:1199px) {
    .content-slider-with-large-controls .owl-buttons, .content-slider-with-large-controls-autoplay .owl-buttons {
        top: 98%
    }
}

@media (max-width:767px) {
    .carousel-modern-autoplay .owl-nav {
        display: none;
    }
}

.buttons-hide .owl-buttons {
    display: none
}

.owl-pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10
}

.owl-controls .owl-page {
    display: inline-block;
    zoom: 1
}

.owl-controls .owl-page span {
    display: block;
    width: 9px;
    height: 9px;
    margin: 5px 3px;
    opacity: .5;
    filter: alpha(opacity=50);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff
}

.dark-controls .owl-controls .owl-page span {
    background: #333
}

.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel-modern-autoplay .owl-dot, .content-slider-with-controls-autoplay .owl-dot {
    width: 8px;
    height: 8px;
    background-color: #D6DDE3;
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
}

.carousel-modern-autoplay .owl-dots {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
    text-align: center;
}

.sidebar .content-slider-with-controls-autoplay .owl-dot {
    width: 15px;
    height: 15px;
    background-color: #ededed;
    display: inline-block;
    margin-right: 5px;
    border-radius: 0;
}

.content-slider-with-controls-autoplay .owl-dots {
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.carousel-modern-autoplay .owl-dot.active, .content-slider-with-controls-autoplay .owl-dot.active {
    background-color: #000;
}

@media (max-width:767px) {
    .mt-xs-70 {
        margin-top: 70px;
    }
    .owl-controls .owl-page span {
        background: #000
    }
    .header {
        border-top: 0;
        border-bottom: 0;
        background-color: white;
        height: 8vh;
    }
    .navbar-toggle {
        position: absolute;
        right: 0;
        top: 10px;
        background-color: #fff;
    }
    .pl-pr-xs-15 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.navbar-toggle-text {
    position: absolute;
    font-size: 16px;
    right: 65px;
    top: 37px;
    color: #333;
}

@media (max-width:480px) {
    .col-xs-6.br-480 {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .content-slider-with-controls-autoplay .owl-dot {
        width: 10px;
        height: 10px;
    }
}

.ad-inner-box.light-gray-bg {
    background-color: #f2f2f2;
}

.ad-inner-box.light-gray-bg hr {
    border-color: #fff;
}

.ad-inner-box form {
    margin-bottom: 0;
}

.ad-inner-box, .detailed-filter-box {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

@media (max-width:991px) {
    .ad-inner-box {
        margin-top: 20px;
    }
}

#vehicle-price.ad-inner-box {
    background-color: #f2f2f2;
}

.detailed-filter-box .form-control {
    width: 100%;
}

.detailed-filter-box .form-group label {
    font-weight: 600;
}

.detailed-filter-box .form-group .radio-inline label, .detailed-filter-box .form-group .checkbox label {
    font-weight: 400;
}

.detailed-filter-box .checkbox label i:before {
    font-size: 50px;
    color: #2b77bc;
}

.detailed-filter-box .checkbox label i {
    position: absolute;
    top: -15px;
    left: 30px;
}

.detailed-filter-box .checkbox label span {
    padding-left: 60px;
}

.detailed-filter-box .checkbox label span>span {
    padding-left: 0;
}

@media (max-width:1199px) {
    .detailed-filter-box .checkbox label span {
        font-size: 12px;
    }
}

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

@media (max-width:767px) {
    .detailed-filter-box .checkbox label span {
        font-size: inherit;
    }
    .detailed-filter-box .checkbox label i {
        left: 47px;
    }
}

.btn-remove-filter:focus {
    outline: none;
    border: 1px solid #e1e1e1;
}

.btn-remove-filter:hover {
    border: 1px solid #2b77bc;
}

/********** User Profile Nav ***********/

.user-nav {
    border: 0 none;
}

.user-nav .feature-box {
    padding: 30px 20px;
    text-align: center;
    margin-bottom: 0;
}

.user-nav .icon {
    font-size: 20px;
    line-height: 20px;
    width: 40px;
    height: 40px;
    background-color: #969696;
}

.user-nav a:active .feature-box .icon, .user-nav a.active .feature-box .icon, .user-nav a:hover .feature-box .icon {
    background-color: #2b77bc;
}

.user-nav h3 {
    color: #a9a9a9;
    transition: all .5s;
}

.user-nav a:hover .feature-box h3, .user-nav a:active .feature-box h3, .user-nav a.active .feature-box h3 {
    color: #333;
}

.user-nav a:hover .feature-box, .user-nav a.hover .feature-box {
    border: 1px solid #f1f1f1;
}

.user-nav a:active .feature-box.shadow:after, .user-nav a.active .feature-box.shadow:after {
    box-shadow: 0 0 0;
}

.user-nav .feature-box.shadow:before, .user-nav a:hover .feature-box.shadow:before {
    height: 100%;
}

.user-nav a:hover, .user-nav a:focus {
    text-decoration: none;
}

.user-nav .icon i {
    top: 8px;
}

@media (max-width:767px) {
    .user-nav .feature-box {
        padding: 10px 5px;
    }
    .user-nav h3 {
        font-size: 12px;
    }
}

@media (max-width:500px) {
    .user-nav h3 {
        display: none;
    }
    .user-nav .icon {
        margin-bottom: 0;
    }
}

/******************************/

/*** Checkbox custom style ***/

input[type="checkbox"] {
    display: none;
}

label {
    cursor: pointer;
}

input[type="checkbox"]+label:before {
    border: 1px solid #a1a1a1;
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 20px;
    margin: 0 .25em 0 0;
    padding: 3px 0 0;
    vertical-align: top;
    width: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

input[type="checkbox"]:checked+label:before {
    background: #fff;
    border: 1px solid #2b77bc;
    color: #2b77bc;
    content: "\2713";
    text-align: center;
}

input[type="checkbox"]:checked+label:after {
    font-weight: bold;
}

/*******************************/

/****** Checkbox colors ******/

.white input[type="checkbox"]+label:before {
    border: 1px solid #ccc;
    background: #fff;
}

.white input[type="checkbox"]:checked+label:before {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
}

.black input[type="checkbox"]+label:before {
    border: 1px solid #000;
    background: #000;
}

.black input[type="checkbox"]:checked+label:before {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}

.gray input[type="checkbox"]+label:before {
    border: 1px solid #999;
    background: #999;
}

.gray input[type="checkbox"]:checked+label:before {
    background: #999;
    border: 1px solid #999;
    color: #fff;
}

.silver input[type="checkbox"]+label:before {
    border: 1px solid #b5b5b5;
    background: #b5b5b5;
    background-image: -webkit-linear-gradient(315deg, #b5b5b5 0, #f6f6f6 50%, #ccc 100%);
    background-image: -o-linear-gradient(315deg, #b5b5b5 0, #f6f6f6 50%, #ccc 100%);
    background-image: linear-gradient(135deg, #b5b5b5 0, #f6f6f6 50%, #ccc 100%);
}

.silver input[type="checkbox"]:checked+label:before {
    background: #b5b5b5;
    background-image: -webkit-linear-gradient(315deg, #b5b5b5 0, #f6f6f6 50%, #ccc 100%);
    background-image: -o-linear-gradient(315deg, #b5b5b5 0, #f6f6f6 50%, #ccc 100%);
    background-image: linear-gradient(135deg, #b5b5b5 0, #f6f6f6 50%, #ccc 100%);
    border: 1px solid #b5b5b5;
    color: #333;
}

.yellow input[type="checkbox"]+label:before {
    border: 1px solid #F7CA18;
    background: #F7CA18;
}

.yellow input[type="checkbox"]:checked+label:before {
    background: #F7CA18;
    border: 1px solid #F7CA18;
    color: #333;
}

.gold input[type="checkbox"]+label:before {
    border: 1px solid #d39a11;
    background-color: #d39a11;
    background-image: -webkit-linear-gradient(315deg, #d39a11 0, #f6d308 50%, #d39a11 100%);
    background-image: -o-linear-gradient(315deg, #d39a11 0, #f6d308 50%, #d39a11 100%);
    background-image: linear-gradient(135deg, #d39a11 0, #f6d308 50%, #d39a11 100%);
}

.gold input[type="checkbox"]:checked+label:before {
    background-color: #d39a11;
    background-image: -webkit-linear-gradient(315deg, #d39a11 0, #f6d308 50%, #d39a11 100%);
    background-image: -o-linear-gradient(315deg, #d39a11 0, #f6d308 50%, #d39a11 100%);
    background-image: linear-gradient(135deg, #d39a11 0, #f6d308 50%, #d39a11 100%);
    border: 1px solid #d39a11;
    color: #333;
}

.orange input[type="checkbox"]+label:before {
    border: 1px solid #2b77bc;
    background: #2b77bc;
}

.orange input[type="checkbox"]:checked+label:before {
    background: #2b77bc;
    border: 1px solid #2b77bc;
    color: #fff;
}

.red input[type="checkbox"]+label:before {
    border: 1px solid #CF000F;
    background: #CF000F;
}

.red input[type="checkbox"]:checked+label:before {
    background: #CF000F;
    border: 1px solid #CF000F;
    color: #fff;
}

.beige input[type="checkbox"]+label:before {
    border: 1px solid #FDE3A7;
    background: #FDE3A7;
}

.beige input[type="checkbox"]:checked+label:before {
    background: #FDE3A7;
    border: 1px solid #FDE3A7;
    color: #333;
}

.brown input[type="checkbox"]+label:before {
    border: 1px solid #855e1b;
    background: #855e1b;
}

.brown input[type="checkbox"]:checked+label:before {
    background: #855e1b;
    border: 1px solid #855e1b;
    color: #fff;
}

.purple input[type="checkbox"]+label:before {
    border: 1px solid #8E44AD;
    background: #8E44AD;
}

.purple input[type="checkbox"]:checked+label:before {
    background: #8E44AD;
    border: 1px solid #8E44AD;
    color: #fff;
}

.pink input[type="checkbox"]+label:before {
    border: 1px solid #FF1493;
    background: #FF1493;
}

.pink input[type="checkbox"]:checked+label:before {
    background: #FF1493;
    border: 1px solid #FF1493;
    color: #fff;
}

.blue input[type="checkbox"]+label:before {
    border: 1px solid #4183D7;
    background: #4183D7;
}

.blue input[type="checkbox"]:checked+label:before {
    background: #4183D7;
    border: 1px solid #4183D7;
    color: #fff;
}

.turquoise input[type="checkbox"]+label:before {
    border: 1px solid #19B5FE;
    background: #19B5FE;
}

.turquoise input[type="checkbox"]:checked+label:before {
    background: #19B5FE;
    border: 1px solid #19B5FE;
    color: #fff;
}

.green input[type="checkbox"]+label:before {
    border: 1px solid #26A65B;
    background: #26A65B;
}

.green input[type="checkbox"]:checked+label:before {
    background: #26A65B;
    border: 1px solid #26A65B;
    color: #fff;
}

/******************************/

/******** Custom Radio *******/

.radio-inline, .radio-inline+.radio-inline {
    margin-top: 8px;
}

input[type=radio] {
    display: none;
}

.radio-inline label {
    margin-left: 5px;
    margin-right: 10px;
}

.radio-inline label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    background-color: #fff;
    border: 1px solid #a1a1a1;
}

.radio-inline label:before {
    border-radius: 50%;
}

input[type=radio]:checked+label:before {
    content: "\2713";
    background: #fff;
    border: 1px solid #2b77bc;
    color: #2b77bc;
    text-align: center;
}

/***************************************/

/******* Input field with select ******/

.input-group-btn select {
    border-color: #e1e1e1;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 9px;
    text-align: left;
}

.input-group-btn select {
    color: #333;
    background-color: #fff
}

.select-style {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 0;
    background: url("http://www.megaicons.net/static/img/icons_sizes/8/60/32/arrows-down-4-icon.png") no-repeat 90% 50%;
    background-size: 15px;
    background-color: #e9e9e9;
    transition: all .5s ease;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    height: 32px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: all .5s ease;
}

.select-style select:focus {
    outline: none;
}

.select-style:hover {
    background-color: #e1e1e1;
}

@media (min-width: 320px) {
    .form-inline .input-group .select-style .form-control {
        width: 70px;
    }
}

.select-only .select-style {
    border: 1px solid #e1e1e1;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 0 0;
    background: url("../images/arrow-down.png") no-repeat 95% 50%;
    background-size: 15px;
    background-color: #e9e9e9;
    transition: all .5s ease;
}

.select-only .select-style .form-control {
    width: 100%;
}

.select-only .select-style:hover {
    background-color: #e1e1e1;
}

.select-only.white-bg .select-style {
    background-color: #fff;
}

.select-only.white-bg .select-style:hover {
    background-color: #f9f9f9;
}

.embed-responsive-1-5-ratio {
    padding-bottom: 66.6%;
}

.ad-title h1 {
    text-transform: none;
    font-size: 24px;
    margin-top: 0;
}

.ad-title img {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.ad-price {
    margin-top: 0px;
}

.ad-price ul {
    padding: 0;
    margin: 0;
    text-align: right;
}

@media (max-width:767px) {
    .ad-price ul {
        text-align: left;
    }
    .ad-title small {
        margin-bottom: 10px;
        display: block;
    }
}

.ad-price li {
    width: 100%;
}

.ad-inner-box h2 {
    font-size: 20px;
    text-transform: none;
    margin-top: 0;
}

.ad-inner-box a.rating {
    text-decoration: none;
    color: #333;
}

.techical-list {
    padding: 0;
    margin: 0;
}

.techical-list li span {
    width: 30%;
    display: inline-block;
}

.login-tab .checkbox label {
    padding-left: 0;
}

.login-tab ul {
    padding-left: 0;
}

.dark-translucent-bg .register-tab .checkbox a, .dark-translucent-bg .login-tab ul li a {
    color: #2b77bc;
}

.dark-translucent-bg .register-tab .checkbox a:hover, .dark-translucent-bg .login-tab ul li a:hover {
    text-decoration: underline;
    color: #2b77bc;
}

.login-tab .social-links {
    margin-top: 5px;
}

.double-li li {
    width: 50%;
    text-align: center;
    float: left;
}

@media (max-width:480px) {
    .double-li li {
        border-bottom: 1px solid #fff;
    }
}

.dark-translucent-bg a.to-profile {
    color: #2a5f2b;
    text-decoration: underline;
}

.dark-translucent-bg a.to-profile:hover {
    color: #2a5f2b;
    text-decoration: none;
}

/******* Index tabs ********/

.intro-tabs {
    text-align: center;
}

.intro-tabs li {
    width: 25%;
}

.intro-tabs li a {
    padding: 5px 8px;
}

.intro-tabs li a i:before {
    font-size: 50px;
}

@media (max-width:480px) {
    .nav-tabs.intro-tabs>li {
        float: left;
        margin-bottom: 0;
    }
    .intro-tabs li a i:before {
        font-size: 40px;
    }
    .nav-tabs.intro-tabs>li>a {
        font-size: 11px;
    }
}

/******** Dropzone file upload *******/

.dropzone .dz-default.dz-message {
    background-image: none;
    font-size: 24px;
    text-align: center;
    line-height: 32px;
    left: 0;
    width: 100%;
    margin-left: auto;
}

.dropzone .dz-default.dz-message span {
    display: inline;
    color: #555;
}

.dropzone .dz-default.dz-message span .upload-icon {
    opacity: 0.7;
    filter: alpha(opacity=70);
    margin-top: 8px;
    cursor: pointer;
    transition: all .5s ease;
}

.dropzone .dz-default.dz-message span .upload-icon:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-success-mark {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 100%;
    text-align: center;
    line-height: 35px;
}

.dropzone .dz-preview .dz-error-mark:before, .dropzone-previews .dz-preview .dz-error-mark:before {
    font-family: FontAwesome;
    font-size: 30px;
    color: #DB6262;
    content: "\f00d";
}

.dropzone .dz-preview .dz-success-mark:before, .dropzone-previews .dz-preview .dz-success-mark:before {
    font-family: FontAwesome;
    font-size: 30px;
    color: #6DA552;
    content: "\f00c";
}

.dropzone a.dz-remove, .dropzone-previews a.dz-remove {
    border: none;
    border-radius: 0;
    color: #FFF!important;
    background: #2b77bc;
    cursor: pointer;
    font-weight: 400;
}

.dropzone a.dz-remove:hover, .dropzone-previews a.dz-remove:hover {
    color: #FFF;
    background: #2b77bc;
}

.dropzone .progress, .dropzone-previews .progress {
    margin-bottom: 0;
}

.dropzone .dz-preview.dz-success .progress, .dropzone-previews .dz-preview.dz-success .progress, .dropzone .dz-preview.dz-error .progress, .dropzone-previews .dz-preview.dz-error .progress {
    display: none;
}

/****** CHAT ******/

.chat-wrapp {
    width: 100%;
    background-color: #fff;
    margin: 20px auto;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #ddd;
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.chat-wrapp .delete-chat {
    position: absolute;
    top: -10px;
    right: 15px;
}

@media (max-width: 480px) {
    .chat-wrapp {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .chat-wrapp {
        max-width: 400px;
        margin: 20px 10px;
    }
}

.chat-wrapp .st-off {
    background-color: #bbbbbb !important;
}

.chat-wrapp .st-busy {
    background-color: #f75353 !important;
}

.chat-wrapp .st-live {
    background-color: #51d466 !important;
}

.chat-wrapp .st-hide {
    background-color: #fcd419 !important;
}

.chat-wrapp .img-container {
    position: relative;
    max-width: 120px;
    margin: 0 auto;
}

.chat-wrapp .img-container .status {
    position: absolute;
    width: 13px;
    height: 13px;
    content: "";
    border: 2px solid #fff;
    border-radius: 50%;
}

.chat-wrapp .chat-contact {
    max-height: 580px;
    padding: 10px 0px;
    padding-top: 0;
    overflow: scroll;
}

@media (max-width: 767px) {
    .chat-wrapp .chat-contact {
        margin-bottom: 30px;
    }
}

.chat-wrapp .ui-window h3 {
    font-size: 15px;
    line-height: 30px;
    margin: 0px;
    padding: 0px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f7f7f7;
}

.chat-wrapp .chat-contact .chat-member {
    margin: 0px 12px 12px 0px;
    padding: 15px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    background: #fff;
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.chat-wrapp .chat-contact .chat-member:active, .chat-wrapp .chat-contact .chat-member.active, .chat-wrapp .chat-contact .chat-member:hover {
    background: #f2f2f2;
}

.chat-wrapp .chat-header .img-container img, .chat-wrapp .chat-contact .chat-member img {
    width: 100%;
    border-radius: 50%;
}

.chat-wrapp .chat-header .img-container, .chat-wrapp .chat-contact .chat-member .img-container {
    max-width: 50px;
    margin: 0;
    float: left;
}

.chat-wrapp .chat-header .img-container .status, .chat-wrapp .chat-member .img-container .status {
    top: 5%;
    right: 5%;
}

.chat-wrapp .chat-header h4, .chat-wrapp .chat-header p, .chat-wrapp .chat-contact .chat-member h4, .chat-wrapp .chat-contact .chat-member p {
    margin-left: 65px;
}

.chat-wrapp .chat-header h4, .chat-wrapp .chat-contact .chat-member h4 {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
}

.chat-wrapp .chat-contact .chat-member h4 a, .chat-wrapp .chat-contact .chat-member h4 a:hover {
    color: #666;
}

.chat-wrapp .chat-header p, .chat-wrapp .chat-contact .chat-member p {
    font-size: 13px;
    line-height: 18px;
    color: #999;
    font-style: italic;
}

/* Chat Content */

.chat-wrapp .chat-content {
    max-height: 400px;
    padding: 20px;
    overflow: scroll;
    background: #f2f2f2;
}

@media (max-width: 480px) {
    .chat-wrapp .chat-content .chat-box .img-container {
        max-width: 50px;
    }
}

.chat-wrapp .chat-box {
    margin: 5px 0px 20px 0px;
}

.chat-wrapp .chat-box img {
    width: 100%;
    border-radius: 50%;
}

.chat-wrapp .chat-box .img-container {
    margin: 0;
    max-width: 60px;
}

.chat-wrapp .chat-box.chat-in .img-container {
    float: left;
}

.chat-wrapp .chat-box.chat-in .message {
    margin-left: 82px;
    text-align: left;
    background: #fff;
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

.chat-wrapp .chat-box.chat-out .img-container {
    float: right;
}

.chat-wrapp .chat-box.chat-out .message {
    margin-right: 82px;
    text-align: right;
    background: #fff;
    webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
}

@media (max-width: 480px) {
    .chat-wrapp .chat-box.chat-in .message {
        margin-left: 62px;
    }
    .chat-wrapp .chat-box.chat-out .message {
        margin-right: 62px;
    }
}

.chat-wrapp .chat-box .message {
    position: relative;
    padding: 12px 16px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
}

.chat-wrapp .chat-box .message:after, .chat-wrapp .chat-box .message:before {
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.chat-wrapp .chat-box .message:after {
    border-color: rgba(240, 253, 255, 0);
    border-width: 7px;
}

.chat-wrapp .chat-box .message:before {
    border-color: rgba(194, 225, 245, 0);
    border-width: 8px;
    margin-top: -1px
}

.chat-wrapp .chat-box.chat-in .message:after, .chat-wrapp .chat-box.chat-in .message:before {
    right: 100%;
}

.chat-wrapp .chat-box.chat-in .message:after {
    border-right-color: #fff;
}

.chat-wrapp .chat-box.chat-in .message:before {
    border-right-color: #ccc;
}

.chat-wrapp .chat-box.chat-out .message:after, .chat-wrapp .chat-box.chat-out .message:before {
    left: 100%;
}

.chat-wrapp .chat-box.chat-out .message:after {
    border-left-color: #fff;
}

.chat-wrapp .chat-box.chat-out .message:before {
    border-left-color: #ccc;
}

.chat-wrapp .chat-box .message h5 {
    font-size: 12px;
    line-height: 22px;
    font-weight: 400;
    color: #aaa;
}

.chat-wrapp .chat-input-box {
    margin-top: 30px;
    padding: 15px;
    background: #f2f2f2;
    border: 1px solid #eee;
    border-radius: 3px;
}

.chat-wrapp .chat-input-box .btn {
    margin-bottom: 0;
}

.chat-wrapp .chat-input-box .input-group {
    margin: 0;
}

.chat-wrapp .chat-input-box .input-group .form-control {
    height: 42px;
    box-shadow: none;
    border: 1px solid #ddd;
}

.chat-wrapp .chat-input-box .input-group .btn {
    padding: 10px 16px;
    font-size: 14px;
    margin: 0;
}

.contact-banner {
    text-align: center;
}

.contact-banner .page-title {
    font-weight: 300;
}

.contact-wrapp h2.title {
    font-weight: 300!important;
}

@media (max-width:767px) {
    .contact-banner .list-inline li {
        width: 100%;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: rgba(255, 255, 255, .15);
    }
    .contact-banner .list-inline li:last-child {
        margin-bottom: 0;
    }
}

.brand-logo {
    float: left;
    width: 50px;
    margin-right: 5px;
}

.brand-title {
    float: left;
    position: relative;
    top: 10px;
}

.brand-produced a {
    width: 100%;
}

.brand-produced a:hover, .brand-produced a:focus {
    text-decoration: none;
}

.brand-produced i::before {
    font-size: 100px;
    color: #2b77bc;
}

.brand-produced h3 {
    font-size: 16px;
    margin-top: 0;
    font-weight: 300;
}

@media (max-width:767px) {
    .brand-produced {
        margin-bottom: 10px;
    }
}

.typenschein-wrapp {
    background-color: transparent;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

.typenschein-wrapp h2 {
    font-weight: 300;
    font-size: 24px;
}

@media (max-width:767px) {
    .typenschein-wrapp h2 {
        font-size: 20px;
    }
    .header-top ul li a {
        padding-left: 8px;
        padding-right: 8px;
    }
    .header-top ul li {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.dropzone a.dz-remove {
    margin-top: 5px!important;
}

.dropzone a.dz-arrow {
    width: 48%;
    display: inline-block;
    background: #333333;
    color: #FFF;
    cursor: pointer;
    font-weight: 400;
    border: none;
    border-radius: 0;
    padding: 3px;
    margin-top: 5px;
}

.dropzone a.dz-arrow:hover {
    background: #999;
}

.right-arrow {
    float: right;
    padding: 3px;
}

.dz-arrow>i {
    cursor: pointer!important;
}

.left-arrow {
    float: left;
    padding: 3px;
}

.dropzone .dz-default.dz-message {
    position: relative;
    margin-top: 10px;
    min-height: 50px;
    display: block;
    opacity: 1;
    height: 100%;
}

.dropzone {
    min-height: 100px;
}

.ml-3 {
    margin-left: 3px;
}

.mr-1 {
    margin-right: 1px;
}

.upload-area {
    min-height: 420px;
}

.dz-main-mark {
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    right: -10px;
    top: -10px;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.68);
    border-radius: 100%;
    text-align: center;
    line-height: 41px;
    -ms-filter: none;
    color: #bc1f26;
}

.dz-main {
    margin-top: 5px;
    border: none;
    border-radius: 0;
    color: #FFF!important;
    background: #777;
    cursor: pointer!important;
    font-weight: 400;
    text-decoration: none;
    display: block;
    padding: 4px 5px;
    text-align: center;
}

.dz-main:hover {
    background: #999;
    text-decoration: none;
}

.header-top-dropdown .badge {
    background-color: #fff;
    color: #333;
    border-radius: 50%;
    padding: 4px;
    margin-left: 10px!important;
}

.twitter-timeline {
    height: 400px!important;
}

.timeline-Header, .timeline-Header-title {
    display: none!important;
    font-size: 0!important;
}

.autor-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.block .media img.autor-img-index {
    width: 40px;
}

.autor-info span {
    position: relative;
    top: 20px;
}

.autor-info-blog-listing span {
    position: relative;
    top: 0;
}

/***** Date Range Picker ****/

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    width: auto;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
    /* Calendars */
}

@media (max-width:991px) {
    .daterangepicker {
        left: -285px!important;
    }
}

.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.daterangepicker.opensleft:before {
    right: 9px;
}

.daterangepicker.opensleft:after {
    right: 10px;
}

.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

.daterangepicker.opensright:before {
    left: 9px;
}

.daterangepicker.opensright:after {
    left: 10px;
}

.daterangepicker.dropup {
    margin-top: -5px;
}

.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px;
}

.daterangepicker .calendar.single .calendar-table {
    border: none;
}

.daterangepicker .calendar th, .daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%;
}

.daterangepicker .input-mini.active {
    border: 1px solid #08c;
    border-radius: 4px;
}

.daterangepicker .daterangepicker_input {
    position: relative;
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px;
}

.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px;
}

.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}

.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer;
}

.ranges li:hover {
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff;
}

.ranges li.active {
    background-color: #08c;
    border: 1px solid #08c;
    color: #fff;
}

/*  Larger Screen Styling */

@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }
    .daterangepicker .ranges ul {
        width: 160px;
    }
    .daterangepicker.single .ranges ul {
        width: 100%;
    }
    .daterangepicker.single .calendar.left {
        clear: none;
    }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
        float: left;
    }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
        float: right;
    }
    .daterangepicker.ltr {
        direction: ltr;
        text-align: left;
    }
    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0;
    }
    .daterangepicker.ltr .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .daterangepicker.ltr .calendar.right {
        margin-left: 0;
    }
    .daterangepicker.ltr .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px;
    }
    .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px;
    }
    .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left;
    }
    .daterangepicker.rtl {
        direction: rtl;
        text-align: right;
    }
    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0;
    }
    .daterangepicker.rtl .calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .daterangepicker.rtl .calendar.right {
        margin-right: 0;
    }
    .daterangepicker.rtl .calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px;
    }
    .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px;
    }
    .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }
    .daterangepicker.ltr .ranges {
        float: left;
    }
    .daterangepicker.rtl .ranges {
        float: right;
    }
    .daterangepicker .calendar.left {
        clear: none !important;
    }
}

/******* Ribbon title ******/

a.title-ribbon {
    position: relative;
    display: block;
    width: 95%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
}

@media (min-width:480px) and (max-width:991px) {
    a.title-ribbon {
        width: 98%;
    }
}

a.title-ribbon:before, a.title-ribbon:after {
    content: '';
    position: absolute;
    right: -15px;
    width: 28px;
    height: 12px;
    border-radius: 0;
}

a.title-ribbon:before {
    top: 9px;
    -webkit-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    transform: rotate(65deg);
}

a.title-ribbon:after {
    bottom: 9px;
    -webkit-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    transform: rotate(-65deg);
}

a.title-ribbon.gray, a.title-ribbon.gray:before, a.title-ribbon.gray:after {
    background: #e1e1e1;
}

a.title-ribbon.white, a.title-ribbon.white:before, a.title-ribbon.white:after {
    background: #fff;
}

a.title-ribbon.yellow, a.title-ribbon.yellow:before, a.title-ribbon.yellow:after {
    background: gold;
}

a.title-ribbon.orange, a.title-ribbon.orange:before, a.title-ribbon.orange:after {
    background: #ffab35;
}

a.title-ribbon.blue, a.title-ribbon.blue:before, a.title-ribbon.blue:after {
    background: #54a4de;
}

a.title-ribbon.lightblue, a.title-ribbon.lightblue:before, a.title-ribbon.lightblue:after {
    background: #bbd9ee;
}

a.title-ribbon.turquoise, a.title-ribbon.turquoise:before, a.title-ribbon.turquoise:after {
    background: #30D7BB;
}

a.title-ribbon.azure, a.title-ribbon.azure:before, a.title-ribbon.azure:after {
    background: #55EEF6;
}

@media (max-width: 991px) {
    .container.container-menu {
        width: 100%;
    }
}

.image-box.style-4.double-border {
    border: 1px solid #D2C4AC;
}

.double-border-line {
    margin: 10px;
    border: 1px solid #D2C4AC;
}

/*** Add this ***/

.at-icon-wrapper {
    border-radius: 50%!important;
}

.at-expanding-share-button .at-expanding-share-button-toggle-bg>span {
    background-color: rgba(255, 102, 0, 1)!important;
    border: 0;
}

.slider-text {
    width: 100%;
    position: absolute;
    top: 45%;
    color: #fff;
    font-size: 60px;
    margin-top: -46px;
    text-align: center;
}

.slider-text p {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.overlay-container:hover .slider-text i {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.overlay-container:hover .slider-text i {
    color: #2b77bc;
}

@media (max-width:1199px) {
    .slider-text p {
        font-size: 45px;
    }
}

@media (max-width:767px) {
    .slider-text p {
        font-size: 40px;
    }
    .slider-text .btn-lg {
        font-size: 14px;
    }
    .slider-text .btn-lg i::before {
        position: relative;
        top: -2px;
    }
    .dropdown-menu.dropdown-menu-language {
        min-width: 100px;
        max-width: 100px;
        text-align: center;
    }
    .header-top .social-links li {
        margin-bottom: 10px;
    }
}

@media (max-width:640px) {
    .slider-text p {
        font-size: 35px;
    }
}

@media (max-width:568px) {
    .slider-text p {
        font-size: 30px;
    }
}

@media (max-width:480px) {
    .slider-text p {
        font-size: 25px;
    }
}

@media (max-width:375px) {
    .slider-text p {
        font-size: 20px;
    }
}

.btn-white-transparent {
    background-color: rgba(255, 255, 255, .8);
    border-color: rgba(255, 255, 255, .8);
    color: #333;
}

/****** ADD THIS CUSTOM EXPAND ******/

/**********************/

.at-expanding-share-button .at-expanding-share-button-toggle-bg>span {
    background-color: rgba(43, 119, 188, .9)!important;
}

.at-share-btn span {
    background-color: rgba(255, 255, 255, .9)!important;
}

.at-icon {
    fill: #2b77bc!important;
}

.disclaimer-signup {
    font-size: 10px;
    text-align: left;
    font-family: "Raleway Regular";
}

@media (max-width:1199px) {
    h1.main-title, h1.title-colored, h3.title-colored-42 {
        font-size: 36px;
    }
    h3.title-colored {
        font-size: 26px;
    }
    .main-article p {
        font-size: 17px;
    }
    .subfooter p {
        font-size: 18px;
    }
    .main-article-img {
        padding-top: 97px;
    }
    .testimonial-section h3 {
        font-size: 21px;
    }
    .testimonial-name {
        font-size: 18px;
    }
    .testimonila-credentials {
        font-size: 12px;
    }
    .lead {
        font-size: 17px;
    }
    .speaking-section .lead-24 {
        font-size: 18px;
    }
    .grid-space-20 .col-lg-3, .grid-space-20 .col-lg-4, .grid-space-20 .col-lg-6, .grid-space-20 .col-md-3, .grid-space-20 .col-md-4, .grid-space-20 .col-md-6, .grid-space-20 .col-sm-3, .grid-space-20 .col-sm-4, .grid-space-20 .col-sm-6, .grid-space-20 .col-xs-3, .grid-space-20 .col-xs-4, .grid-space-20 .col-xs-6 {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width:991px) {
    .main-article-img {
        padding-top: 0;
    }
    h1.main-title, h1.title-colored, h3.title-colored-42 {
        font-size: 34px;
    }
    .image-box img {
        margin-bottom: 30px;
    }
    .contact-form label {
        font-size: 14px;
    }
    .footer-content {
        margin-top: 0px;
    }
}

@media (max-width:768px) {
    .footer-content {
        text-align: center;
    }
    .footer-content img {
        margin: 0 auto;
    }
    .grid-space-20 .col-lg-3, .grid-space-20 .col-lg-4, .grid-space-20 .col-lg-6, .grid-space-20 .col-md-3, .grid-space-20 .col-md-4, .grid-space-20 .col-md-6, .grid-space-20 .col-sm-3, .grid-space-20 .col-sm-4, .grid-space-20 .col-sm-6, .grid-space-20 .col-xs-3, .grid-space-20 .col-xs-4, .grid-space-20 .col-xs-6 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width:767px) {
    .navbar-default .navbar-nav>li>a {
        padding: 15px;
    }
}

.wings {
    height: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    /* inline-block space fix */
    margin-right: -4px;
}

.buy-img {
    max-width: 100px;
}

.nopadding {
    padding-right: 0!important;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}