/*
 *  Document   : main.css
 *  Author     : pixelcave
 */
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,600italic,700,700italic');

.site-nav, header {
    position: fixed;
    top: 0;
}

    .site-nav a, a.site-logo {
        height: 34px;
        line-height: 34px;
        display: block;
    }
        .site-nav a, a.site-logo img {
            margin-top: -20px;
            max-height: 75px;
        }


#to-top, .circle, .counter, .counter span, .input-group-addon, .store-item-icon, .store-item-rating, .table-pricing td, .table-pricing th {
    text-align: center;
}

.switch, .table.table-vcenter td, .table.table-vcenter th {
    vertical-align: middle;
}

#to-top:hover, .btn-link.btn-icon:focus, .btn-link.btn-icon:hover, .circle:focus, .circle:hover, .footer-nav a:focus, .footer-nav a:hover, .site-nav a:hover, .store-item:hover, a.site-logo:hover {
    text-decoration: none;
}

body {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #353535;
    background-color: #151515;
}

#page-container {
    margin: 0 auto;
    width: 100%;
}

    #page-container.boxed {
        max-width: 1280px;
    }

.carousel-home img, .form-control, .gallery a img, .gallery img, .gallery-image img, a[data-toggle=lightbox-image] img {
    max-width: 100%;
}

header {
    left: 0;
    right: 0;
    padding: 25px 0;
    color: #fff;
    background: url(../img/template/ie8_opacity_dark_20.png);
    background: rgba(0,0,0,.2);
    z-index: 1000;
    -webkit-transition: all ease-out .25s;
    transition: all ease-out .25s;
}

    header.header-scroll {
        padding: 10px 0;
        background: url(../img/template/ie8_opacity_dark_60.png);
        background: rgba(0,0,0,.6);
    }

        header.header-scroll:hover {
            background: rgba(0,0,0,.8);
        }

a.site-logo {
    float: left;
    color: #fff;
    font-size: 24px;
}

    a.site-logo:hover {
        color: #fff;
    }

    a.site-logo > i {
        font-size: 14px;
        opacity: .6;
        -webkit-transition: all ease-in-out .25s;
        transition: all ease-in-out .25s;
    }

    a.site-logo:hover > i {
        -webkit-transform: rotate(360deg) scale(1.5);
        transform: rotate(360deg) scale(1.5);
    }

header nav {
    float: right;

}

.site-nav {
    right: -260px;
    bottom: 0;
    overflow-y: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 250px;
    background: #353535;
    z-index: 1001;
    -webkit-transition: -webkit-transform ease-out .3s;
    transition: transform ease-out .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .site-nav.site-nav-visible {
        -webkit-transform: translateX(-260px) translateY(0) translateZ(0);
        transform: translateX(-260px) translateY(0) translateZ(0);
    }

.lt-ie9 .site-nav.site-nav-visible {
    right: 0;
}

.site-nav a {
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    padding: 0 10px;
    margin: 2px 5px;
    border-radius: 3px;
}

.counter span, .store-menu > li > a {
    font-weight: 700;
}

.site-nav a:hover {
    color: #333;
    background: #fff;
}

.site-nav a.active, .site-nav a.active:hover, .site-nav li.active > a {
    color: #fff;
    background: url(../img/template/ie8_opacity_dark_40.png);
    background: rgba(0,0,0,.4);
}

.site-nav i {
    font-size: 14px;
}

    .site-nav i.site-nav-arrow {
        float: right;
        line-height: 34px;
        margin-left: 10px;
    }

.site-nav ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

    .site-nav ul a {
        color: #ddd;
        text-transform: none;
        height: auto;
        line-height: normal;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.site-section {
    padding: 50px 0;
}

.site-block {
    margin-bottom: 49px;
}

.site-heading {
    margin: 0 0 29px;
}

.site-content {
    background-color: #fff;
    padding-bottom: 1px;
}

.site-section-top {
    padding-top: 114px;
    overflow: hidden;
}

.site-section-light {
    color: #fff;
}

.site-slide-content {
    overflow-x: hidden;
}

.site-top-avatar {
    margin-top: 25px;
    width: 74px;
    height: 74px;
    border-width: 5px;
    border-style: solid;
    border-color: #ccc;
    border-color: rgba(255,255,255,.4);
}

    .site-top-avatar.pull-right {
        margin-left: 30px;
    }

    .site-top-avatar.pull-left {
        margin-right: 30px;
    }

.sidebar > .sidebar-block {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}

    .sidebar > .sidebar-block:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

.promo-content {
    margin-bottom: 0;
    font-size: 18px;
    color: #555;
}

.media-container {
    position: relative;
    height: 279px;
    overflow: hidden;
}

    .media-container > .site-section {
        min-height: 279px;
        z-index: 200;
        background: url(../img/template/ie8_opacity_dark_20.png);
        background: rgba(0,0,0,.2);
        text-shadow: 0 0 30px #000;
    }

    .media-container > .media-image, .media-container > .media-map, .media-container > .site-section {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }

    .media-container > .media-image {
        left: 50%;
        width: 2560px;
        height: 279px;
        margin-left: -1280px;
    }

.parallax-image {
    background-position: 50% 0;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.site-footer {
    color: #656565;
    padding-top: 11px;
    padding-bottom: 40px;
    background-color: #252525;
}

.footer-heading {
    color: #fff;
    font-size: 19px;
    margin: 29px 0 15px;
}

.footer-nav a {
    color: #777;
    -webkit-transition: all ease-out .15s;
    transition: all ease-out .15s;
}
    .footer-nav a.bilimselbilisim:hover {
        color: #D0171F;
    }

.footer-nav-social a {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #151515;
    border-radius: 13px;
    -webkit-transition: all ease-out .25s;
    transition: all ease-out .25s;
}

    .footer-nav-social a:hover {
        color: #fff;
        background-color: #00884e;
        -webkit-transform: rotate(360deg) scale(1.5);
        transform: rotate(360deg) scale(1.5);
    }


.footer-nav-social li.facebook a:hover {
    background-color: #3B5998;
}
.footer-nav-social li.twitter a:hover {
    background-color: #59ADEB;
}
.footer-nav-social li.google a:hover {
    background-color: #EA4335;
}
.footer-nav-social li.rss a:hover {
    background-color: #E4812E;
}

.portfolio {
    margin-bottom: 19px;
}

    .portfolio > div {
        margin-bottom: 30px;
    }

.portfolio-item > a {
    display: block;
    position: relative;
    overflow: hidden;
}

    .portfolio-item > a > img {
        -webkit-transition: all ease-out .2s;
        transition: all ease-out .2s;
    }

    .portfolio-item > a:hover > img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

.portfolio-item-info {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 5px;
    color: #fff;
    background: url(../img/template/ie8_opacity_dark_60.png);
    background: rgba(0,0,0,.6);
}

.store-items {
    margin-bottom: 19px;
}

.store-item {
    padding: 5px;
    position: relative;
    display: block;
    margin-bottom: 30px;
    border: 4px solid #eee;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

    .store-item:hover {
        border-color: #ddd;
    }

a.store-item:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.store-item-rating {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    background-color: #fff;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    z-index: 10;
}

.store-item-icon {
    padding: 50px 20px;
    font-size: 84px;
}

.store-item:hover .store-item-rating {
    top: 15px;
    opacity: 1;
    filter: alpha(opacity=100);
}

.store-item-image {
    overflow: hidden;
}

    .store-item-image img {
        -webkit-transition: transform .2s ease-out;
        transition: transform .2s ease-out;
    }

.store-item:hover .store-item-image img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.store-item-price {
    font-weight: 700;
    font-size: 28px;
}

.store-item-info {
    padding: 20px;
    background-color: #f9f9f9;
}

.store-menu, .store-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #eee;
}

    .store-menu a {
        display: block;
        padding: 7px 10px;
        color: #333;
    }

        .store-menu a.active, .store-menu a:focus, .store-menu a:hover {
            text-decoration: none;
            color: #00884e;
        }

        .store-menu a.submenu > i {
            margin-right: 5px;
            -webkit-transition: -webkit-transform .2s ease-out;
            transition: transform .2s ease-out;
        }

    .store-menu ul {
        display: none;
        background: #f9f9f9;
    }

        .store-menu ul a {
            padding: 5px 0 5px 25px;
        }

        .store-menu ul ul a {
            padding: 5px 0 5px 40px;
            color: #555;
        }

    .store-menu .open > a.submenu > i {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    .store-menu .open > ul {
        display: block;
    }

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

.table-pricing th {
    font-size: 24px!important;
}

.table-pricing td {
    font-size: 15px;
    padding-top: 12px!important;
    padding-bottom: 12px!important;
}

.table-pricing .table-price {
    background-color: #f9f9f9;
}

    .table-pricing .table-price.table-featured, .table-pricing.table-featured .table-price {
        background-color: #252525;
    }

.table-pricing th.table-featured, .table-pricing.table-featured th {
    background-color: #00884e;
    border-bottom: 2px solid #394263;
    color: #fff;
}

.table-pricing td.table-featured, .table-pricing.table-featured td {
    background-color: #394263;
    color: #fff;
}

a.gallery-link, a[data-toggle=lightbox-image] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

    .gallery a:hover img, .gallery-image:hover img, a[data-toggle=lightbox-image]:hover img {
        opacity: .75;
        filter: alpha(opacity=75);
    }

.gallery-image {
    position: relative;
}

.gallery-image-options {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    padding: 10px;
}

.counter span, .gallery-image:hover .gallery-image-options {
    display: block;
}

.gallery > .row > div {
    margin-bottom: 15px;
}

.gallery.gallery-widget > .row > div {
    margin-bottom: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

.content-float .pull-left {
    margin: 0 20px 20px 0;
}

.content-float .pull-right {
    margin: 0 0 20px 20px;
}

.counter {
    color: #fff;
}

    .counter span {
        font-size: 56px;
    }

    .counter small {
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
    }

.circle {
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    font-size: 42px;
    color: #fff;
    border-radius: 50px;
    margin-bottom: 15px;
    -webkit-transition: all ease-out .25s;
    transition: all ease-out .25s;
}

    .circle:focus, .circle:hover {
        color: #fff;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .circle .fi, .circle .gi, .circle .hi, .circle .si {
        margin-top: -7px;
    }

.row-items > div {
    margin-bottom: 49px;
}

#to-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 30px;
    border-radius: 3px;
    padding: 0 12px 3px;
    font-size: 28px;
    color: #000;
    background-color: #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

    #to-top:hover {
        color: #fff;
        background-color: #00884e;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.h1, .h1 small, .h2, .h2 small, .h3, .h3 small, .h4, .h4 small, .h5, .h5 small, .h6, .h6 small, h1, h1 small, h2, h2 small, h3, h3 small, h4, h4 small, h5, h5 small, h6, h6 small {
    font-weight: 300;
}

strong {
    font-weight: 600;
}

.text-primary, .text-primary:hover, a, a:focus, a:hover {
    color: #00884e;
}

    .text-danger, .text-danger:hover, a.text-danger, a.text-danger:focus, a.text-danger:hover {
        color: #e74c3c;
    }

    .text-warning, .text-warning:hover, a.text-warning, a.text-warning:focus, a.text-warning:hover {
        color: #e67e22;
    }

    .text-success, .text-success:hover, a.text-success, a.text-success:focus, a.text-success:hover {
        color: #27ae60;
    }

    .text-info, .text-info:hover, a.text-info, a.text-info:focus, a.text-info:hover {
        color: #3498db;
    }

    .text-muted, .text-muted:hover, a.text-muted, a.text-muted:focus, a.text-muted:hover {
        color: #999;
    }

blockquote {
    margin: 20px 0;
    padding: 10px 20px 10px 60px;
    position: relative;
    width: 100%;
    border-left: none;
}

    blockquote:before {
        display: block;
        content: "\201C";
        font-family: serif;
        font-size: 96px;
        position: absolute;
        left: 0;
        top: -30px;
        color: #eee;
    }

.switch, .switch span, .wizard-steps span {
    display: inline-block;
}

    .switch span:after, blockquote.no-symbol:before {
        content: "";
    }

blockquote.pull-right:before {
    left: 10px;
    right: auto;
}

blockquote.no-symbol {
    padding: 10px 20px;
}

p {
    line-height: 1.7;
}

article p {
    font-size: 16px;
    line-height: 1.8;
}

ul.ul-breath li {
    margin-bottom: 7px;
}

.table-options {
    padding: 6px 0;
}

.table thead > tr > th {
    font-size: 18px;
    font-weight: 600;
}

    .table thead > tr > th > small {
        font-weight: 400;
        font-size: 75%;
    }

.table tfoot > tr > td, .table tfoot > tr > th, .table thead > tr > td, .table thead > tr > th {
    padding-top: 14px;
    padding-bottom: 14px;
}

.table tfoot > tr > td, .table tfoot > tr > th {
    background-color: #f9f9f9;
}

.table-borderless tbody > tr > td, .table-borderless tbody > tr > th {
    border-top-width: 0;
}

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

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

label {
    font-weight: 600;
}

fieldset legend {
    font-size: 16px;
    padding: 30px 0 10px;
    border-bottom: 2px solid #eaedf1;
}

input[type=file] {
    padding-top: 7px;
}

input[type=text].form-control, input[type=password].form-control, input[type=email].form-control, textarea.form-control {
    -webkit-appearance: none;
}

.form-control {
    font-size: 13px;
    padding: 6px 8px;
    margin: 1px 0;
    color: #353535;
    border-color: #ddd;
}

.form-control-borderless, .form-control-borderless .form-control, .form-control-borderless .input-group-addon, .form-control-borderless:focus {
    border: transparent!important;
}

.input-group {
    margin-top: 1px;
    margin-bottom: 1px;
}

    .input-group .form-control {
        margin-top: 0;
    }

.form-control:focus {
    border-color: #00884e;
}

.help-block {
    color: #777;
    font-weight: 400;
}

.input-group-addon {
    min-width: 45px;
    background-color: #fff;
    border-color: #dbe1e8;
}

.form-horizontal .control-label {
    margin-bottom: 5px;
}

.form-bordered {
    margin: -15px -15px -1px;
}

.modal-body .form-bordered {
    margin-bottom: -20px;
}

.form-bordered fieldset legend {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.form-bordered .form-group {
    margin: 0;
    border: none;
    padding: 15px;
    border-bottom: 1px dashed #eaedf1;
}

    .form-bordered .form-group.form-actions {
        background-color: #f9fafc;
        border-bottom: none;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

.form-horizontal.form-bordered .form-group {
    padding-left: 0;
    padding-right: 0;
}

.form-bordered .help-block {
    margin-bottom: 0;
}

.btn, .switch {
    margin: 1px 0;
}

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

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .input-group-addon, .has-success .radio, .has-success .radio-inline {
    color: #27ae60;
}

.has-success .form-control, .has-success .input-group-addon {
    border-color: #27ae60;
    background-color: #fff;
}

    .has-success .form-control:focus {
        border-color: #166638;
    }

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .input-group-addon, .has-warning .radio, .has-warning .radio-inline {
    color: #e67e22;
}

.has-warning .form-control, .has-warning .input-group-addon {
    border-color: #e67e22;
    background-color: #fff;
}

    .has-warning .form-control:focus {
        border-color: #b3621b;
    }

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .input-group-addon, .has-error .radio, .has-error .radio-inline {
    color: #e74c3c;
}

.has-error .form-control, .has-error .input-group-addon {
    border-color: #e74c3c;
    background-color: #fff;
}

    .has-error .form-control:focus {
        border-color: #c0392b;
    }

.wizard-steps {
    border-bottom: 1px solid #eaedf1;
    margin-bottom: 20px;
}

.form-bordered .wizard-steps {
    margin-bottom: 0;
}

.wizard-steps .row {
    margin: 0;
}

    .wizard-steps .row div {
        padding: 15px 0;
        font-size: 15px;
        text-align: center;
    }

.form-bordered .wizard-steps .row div {
    padding-top: 10px;
}

.wizard-steps span {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #00884e;
    border-radius: 50px;
}

.wizard-steps div.active span, .wizard-steps div.done span {
    background-color: #00884e;
    color: #fff;
}

.wizard-steps div.done span {
    opacity: .25;
    filter: alpha(opacity=25);
}

.wizard-steps div.active span {
    opacity: 1;
    filter: alpha(opacity=100);
}


.switch {
    position: relative;
    cursor: pointer;
}

    .switch input {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .switch span {
        position: relative;
        width: 54px;
        height: 28px;
        border-radius: 28px;
        background-color: #f9f9f9;
        border: 1px solid #ddd;
        -webkit-transition: background-color .35s;
        transition: background-color .35s;
    }

        .switch span:after {
            position: absolute;
            left: 2px;
            top: 1px;
            bottom: 1px;
            width: 24px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 50%;
            -webkit-box-shadow: 1px 0 3px rgba(0,0,0,.05);
            box-shadow: 1px 0 3px rgba(0,0,0,.05);
            -webkit-transition: all .15s ease-out;
            transition: all .15s ease-out;
        }

    .switch input:checked + span:after {
        left: 26px;
        border: none;
        -webkit-box-shadow: -2px 0 3px rgba(0,0,0,.1);
        box-shadow: -2px 0 3px rgba(0,0,0,.1);
    }

    .switch input:checked + span {
        background-color: #eee;
    }

.switch-default span {
    border-color: #dbe1e8;
}

.switch-default input:checked + span {
    background-color: #dbe1e8;
}

.switch-primary span {
    border-color: #00884e;
}

.switch-primary input:checked + span {
    background-color: #00884e;
}

.switch-info span {
    border-color: #7abce7;
}

.switch-info input:checked + span {
    background-color: #7abce7;
}

.switch-success span {
    border-color: #aad178;
    background-color:#db3128;
}

.switch-success input:checked + span {
    background-color: #aad178;
}

.switch-warning span {
    border-color: #f7be64;
}

.switch-warning input:checked + span {
    background-color: #f7be64;
}

.switch-danger span {
    border-color: #ef8a80;
}

.switch-danger input:checked + span {
    background-color: #ef8a80;
}

.lt-ie9 .switch input {
    position: static;
    opacity: 1;
    filter: alpha(opacity=100);
}

.lt-ie9 .switch span, .lt-ie9 .switch span:after {
    display: none!important;
}

.btn {
    border-width: 0;
    background-color: #fff;
    -webkit-transition: all ease-out .15s;
    transition: all ease-out .15s;
}

.input-group-btn .btn {
    border-width: 1px;
}

.btn .fi, .btn .gi, .btn .hi, .btn .si {
    line-height: 1;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .4;
    filter: alpha(opacity=40);
}

.input-group .btn, .modal-content .btn {
    margin-top: 0;
    margin-bottom: 0;
}

.btn-default {
    background-color: #f1f1f1;
    border-color: #eee;
    color: #353535;
}

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

    .btn-default:hover {
        background-color: #ddd;
        border-color: #ccc;
    }

    .btn-default.active, .btn-default.active:focus, .btn-default.active:hover, .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default.focus, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover, .btn-default:focus, .btn-default[disabled].active, .btn-default[disabled].active:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:active:focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, .open .btn-default.dropdown-toggle, .open .btn-default.dropdown-toggle.focus, .open .btn-default.dropdown-toggle:focus, .open .btn-default.dropdown-toggle:hover, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.active:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:active:focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
        background-color: #eaedf1;
        border-color: #eaedf1;
    }

.btn-primary {
    background-color: #6ad2eb;
    border-color: #00884e;
    color: #fff;
}

    .btn-primary.btn-alt {
        background-color: #fff;
        color: #00884e;
    }

    .btn-primary:hover {
        background-color: #00884e;
        border-color: #1593b3;
        color: #fff;
    }

    .btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus, .btn-primary[disabled].active, .btn-primary[disabled].active:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:active:focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, .open .btn-primary.dropdown-toggle, .open .btn-primary.dropdown-toggle.focus, .open .btn-primary.dropdown-toggle:focus, .open .btn-primary.dropdown-toggle:hover, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.active:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:active:focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
        background-color: #00884e;
        border-color: #00884e;
        color: #fff;
    }

.btn-danger {
    background-color: #ef8a80;
    border-color: #e74c3c;
    color: #fff;
}

    .btn-danger.btn-alt {
        background-color: #fff;
        color: #e74c3c;
    }

    .btn-danger:hover {
        background-color: #e74c3c;
        border-color: #9c3428;
        color: #fff;
    }

    .btn-danger.active, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger.focus, .btn-danger:active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger:focus, .btn-danger[disabled].active, .btn-danger[disabled].active:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:active:focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, .open .btn-danger.dropdown-toggle, .open .btn-danger.dropdown-toggle.focus, .open .btn-danger.dropdown-toggle:focus, .open .btn-danger.dropdown-toggle:hover, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.active:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:active:focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
        background-color: #e74c3c;
        border-color: #e74c3c;
        color: #fff;
    }

.btn-warning {
    background-color: #f7be64;
    border-color: #f39c12;
    color: #fff;
}

    .btn-warning.btn-alt {
        background-color: #fff;
        color: #f39c12;
    }

    .btn-warning:hover {
        background-color: #f39c12;
        border-color: #b3730c;
        color: #fff;
    }

    .btn-warning.active, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning.focus, .btn-warning:active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning:focus, .btn-warning[disabled].active, .btn-warning[disabled].active:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:active:focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, .open .btn-warning.dropdown-toggle, .open .btn-warning.dropdown-toggle.focus, .open .btn-warning.dropdown-toggle:focus, .open .btn-warning.dropdown-toggle:hover, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.active:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:active:focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
        background-color: #f39c12;
        border-color: #f39c12;
        color: #fff;
    }

.btn-success {
    background-color: #aad178;
    border-color: #7db831;
    color: #fff;
}

    .btn-success.btn-alt {
        background-color: #fff;
        color: #7db831;
    }

    .btn-success:hover {
        background-color: #7db831;
        border-color: #578022;
        color: #fff;
    }

    .btn-success.active, .btn-success.active:focus, .btn-success.active:hover, .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success.focus, .btn-success:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .btn-success[disabled].active, .btn-success[disabled].active:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:active:focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, .open .btn-success.dropdown-toggle, .open .btn-success.dropdown-toggle.focus, .open .btn-success.dropdown-toggle:focus, .open .btn-success.dropdown-toggle:hover, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.active:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:active:focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
        background-color: #7db831;
        border-color: #7db831;
        color: #fff;
    }

.btn-info {
    background-color: #7abce7;
    border-color: #3498db;
    color: #fff;
}

    .btn-info.btn-alt {
        background-color: #fff;
        color: #3498db;
    }

    .btn-info:hover {
        background-color: #3498db;
        border-color: #2875a8;
        color: #fff;
    }

    .btn-info.active, .btn-info.active:focus, .btn-info.active:hover, .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.focus, .btn-info:active, .btn-info:active:focus, .btn-info:active:hover, .btn-info:focus, .btn-info[disabled].active, .btn-info[disabled].active:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:active:focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, .open .btn-info.dropdown-toggle, .open .btn-info.dropdown-toggle.focus, .open .btn-info.dropdown-toggle:focus, .open .btn-info.dropdown-toggle:hover, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.active:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:active:focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
        background-color: #3498db;
        border-color: #3498db;
        color: #fff;
    }

.btn-link, .btn-link.btn-icon:focus, .btn-link.btn-icon:hover, .btn-link:focus, .btn-link:hover {
    color: #00884e;
}

    .btn-link.btn-icon {
        color: #999;
    }

.alert-danger, .alert-danger .alert-link {
    color: #e74c3c;
}

.badge, .label {
    font-weight: 400;
    font-size: 90%;
}

.label {
    padding: 1px 4px;
}

.badge {
    background: url(../img/template/ie8_opacity_dark_30.png);
    background: rgba(0,0,0,.3);
    padding: 3px 6px;
}

.label-danger {
    background-color: #e74c3c;
}

    .label-danger[href]:focus, .label-danger[href]:hover {
        background-color: #ff5542;
    }

.label-warning {
    background-color: #e67e22;
}

    .label-warning[href]:focus, .label-warning[href]:hover {
        background-color: #ff8b26;
    }

.label-success {
    background-color: #27ae60;
}

    .label-success[href]:focus, .label-success[href]:hover {
        background-color: #2cc76c;
    }

.label-info {
    background-color: #2980b9;
}

    .label-info[href]:focus, .label-info[href]:hover {
        background-color: #2f92d4;
    }

.label-primary {
    background-color: #00884e;
}

    .label-primary[href]:focus, .label-primary[href]:hover {
        background-color: #5ac5e0;
    }

.label-default {
    background-color: #999;
}

    .label-default[href]:focus, .label-default[href]:hover {
        background-color: #777;
    }

.alert {
    border-width: 0 2px;
}

.alert-danger {
    background-color: #ffd1cc;
    border-color: #ffb8b0;
}

.alert-warning {
    color: #e67e22;
    background-color: #ffe4cc;
    border-color: #ffd6b2;
}

    .alert-warning .alert-link {
        color: #e67e22;
    }

.alert-success {
    color: #27ae60;
    background-color: #daf2e4;
    border-color: #b8e5cb;
}

    .alert-success .alert-link {
        color: #27ae60;
    }

.alert-info, .alert-info .alert-link {
    color: #3498db;
}

.alert-info {
    background-color: #dae8f2;
    border-color: #b8d2e5;
}

.alert-dismissable .close {
    top: -5px;
    right: -25px;
}

.close {
    text-shadow: none;
}

.carousel-control {
    width: 60px;
}

    .carousel-control.left, .carousel-control.left.no-hover:hover, .carousel-control.right, .carousel-control.right.no-hover:hover {
        background: 0 0;
        filter: none;
    }

        .carousel-control.left:hover, .carousel-control.right:hover {
            background: url(../img/template/ie8_opacity_dark_20.png);
            background: rgba(0,0,0,.1);
            filter: none;
        }

    .carousel-control span {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 5;
        display: inline-block;
        text-shadow: none;
    }

    .carousel-control i {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
    }

.carousel.carousel-html {
    margin-bottom: 40px;
}

.carousel-html .carousel-indicators {
    bottom: -20px;
}

    .carousel-html .carousel-indicators li {
        background-color: #ddd;
    }

    .carousel-html .carousel-indicators .active {
        background-color: #00884e;
    }

.carousel-html .carousel-control {
    text-shadow: none;
    color: #ccc;
}

    .carousel-html .carousel-control:hover {
        color: #fff;
    }

.carousel-home {
    margin-bottom: 0!important;
}

.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, .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #00884e;
}

.nav > li i {
    font-size: 14px;
}

.nav-pills > .active > a > .badge {
    color: #00884e;
}

.nav-stacked > li > a {
    margin: 4px 0 0;
}

.nav .caret, .nav a:focus .caret, .nav a:hover .caret {
    border-top-color: #00884e;
    border-bottom-color: #00884e;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #f9fafc;
}

.nav-tabs {
    border-bottom-color: #eaedf1;
}

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

        .nav-tabs > li > a {
            padding-left: 7px;
            padding-right: 7px;
            margin-bottom: -1px;
        }

            .nav-tabs > li > a:hover {
                border-color: #eaedf1;
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #394263;
            border-color: #eaedf1 #eaedf1 transparent;
        }

.nav-pills > li.active > a > .badge {
    background: url(../img/template/ie8_opacity_dark_20.png);
    background: rgba(0,0,0,.2);
    color: #fff;
}

.pagination > li > a, .pagination > li > span {
    color: #00884e;
    margin-left: 5px;
    margin-right: 5px;
    border: none!important;
    border-radius: 25px!important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #00884e;
    font-weight: 600;
}

.pager > li > a, .pager > li > span {
    border-color: #eaedf1;
}

    .pager > li > a:hover, .pagination > li > a:hover {
        background-color: #00884e;
        border-color: #00884e;
        color: #fff;
    }

.pager > li.disabled > a:hover {
    border-color: #eaedf1;
}

.modal-content {
    border-radius: 3px;
}

.modal-header {
    padding: 15px 15px 14px;
    border-bottom: 1px solid #eee;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.modal-title {
    font-weight: 300;
}

.modal-body {
    padding: 20px 15px;
}

    .modal-body .nav-tabs {
        margin: 0 -15px 15px;
        padding: 0 5px!important;
    }

.modal-footer {
    margin-top: 0;
    padding: 14px 15px 15px;
    border-top: 1px solid #eee;
    background-color: #f9f9f9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.alert, .carousel, .table, p {
    margin-bottom: 20px;
}

.btn.active, .form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.themed-color {
    color: #00884e;
}

.themed-border {
    border-color: #00884e;
}

.themed-background {
    background-color: #00884e;
}

.themed-color-dark {
    color: #394263;
}

.themed-border-dark {
    border-color: #394263;
}

.themed-background-dark {
    background-color: #394263;
}

.push-bit {
    margin-bottom: 30px;
}

.push, .push-top-bottom {
    margin-bottom: 49px;
}

.push-top-bottom {
    margin-top: 49px;
}

.remove-margin {
    margin-bottom: 0;
}

.lt-ie9 .hidden-lt-ie9 {
    display: none!important;
}

.display-none {
    display: none;
}

.visibility-none {
    visibility: hidden;
}

:focus {
    outline: 0!important;
}

@media screen and (min-width:768px) {
    .site-heading-promo {
        margin-top: 60px;
    }

    .modal-body {
        padding-left: 20px;
        padding-right: 20px;
    }
}


@media screen and (min-width:992px) {
    .lt-ie9 .site-nav.site-nav-visible, .site-nav {
        right: auto;
    }

    .site-nav {
        position: static;
        top: auto;
        bottom: auto;
        overflow-y: visible;
        width: auto;
        background: 0 0;
        z-index: auto;
        -webkit-transition: none;
        transition: none;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
    }

        .site-nav.site-nav-visible {
            -webkit-transform: none;
            transform: none;
        }

        .site-nav li {
            float: left;
            padding: 0;
            margin-left: 10px;
            position: relative;
        }

        .site-nav a {
            margin: 0;
        }

        .site-nav li:hover > ul {
            display: block;
        }

        .site-nav li.active > a {
            border-radius: 3px;
        }

        .site-nav a.site-nav-sub, .site-nav li.active:hover > a.site-nav-sub {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .site-nav > li.active:hover > a, .site-nav > li:hover > a {
            color: #333;
            background: #fff;
            text-decoration: none;
        }

        .site-nav a.site-nav-sub {
            padding-right: 30px;
        }

        .site-nav i.site-nav-arrow {
            margin: 0 -20px 0 0;
        }

        .site-nav ul {
            display: none;
            position: absolute;
            left: 0;
            top: 34px;
            padding: 2px 0;
            width: 160px;
            background-color: #fff;
            border-radius: 0 3px 3px;
            -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2);
            box-shadow: 0 2px 2px rgba(0,0,0,.2);
        }

        .site-nav li:last-child ul {
            left: auto;
            right: 0;
            border-radius: 3px 0 3px 3px;
        }

        .site-nav ul li {
            float: none;
            margin: 0;
            padding: 1px 3px;
        }

        .site-nav ul a {
            color: #333;
        }

            .site-nav ul a:hover {
                background-color: #eee;
            }

            .site-nav ul a.active, .site-nav ul a.active:hover {
                background-color: #454545;
            }

    
}

@media (max-width:1200px) {
    #login-container {
        left: inherit !important;
        margin-left: 10px !important;
        margin-top: 90px !important;
        top: initial !important;
        width: 450px !important;
    }
    .login-title h1 {
        font-size: 20px !important;
    }
}
@media (max-width:992px) {
    .form-wrapper {
        width:100% !important;
        padding-left:10% !important;
        padding-right:10% !important;
    }
    .carousel{
        width:100% !important;
    }
    
    #login-container {
        left: inherit !important;
        margin-left: 10px !important;
        margin-top: 100px !important;
        top: initial !important;
        width: 300px !important;
    }
        #login-container .login-title {
            padding: 5px 10px;
        }

            #login-container .login-title h1 {
                font-size: 16px !important;
            }
}
@media (max-width:768px) {
    .form-wrapper {
        width:100% !important;
        padding-left:0% !important;
        padding-right:0% !important;
    }
    .carousel{
        width:100% !important;
    }
}
@media (max-width:767px) {
    .form-wrapper {
        width: 100% !important;
        padding-left:0% !important;
        padding-right:0% !important;
    }
    .carousel{
        width:100% !important;
    }
    #login-container {
        left: inherit !important;
        margin-left: 10px !important;
        margin-top: 90px !important;
        top: initial !important;
        width: 94% !important;
    }
        #login-container .login-title {
            padding: 5px 10px;
        }

            #login-container .login-title h1 {
                font-size: 16px !important;
            }
}

@media screen and (min-width:1200px) {
    article p {
        font-size: 19px;
        line-height: 1.9;
    }

    .site-heading-promo {
        margin-top: 120px;
    }

    .promo-content {
        font-size: 24px;
        font-weight: 300;
    }

    #login-container {
        left: inherit !important;
        margin-left: 140px !important;
        margin-top: 140px !important;
        top: initial !important;
    }

    .form-wrapper {
        padding-left:10% !important;
        padding-right:10% !important;
    }
}




.form-wrapper {
    position: relative;
    float:left;
    width:50%;
    padding-left:10%;
}
.carousel {
    float: left;
    text-align: center;
    width: 50%;
}

.form-search.custom span.custom.radio {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
}

.form-search.custom span.custom.checkbox:before {
    content: "";
    display: block;
    line-height: 0.8;
    height: 14px;
    width: 14px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
}

.form-search.custom span.custom.radio.checked:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    background: #0296C0;
    position: relative;
    top: 3px;
    left: 3px;
}

.form-search.custom span.custom.checkbox.checked:before {
    content: "\00d7";
    color: #0296C0;
}

.form-search {
    padding: 10px 12px 0px;
    background: #00884e;
    position: relative;
    border-left: 10px solid rgba(52, 175, 210, 0.3);
    border-right: 10px solid rgba(52, 175, 210, 0.3);
    border-bottom: 10px solid rgba(52, 175, 210, 0.3);
}

    .form-search label {
        color: #fff;
    }

.form-header {
    background: #00884e;
    padding: 0px 14px 6px;
    border-left: 10px solid rgba(52, 175, 210, 0.3);
    border-top: 10px solid rgba(52, 175, 210, 0.3);
    border-right: 10px solid rgba(52, 175, 210, 0.3);
    text-align:center;
}

    .form-header h3 {
        color: #fff;
    }

.form-footer {
    color: #fff;
    padding-top: 10px;
    font-size:11px;
}

.form-search.custom div.custom.dropdown {
    display: block;
    position: relative;
    width: auto;
    height: 32px;
    margin-bottom: 9px;
    margin-top: 2px;
}

    .form-search.custom div.custom.dropdown a.current {
        display: block;
        width: auto;
        line-height: 30px;
        min-height: 32px;
        padding: 0;
        padding-left: 6px;
        padding-right: 38px;
        border: solid 1px #34afd2;
        color: #fff;
        background-color: #34afd2;
        white-space: nowrap;
    }

    .form-search.custom div.custom.dropdown a.selector {
        position: absolute;
        width: 27px;
        height: 32px;
        display: block;
        right: 0;
        top: 0;
        border: solid 1px #34afd2;
    }

        .form-search.custom div.custom.dropdown a.selector:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: solid 5px;
            border-color: #fff transparent transparent transparent;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -2px;
            margin-left: -5px;
        }

    .form-search.custom div.custom.dropdown ul {
        position: absolute;
        width: auto;
        display: none;
        margin: 0;
        left: 0;
        top: 31px;
        margin: 0;
        padding: 0;
        background: white;
        background: rgba(255, 255, 255, 0.95);
        border: solid 1px #b7f0ff;
    }

        .form-search.custom div.custom.dropdown ul li {
            color: #555555;
            font-size: 13px;
            cursor: pointer;
            padding: 3px;
            padding-left: 6px;
            padding-right: 38px;
            min-height: 18px;
            line-height: 18px;
            margin: 0;
            white-space: nowrap;
            list-style: none;
        }

            .form-search.custom div.custom.dropdown ul li.selected {
                background: #b9f0ff;
                color: black;
            }

            .form-search.custom div.custom.dropdown ul li:hover {
                background-color: #b9f0ff;
                color: black;
            }

.form-search.custom input[type="text"] {
    background-color: #34afd2;
    border: 1px solid #0189b0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    color: rgba(255, 255, 255, 0.9);
}

.form-search.custom div.custom.dropdown ul li.selected:hover {
    background: #b9f0ff;
    cursor: default;
    color: black;
}

.form-search .button {
    background: #34afd2;
    border: 1px solid #34afd2;
    float: left;
    margin-right: 5px;
}

    .form-search .button:hover,
    .form-search .button:focus {
        color: white;
        background-color: #30bee6;
        border: 1px solid #30bee6;
    }

.form-search.custom select {
    margin-bottom: 7px;
}

.home #search-bar {
    border-bottom: 1px solid #ddd;
    min-height: 48px;
}

/* Temporary fix for two lines of text labels */
.form-search.custom .columns {
    height: 32px;
    display: table;
}

.form-search.custom label {
    line-height: 16px;
    display: table-cell;
    vertical-align: middle;
}

.form-search.custom .three.mobile-one.columns {
    height: inherit;
    display: inherit;
}

form.custom div.custom.dropdown a.current {
    overflow: hidden;
}

#horizontal_search.custom div.custom.dropdown a.selector {
    background: #fff;
}

.kleo_members_carousel p:first-child {
    margin-top: -18px;
    display: inline-block;
    width: 100%;
}

.form-search .kleo-checkbox label {
    display: block;
}

.form-search .row {
    margin: 0 -6px 15px;
    max-width: none;
    min-width: 0;
    width: auto;
}
    .form-search .row .btn {
        width: 100%;
        background-color: #40a8de;
        color: #fff
    }
        .form-search .row .btn:hover {
            background-color: #ddd38a;
            color: #111
        }

    .form-search .row .column, .form-search .row .columns {
        float: left;
        min-height: 1px;
        padding: 0 6px;
        position: relative;
        width: 50%;
        display: table;
        height: 32px;
    }