/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

    /**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: .67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        box-sizing: content-box; /* 2 */
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

ul,
ol,
.carousel .pagination ul,
.visual .pagination .pagination-gallery,
.blocks-frame .images-list,
.blocks-frame .schedules-area .schedules-frame ul,
.blocks-frame .apps-area .links-list,
.jcf-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix:after,
.main-container .row:after,
.main-container .submit-btn:after,
.main-container .holder:after,
.main-container .main-heading:after,
.header-holder:after,
#nav > ul:after,
.news-panel .holder:after,
.subscribe-form:after,
.footer-block .footer-holder:after,
.copyright .holder:after,
.tabset-panel:after,
.tabset-panel .tabset:after,
.two-columns-block .content:after,
.two-columns-block .content .post:after,
.filter:after {
    content: "";
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap; /* 1 */
    text-overflow: ellipsis; /* 2 */
    overflow: hidden;
}

html {
    box-sizing: border-box;
}

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

/*
	*set default text color
	*set default font size, line height and font family
	*set default background
	*remove default margin
*/

body {
    margin: 0;
    color: #666;
    background: #fff;
    font: 16px / 24px "roboto", Arial, Helvetica, sans-serif;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

* {
    max-height: 1000000px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}

/* remove border when insdide "a" elements in IE*/

img {
    border-style: none;
    max-width: 100%;
    height: auto;
}

a {
    text-decoration: none;
    color: #56b9fb;
    text-decoration: underline; /* styles for default page links hover*/
}

    a:hover {
        text-decoration: none;
    }

.main-container form legend {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.main-container .row {
    margin: 0 25px 19px 0;
}

    .main-container .row > label,
    .main-container .row .title-label {
        float: left;
        width: 218px;
        padding: 9px 50px 0 0;
        text-transform: uppercase;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        line-height: 18px;
        text-align: right;
    }

    .main-container .row .input-holder,
    .main-container .row .radio-buttons,
    .main-container .row .checkbox-holder,
    .main-container .row .tag-holder,
    .main-container .row .select-block {
        overflow: hidden;
        position: relative;
    }

    .main-container .row .checkbox-holder {
        font-size: 13px;
        line-height: 15px;
        padding: 9px 0 0;
        position: relative;
    }

        .main-container .row .checkbox-holder .jcf-checkbox {
            margin: -1px 5px 0 0;
        }

        .main-container .row .checkbox-holder label {
            margin: 0 10px 0 0;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            color: #041c38;
        }

    .main-container .row .radio-buttons {
        font-size: 13px;
        line-height: 15px;
        color: #999;
        padding: 10px 0 0;
    }

        .main-container .row .radio-buttons .radio-holder {
            margin: 14px 0 0;
        }

            .main-container .row .radio-buttons .radio-holder:first-child {
                margin-top: 0;
            }

            .main-container .row .radio-buttons .radio-holder label {
                display: inline-block;
                vertical-align: middle;
            }

        .main-container .row .radio-buttons .jcf-radio {
            margin: -1px 5px 0 0;
        }

    .main-container .row .jcf-select {
        min-width: 226px;
        width: 226px;
    }

    .main-container .row .tag-holder {
        padding: 5px 0;
    }

        .main-container .row .tag-holder .tag {
            display: inline-block;
            vertical-align: top;
            border-radius: 13px;
            border: 1px solid #999;
            color: #999;
            font-style: normal;
            padding: 4px 24px 6px 13px;
            margin: 0 8px 8px 0;
            position: relative;
            font-size: 13px;
            line-height: 15px;
            text-decoration: none;
        }

            .main-container .row .tag-holder .tag:hover {
                color: #000;
            }

                .main-container .row .tag-holder .tag:hover .ico {
                    background: #56b9fb;
                }

                    .main-container .row .tag-holder .tag:hover .ico:after {
                        border-radius: 0;
                        background: url(../images/sprite.png) no-repeat -266px -52px;
                        width: 7px;
                        height: 7px;
                        top: 4px;
                        left: 4px;
                    }

            .main-container .row .tag-holder .tag .ico {
                position: absolute;
                top: 5px;
                right: 7px;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                background: #ddd;
            }

                .main-container .row .tag-holder .tag .ico:after {
                    content: "";
                    position: absolute;
                    top: 6px;
                    left: 6px;
                    background: #fff;
                    border-radius: 50%;
                    width: 3px;
                    height: 3px;
                }

.main-container .btn-holder {
    text-align: center;
    padding: 24px 0 33px 161px;
    overflow: hidden;
}

    .main-container .btn-holder .btn {
        margin: 0;
        float: none;
    }

.main-container .submit-btn {
    margin: -7px 25px 9px 0;
}

    .main-container .submit-btn input[type=submit] {
        float: right;
    }

.main-container ::-webkit-input-placeholder {
    color: #999;
}

.main-container ::-moz-placeholder {
    opacity: 1;
    color: #999;
}

.main-container :-moz-placeholder {
    color: #999;
}

.main-container :-ms-input-placeholder {
    color: #999;
}

.main-container .placeholder {
    color: #999;
}

small {
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
    display: block;
    margin: 0 0 3px;
}

p {
    margin: 0 0 19px;
}

    p a {
        font-style: italic;
    }

q {
    quotes: none;
}

    q:before,
    q:after {
        content: "";
        content: none;
    }

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

ul,
ol {
    font: 400 16px/18px "roboto", Arial, Helvetica, sans-serif;
}

ol {
    margin: 0 0 32px 19px;
    padding: 1px 0 0;
    counter-reset: item;
}

    ol li {
        padding: 0 0 8px 11px;
    }

        ol li:before {
            float: left;
            width: 20px;
            margin: 0;
            color: #666;
            content: counters(item, ".") ".";
            counter-increment: item;
        }

        ol li a {
            color: #000;
            text-decoration: none;
        }

            ol li a:hover {
                text-decoration: underline;
            }

ul {
    padding: 0 0 0 30px;
    margin: 0 0 43px;
}

    ul li {
        position: relative;
        padding: 0 0 5px 13px;
    }

        ul li:after {
            position: absolute;
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background: #666;
            left: 0;
            top: 6px;
        }

        ul li a {
            color: #000;
            text-decoration: none;
        }

            ul li a:hover {
                text-decoration: underline;
            }

    ul ul {
        margin: 6px 0 -11px;
        padding: 0 0 0 23px;
    }

        ul ul li {
            padding: 0 0 5px 15px;
        }

            ul ul li:after {
                width: 3px;
                height: 3px;
                top: 9px;
            }

.unststyled-list li:after {
    display: none;
}

.inline-list {
    padding: 0;
}

    .inline-list li {
        display: inline-block;
        vertical-align: top;
    }

        .inline-list li:first-child {
            padding-left: 0;
        }

        .inline-list li:after {
            display: none;
        }

.list-inline {
    padding: 0;
    margin: -4px 0 25px 1px;
}

    .list-inline li {
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 0 23px;
    }

        .list-inline li:after {
            display: none;
        }

        .list-inline li:first-child {
            padding: 0;
        }

.list-unstyled {
    margin: 0 0 33px;
}

    .list-unstyled li {
        padding: 0 0 12px;
    }

        .list-unstyled li:after {
            display: none;
        }

.fine-print,
.emphasized {
    display: block;
}

.fine-print {
    margin: 0 0 4px;
    font: 500 11px/13px "roboto", Arial, Helvetica, sans-serif;
}

.emphasized {
    font: italic 400 16px/24px "roboto", Arial, Helvetica, sans-serif;
}

    .emphasized a {
        color: #0067fd;
    }

blockquote {
    padding: 0 0 0 19px;
    margin: 23px 0 40px 3px;
    min-height: 48px;
    border-left: 5px solid #f4f4f4;
    quotes: none;
    font-size: 14px;
    line-height: 17px;
    font-weight: 500;
    font-style: italic;
}

    blockquote q,
    blockquote cite {
        display: block;
    }

    blockquote q {
        margin: 0 0 1px;
    }

    blockquote cite {
        font: 400 11px/14px "roboto", Arial, Helvetica, sans-serif;
        color: #666;
    }

        blockquote cite a {
            color: #666;
            text-decoration: none;
        }

            blockquote cite a:hover {
                text-decoration: underline;
            }

    blockquote.alignright {
        padding: 0 22px 0 0;
        margin: 0 29px 87px 0;
        border-right: 5px solid #f4f4f4;
        border-left: 0;
        min-height: 72px;
    }

        blockquote.alignright q {
            margin: 0;
        }

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.alignright {
    text-align: right;
}

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

.accessibility {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

    .accessibility:focus {
        position: static;
        width: auto;
        height: auto;
    }

.hidden {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "roboto", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h6 {
    color: #000;
}

h1 {
    font: 700 25px/27px "roboto", Arial, Helvetica, sans-serif;
    margin: 0 0 10px;
    text-transform: none;
}

h2 {
    font: 500 22px/24px "roboto", Arial, Helvetica, sans-serif;
    margin: 0 0 14px;
}

h3 {
    font: 500 17px/20px "roboto", Arial, Helvetica, sans-serif;
    margin: 0 0 12px;
}

h4,
h5 {
    font: 500 15px/17px "roboto", Arial, Helvetica, sans-serif;
}

h4 {
    margin: 0 0 10px;
}

h5 {
    color: #000;
    margin: 0 0 10px;
}

h6 {
    font: 500 13px/14px "roboto", Arial, Helvetica, sans-serif;
    margin: 0 0 12px;
    color: #000;
}

h2,
h3 {
    text-transform: uppercase;
}

p {
    margin: 0 0 19px;
}

a {
    color: #56b9fb;
}

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

/* 
	*set default font-family and font-size
	*improve vertical alignment in all browsers
*/

input,
textarea,
select {
    font: 100% "Arial", "Helvetica", sans-serif;
    color: #000;
    vertical-align: middle;
}

/* remove default styles in all browsers */

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    margin: 0;
    padding: 9px 11px;
    border: 1px solid #ddd;
    outline: none;
    color: #999;
    width: 100%;
    height: 37px;
    -webkit-appearance: none;
    border-radius: 0;
    font: 400 14px/18px "roboto", Arial, Helvetica, sans-serif;
    box-shadow: none;
    box-sizing: border-box;
}

    input[type="text"]:focus,
    input[type="tel"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    textarea:focus {
        border: 1px solid #56b9fb;
        color: #000;
        opacity: 1;
    }

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top;
    min-width: 100%;
    max-width: 100%;
    height: 87px;
    min-height: 87px;
    padding: 11px 11px;
    font: 400 14px/18px "roboto", Arial, Helvetica, sans-serif;
}

input[type="submit"], .jobsearch {
    width: 95px;
    height: 37px;
    border: none;
    float: right;
    padding: 0 5px;
    text-align: center;
    background: #4ba3de;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font: 700 14px/37px "roboto", Arial, Helvetica, sans-serif;
}

    input[type="submit"]:hover, .jobsearch:hover {
        opacity: .8;
    }

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    input[type="search"]::-ms-clear {
        display: none;
    }

.btn {
    color: #fff;
}

    .btn.success {
        background: #2fbb6e;
    }

    .btn.info {
        background: #faaf40;
    }

    .btn.warning {
        background: #ff7e03;
    }

    .btn.danger {
        background: #333;
        color: #d12727;
    }

    .btn.clear {
        background: #ddd;
        color: #777;
    }

button,
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="submit"] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
}

/* ---------------------------------------------------------
	1. Embedded fonts styles
	---------------------------------------------------------*/

@font-face {
    font-family: roboto;
    src: url("../fonts/roboto-regular-webfont.eot");
    src: url("../fonts/roboto-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-regular-webfont.woff") format("woff"), url("../fonts/roboto-regular-webfont.ttf") format("truetype"), url("../fonts/roboto-regular-webfont.svgroboto-regular-webfont") format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: roboto;
    src: url("../fonts/roboto-italic-webfont.eot");
    src: url("../fonts/roboto-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-italic-webfont.woff") format("woff"), url("../fonts/roboto-italic-webfont.ttf") format("truetype"), url("../fonts/roboto-italic-webfont.svgroboto-italic-webfont") format("svg");
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: roboto;
    src: url("../fonts/roboto-medium-webfont.eot");
    src: url("../fonts/roboto-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-medium-webfont.woff") format("woff"), url("../fonts/roboto-medium-webfont.ttf") format("truetype"), url("../fonts/roboto-medium-webfont.svgroboto-medium-webfont") format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: roboto;
    src: url("../fonts/roboto-bold-webfont.eot");
    src: url("../fonts/roboto-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-bold-webfont.woff") format("woff"), url("../fonts/roboto-bold-webfont.ttf") format("truetype"), url("../fonts/roboto-bold-webfont.svgroboto-bold-webfont") format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: roboto;
    src: url("../fonts/roboto-black-webfont.eot");
    src: url("../fonts/roboto-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-black-webfont.woff") format("woff"), url("../fonts/roboto-black-webfont.ttf") format("truetype"), url("../fonts/roboto-black-webfont.svgroboto-black-webfont") format("svg");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: roboto;
    src: url("../fonts/roboto-light-webfont.eot");
    src: url("../fonts/roboto-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-light-webfont.woff") format("woff"), url("../fonts/roboto-light-webfont.ttf") format("truetype"), url("../fonts/roboto-light-webfont.svgroboto-light-webfont") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: roboto;
    src: url("../fonts/roboto-mediumitalic-webfont.eot");
    src: url("../fonts/roboto-mediumitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-mediumitalic-webfont.woff") format("woff"), url("../fonts/roboto-mediumitalic-webfont.ttf") format("truetype"), url("../fonts/roboto-mediumitalic-webfont.svgroboto-mediumitalic-webfont") format("svg");
    font-weight: 500;
    font-style: italic;
}

.resize-active * {
    -webkit-transition: none !important;
    transition: none !important;
}

.hidden {
    display: none !important;
}

/*wrapper style*/

#wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.wrapper-holder {
    width: 100%;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin: 0;
}

/*top bar style*/

.top-bar {
    overflow: hidden;
    background: url(../images/topbar-bg.jpg) repeat-x;
    width: 100%;
    height: 54px;
    padding: 9px 28px 7px 21px;
}

    .top-bar .logo-mwr {
        display: block;
        width: 57px;
        height: 33px;
    }

        .top-bar .logo-mwr a {
            display: block;
        }

        .top-bar .logo-mwr img {
            display: block;
        }

/*typography style*/

.main-container {
    overflow: hidden;
    padding: 40px 0 20px;
}

    .main-container .holder {
        margin: 0 auto;
        max-width: 1145px;
        padding: 0 10px;
    }

        .main-container .holder.add h1 {
            font-size: 28px;
            line-height: 31px;
        }

        .main-container .holder .social-networks {
            display: none;
            padding: 9px 0 10px;
            border-top: 1px solid #ddd;
        }

    .main-container .main-heading {
        margin: 0 0 27px;
        padding: 0 0 13px;
        border-bottom: 1px solid #ddd;
    }

        .main-container .main-heading h1 {
            font-size: 25px;
            line-height: 28px;
            margin: 0 0 10px;
        }

        .main-container .main-heading .subheading {
            color: #666;
            margin: 0;
            font-size: 16px;
            line-height: 19px;
        }

        .main-container .main-heading + .social-networks {
            display: none;
            padding: 0;
            border: none;
        }

    .main-container .text-box {
        overflow: hidden;
        margin: 0 0 99px;
    }

    .main-container .heading-area {
        overflow: hidden;
        margin: 0 0 124px;
    }

        .main-container .heading-area .subheading {
            color: #666;
            margin: 0;
            font-size: 16px;
            line-height: 19px;
        }

    .main-container .alignments {
        overflow: hidden;
        margin: 0 0 30px;
    }

    .main-container .news-panel {
        display: none;
        margin: 0 -12px;
    }

    .main-container .tab-holder {
        padding: 0;
    }

        .main-container .tab-holder .label {
            padding: 0;
        }

.tab-holder {
    overflow: hidden;
    max-width: 1145px;
    padding: 0 10px;
    margin: 0 auto 15px;
}

    .tab-holder .label {
        float: left;
        width: 218px;
        padding: 9px 0 0 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #000;
        font-size: 15px;
        line-height: 17px;
    }

/*social-networks style*/

.social-networks {
    overflow: hidden;
    padding: 0;
    margin: 0 0 10px;
    text-align: center;
}

    .social-networks li {
        padding: 0;
        margin: 0 5px;
        display: inline-block;
        vertical-align: middle;
    }

        .social-networks li:after {
            display: none;
        }

        .social-networks li a {
            display: block;
            /*background: url(../images/sprite.png) no-repeat;*/
            overflow: hidden;
            text-indent: -9999px;
        }

            .social-networks li a.twitter {
                width: 16px;
                height: 13px;
                background-position: -8px -164px;
            }

                .social-networks li a.twitter:hover {
                    background-position: -162px -166px;
                }

            .social-networks li a.facebook {
                width: 9px;
                height: 16px;
                background-position: -39px -163px;
            }

                .social-networks li a.facebook:hover {
                    background-position: -193px -165px;
                }

            .social-networks li a.google-plus {
                width: 16px;
                height: 15px;
                background-position: -63px -163px;
            }

                .social-networks li a.google-plus:hover {
                    background-position: -217px -165px;
                }

            .social-networks li a.linkedin {
                width: 16px;
                height: 16px;
                background-position: -94px -163px;
            }

                .social-networks li a.linkedin:hover {
                    background-position: -248px -165px;
                }

            .social-networks li a.mail {
                width: 17px;
                height: 11px;
                background-position: -125px -165px;
            }

                .social-networks li a.mail:hover {
                    background-position: -279px -167px;
                }

/* header styles */

#header {
    background: url(../images/header-bg.jpg) no-repeat;
    background-size: 100% 100%;
}

    #header .search-form input[type="submit"] {
        border-radius: 20px 0 0 20px;
    }

.header-holder {
    max-width: 1145px;
    padding: 16px 10px 22px;
    margin: 0 auto;
}

    .header-holder .block {
        float: left;
    }

/* page logo styles */

.logo {
    display: block;
    margin: 0 0 0 8px;
}

    .logo a {
        display: block;
    }

    .logo img {
        display: block;
    }

.mobile-logo {
    display: none;
    width: 216px;
    margin: 0 0 0 43px;
}

    .mobile-logo a {
        display: block;
    }

.print-logo {
    display: none;
    width: 424px;
    margin: 0 auto 40px;
}

    .print-logo a {
        display: block;
    }

    .print-logo img {
        display: block;
    }

/*search block*/

.search-block {
    float: right;
    width: 271px;
    padding: 14px 0 0;
}

.search-form {
    background: #fff;
    overflow: hidden;
    border-radius: 20px;
    padding: 0 10px 0 35px;
    position: relative;
    height: 40px;
}

    .search-form:after {
        content: "";
        position: absolute;
        left: 18px;
        top: 15px;
        background: url(../images/sprite.png) no-repeat -6px -4px;
        width: 10px;
        height: 10px;
    }

    .search-form input[type="search"],
    .search-form input[type="text"] {
        display: block;
        width: 100%;
        height: 40px;
        padding: 11px 0;
        border: none;
        margin: 0;
        background: none;
        color: #949ea5;
        outline: none;
        font-size: 14px;
        line-height: 18px;
    }

        .search-form input[type="search"]:focus,
        .search-form input[type="text"]:focus {
            color: #000;
        }

    .search-form ::-webkit-input-placeholder {
        color: #949ea5;
    }

    .search-form ::-moz-placeholder {
        opacity: 1;
        color: #949ea5;
    }

    .search-form :-moz-placeholder {
        color: #949ea5;
    }

    .search-form :-ms-input-placeholder {
        color: #949ea5;
    }

    .search-form .placeholder {
        color: #949ea5;
    }

/*nav opener style*/

.nav-opener {
    float: left;
    position: relative;
    overflow: hidden;
    text-indent: -9999px;
    width: 22px;
    height: 26px;
    display: none;
    margin: 12px 20px 0 0;
}

    .nav-opener span,
    .nav-opener:after,
    .nav-opener:before {
        position: absolute;
        left: 0;
        right: 0;
        top: 11px;
        height: 4px;
        background: #fff;
        -webkit-transition: -webkit-transform .2s linear, opacity .2s linear;
        transition: transform .2s linear, opacity .2s linear;
    }

    .nav-opener:after,
    .nav-opener:before {
        content: "";
        top: 5px;
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
    }

.nav-active .nav-opener:after,
.nav-active .nav-opener:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 11px;
}

.nav-opener:after {
    top: 17px;
}

.nav-active .nav-opener:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.nav-opener span {
    opacity: 1;
}

.nav-active .nav-opener span {
    opacity: 0;
}

.nav-holder {
    background: #ffe71b;
    position: relative;
    z-index: 20;
}

    .nav-holder h1 {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 16px;
        margin: 0;
        padding: 11px 28px;
        color: #fff;
        display: none;
        border-bottom: 1px solid #000;
        background: #1b4562;
    }

/*nav style*/

#nav {
    text-transform: uppercase;
    margin: 0 auto;
    max-width: 1145px;
}

    #nav a {
        color: #666;
        text-decoration: none;
    }

    #nav > ul {
        margin: 0;
        padding: 0 20px;
        font-size: 15px;
        line-height: 18px;
        font-weight: 400;
    }

        #nav > ul > li {
            float: left;
            position: relative;
            margin: 0 15px 0 0;
            padding: 0;
        }

            #nav > ul > li:after {
                display: none;
            }

            #nav > ul > li > a {
                display: block;
                padding: 16px 10px 13px;
                border-bottom: 3px solid transparent;
            }

            #nav > ul > li:hover > a,
            #nav > ul > li.hover > a,
            #nav > ul > li.active > a {
                color: #56b9fb;
                border-bottom-color: #32a5d0;
            }

    #nav li {
        list-style: none;
        padding: 0;
    }

        #nav li:after {
            display: none;
        }

    #nav .last .dropdown {
        left: auto !important;
        right: 0;
    }

        #nav .last .dropdown a {
            padding: 10px 25px 11px 32px;
        }

        #nav .last .dropdown .arrow > a:before {
            right: auto;
            left: 10px;
            background-position: -32px -4px !important;
        }

        #nav .last .dropdown .arrow:hover > a:before,
        #nav .last .dropdown .arrow.hover > a:before,
        #nav .last .dropdown .arrow.active > a:before {
            background-position: -32px -4px !important;
        }

        #nav .last .dropdown .dropdown {
            right: 100%;
        }

    #nav .last .submenu {
        border-left: none;
        border-right: 5px solid #32a5d0;
    }

        #nav .last .submenu a {
            padding: 10px 18px 11px;
        }

    #nav .dropdown {
        position: absolute;
        top: 100%;
        left: 0;
        width: 268px;
        font-weight: bold;
        font-size: 13px;
        line-height: 18px;
        background: #56b9fb;
        display: none;
    }

        #nav .dropdown ul {
            margin: 0;
            padding: 0;
            font-size: 13px;
            line-height: 18px;
            font-weight: 700;
        }

            #nav .dropdown ul li {
                position: relative;
                border-top: 1px solid #67c0fb;
            }

                #nav .dropdown ul li:first-child {
                    border-top: none;
                }

                #nav .dropdown ul li.arrow > a:before {
                    content: "";
                    position: absolute;
                    right: 10px;
                    top: 14px;
                    position: absolute;
                    width: 7px;
                    height: 12px;
                    background: url(../images/sprite.png) no-repeat -21px -3px;
                }

        #nav .dropdown a {
            display: block;
            padding: 10px 25px 11px 18px;
            position: relative;
            opacity: 1;
            color: #fff;
        }

        #nav .dropdown li:hover > a,
        #nav .dropdown li.hover > a,
        #nav .dropdown .active > a {
            background: #32a5d0;
            color: #fff;
        }

            #nav .dropdown li:hover > a:before,
            #nav .dropdown li.hover > a:before,
            #nav .dropdown .active > a:before {
                background-position: -21px -3px !important;
            }

        #nav .dropdown .btn-back {
            display: none;
            font-weight: bold;
            font-size: 14px;
            line-height: 16px;
            padding: 12px 28px 11px;
            background: #1b4562;
            border-bottom: 1px solid #000;
        }

            #nav .dropdown .btn-back:hover {
                opacity: .8;
            }

            #nav .dropdown .btn-back:before {
                content: "";
                position: absolute;
                right: auto;
                left: 10px;
                top: 14px;
                width: 7px;
                height: 12px;
                background: url(../images/sprite.png) no-repeat -32px -4px;
            }

        #nav .dropdown .title-drop {
            display: none;
            border-bottom: 5px solid #67c0fb;
        }

        #nav .dropdown .dropdown {
            left: 100%;
            top: 0;
        }

    #nav .submenu {
        border-left: 5px solid #32a5d0;
    }

        #nav .submenu a {
            padding: 10px 25px 11px 13px;
        }

    #nav li:hover > .submenu-holder,
    #nav li.hover > .submenu-holder,
    #nav li:hover > .dropdown,
    #nav li.hover > .dropdown {
        display: block;
    }

/*main style*/

#main {
    position: relative;
    overflow: hidden;
    margin: 0 0 17px;
}

/*carousel style*/

.carousel {
    position: relative;
    overflow: hidden;
}

    .carousel .mask {
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .carousel .slideset {
        width: 99999px;
        float: left;
    }

    .carousel .slide {
        width: 100%;
        float: left;
        overflow: hidden;
    }

        .carousel .slide img {
            max-width: none;
            width: 100%;
            display: block;
        }

        .carousel .slide .caption {
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 10px;
            color: #fff;
            display: none;
            width: 100%;
        }

            .carousel .slide .caption p {
                margin: 0 0 10px;
            }

            .carousel .slide .caption a {
                color: #fff;
            }

    .carousel .btn-next,
    .carousel .btn-prev {
        position: absolute;
        top: 50%;
        left: 18px;
        width: 26px;
        height: 47px;
        margin: -22px 0 0;
        background: url(../images/sprite.png) no-repeat 0 -22px;
        overflow: hidden;
        text-indent: -9999px;
        z-index: 5;
    }

        .carousel .btn-next:hover,
        .carousel .btn-prev:hover {
            opacity: .8;
        }

    .carousel .btn-next {
        left: auto;
        right: 18px;
        background-position: -30px -22px;
    }

    .carousel .pagination {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        text-align: center;
        z-index: 5;
    }

        .carousel .pagination ul {
            padding: 0 20px;
            margin: 0;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
        }

        .carousel .pagination li {
            float: left;
            margin: 0 2px;
            padding: 0;
        }

            .carousel .pagination li:after {
                display: none;
            }

            .carousel .pagination li.active a {
                background-position: -197px -123px;
            }

        .carousel .pagination a {
            display: block;
            overflow: hidden;
            text-indent: -9999px;
            border-radius: 50%;
            width: 13px;
            height: 13px;
            background: url(../images/sprite.png) no-repeat -174px -123px;
        }

            .carousel .pagination a:hover {
                background-position: -197px -123px;
            }

.home-gallery .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

    .home-gallery .slide.active {
        z-index: 2;
    }

/* visual styles */

.visual-area {
    position: relative;
    overflow: hidden;
    background: url(../images/img.jpg) no-repeat;
    background-size: cover;
    padding: 19px 0 38px;
}

    .visual-area .btn-prev,
    .visual-area .btn-next {
        position: absolute;
        left: 18px;
        top: 50%;
        background: url(../images/sprite.png) no-repeat 0 -22px;
        width: 26px;
        height: 47px;
        margin: -23px 0 0;
        overflow: hidden;
        text-indent: -9999px;
        z-index: 100;
    }

    .visual-area .btn-next {
        left: auto;
        right: 18px;
        background-position: -30px -22px;
    }

.carousel-holder {
    position: relative;
    background: url(../images/img26.jpg) no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 18px 0 42px;
}

    .carousel-holder .home-gallery {
        width: 100%;
    }

.visual {
    margin: 0 auto;
    overflow: hidden;
    width: 948px;
    border: 2px solid #fff;
}

    .visual .slideshow {
        float: left;
        position: relative;
        width: 67.8%;
    }

        .visual .slideshow .slide {
            position: absolute;
            width: 100%;
        }

            .visual .slideshow .slide.active {
                z-index: 2;
            }

        .visual .slideshow img {
            width: 100%;
            height: auto;
            display: block;
            width: 100%;
            height: auto;
        }

    .visual .pagination {
        float: right;
        width: 32.2%;
    }

        .visual .pagination .mask {
            position: relative;
            overflow: hidden;
        }

        .visual .pagination img {
            display: block;
        }

        .visual .pagination .scorll-arrow {
            position: absolute;
            top: 341px;
            left: 50%;
            width: 17px;
            height: 11px;
            background: url(../images/sprite.png) no-repeat -46px -6px;
            overflow: hidden;
            text-indent: -9999px;
            z-index: 9;
            margin: 0 0 0 -4px;
        }

        .visual .pagination .pagination-gallery {
            border-left: 2px solid #fff;
        }

            .visual .pagination .pagination-gallery li {
                padding: 0;
                border-top: 2px solid #fff;
                overflow: hidden;
            }

                .visual .pagination .pagination-gallery li img {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

                .visual .pagination .pagination-gallery li a {
                    height: 100%;
                    display: block;
                    position: relative;
                }

                    .visual .pagination .pagination-gallery li a span {
                        position: absolute;
                        left: 0;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        background: url(../images/bg.png);
                    }

                .visual .pagination .pagination-gallery li:first-child {
                    border: none;
                }

                .visual .pagination .pagination-gallery li:after {
                    display: none;
                }

                .visual .pagination .pagination-gallery li.active a span {
                    display: none;
                }

/*news crawler*/

.news-panel {
    background: url(../images/new-panel-bg.jpg) no-repeat;
    background-size: cover;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #000;
}

.main-container .news-panel {
    display: none;
}

.news-panel .holder {
    max-width: 1145px;
    margin: 0 auto;
    padding: 0 10px;
}

.news-panel .news-block {
    float: left;
    position: relative;
    white-space: nowrap;
    width: 50%;
    padding: 6px 5px 5px 0;
}

    .news-panel .news-block:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        overflow: hidden;
        width: 1px;
        height: 90px;
        margin: 0 0 0 -5px;
    }

    .news-panel .news-block .slideshow-news {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        position: relative;
    }

        .news-panel .news-block .slideshow-news .slideset {
            height: 39px !important;
        }

        .news-panel .news-block .slideshow-news .slide {
            position: absolute;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
        }

            .news-panel .news-block .slideshow-news .slide:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                overflow: hidden;
                width: 1px;
                height: 39px;
                margin: 0 0 0 -5px;
            }

            .news-panel .news-block .slideshow-news .slide.active {
                z-index: 2;
            }

        .news-panel .news-block .slideshow-news a {
            text-decoration: none;
            color: #000;
            font-style: normal;
            padding: 3px 0 0 95px;
            display: inline-block;
            vertical-align: middle;
            white-space: normal;
        }

            .news-panel .news-block .slideshow-news a:hover {
                opacity: .8;
            }

    .news-panel .news-block .icon {
        position: absolute;
        left: 13px;
        top: 50%;
        margin: -29px 0 0 -2px;
        width: 58px;
        height: 58px;
        background: url(../images/sprite.png) no-repeat -4px -82px;
        z-index: 5;
    }

.news-panel .box {
    float: right;
    padding: 33px 0 29px;
    width: 39.7%;
}

    .news-panel .box .social-networks {
        margin: 6px 2px 10px 0;
        float: right;
    }

        .news-panel .box .social-networks li a.facebook {
            background: url(../images/sprite.png) no-repeat -108px -32px;
            width: 10px;
            height: 22px;
        }

            .news-panel .box .social-networks li a.facebook:hover {
                opacity: .8;
            }
/*two-columns*/

#two-columns {
    overflow: hidden;
    position: relative;
    background: url(../images/colums-bg.jpg) no-repeat;
    background-size: cover;
}

    #two-columns .holder {
        padding: 53px 10px 71px;
        margin: 0 auto;
        overflow: hidden;
        max-width: 1145px;
    }

    #two-columns .adds-area {
        float: left;
        width: 49.3%;
    }

    #two-columns .features-events {
        position: relative;
        overflow: hidden;
        padding: 0 0 33px;
        /*margin: 0 0 35px;*/
        border-bottom: 1px solid #cecece;
    }

        #two-columns .features-events .mask {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        #two-columns .features-events .slideset {
            width: 100%;
            float: left;
        }

        #two-columns .features-events .slide {
            width: 100%;
            float: left;
        }

        #two-columns .features-events img {
            display: block;
            width: 100%;
            height: auto;
            max-width: inherit;
        }

        #two-columns .features-events .pagination {
            position: absolute;
            text-align: center;
            bottom: 3px;
            left: 0;
            width: 100%;
            z-index: 5;
        }

            #two-columns .features-events .pagination ul {
                overflow: hidden;
                margin:0;
                padding:0;
            }

                #two-columns .features-events .pagination ul li {
                    display: inline-block;
                    vertical-align: top;
                    margin: 0 0 0 4px;
                    padding: 0;
                }

                    #two-columns .features-events .pagination ul li:after {
                        display: none;
                    }

                    #two-columns .features-events .pagination ul li:first-child {
                        margin-left: 0;
                    }

                    #two-columns .features-events .pagination ul li a {
                        display: block;
                        border-radius: 50%;
                        overflow: hidden;
                        text-indent: -9999px;
                        width: 8px;
                        height: 8px;
                        background: #56b9fb;
                        opacity: .5;
                    }


                        #two-columns .features-events .pagination ul li a:hover {
                            opacity:1;
                        }

                    #two-columns .features-events .pagination ul li.active a {
                        opacity: 1;
                    }

    #two-columns .adds-block {
        overflow: hidden;
        margin: 0 0 0 -12px;
    }

        #two-columns .adds-block li {
            width: 47.4%;
            display: inline-block;
            vertical-align: top;
            margin: 0 0 22px 12px;
            padding: 0;
        }

            #two-columns .adds-block li:after {
                display: none;
            }

            #two-columns .adds-block li img {
                display: block;
                width: 100%;
                height: auto;
            }

        #two-columns .adds-block .adds-caption {
            position: absolute;
            left: 10px;
            bottom: 4px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 700;
            font-size: 28px;
            line-height: 30px;
        }

            #two-columns .adds-block .adds-caption .text {
                display: block;
                font-weight: 300;
                font-size: 24px;
                line-height: 26px;
                margin: 0 0 -4px;
            }

            #two-columns .adds-block .adds-caption:hover {
                opacity: .8;
                text-decoration: none;
            }

    #two-columns .features-events-area {
        float: right;
        border: 1px solid #cecece;
        padding: 5px 7px 18px 29px;
        width: 49.3%;
        background: #fff;
    }

        #two-columns .features-events-area h1 {
            color: #000;
            font-weight: 800;
            font-size: 24px;
            line-height: 27px;
            border-bottom: 1px solid #cecece;
            padding: 0 0 15px;
            margin: 0;
            text-transform: capitalize;
        }

        #two-columns .features-events-area .post {
            color: #999;
            font-size: 18px;
            line-height: 26px;
            overflow: hidden;
            border-bottom: 1px solid #cecece;
            padding: 25px 0 17px;
        }

            #two-columns .features-events-area .post h2 {
                text-transform: capitalize;
                color: #000;
                font-weight: 700;
                font-size: 22px;
                line-height: 25px;
                margin: 0 0 10px;
            }

                #two-columns .features-events-area .post h2 a {
                    color: #000;
                    text-decoration: none;
                }

                    #two-columns .features-events-area .post h2 a:hover {
                        opacity: .7;
                    }

            #two-columns .features-events-area .post time {
                font-size: 14px;
                line-height: 17px;
                color: #000;
                display: block;
                position: relative;
                margin: 0 0 11px;
                padding: 0 0 0 20px;
            }

                #two-columns .features-events-area .post time .icon-ico-calender {
                    position: absolute;
                    left: 0;
                    top: 2px;
                    background: url(../images/sprite.png) no-repeat -163px -34px;                    
                    width: 13px;
                    height: 13px;
                }

            #two-columns .features-events-area .post p {
                margin: 0 0 17px;
            }

            #two-columns .features-events-area .post .more {
                display: inline-block;
                vertical-align: top;
                color: #000;
                font-size: 14px;
                line-height: 17px;
            }

    #two-columns .features-events-block {
        height: 633px;
        overflow: auto;
        padding: 12px 24px 0 0;
    }

/* subscribe form styles */

.subscribe-form {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 16px;
}

    .subscribe-form label {
        font-weight: bold;
        display: inline-block;
        vertical-align: middle;
        margin: 0 9px 0 0;
        color: #000;
    }

    .subscribe-form .input-holder {
        display: inline-block;
        vertical-align: middle;
        width: 214px;
        height: 37px;
        margin: 0 16px 0 0;
    }

    .subscribe-form input[type=email],
    .subscribe-form input[type=text] {
        display: block;
        width: 100%;
        margin: 0;
        padding: 8px 12px 7px;
        background: #fff;
        border-color: #ddd;
        color: #999;
    }

        .subscribe-form input[type=email]:focus,
        .subscribe-form input[type=text]:focus {
            color: #000;
        }

    .subscribe-form input[type=submit] {
        background: #56b9fb;
        display: inline-block;
        vertical-align: middle;
    }

    .subscribe-form ::-webkit-input-placeholder {
        color: #999;
    }

    .subscribe-form ::-moz-placeholder {
        opacity: 1;
        color: #999;
    }

    .subscribe-form :-moz-placeholder {
        color: #999;
    }

    .subscribe-form :-ms-input-placeholder {
        color: #999;
    }

    .subscribe-form .placeholder {
        color: #999;
    }

/*container style*/

.container {
    overflow: hidden;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1145px;
}

    .container .label {
        float: left;
        width: 218px;
        padding: 9px 50px 0 0;
        text-transform: uppercase;
        font-weight: bold;
        color: #000;
        text-align: right;
        font-size: 15px;
        line-height: 17px;
    }

    .container .content-holder {
        overflow: hidden;
    }

    .container .tab-content {
        padding: 30px 12px 40px 40px;
    }

        .container .tab-content h5 {
            font-weight: 500;
            margin: 0 0 2px;
        }

.blocks-area {
    overflow: hidden;
    padding: 52px 10px 0;
    margin: 0 auto;
    max-width: 1145px;
}

.blocks-frame {
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    margin: 0 -7px;
}

    .blocks-frame > * {
        font-size: 16px;
        line-height: 24px;
    }

    .blocks-frame .block-holder {
        width: 48.7%;
        display: inline-block;
        vertical-align: top;
        margin: 0 7px;
    }

    .blocks-frame .block {
        border: 1px solid #ddd;
        overflow: hidden;
        margin: 0 0 20px;
    }

        .blocks-frame .block.add {
            border: none;
        }

    .blocks-frame .calendar-block {
        margin: 0;
    }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-header {
            background: #56b9fb;
            padding: 18px 32px 10px;
            text-align: center;
            height: 64px;
            margin: -1px -1px 29px;
            border-radius: 0;
        }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane,
        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-year {
            display: none;
        }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-title {
            text-align: center;
            margin: 0 0 0 5px;
            font-size: 24px;
            line-height: 27px;
            text-transform: capitalize;
        }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev {
            width: 34px;
            height: 64px;
            left: 0;
            top: 0;
            border: none;
            cursor: pointer;
            background: none;
        }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:after {
                content: "";
                left: 15px;
                position: absolute;
                top: 24px;
                background: url(../images/sprite.png) no-repeat -67px -2px;
                width: 10px;
                height: 16px;
            }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:hover {
                background: none;
                opacity: .8;
            }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:before {
                display: none;
            }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-next {
            background: none;
            width: 34px;
            height: 64px;
            right: 0;
            top: 0;
            border: none;
            cursor: pointer;
        }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-next:after {
                content: "";
                right: 15px;
                position: absolute;
                top: 24px;
                background: url(../images/sprite.png) no-repeat -83px -2px;
                width: 10px;
                height: 16px;
            }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-next:hover {
                background: none;
                opacity: .8;
            }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-next:before {
                display: none;
            }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar {
            border: none;
            padding: 0 9px 24px;
        }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar thead {
                display: none;
            }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar th {
                border: none;
            }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar td {
                border: none;
                padding: 2px 0;
                font-size: 18px;
                line-height: 32px;
            }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar a {
                font-weight: 500;
                padding: 2px;
                color: #333;
                border-radius: 50%;
                width: auto;
                height: auto;
                position: relative;
                display: inline-block;
                vertical-align: top;
            }

                .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar a:after {
                    position: absolute;
                    width: 35px;
                    height: 35px;
                    left: 50%;
                    top: 50%;
                    margin: -17px 0 0 -17px;
                    background: #56b9fb;
                    content: "";
                    border-radius: 50%;
                    display: none;
                    z-index: -1;
                }

                .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar a:hover {
                    background: none;
                }

                    .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar a:hover:after {
                        display: block;
                    }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-active,
            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
                background: none;
                color: #fff;
            }

                .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-active:after,
                .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-highlight:after {
                    display: block;
                }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-priority-secondary {
                cursor: default;
                color: #999 !important;
            }

                .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-priority-secondary:after {
                    display: none;
                }

                .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-priority-secondary:hover {
                    color: #999 !important;
                }

                    .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-priority-secondary:hover:after {
                        display: none;
                    }

    .blocks-frame .images-list {
        overflow: hidden;
        font-size: 0;
        line-height: 0;
        margin: 0 -8px;
    }

        .blocks-frame .images-list > * {
            font-size: 16px;
            line-height: 24px;
        }

        .blocks-frame .images-list li {
            display: inline-block;
            vertical-align: top;
            position: relative;
            width: 50%;
            padding: 0 8px;
            margin: 0 0 22px;
        }

            .blocks-frame .images-list li:after {
                display: none;
            }

        .blocks-frame .images-list .img-caption {
            position: absolute;
            left: 17px;
            bottom: 5px;
            font-weight: 700;
            text-transform: uppercase;
            font-size: 28px;
            line-height: 32px;
            color: #fff;
            z-index: 2;
        }

            .blocks-frame .images-list .img-caption a {
                display: inline-block;
                vertical-align: top;
                color: #fff;
            }

                .blocks-frame .images-list .img-caption a:hover {
                    text-decoration: none;
                    opacity: .8;
                }

        .blocks-frame .images-list img {
            display: block;
            width: 100%;
            height: auto;
        }

    .blocks-frame .schedules-area {
        padding: 5px 0;
    }

        .blocks-frame .schedules-area .schedules-holder {
            height: 306px;
            overflow: auto;
        }

        .blocks-frame .schedules-area .schedules-frame {
            overflow: hidden;
            padding: 12px 29px 15px 30px;
        }

        .blocks-frame .schedules-area h2 {
            text-transform: capitalize;
            color: #000;
            font-weight: 800;
            font-size: 24px;
            line-height: 27px;
            margin: 0 0 16px;
        }

        .blocks-frame .schedules-area .schedules-frame ul {
            overflow: hidden;
            font-size: 18px;
            line-height: 21px;
            border-bottom: 1px solid #ddd;
        }

            .blocks-frame .schedules-area .schedules-frame ul li {
                border-top: 1px solid #ddd;
                padding: 26px 0;
            }

                .blocks-frame .schedules-area .schedules-frame ul li:after {
                    display: none;
                }

                .blocks-frame .schedules-area .schedules-frame ul li a {
                    color: #333;
                }

                    .blocks-frame .schedules-area .schedules-frame ul li a:hover {
                        text-decoration: none;
                        opacity: .8;
                    }

    .blocks-frame .apps-area {
        overflow: hidden;
        padding: 12px 26px 15px 18px;
    }

        .blocks-frame .apps-area .img-holder {
            float: left;
            margin: 4px 15px 0 0;
        }

            .blocks-frame .apps-area .img-holder img {
                display: block;
            }

        .blocks-frame .apps-area .apps-description {
            overflow: hidden;
        }

            .blocks-frame .apps-area .apps-description h2 {
                text-transform: capitalize;
                color: #000;
                font-weight: 800;
                font-size: 24px;
                line-height: 28px;
                margin: 0 0 17px;
            }

        .blocks-frame .apps-area .links-holder {
            overflow: hidden;
            padding: 0 15px 10px 0;
            border-bottom: 1px solid #ddd;
        }

        .blocks-frame .apps-area .links-list {
            width: 130px;
            float: right;
            font-size: 14px;
            line-height: 17px;
        }

            .blocks-frame .apps-area .links-list:first-child {
                float: left;
            }

            .blocks-frame .apps-area .links-list li {
                padding: 0;
                margin: 0 0 10px;
            }

                .blocks-frame .apps-area .links-list li:after {
                    display: none;
                }

                .blocks-frame .apps-area .links-list li a {
                    color: #333;
                }

                    .blocks-frame .apps-area .links-list li a:hover {
                        text-decoration: none;
                        opacity: .8;
                    }

    .blocks-frame .connect-area {
        position: relative;
        padding: 20px 0 0 2px;
        overflow: hidden;
    }

        .blocks-frame .connect-area .alignleft {
            float: left;
            margin: 0 8px 0 0;
            max-width: inherit;
        }

            .blocks-frame .connect-area .alignleft img {
                display: block;
            }

        .blocks-frame .connect-area .text-holder {
            overflow: hidden;
        }

            .blocks-frame .connect-area .text-holder h3 {
                font-weight: 400;
                color: #000;
                font-size: 17px;
                line-height: 20px;
                margin: 0 0 3px;
                text-transform: none;
            }

            .blocks-frame .connect-area .text-holder em {
                display: block;
                font-size: 12px;
                line-height: 15px;
                margin: 0 0 8px;
                font-style: normal;
                color: #333;
            }

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none !important;
    border: none !important;
}


.blocks-frame .connect-area .text-holder .buttons {
    overflow: hidden;
}

    .blocks-frame .connect-area .text-holder .buttons a {
        display: inline-block;
        vertical-align: top;
    }

        .blocks-frame .connect-area .text-holder .buttons a:first-child {
            margin-right: 8px;
        }

    .blocks-frame .connect-area .text-holder .buttons img {
        display: block;
        max-width: inherit;
    }

/*info area*/

.info-area {
    position: relative;
    overflow: hidden;
    background: url(../images/bg-info.jpg) no-repeat;
    background-size: cover;
    padding: 49px 0 1px;
    border-bottom: 1px solid #dfe0d1;
}

    .info-area .info-holder {
        max-width: 1145px;
        margin: 0 auto;
        overflow: hidden;
        padding: 0 10px 0 27px;
        letter-spacing: -4px;
    }

    .info-area .info-frame {
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin: 0 0 0 4.5%;
        letter-spacing: 0;
    }

        .info-area .info-frame:first-child {
            margin-left: 0;
        }

    .info-area .info-block {
        overflow: hidden;
        padding: 0 0 23px;
        color: #666;
        font-size: 12px;
        line-height: 15px;
    }

        .info-area .info-block .icon {
            float: left;
            width: 78px;
            margin: 5px 0 0;
        }

            .info-area .info-block .icon img {
                display: block;
                max-width: inherit;
            }

        .info-area .info-block .description {
            overflow: hidden;
        }

            .info-area .info-block .description h2 {
                text-transform: none;
                font: 400 24px/28px "roboto", Arial, Helvetica, sans-serif;
                color: #1b4562;
                margin: 0 0 4px;
            }

                .info-area .info-block .description h2 a {
                    text-decoration: none;
                    color: #1b4562;
                }

                    .info-area .info-block .description h2 a:hover {
                        opacity: .8;
                    }

            .info-area .info-block .description .buttons {
                overflow: hidden;
                margin: 8px 0 0;
            }

                .info-area .info-block .description .buttons a {
                    display: inline-block;
                    vertical-align: top;
                }

                    .info-area .info-block .description .buttons a:first-child {
                        margin-right: 10px;
                    }

        .info-area .info-block p {
            margin: 0;
        }

/* footer styles */

#footer {
    color: #fff;
    position: relative;
    overflow: hidden;
}

    #footer .gallery-holder {
        padding: 30px 0;
        background: url(../images/footer-gallery-bg.jpg) no-repeat;
        background-size: cover;
        border-bottom: 1px solid #000;
    }

    #footer .footer-frame {
        overflow: hidden;
    }

    #footer .carousel {
        margin: 0 auto;
        padding: 0 10px;
        overflow: hidden;
        max-width: 1145px;
    }

        #footer .carousel .mask {
            max-width: 1092px;
            margin: 0 auto;
        }

        #footer .carousel .slide-holder {
            margin: 0;
            padding: 0;
        }

            #footer .carousel .slide-holder li {
                float: left;
                width: 25%;
                padding: 0 3px 0 2px;
            }

                #footer .carousel .slide-holder li:after {
                    display: none;
                }

                #footer .carousel .slide-holder li img {
                    max-width: inherit;
                    margin: 0;
                    display: block;
                    width: 100%;
                    height: auto;
                }

        #footer .carousel .btn-prev,
        #footer .carousel .btn-next {
            width: 9px;
            height: 16px;
            margin: -8px 0 0;
            background: url(../images/sprite.png) no-repeat -97px -2px;
            left: 10px;
        }

            #footer .carousel .btn-prev:hover,
            #footer .carousel .btn-next:hover {
                opacity: .8;
            }

        #footer .carousel .btn-next {
            background-position: -111px -2px;
            left: auto;
            right: 10px;
        }

    #footer a {
        color: #fafafa;
    }

    #footer .active a {
        color: #25284f;
    }

.footer-block {
    background: url(../images/footer-top-bg.jpg) no-repeat;
    background-size: cover;
    padding: 18px 0 16px;
    position: relative;
    overflow: hidden;
}

    .footer-block:after {
        content: "";
        position: absolute;
        bottom: 1px;
        left: 0;
        width: 100%;
        height: 1px;
        background: #000;
    }

    .footer-block .footer-holder {
        max-width: 1145px;
        padding: 0 10px;
        margin: 0 auto;
        font-size: 13px;
        line-height: 16px;
        min-height: 78px;
    }

    .footer-block .column {
        float: left;
        padding: 0 44px;
        width: 25.97%;
    }

        .footer-block .column:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            width: 2px;
            background: url(../images/separator.png) no-repeat 0 50%;
            margin: 0 0 0 -46px;
        }

    .footer-block .nav-block {
        width: 46%;
        position: relative;
        padding: 18px 0 0 16px;
    }

        .footer-block .nav-block:before {
            display: none;
        }

        .footer-block .nav-block ul {
            float: left;
            width: 50%;
            margin: 0;
            padding: 0 0 0 10px;
            font-size: 13px;
            line-height: 16px;
        }

            .footer-block .nav-block ul li {
                padding: 0 0 0 15px;
                margin: 0 0 6px;
                position: relative;
            }

                .footer-block .nav-block ul li:after {
                    display: none;
                }

                .footer-block .nav-block ul li:before {
                    content: "";
                    position: absolute;
                    top: 6px;
                    left: 0;
                    background: #fff;
                    width: 4px;
                    height: 4px;
                    border-radius: 50%;
                }

    .footer-block .wide {
        width: 28.025%;
    }

    .footer-block .logos-list {
        margin: 0;
        width: 100%;
        display: table;
        padding: 0;
    }

        .footer-block .logos-list li {
            display: table-cell;
            vertical-align: middle;
            padding: 5px 0 0 15px;
            height: 79px;
        }

            .footer-block .logos-list li:after {
                display: none;
            }

            .footer-block .logos-list li:first-child {
                padding: 5px 15px 5px 0;
            }

/*copyright style*/

.copyright {
    position: relative;
    font-size: 13px;
    line-height: 16px;
    padding: 3px 0 4px;
    overflow: hidden;
    background: url(../images/copyright-bg.jpg) no-repeat;
    background-size: cover;
}

    .copyright .holder {
        margin: 0 auto;
        padding: 0 10px;
        max-width: 1145px;
    }

    .copyright .social-networks {
        float: right;
        margin: 0 -4px 0 0;
    }

        .copyright .social-networks li {
            margin: 0 4px 0 5px;
            padding: 0;
        }

            .copyright .social-networks li:after {
                display: none;
            }

        .copyright .social-networks a {
            display: block;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: none;
            box-shadow: 0 1px 2px rgba(0, 0, 0, .75);
            position: relative;
            overflow: hidden;
            text-indent: -9999px;
        }

            .copyright .social-networks a:hover {
                opacity: .8;
            }

            .copyright .social-networks a:after {
                content: "";
                position: absolute;
                left: 50%;
                top: 50%;
                background: url(../images/sprite.png) no-repeat;
            }

            .copyright .social-networks a.facebook {
                background-position: inherit;
                width: 45px;
                height: 45px;
            }

                .copyright .social-networks a.facebook:after {
                    background: url(../images/sprite.png) no-repeat -76px -88px;
                    width: 45px;
                    height: 45px;
                    margin: 0;
                    left: 0;
                    top: 0;
                }

    .copyright .copyright-text {
        overflow: hidden;
        padding: 13px 0 0 60px;
    }

        .copyright .copyright-text p {
            display: inline-block;
            vertical-align: middle;
        }

    .copyright p {
        margin: 0;
    }

/*accordion style*/

.accordion {
    overflow: hidden;
}

.accordion-block {
    margin: 0 0 2px;
    border: 1px solid #ddd;
}

    .accordion-block.active .opener .icon-arrow1-left {
        display: none;
    }

    .accordion-block.active .opener .icon-arrow-down {
        display: block;
    }

    .accordion-block .opener {
        display: block;
        position: relative;
        text-decoration: none;
        color: #56b9fb;
        font-size: 14px;
        line-height: 16px;
        padding: 10px 55px 11px 11px;
    }

        .accordion-block .opener:after {
            content: "";
            position: absolute;
            top: 7px;
            bottom: 7px;
            right: 42px;
            width: 1px;
            background: #ccc;
        }

        .accordion-block .opener .icon-arrow1-left {
            position: absolute;
            width: 6px;
            height: 11px;
            top: 50%;
            right: 18px;
            margin: -5px 0 0;
            background: url(../images/sprite.png) no-repeat -267px -69px;
        }

        .accordion-block .opener .icon-arrow-down {
            position: absolute;
            width: 11px;
            height: 6px;
            top: 50%;
            margin: -3px 0 0;
            right: 15px;
            background: url(../images/sprite.png) no-repeat -284px -51px;
            display: none;
        }

    .accordion-block .slide {
        border-top: 1px solid #ddd;
        padding: 11px 13px 22px;
    }

        .accordion-block .slide h5 {
            margin-bottom: 12px;
            font-weight: 500;
        }

        .accordion-block .slide p {
            margin: 0;
        }

/*message-block style*/

.message-block {
    position: relative;
    background: #ffc55b;
    color: #6b5326;
    font-size: 13px;
    line-height: 15px;
    padding: 18px 39px 19px;
    margin: 0 0 59px;
}

    .message-block strong {
        text-transform: uppercase;
    }

    .message-block:before {
        content: "";
        position: absolute;
        top: 18px;
        left: 12px;
        width: 18px;
        height: 17px;
        background: url(../images/sprite.png) no-repeat -272px -90px;
    }

    .message-block p {
        margin: 0;
    }

/*tabset-panel style*/

.tabset-panel {
    background: #4ba3de;
}

    .tabset-panel .tabset {
        max-width: 1145px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 20px;
        padding: 0 10px;
    }

        .tabset-panel .tabset li {
            margin: -2px 0 0;
            padding: 2px 0 0;
            display: inline-block;
            vertical-align: top;
        }

            .tabset-panel .tabset li:after {
                display: none;
            }

        .tabset-panel .tabset .active {
            padding-top: 0;
        }

            .tabset-panel .tabset .active a {
                background: #fff;
                color: #1b4562;
                border-top-color: #ffe71b;
                padding-top: 22px;
            }

        .tabset-panel .tabset a {
            color: #fff;
            padding: 20px 23px 17px;
            border-top: 3px solid transparent;
            display: block;
        }

            .tabset-panel .tabset a:hover {
                background: #fff;
                color: #1b4562;
                text-decoration: none;
            }

/*.tab-area-styled*/

.tab-area-styled .tabset {
    border-bottom: 1px solid #a3acb6;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .tab-area-styled .tabset li {
        float: left;
        min-width: 108px;
        margin: 0 8px 0 0;
        padding: 0;
    }

        .tab-area-styled .tabset li:after {
            display: none;
        }

    .tab-area-styled .tabset .active a {
        color: #fff;
        background: #a3acb6;
        z-index: 10;
        border-top-color: transparent;
    }

        .tab-area-styled .tabset .active a:after {
            background-position: 0 -40px;
        }

    .tab-area-styled .tabset a {
        display: block;
        position: relative;
        color: #333;
        text-align: center;
        padding: 10px 10px 9px 12px;
        border-radius: 4px 1px 0 0;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
        background: #f2f2f2 url(../images/bg-tab.png) repeat-x;
    }

        .tab-area-styled .tabset a:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 99.5%;
            width: 14px;
            height: 100%;
            background: url(../images/bg-tabs.png) no-repeat;
            z-index: 2;
        }

        .tab-area-styled .tabset a:hover {
            text-decoration: none;
            color: #fff;
            background: #a3acb6;
            border-top-color: transparent;
        }

            .tab-area-styled .tabset a:hover:after {
                background-position: 0 -40px;
            }

.tab-area-styled .tab-content {
    padding: 28px 2px 34px 30px;
}

    .tab-area-styled .tab-content h5 {
        margin: 0 0 3px;
        font-weight: 500;
    }

    .tab-area-styled .tab-content p {
        margin: 0;
    }

/*two-columns-block*/

.two-columns-block {
    overflow: hidden;
    margin: 7px 0 98px; /* main content styles */ /* sidebar styles */
}

    .two-columns-block .content {
        float: left;
        width: 66.2%;
    }

        .two-columns-block .content .heading {
            margin: 0 0 23px;
        }

        .two-columns-block .content h1 {
            margin-bottom: 8px;
            padding-bottom: 10px;
            font-size: 25px;
            line-height: 28px;
            border-bottom: 1px solid #ddd;
        }

        .two-columns-block .content p {
            margin: 0 0 15px;
        }

        .two-columns-block .content .post .meta {
            overflow: hidden;
            font-size: 11px;
            line-height: 16px;
            font-weight: 500;
            padding: 5px 0 8px;
        }

            .two-columns-block .content .post .meta .alignleft {
                margin: 0 10px 0 0;
                float: left;
            }

        .two-columns-block .content .btn-register {
            display: inline-block;
            vertical-align: top;
            margin: 39px 0 3px;
            font-size: 18px;
            line-height: 20px;
            font-style: italic;
        }

    .two-columns-block .social-panel {
        overflow: hidden;
    }

        .two-columns-block .social-panel .social-networks {
            float: right;
            padding: 0;
            border: none;
            display: block;
            margin: 0 -4px 8px 0;
        }

            .two-columns-block .social-panel .social-networks li {
                margin: 0 5px 0 6px;
            }

    .two-columns-block .sidebar {
        float: right;
        width: 282px;
        position: relative;
    }

        .two-columns-block .sidebar h2 {
            font-size: 25px;
            line-height: 1.1;
            text-transform: none;
            padding: 0 0 10px;
            margin: 0 0 26px;
            font-weight: bold;
            border-bottom: 1px solid #ddd;
        }

        .two-columns-block .sidebar .widget {
            position: relative;
            padding: 0 0 0 30px;
            font-size: 14px;
            line-height: 17px;
            margin: 0 0 30px;
        }

            .two-columns-block .sidebar .widget a {
                color: #000;
            }

        .two-columns-block .sidebar address {
            font-style: normal;
            margin: 0 0 5px;
        }

            .two-columns-block .sidebar address p {
                margin: 0 0 10px;
            }

            .two-columns-block .sidebar h3,
            .two-columns-block .sidebar address strong {
                display: block;
                font-size: 14px;
                line-height: 16px;
                font-size: 14px;
                line-height: 16px;
                color: #000;
                font-weight: 500;
                margin: 0 0 10px;
                text-transform: none;
            }

        .two-columns-block .sidebar .rate {
            display: block;
        }

            .two-columns-block .sidebar .rate strong {
                font-weight: normal;
            }

        .two-columns-block .sidebar .feature-points {
            margin: 0 0 0 1px;
            padding: 0;
            font-size: 14px;
            line-height: 17px;
        }

            .two-columns-block .sidebar .feature-points > li {
                padding-left: 7px;
                padding-bottom: 1px;
            }

                .two-columns-block .sidebar .feature-points > li:before {
                    top: 7px;
                }

            .two-columns-block .sidebar .feature-points a {
                color: #666;
                text-decoration: none;
            }

                .two-columns-block .sidebar .feature-points a:hover {
                    text-decoration: underline;
                }

        .two-columns-block .sidebar .link-area,
        .two-columns-block .sidebar .contact-link {
            display: block;
            color: #000;
        }

            .two-columns-block .sidebar .link-area a,
            .two-columns-block .sidebar .contact-link a {
                font-weight: normal;
            }

        .two-columns-block .sidebar .cast-list {
            margin: 0;
            padding: 0;
            font-size: 14px;
            line-height: 17px;
        }

            .two-columns-block .sidebar .cast-list > li {
                padding: 0;
            }

                .two-columns-block .sidebar .cast-list > li:after {
                    display: none;
                }

    .two-columns-block span[class^=icon-] {
        position: absolute;
        top: 0;
        left: 0;
        width: 17px;
        height: 16px;
        background: url(../images/sprite.png) no-repeat;
    }

    .two-columns-block span.icon-ico-address {
        background-position: -143px -4px;
        top: -1px;
    }

    .two-columns-block span.icon-ico-mobile {
        width: 9px;
        background-position: -161px -4px;
    }

    .two-columns-block span.icon-ico-hours,
    .two-columns-block span.icon-ico-running-time {
        background-position: -175px -4px;
    }

    .two-columns-block span.icon-ico-mail {
        background-position: -197px -7px;
    }

    .two-columns-block span.icon-ico-feedback1 {
        background-position: -225px -4px;
        top: -1px;
    }

    .two-columns-block span.icon-ico-ticket {
        background-position: -139px -33px;
        top: -1px;
    }

    .two-columns-block span.icon-ico-calender,
    .two-columns-block span.icon-ico-start-date,
    .two-columns-block span.icon-ico-cutoff-date,
    .two-columns-block span.icon-ico-end-date,
    .two-columns-block span.icon-ico-release-date {
        background-position: -163px -34px;
    }

    .two-columns-block span.icon-ico-features {
        background-position: -183px -33px;
        top: -1px;
    }

    .two-columns-block span.icon-ico-tips {
        background-position: -205px -33px;
    }

    .two-columns-block span.icon-ico-services {
        background-position: -230px -32px;
    }

    .two-columns-block span.icon-ico-classes {
        background-position: -144px -60px;
        top: -1px;
    }

    .two-columns-block span.icon-ico-payments {
        background-position: -167px -64px;
    }

    .two-columns-block span.icon-ico-download {
        background-position: -192px -61px;
    }

    .two-columns-block span.icon-ico-picture {
        background-position: -217px -64px;
    }

    .two-columns-block span.icon-ico-website {
        background-position: -239px -61px;
    }

    .two-columns-block span.icon-ico-responsive {
        background-position: -144px -89px;
    }

    .two-columns-block span.icon-ico-genre {
        background-position: -168px -89px;
    }

    .two-columns-block span.icon-ico-studio {
        background-position: -193px -88px;
        top: -1px;
    }

    .two-columns-block span.icon-ico-cast {
        background-position: -217px -88px;
        top: -1px;
    }

    .two-columns-block span.icon-ico-aoc {
        background-position: -240px -90px;
    }

    .two-columns-block span.icon-ico-open-continuously {
        background-position: -146px -120px;
        top: -1px;
    }

/*showtime style*/

.showtimes {
    position: relative;
}

    .showtimes .heading {
        text-align: center;
        color: #fff;
        background: #4ba3de;
        padding: 38px 0 40px;
        overflow: hidden;
    }

        .showtimes .heading h1 {
            text-transform: uppercase;
            font: 400 36px/40px "roboto", Arial, Helvetica, sans-serif;
            color: #fff;
            margin: 0;
        }

    .showtimes .holder {
        margin: auto;
        max-width: 964px;
        padding: 68px 15px 30px;
    }

    .showtimes .table {
        width: 100%;
        margin: 0 0 77px;
    }

        .showtimes .table th {
            text-align: left;
            text-transform: uppercase;
            color: #333;
            font-size: 13px;
            line-height: 15px;
            padding: 0 20px 17px;
            border-bottom: 2px solid #eaeaea;
        }

        .showtimes .table .even td {
            background: #fbfbfb;
        }

        .showtimes .table td {
            border-bottom: 1px solid #eaeaea;
            font-size: 12px;
            line-height: 15px;
            padding: 17px 20px 16px;
            color: #333;
        }

            .showtimes .table td:first-child {
                width: 64%;
            }

        .showtimes .table .main-title {
            display: block;
            position: relative;
            font-size: 14px;
            line-height: 16px;
            padding: 0 0 0 24px;
        }

            .showtimes .table .main-title .icon-ico-ticket1 {
                position: absolute;
                top: 0;
                left: 0;
                width: 16px;
                height: 16px;
                background: url(../images/sprite.png) no-repeat -139px -33px;
            }

    .showtimes .shows .post {
        margin: 0 0 40px;
    }

        .showtimes .shows .post > time {
            display: block;
            font-size: 17px;
            line-height: 19px;
            font-weight: bold;
            color: #25284f;
            margin: 0 0 11px;
        }

        .showtimes .shows .post .show-details {
            margin: 0;
            padding: 0;
            border-bottom: 1px solid #eaeaea;
        }

            .showtimes .shows .post .show-details li {
                padding: 17px 10px 14px;
                border-top: 1px solid #eaeaea;
                overflow: hidden;
            }

                .showtimes .shows .post .show-details li:after {
                    display: none;
                }

                .showtimes .shows .post .show-details li:before {
                    display: none;
                }

            .showtimes .shows .post .show-details time {
                color: #000;
                font-size: 15px;
                line-height: 17px;
                float: left;
                margin: 0 10px 0 0;
                width: 68px;
            }

            .showtimes .shows .post .show-details .text {
                overflow: hidden;
                font-size: 14px;
                line-height: 18px;
                color: #333;
            }

            .showtimes .shows .post .show-details .frost {
                display: none;
            }

            .showtimes .shows .post .show-details .name {
                margin: 0 7px 0 0;
            }

                .showtimes .shows .post .show-details .name a {
                    text-decoration: none;
                    color: #333;
                }

                    .showtimes .shows .post .show-details .name a:hover {
                        text-decoration: underline;
                    }

            .showtimes .shows .post .show-details .rating {
                margin: 0 13px 0 0;
                display: inline-block;
                vertical-align: top;
            }

                .showtimes .shows .post .show-details .rating img {
                    max-width: none;
                }

            .showtimes .shows .post .show-details .show-time {
                font-style: italic;
                color: #7f7f7f;
                font-size: 12px;
                line-height: 16px;
                display: inline-block;
                vertical-align: middle;
            }

/*events block*/

.events-block {
    position: relative;
    overflow: hidden;
    margin: 0 0 73px;
}

    .events-block .heading {
        text-align: center;
        color: #fff;
        background: #4ba3de;
        padding: 38px 0 40px;
        overflow: hidden;
    }

        .events-block .heading h1 {
            text-transform: uppercase;
            font: 400 36px/40px "roboto", Arial, Helvetica, sans-serif;
            color: #fff;
            margin: 0;
        }

    .events-block .two-columns-block {
        margin: 0 auto;
        padding: 66px 10px 0;
        overflow: hidden;
        max-width: 1145px;
    }

    .events-block .sidebar {
        padding: 40px 0 0;
        float: right;
        width: 270px;
    }

        .events-block .sidebar .block {
            position: relative;
            overflow: hidden;
        }

            .events-block .sidebar .block h2 {
                text-transform: uppercase;
                border: none;
                padding: 0;
                color: #333;
                font: 700 17px/20px "roboto", Arial, Helvetica, sans-serif;
                margin: 0 0 6px;
            }

        .events-block .sidebar .btn-holder {
            overflow: hidden;
            text-align: center;
        }

            .events-block .sidebar .btn-holder .btn {
                text-decoration: none;
                background: #56b9fb;
                display: inline-block;
                vertical-align: top;
                color: #fff;
                width: 95px;
                height: 37px;
                font: 700 14px/18px "roboto", Arial, Helvetica, sans-serif;
                text-transform: uppercase;
                padding: 10px 5px 5px;
            }

                .events-block .sidebar .btn-holder .btn:hover {
                    opacity: .8;
                }

    .events-block .content {
        float: left;
        width: 66.3%;
    }

        .events-block .content .heading {
            margin: 0 0 25px;
        }

        .events-block .content h1 {
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #ddd;
        }

        .events-block .content p {
            margin: 0 0 15px;
        }

        .events-block .content .events-box {
            overflow: hidden;
            margin: 0 0 44px;
        }

            .events-block .content .events-box h2 {
                color: #000;
                margin: 0 0 17px;
                font: 500 20px/24px "roboto", Arial, Helvetica, sans-serif;
            }

                .events-block .content .events-box h2 .opener {
                    color: #000;
                    display: block;
                    position: relative;
                    text-decoration: none;
                }

                    .events-block .content .events-box h2 .opener:after {
                        content: "";
                        position: absolute;
                        right: 20px;
                        top: 9px;
                        background: url(../images/sprite.png) no-repeat -221px -125px;
                        width: 16px;
                        height: 10px;
                    }

    .events-block .load-box {
        margin: -12px 0 0;
    }

.content .post .alignleft {
    float: left;
    margin: 0 20px 4px 0;
    max-width: inherit;
}

.content .post .text {
    overflow: hidden;
}

/*event table*/

.events-table {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}

    .events-table td {
        vertical-align: top;
        font-size: 12px;
        line-height: 15px;
        color: #777a7d;
        border-top: 1px solid #f2f2f2;
        padding: 16px 9px 14px;
    }

        .events-table td:first-child {
            width: 86px;
        }

        .events-table td span {
            display: inline-block;
            vertical-align: top;
            color: #000;
            font: 500 16px/18px "roboto", Arial, Helvetica, sans-serif;
            padding: 3px 0 0;
        }

    .events-table .date {
        width: 136px;
    }

    .events-table .label {
        display: inline-block;
        vertical-align: top;
        text-transform: uppercase;
        font: 400 11px/13px "roboto", Arial, Helvetica, sans-serif;
        border-radius: 3px;
        color: #fff;
        text-align: center;
        padding: 3px 5px;
        background: #56b9fb;
        margin: 3px 0 0;
        width: auto;
    }

    .events-table h3 {
        font: 700 18px/22px "roboto", Arial, Helvetica, sans-serif;
        margin: 0 0 6px;
        color: #000;
        text-transform: none;
    }

        .events-table h3 a {
            color: #000;
            text-decoration: none;
        }

            .events-table h3 a:hover {
                text-decoration: underline;
            }

    .events-table p {
        margin: 0 0 7px !important;
    }

    .events-table .events-area {
        width: 364px;
        background: #f4f4f4;
        padding: 18px 21px;
        margin: 17px 0 20px;
    }

        .events-table .events-area .title {
            color: #000;
            display: block;
            margin: 0 0 15px;
            font-size: 13px;
        }

        .events-table .events-area ul {
            margin: 0;
            padding: 0;
            overflow: hidden;
            font-size: 12px;
            line-height: 15px;
        }

            .events-table .events-area ul li {
                padding: 0;
                margin: 0 0 7px;
            }

                .events-table .events-area ul li:after {
                    display: none;
                }

        .events-table .events-area .more {
            text-transform: uppercase;
            display: inline-block;
            vertical-align: top;
            margin: 12px 0 0;
            color: #000;
            text-decoration: underline;
        }

            .events-table .events-area .more:hover {
                text-decoration: none;
            }

            .events-table .events-area .more em {
                font-style: normal;
            }

            .events-table .events-area .more .less {
                display: none;
            }

        .events-table .events-area.active .more em {
            display: none;
        }

        .events-table .events-area.active .more .less {
            display: block;
        }

/*load-box style*/

.load-box {
    overflow: hidden;
    text-align: center;
}

    .load-box .load-more {
        text-decoration: none;
        display: block;
        width: 100%;
        height: 60px;
        background: #56b9fb;
        font: 700 18px/22px "roboto", Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #fff;
        padding: 20px 5px 10px;
    }

        .load-box .load-more:hover {
            opacity: .8;
        }

/*categories list*/

.categories-list {
    margin: 0 0 10px 10px;
    font-size: 13px;
    line-height: 17px;
    padding: 0 0 48px;
    border-bottom: 1px solid #cecece;
}

    .categories-list li {
        padding: 0;
        margin: 0 0 7px;
        overflow: hidden;
    }

        .categories-list li:after {
            display: none;
        }

    .categories-list label {
        color: #000;
        display: inline-block;
        vertical-align: top;
    }

        .categories-list label > span {
            margin: 0 0 0 21px;
            display: block;
        }

    .categories-list input[type=checkbox],
    .categories-list .jcf-checkbox {
        float: left;
        margin: 3px 0 0;
    }

    .categories-list .drop-list ul {
        margin: 0;
        font-size: 13px;
        line-height: 17px;
        padding: 9px 0 1px 20px;
    }

        .categories-list .drop-list ul li {
            margin: 8px 0 0;
        }

            .categories-list .drop-list ul li:first-child {
                margin-top: 0;
            }

/*filter block*/

.filter-block {
    margin: 0 0 47px;
    overflow: hidden;
}

    .filter-block h2 {
        font-weight: 500;
        margin: 0 0 32px;
    }

.filter {
    margin: 0;
}

    .filter .box {
        float: left;
        margin: 0 25px 0 0;
    }

    .filter label {
        display: inline-block;
        vertical-align: middle;
        font-weight: bold;
        color: #000;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 18px;
        margin: 0 24px 0 0;
    }

    .filter input[type=text] {
        padding-left: 11px;
    }

    .filter input[type=text],
    .filter .jcf-select {
        display: inline-block;
        vertical-align: middle;
        width: 219px;
    }

    .filter input[type=submit] {
        float: left;
        margin: 0 0 0 -6px;
    }

/*result-container*/

.result-container {
    margin: 0 0 72px;
    overflow: hidden;
}

    .result-container .datepicker-block {
        overflow: hidden;
        margin: 0 0 27px;
    }

        .result-container .datepicker-block .datepicker-holder {
            float: right;
        }

            .result-container .datepicker-block .datepicker-holder img {
                display: block;
                max-width: inherit;
            }

    .result-container .result-content {
        margin: 0 0 12px;
    }

    .result-container .holder-row {
        display: table;
        width: 100%;
    }

        .result-container .holder-row span {
            display: table-cell;
            vertical-align: middle;
            color: #333;
            border-bottom: 2px solid #eaeaea;
            padding: 0 21px 16px;
            text-transform: uppercase;
            font-size: 13px;
            line-height: 15px;
        }

        .result-container .holder-row em {
            font-style: normal;
            font-weight: bold;
        }

    .result-container .result-row {
        display: table;
        width: 100%;
    }

        .result-container .result-row > div {
            padding: 10px 21px 9px;
            border-bottom: 1px solid #eaeaea;
            color: #333;
            font-size: 12px;
            line-height: 15px;
            display: table-cell;
            vertical-align: middle;
        }

            .result-container .result-row > div:first-child:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                width: 1px;
                height: 30px;
                margin: 0 0 0 -5px;
            }

        .result-container .result-row .job-title,
        .result-container .result-row .event-title {
            font-size: 16px;
            line-height: 18px;
        }

        .result-container .result-row a {
            color: #000;
            text-decoration: none;
            display: inline-block;
            vertical-align: middle;
        }

            .result-container .result-row a:hover {
                text-decoration: underline;
            }

        .result-container .result-row dl {
            margin: 0;
        }

            .result-container .result-row dl dt {
                margin: 0;
                display: none;
                font-weight: bold;
                text-transform: uppercase;
            }

            .result-container .result-row dl dd {
                margin: 0;
                display: inline-block;
                vertical-align: top;
            }

    .result-container .installation {
        width: 25.5%;
    }

    .result-container .location {
        width: 25.3%;
    }

    .result-container .time {
        width: 17.2%;
    }

/*search result*/

.search-results {
    color: #666;
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 32px;
}

    .search-results h2 {
        text-transform: none;
        font-weight: 400;
        font-size: 24px;
        margin: 0 0 12px;
    }

        .search-results h2 a {
            color: #000;
            text-decoration: none;
        }

            .search-results h2 a:hover {
                text-decoration: underline;
            }

    .search-results .link {
        margin: 0 0 10px;
        font-weight: bold;
    }

        .search-results .link a {
            font-style: normal;
            color: #666;
            text-decoration: none;
        }

            .search-results .link a:hover {
                color: #000;
                text-decoration: underline;
            }

    .search-results p {
        margin: 0;
    }

.jcf-select-tabset-select {
    display: none !important;
}

/*calendar style*/

.calendar-block {
    margin: 0 0 41px;
}

    .calendar-block .datepicker .ui-datepicker {
        border: none;
        border-radius: 0;
        background: none;
        padding: 0;
        width: 100%;
        position: relative;
    }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-header {
            position: relative;
            color: #fff;
            font-size: 13px;
            line-height: 15px;
            border: none;
            background: #56b9fb;
            border-radius: 3px 3px 0 0;
            padding: 8px 90px 8px 8px;
            height: 34px;
        }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev,
        .calendar-block .datepicker .ui-datepicker .ui-datepicker-next {
            position: absolute;
            top: 0;
            right: 0;
            left: auto;
            border-radius: 3px;
            border: 1px solid #25284f;
            width: 39px;
            height: 34px;
            overflow: hidden;
            text-indent: -9999px;
            background: #56b9fb;
            z-index: 5;
        }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:hover,
            .calendar-block .datepicker .ui-datepicker .ui-datepicker-next:hover {
                background: #1b4562;
                opacity: 1;
            }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:before,
            .calendar-block .datepicker .ui-datepicker .ui-datepicker-next:before {
                content: "";
                position: absolute;
                top: 10px;
                left: 17px;
                border: solid transparent;
                text-indent: 0;
                border-width: 6px 6px 6px 0;
            }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev span,
            .calendar-block .datepicker .ui-datepicker .ui-datepicker-next span {
                display: none !important;
            }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev {
            width: 41px;
            right: 37px;
            border-radius: 3px 0 0 3px;
        }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:before {
                border-right-color: #fff;
                left: 16px;
            }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-next:before {
            border-width: 6px 0 6px 6px;
            border-left-color: #fff;
        }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-title {
            margin: 2px 0 0;
            font: 400 13px/15px "roboto", Arial, Helvetica, sans-serif;
            text-align: left;
        }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane {
            position: absolute;
            top: 8px;
            right: 85px;
            background: none;
            border: none;
            margin: 0;
            padding: 0;
        }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane button {
                width: 60px;
                border-radius: 3px;
                text-align: center;
                text-transform: uppercase;
                background: #1b4562;
                font-weight: normal;
                padding: 0 2px;
                margin: 0;
                opacity: 1;
                font-size: 11px;
                line-height: 19px;
                border: none;
                color: #fff;
                height: auto;
                font-family: "roboto", Arial, Helvetica, sans-serif;
            }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar {
            width: 100%;
            border: 1px solid #cecece;
            border-radius: 0 0 3px 3px;
            border-collapse: separate;
            margin: 0;
            font-family: "roboto", Arial, Helvetica, sans-serif;
        }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar th {
                text-transform: uppercase;
                font-weight: normal;
                color: #000;
                font-size: 10px;
                line-height: 12px;
                padding: 2px;
                border-left: 1px solid #cecece;
                width: 14.286%;
            }

                .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar th:first-child {
                    border-left: 0;
                    width: auto !important;
                }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar td {
                border-left: 1px solid #cecece;
                border-top: 1px solid #cecece;
                text-align: center;
                padding: 0;
                font-size: 12px;
                line-height: 15px;
            }

                .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar td:first-child {
                    border-left: 0;
                    width: auto !important;
                }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-priority-secondary {
                cursor: default;
                opacity: 1 !important;
                color: #cecece !important;
                background: none !important;
            }

                .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-priority-secondary:hover {
                    color: #cecece !important;
                }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-active,
            .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-highlight,
            .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
                color: #fff;
                background: #56b9fb !important;
            }

            .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar a {
                display: block;
                font-style: normal;
                text-decoration: none;
                color: #777;
                padding: 9px 2px;
                text-align: center;
                background: none;
                border: none;
            }

                .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar a:hover {
                    color: #fff;
                    background: #56b9fb;
                }

/* custom scrollbars styles */

.jcf-scrollable-wrapper {
    box-sizing: content-box;
    position: relative;
}

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    background: #cecece;
    width: 10px;
    bottom: 0;
    right: 5px;
    top: 0;
    border-radius: 5px;
}

    .jcf-scrollbar-vertical .jcf-scrollbar-dec,
    .jcf-scrollbar-vertical .jcf-scrollbar-inc {
        background: #666;
        width: 0;
        height: 0;
        left: 0;
        top: 0;
        display: none;
    }

    .jcf-scrollbar-vertical .jcf-scrollbar-inc {
        top: auto;
        bottom: 0;
    }

    .jcf-scrollbar-vertical .jcf-scrollbar-handle {
        background: #56b9fb;
        height: 1px;
        width: 10px;
        border-radius: 5px;
    }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden;
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #84121c;
}

/* ---------------------------------------------------------
   4. Custom form styles
   ---------------------------------------------------------*/

.opt-default {
    display: none;
}

.jcf-checkbox {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 3px 0 0;
    width: 13px;
    height: 13px;
}

    .jcf-checkbox span {
        position: absolute;
        display: none;
        right: 0;
        bottom: 0;
        top: 1px;
        left: 1px;
        background: url(../images/sprite.png) no-repeat -261px -4px;
    }

    .jcf-checkbox input[type="checkbox"] {
        position: absolute;
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
        left: 0;
        top: 0;
        height: 10px;
        width: 10px;
    }

    .jcf-checkbox.jcf-checked span {
        display: block;
        top: -1px;
        left: -1px;
        background-position: -284px -4px;
    }

/* custom radio styles */

.jcf-radio {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    cursor: default;
    border-radius: 50%;
    margin: 0 3px 0 0;
    width: 12px;
    height: 12px;
    background: url(../images/sprite.png) no-repeat -284px -27px;
}

    .jcf-radio span {
        display: none;
    }

    .jcf-radio input[type="radio"] {
        position: absolute;
        height: 100%;
        width: 100%;
        border: 0;
        margin: 0;
        left: 0;
        top: 0;
        height: 10px;
        width: 10px;
    }

    .jcf-radio.jcf-checked {
        background-position: -262px -27px;
    }

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 1px solid #ddd;
    background: #fff;
    margin: 0;
    min-width: 150px;
    height: 37px;
}

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0;
    }

    .jcf-select .jcf-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        font-size: 14px;
        line-height: 34px;
        color: #000;
        margin: 0 50px 0 10px;
    }

    .jcf-select .jcf-select-opener {
        position: absolute;
        text-align: center;
        background: #fff;
        width: 43px;
        bottom: 0;
        right: 0;
        top: 0;
    }

        .jcf-select .jcf-select-opener:before {
            content: "";
            position: absolute;
            top: 6px;
            bottom: 6px;
            left: 0;
            width: 1px;
            background: #ccc;
        }

        .jcf-select .jcf-select-opener:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -3px 0 0 -5px;
            width: 11px;
            height: 6px;
            background: url(../images/sprite.png) no-repeat -248px -127px;
        }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}

    body > .jcf-select-drop.jcf-drop-flipped {
        margin: 1px 0 0;
    }

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #ddd;
}

/* multiple select styles */

.jcf-list-box {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    min-width: 200px;
    margin: 0;
    width: 100%;
    height: 91px;
    overflow: auto;
}

/* select options styles */

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    width: 100%;
}

    .jcf-list .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%;
    }

    .jcf-list ul {
        font-size: 14px;
        line-height: 18px;
    }

        .jcf-list ul li {
            overflow: hidden;
            display: block;
            padding: 0;
        }

            .jcf-list ul li:after {
                display: none;
            }

    .jcf-list .jcf-overflow {
        overflow: auto;
    }

    .jcf-list .jcf-option {
        overflow: hidden;
        cursor: default;
        display: block;
        color: #999;
        padding: 0 12px;
        height: 1%;
    }

        .jcf-list .jcf-option:hover {
            color: #fff;
            background: #56b9fb;
        }

    .jcf-list .jcf-disabled {
        background: #fff !important;
        color: #84121c !important;
    }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #56b9fb;
    color: #fff;
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}

#nav li.active-state > .dropdown {
    z-index: 10;
}

#N9AdContainer {
}

.n9Ad {
    padding: 32px 0px 32px 0px;
    width: 100%;
    max-width: 970px;
    margin: auto;
}

    .n9Ad img {
        width: 100%;
        height: auto;
    }

/* ---------------------------------------------------------
   6. Print style
   ---------------------------------------------------------*/

@media all and (min-width: 768px) {
    .carousel-holder .home-gallery {
        position: static;
        width: 640px;
        margin: 0 auto;
        border: 1px solid #fff;
    }

        .carousel-holder .home-gallery .slideset {
            width: 100%;
        }

        .carousel-holder .home-gallery .slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
        }

            .carousel-holder .home-gallery .slide.active {
                z-index: 2;
            }
}

@media all and (max-width: 998px) {

    #two-columns .adds-area {
        float: none;
        width: 100%;
        overflow: hidden;
        margin: 0 0 10px;
    }

    #two-columns .adds-block li {
        width: 48%;
    }

    #two-columns .features-events-area {
        float: none;
        width: 100%;
        overflow: hidden;
    }
}

@media all and (max-width: 1129px) {
    #two-columns .adds-block li {
        width: 47%;
        margin: 0 0 14px 12px;
    }

    #two-columns .adds-block .adds-caption {
        font-size: 23px;
        line-height: 25px;
    }

        #two-columns .adds-block .adds-caption .text {
            font-size: 20px;
            line-height: 22px;
        }

    #two-columns .features-events-block {
        height: auto;
    }
}

@media only screen and (min-width: 1025px) {
    a[href^=tel],
    a[href^=skype],
    a[href^=sms] {
        cursor: default;
        pointer-events: none;
    }
}

@media all and (min-width: 1025px) {
    #nav > ul {
        margin: 0 !important;
    }
}

@media all and (max-width: 1400px) {
    #footer .carousel .mask {
        max-width: 1072px;
    }
}

@media all and (max-width: 1149px) {
    .main-container .row {
        margin: 0 0 19px;
    }

    .main-container .submit-btn {
        margin: -7px 0 10px;
    }

    #nav > ul > li {
        margin-right: 12px;
    }

    .visual-area .btn-prev,
    .visual-area .btn-next {
        left: 5px;
    }

    .visual-area .btn-next {
        left: auto;
        right: 5px;
    }

    .news-panel .holder {
        padding: 0 !important;
    }

    .news-panel .news-block {
        background: #32a5d0;
        float: none;
        width: 100%;
        color: #fff;
        padding: 2px 12px;
    }

        .news-panel .news-block:before {
            display: none;
        }

        .news-panel .news-block .slideshow-news {
            min-height: 36px;
        }

            .news-panel .news-block .slideshow-news a {
                color: #fff;
                padding: 0;
            }

        .news-panel .news-block .icon {
            display: none;
        }

    .news-panel .box {
        float: none;
        overflow: hidden;
        max-width: 100%;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: 15px 12px;
    }

    .blocks-frame .block-holder {
        width: 48.5%;
    }

    .blocks-frame .images-list {
        margin: 0 -5px;
    }

        .blocks-frame .images-list li {
            margin: 0 0 10px;
            padding: 0 5px;
        }

        .blocks-frame .images-list .img-caption {
            font-size: 24px;
        }

    .blocks-frame .apps-area {
        padding: 15px 16px;
    }

        .blocks-frame .apps-area .links-holder {
            padding: 0 0 10px;
        }

        .blocks-frame .apps-area .links-list {
            width: auto;
        }

    .blocks-frame .connect-area {
        padding: 20px 0 0;
    }

        .blocks-frame .connect-area .text-holder .buttons a:first-child {
            margin-right: 3px;
        }

        .blocks-frame .connect-area .text-holder .buttons img {
            width: 70px;
        }

    .info-area .info-holder {
        padding: 0 15px;
    }

    #footer .carousel .mask {
        max-width: 940px;
    }

    .footer-block .logos-list img {
        display: block;
        width: 100%;
        height: auto;
    }

    .copyright .social-networks {
        margin: 0;
    }

    .two-columns-block .sidebar {
        width: 269px;
    }
}

@media all and (max-width: 1024px) {
    .nav-active .wrapper-holder {
        -webkit-transform: translateX(268px);
        -ms-transform: translateX(268px);
        transform: translateX(268px);
    }

    .header-holder {
        padding-bottom: 18px;
    }

    .logo {
        float: left;
        margin: 0;
        width: 300px;
        height: 44px;
    }

        .logo img {
            width: 300px;
            height: 44px;
        }

    .search-block {
        padding-top: 5px;
    }

    .search-form input[type="search"],
    .search-form input[type="text"] {
        padding: 12px 0 10px;
    }

    .nav-opener {
        display: block;
    }

    .nav-holder {
        position: absolute;
        background: #56b9fb;
        top: 0;
        bottom: 0;
        left: -268px;
        width: 268px;
        -webkit-transition: left .2s linear;
        transition: left .2s linear;
        border: none;
    }

        .nav-holder h1 {
            display: block;
        }

    #nav {
        padding: 0 !important;
        text-transform: none;
        margin: 0;
        max-width: 100%;
        font-size: 13px;
        line-height: 15px;
    }

        #nav a {
            color: #fff;
        }

        #nav > ul {
            padding: 0;
            border: none;
            font-size: 13px;
            text-transform: uppercase;
        }

            #nav > ul > li {
                float: none;
                margin: 0;
                border-bottom: 1px solid #67c0fb;
                position: static;
            }

                #nav > ul > li:first-child {
                    border: none;
                }

                #nav > ul > li.arrow > a:before {
                    content: "";
                    position: absolute;
                    top: 14px;
                    right: 10px;
                    width: 7px;
                    height: 12px;
                    background: url(../images/sprite.png) no-repeat -21px -3px;
                }

                #nav > ul > li:hover.arrow > a:before,
                #nav > ul > li.hover.arrow > a:before,
                #nav > ul > li.active.arrow > a:before {
                    background-position: -21px -3px;
                }

                #nav > ul > li > a {
                    border: none;
                    font-weight: bold;
                    padding: 12px 27px;
                    position: relative;
                }

                #nav > ul > li:hover > a,
                #nav > ul > li.hover > a,
                #nav > ul > li.active > a {
                    color: #fff;
                    background: #32a5d0;
                }

        #nav .last .submenu {
            border-right: none;
        }

            #nav .last .submenu a {
                padding-left: 32px;
            }

        #nav .last .dropdown .arrow > a:before {
            right: 10px !important;
            left: auto !important;
            background-position: -21px -3px !important;
        }

        #nav .last .dropdown .arrow:hover > a:before,
        #nav .last .dropdown .arrow.hover > a:before,
        #nav .last .dropdown .arrow.active > a:before {
            background-position: -21px -3px !important;
        }

        #nav .drop-active > .dropdown,
        #nav .drop-active > .submenu-holder {
            left: 0;
        }

        #nav .dropdown {
            top: 0;
            width: 100%;
            bottom: 0;
            display: block;
            -webkit-transition: all .25s linear;
            transition: all .25s linear;
            left: -100%;
            z-index: 4;
        }

            #nav .dropdown ul {
                border-bottom: 1px solid #67c0fb;
            }

                #nav .dropdown ul li {
                    position: static;
                    border-top: 1px solid #67c0fb;
                }

            #nav .dropdown a {
                padding-left: 27px;
            }

            #nav .dropdown .btn-back {
                display: block;
            }

            #nav .dropdown .title-drop {
                display: block;
            }

        #nav .submenu {
            left: -100%;
            width: 100%;
            display: block;
            border: none;
            bottom: 0;
            z-index: 5;
            -webkit-transition: all .2s linear;
            transition: all .2s linear;
        }

            #nav .submenu a {
                padding-left: 27px;
            }

    .container .tab-content {
        padding: 30px 40px;
    }

    .blocks-frame .block-holder {
        width: 100%;
        margin: 0;
        overflow: hidden;
    }

    .blocks-frame .images-list .img-caption {
        font-size: 28px;
    }

    .tab-area-styled .tab-content {
        padding: 28px 30px;
    }

    #nav > ul {
        width: 100%;
        float: left;
        position: relative;
    }

    .nav-holder {
        overflow: hidden;
    }

    #nav .dropdown,
    #nav li:hover .dropdown {
        left: 100% !important;
        right: auto;
        display: none;
    }

    #nav .active-state .dropdown {
        display: block !important;
    }

    #nav .dropdown .dropdown {
        left: 0;
        top: 0;
    }

    #nav .last .dropdown {
        left: 100% !important;
        right: auto;
    }
}

@media all and (max-width: 1024px) and (max-width: 1024px) {
    #nav > ul > li:hover.arrow > a,
    #nav > ul > li.hover.arrow > a,
    #nav > ul > li.active.arrow > a {
        background: #32a5d0;
    }
}

@media all and (max-width: 998px) {
    .main-container .btn-holder {
        padding: 24px 0 20px 130px;
    }

    .visual-area {
        padding: 20px 0;
    }

        .visual-area .btn-prev,
        .visual-area .btn-next {
            left: 10px;
        }

        .visual-area .btn-next {
            left: auto;
            right: 10px;
        }

    .visual {
        width: 760px;
    }

        .visual .pagination .scorll-arrow {
            top: 272px;
        }

    .blocks-frame {
        margin: 0;
    }

        .blocks-frame .block {
            height: auto !important;
        }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar td {
            padding: 2px;
        }

        .blocks-frame .connect-area .text-holder .buttons img {
            width: inherit;
        }

    .info-area .info-holder {
        padding: 0 10px;
    }

    .info-area .info-frame {
        width: 50%;
        margin: 0;
        padding: 0 8px;
    }

    .info-area .info-block {
        padding: 0 10px 20px;
    }

    #footer .carousel .mask {
        max-width: 700px;
    }

    .footer-block .column {
        padding: 20px;
        width: 32%;
    }

        .footer-block .column:before {
            margin-left: -20px;
        }

    .footer-block .nav-block {
        width: 32%;
        padding: 2px 15px;
    }

        .footer-block .nav-block ul {
            float: none;
            width: 100%;
            padding: 0;
        }

        .footer-block .nav-block ul {
            font-size: 15px;
            line-height: 18px;
            font-weight: 700;
        }

    .footer-block .wide {
        width: 36%;
    }

    .copyright .copyright-text {
        padding-left: 0;
    }

    .two-columns-block .content {
        width: 62%;
    }

    .two-columns-block .sidebar {
        width: 250px;
    }

    .showtimes .heading {
        padding: 24px 0;
    }

    .showtimes .table {
        margin-bottom: 60px;
    }

        .showtimes .table td:first-child {
            width: 60%;
        }

    .events-block .heading {
        padding: 24px 0;
    }

    .events-block .sidebar {
        padding: 0;
    }

    .events-block .content {
        width: 59%;
    }

    .events-block .load-box {
        margin: 0;
    }

    .filter .box {
        margin: 0 10px 0 0;
    }

    .filter label {
        margin: 0 5px 0 0;
    }

    .filter input[type=text],
    .filter .jcf-select {
        width: 200px;
    }

    .filter input[type=submit] {
        margin: 0;
    }

    .result-container {
        margin: 0 0 50px;
    }

        .result-container .job-title {
            width: 53% !important;
        }

    .calendar-block .datepicker .ui-datepicker .ui-datepicker-title {
        font-size: 12px;
    }
}

@media all and (max-width: 767px) {
    .main-container .row {
        margin: 0 0 16px;
    }

        .main-container .row > label,
        .main-container .row .title-label {
            float: none;
            text-align: left;
            padding: 0;
            width: auto;
            margin: 0 0 7px;
            display: block;
        }

            .main-container .row .title-label.mobile-left {
                float: left;
                width: 130px;
                padding: 0 5px 0 0;
            }

        .main-container .row .checkbox-holder {
            padding: 2px 0 0;
        }

        .main-container .row .radio-buttons {
            padding: 3px 0 15px;
        }

        .main-container .row .jcf-select {
            width: 100%;
            min-width: 100%;
        }

    .main-container .btn-holder {
        padding: 21px 0 50px;
        text-align: left;
    }

        .main-container .btn-holder .btn {
            margin: 0 0 10px;
            display: block;
        }

    .main-container .submit-btn {
        margin: -4px 0 46px;
    }

    blockquote {
        margin-bottom: 35px;
    }

        blockquote.alignright {
            margin: 0 0 40px;
        }

    .top-bar {
        display: none;
    }

    .main-container {
        padding: 15px 0 10px;
    }

        .main-container .holder {
            padding: 0 12px;
        }

            .main-container .holder .social-networks {
                display: block;
                border: none;
                padding: 0 0 2px;
            }

        .main-container .main-heading {
            margin: 0 0 13px;
            padding: 0 0 13px;
            position: relative;
        }

            .main-container .main-heading + .social-networks {
                display: block;
            }

        .main-container .text-box {
            margin: 0 0 25px;
        }

        .main-container .heading-area {
            margin: 0 0 25px;
        }

        .main-container .news-panel {
            display: block;
        }

        .main-container .tab-holder {
            margin: 0 0 7px;
        }

    .tab-holder {
        margin: 0 auto;
    }

        .tab-holder .label {
            float: none;
            width: auto;
            padding: 0;
            margin: 0;
            text-align: left;
        }

    #header {
        background: url(../images/header-bg-m.jpg) no-repeat;
        background-size: 100% 100%;
    }

    .header-holder {
        padding: 0;
    }

        .header-holder .block {
            padding: 17px 12px 12px;
            float: none;
            overflow: hidden;
        }

    .logo {
        display: none;
    }

    .mobile-logo {
        display: block;
    }

        .mobile-logo img {
            display: block;
        }

    .search-block {
        border-top: 1px solid #489bd4;
        padding: 15px 12px;
        background: #4ba3de;
        float: none;
        width: 100%;
        position: relative;
    }

        .search-block:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            background: url(../images/separator2.jpg) repeat-x;
            width: 100%;
            height: 2px;
        }

    .search-form {
        padding: 0 10px 0 35px;
    }

        .search-form:after {
            left: 19px;
        }

    .nav-opener {
        margin: 12px 10px 0;
    }

    #nav > ul {
        text-transform: uppercase;
        border: none;
    }

    #main {
        margin: 0;
    }

    .carousel .slide {
        text-align: center;
    }

        .carousel .slide img {
            display: inline-block;
            vertical-align: top;
            margin: 0 -44%;
            width: 188%;
        }

    .carousel .btn-next,
    .carousel .btn-prev {
        width: 18px;
        height: 30px;
        margin-top: -15px;
        background-position: -58px -28px;
        left: 8px;
    }

    .carousel .btn-next {
        background-position: -81px -28px;
        right: 8px;
        left: auto;
    }

    .carousel .pagination {
        bottom: 10px;
        display: none;
    }

        .carousel .pagination li {
            margin: 0 4px;
        }

    #two-columns {
        background: none;
        margin: 0 0 30px;
    }

        #two-columns .holder {
            padding: 20px 12px 10px;
        }

        #two-columns .adds-area {
            margin: 0 0 17px;
        }

        #two-columns .adds-block {
            margin: 0 0 -2px -2px;
            text-align: center;
        }

            #two-columns .adds-block li {
                width: 48.5%;
                margin: 0 0 10px 2px;
            }

            #two-columns .adds-block .adds-caption {
                font-weight: 400;
                font-size: 18px;
                line-height: 20px;
                left: 8px;
                bottom: 6px;
            }

                #two-columns .adds-block .adds-caption.add {
                    font-size: 15px;
                }

                #two-columns .adds-block .adds-caption .text {
                    font-size: 18px;
                    line-height: 20px;
                    margin: 0 0 -2px;
                }

        #two-columns .features-events-area {
            padding: 0;
            border: none;
        }

            #two-columns .features-events-area .post {
                padding: 26px 0 17px;
            }

        #two-columns .features-events-block {
            overflow: hidden;
            padding: 0;
            width: 100% !important;
            height: auto !important;
        }

    .visual-area {
        padding: 0;
    }

        .visual-area .btn-prev,
        .visual-area .btn-next {
            background-position: -58px -28px;
            width: 18px;
            height: 30px;
            margin: -15px 0 0;
            left: 8px;
        }

        .visual-area .btn-next {
            left: auto;
            right: 8px;
            background-position: -81px -28px;
        }

    .carousel-holder {
        background: none;
        padding: 0;
        margin: 0 0 -15px;
    }

        .carousel-holder .home-gallery img {
            width: 100%;
            margin: 0;
        }

    .visual {
        border: none;
        width: 100%;
    }

        .visual .slideshow {
            width: 100%;
            float: none;
        }

        .visual .pagination {
            width: 100%;
            float: none;
            height: auto !important;
        }

            .visual .pagination .mask {
                display: none;
            }

            .visual .pagination .scorll-arrow {
                display: none;
            }

    .main-container .news-panel {
        margin: 0 -12px 26px;
        display: block;
    }

    .news-panel {
        background: #f0f0f0;
        font-size: 14px;
        line-height: 16px;
    }

        .news-panel .box {
            padding-top: 8px;
            padding-bottom: 13px;
        }

            .news-panel .box .social-networks {
                float: none;
                border-top: 1px solid #ddd;
                padding: 14px 12px 0;
                margin: 0 -12px;
                overflow: hidden;
                text-align: center;
            }

                .news-panel .box .social-networks li {
                    display: inline-block;
                    vertical-align: top;
                    float: none;
                }

                .news-panel .box .social-networks li {
                    margin: 0 14px;
                }

    .subscribe-form {
        float: none;
        margin: 0 0 9px;
    }

        .subscribe-form label {
            margin: 0 0 7px;
            display: block;
        }

        .subscribe-form .input-holder {
            width: 100%;
            margin: 0;
            padding: 0 105px 0 0;
            float: left;
        }

        .subscribe-form input[type=submit] {
            margin: 0 0 0 -95px;
            position: relative;
            float: right;
        }

    .container .label {
        float: none;
        width: auto;
        padding: 0;
        margin: 0 0 7px;
        text-align: left;
    }

    .container .tab-content {
        padding: 30px 12px 0;
    }

    .blocks-area {
        padding: 20px 25px 40px;
    }

    .blocks-frame .block.add1 {
        border: none;
    }

    .blocks-frame .calendar-block {
        padding: 12px 10px 0;
    }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-header {
            margin-bottom: 7px;
            height: 60px;
            padding: 16px 30px 10px;
        }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-prev:after {
            top: 22px;
            left: 22px;
        }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-next:after {
            top: 22px;
            right: 17px;
        }

        .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar {
            padding: 0 0 16px 10px;
        }

            .blocks-frame .calendar-block .datepicker .ui-datepicker .ui-datepicker-calendar td {
                padding: 6px 0;
            }

    .blocks-frame .images-list {
        margin: 0;
    }

        .blocks-frame .images-list li {
            display: block;
            width: 100%;
            padding: 0;
            margin: 0 0 9px;
        }

        .blocks-frame .images-list .img-caption {
            font-weight: 400;
            left: 8px;
        }

    .blocks-frame .schedules-area {
        padding: 0;
    }

        .blocks-frame .schedules-area .schedules-holder {
            overflow: hidden !important;
            height: auto !important;
        }

        .blocks-frame .schedules-area .schedules-frame {
            padding: 16px 10px 32px;
        }

    .blocks-frame .apps-area {
        padding: 0;
    }

        .blocks-frame .apps-area .img-holder {
            margin: 17px 0 13px;
            float: none;
            display: block;
        }

        .blocks-frame .apps-area .links-holder {
            padding: 0 0 15px;
        }

        .blocks-frame .apps-area .links-list {
            float: none;
            width: 100%;
            overflow: hidden;
        }

            .blocks-frame .apps-area .links-list:first-child {
                float: none;
            }

    .blocks-frame .connect-area {
        padding: 20px 0 55px;
    }

        .blocks-frame .connect-area .alignleft {
            margin: 0 19px 0 0;
        }

        .blocks-frame .connect-area .text-holder {
            padding: 11px 0 0;
        }

            .blocks-frame .connect-area .text-holder .buttons {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                text-align: center;
            }

                .blocks-frame .connect-area .text-holder .buttons a:first-child {
                    margin-right: 8px;
                }

                    .blocks-frame .connect-area .text-holder .buttons a:first-child img {
                        width: 128px;
                        height: 42px;
                    }

                .blocks-frame .connect-area .text-holder .buttons img {
                    width: 122px;
                    height: 42px;
                }

    .info-area {
        background: url(../images/bg-info-m.jpg) no-repeat;
        background-size: cover;
        padding: 45px 0 0;
    }

        .info-area .info-holder {
            letter-spacing: 0;
            padding: 0 5px 16px 7px;
        }

        .info-area .info-frame {
            width: 100%;
        }

        .info-area .info-block {
            height: auto !important;
            padding: 0 0 30px;
        }

            .info-area .info-block .description h2 {
                line-height: 29px;
                margin: 0 0 2px;
            }

            .info-area .info-block .description .buttons a:first-child {
                margin-right: 5px;
            }

    #footer .gallery-holder {
        background: #ededed;
        padding: 23px 0 22px;
        border: none;
    }

    #footer .footer-frame {
        padding: 23px 0 0;
        background: url(../images/footer-top-bg-m.jpg) no-repeat;
        background-size: cover;
    }

    #footer .carousel .mask {
        max-width: 100%;
    }

    #footer .carousel .slideset {
        width: 100%;
    }

    #footer .carousel .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

        #footer .carousel .slide.active {
            z-index: 2;
        }

    #footer .carousel .slide-holder {
        margin: 0;
        padding: 0 14px;
    }

        #footer .carousel .slide-holder li {
            width: 100%;
            padding: 7px 0;
            float: none;
        }

    #footer .carousel .btn-prev,
    #footer .carousel .btn-next {
        display: none;
    }

    .footer-block:after {
        display: none;
    }

    .footer-block {
        background: none;
        padding: 0 0 11px;
    }

        .footer-block .footer-holder {
            font-size: 15px;
            line-height: 18px;
        }

        .footer-block .column {
            float: none;
            width: 100% !important;
            padding: 0;
            text-align: center;
        }

            .footer-block .column:before {
                display: none;
            }

        .footer-block .nav-block {
            padding-bottom: 21px;
            margin-bottom: 27px;
        }

            .footer-block .nav-block:after {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 2px;
                background: #325975;
                border-top: 1px solid #193557;
            }

            .footer-block .nav-block ul li {
                padding: 0;
                margin: 0 0 8px;
            }

                .footer-block .nav-block ul li:before {
                    display: none;
                }

        .footer-block .logos-list {
            margin: 0;
            display: block;
            text-align: center;
        }

            .footer-block .logos-list li {
                display: inline-block;
                margin: 0 0 27px;
                height: auto;
                width: 100%;
                padding: 0 !important;
            }

                .footer-block .logos-list li a {
                    display: inline-block;
                    vertical-align: middle;
                }

            .footer-block .logos-list img {
                width: auto;
            }

    .copyright {
        padding: 0;
        background: none;
    }

        .copyright .holder {
            padding: 0;
        }

        .copyright .social-networks {
            background: none;
            float: none;
            border-top: 1px solid #122e42;
            border-bottom: 1px solid #122e42;
            overflow: hidden;
            text-align: center;
            padding: 15px 5px 14px;
            margin: 0;
        }

            .copyright .social-networks li {
                display: inline-block;
                vertical-align: top;
                float: none;
                margin: 0 3px;
            }

            .copyright .social-networks a.facebook:after {
                margin: 0;
            }

        .copyright .copyright-text {
            background: url(../images/copyright-bg-m.jpg) no-repeat;
            background-size: cover;
            font-size: 11px;
            line-height: 18px;
            text-align: center;
            padding: 9px 50px 12px;
        }

    .message-block {
        margin: 0;
    }

    .tabset-panel {
        background: none;
        padding: 11px 12px 0;
    }

        .tabset-panel .tabset {
            display: none;
        }

    .tab-area-styled .tabset {
        display: none;
    }

    .tab-area-styled .tab-content {
        padding: 28px 12px;
    }

    .two-columns-block {
        margin: 0 0 10px;
    }

        .two-columns-block .content {
            padding: 0;
            float: none;
            margin: 0 0 41px;
            width: 100%;
        }

            .two-columns-block .content .heading {
                margin-bottom: 12px;
                position: relative;
                padding: 5px 0 0;
            }

            .two-columns-block .content h1 {
                padding: 0 0 13px;
            }

            .two-columns-block .content .post .meta {
                padding-top: 0;
                line-height: 14px;
            }

                .two-columns-block .content .post .meta .alignleft {
                    float: none;
                    margin: 0 0 7px;
                }

                .two-columns-block .content .post .meta + .text {
                    clear: both;
                    padding: 11px 0 0;
                }

            .two-columns-block .content .btn-register {
                font-size: 16px;
                line-height: 18px;
                margin-top: 3px;
            }

        .two-columns-block .social-panel {
            line-height: 16px;
        }

            .two-columns-block .social-panel .social-networks {
                float: none;
                margin: 0;
            }

        .two-columns-block .sidebar {
            float: none;
            width: 100%;
            margin: 0 0 130px;
        }

            .two-columns-block .sidebar h2 {
                padding-bottom: 12px;
            }

    .showtimes .heading h1 {
        font-size: 24px;
        line-height: 27px;
    }

    .showtimes .holder {
        padding-top: 27px;
        padding-bottom: 20px;
    }

    .showtimes .table {
        display: block;
        overflow: hidden;
        margin-bottom: 0;
    }

        .showtimes .table thead,
        .showtimes .table tbody,
        .showtimes .table tr,
        .showtimes .table td {
            clear: both;
            width: 100%;
            float: left;
        }

        .showtimes .table tr {
            border-bottom: 1px solid #eaeaea;
            padding: 18px 9px 21px 20px;
        }

        .showtimes .table thead tr {
            padding: 0;
            border: none;
        }

        .showtimes .table th {
            display: none;
        }

        .showtimes .table .headings {
            display: block;
        }

        .showtimes .table th {
            padding: 0 20px 16px;
        }

        .showtimes .table .even {
            background: #fbfbfb;
        }

        .showtimes .table td {
            width: 100% !important;
            border: none;
            padding: 0 0 0 155px;
            text-align: right;
            overflow: hidden;
        }

            .showtimes .table td:before {
                content: attr(title);
                text-transform: uppercase;
                width: 115px;
                margin: 0 0 0 -130px;
                float: left;
                text-align: left;
                font-weight: bold;
            }

        .showtimes .table .main-title {
            text-align: left;
            margin: 0 0 10px -155px;
        }

    .showtimes .shows {
        margin-top: 47px;
    }

        .showtimes .shows .post {
            margin-bottom: 47px;
        }

            .showtimes .shows .post .show-details li {
                padding-bottom: 8px;
            }

            .showtimes .shows .post .show-details .name {
                display: block;
                margin: 0 0 6px;
            }

            .showtimes .shows .post .show-details .rating {
                margin-bottom: 8px;
            }

    .events-block {
        margin: 0;
    }

        .events-block .heading h1 {
            font-size: 24px;
            line-height: 27px;
        }

        .events-block .two-columns-block {
            padding: 20px 12px 0;
        }

        .events-block .sidebar {
            padding: 0;
            margin: 0 0 54px;
            float: none;
            overflow: hidden;
            width: 100%;
        }

        .events-block .content {
            padding: 0;
            float: none;
            margin: 0 0 60px;
            width: 100%;
            overflow: hidden;
        }

            .events-block .content .heading {
                margin-bottom: 12px;
            }

            .events-block .content h1 {
                padding-bottom: 13px;
            }

            .events-block .content .events-box h2 .opener:after {
                right: 0;
            }

        .events-block .load-box {
            margin: -16px 0 0;
        }

    .events-table {
        display: block;
    }

        .events-table tbody {
            display: block;
        }

        .events-table tr {
            display: block;
            overflow: hidden;
            border-top: 1px solid #f2f2f2;
        }

        .events-table td {
            display: block !important;
            padding: 0 !important;
            border: none !important;
        }

            .events-table td:first-child {
                float: left;
                width: 70px;
                margin: 0;
                padding: 16px 9px 21px !important;
            }

        .events-table .date {
            margin: 7px 0 0 96px !important;
            display: block !important;
            width: 100% !important;
            float: left;
            overflow: visible;
            padding-bottom: 10px !important;
        }

            .events-table .date span {
                margin: -9px 0 0;
            }

        .events-table h3 {
            margin-left: 0;
        }

        .events-table p {
            margin-left: 0 !important;
        }

        .events-table .description {
            width: 73% !important;
            display: block !important;
            float: left;
            overflow: visible;
            padding: 16px 0 0 25px !important;
        }

        .events-table .events-area {
            width: auto;
            margin: 17px -9px 13px -90px;
        }

    .categories-list {
        padding: 0 0 17px;
        margin: 0 0 10px 10px;
    }

    .filter-block {
        margin: 0 0 41px;
    }

    .filter .box {
        float: none;
        margin: 0 0 16px;
    }

    .filter label {
        margin: 0 0 7px;
        display: block;
    }

    .filter input[type=text],
    .filter .jcf-select {
        width: 100%;
    }

    .filter input[type=submit] {
        margin: 20px auto 0;
        display: block;
        float: none;
    }

    .result-container {
        margin: 0 0 80px;
    }

        .result-container .datepicker-block .datepicker-holder {
            float: left;
        }

        .result-container .result-content {
            margin-bottom: 30px;
        }

        .result-container .holder-row {
            display: block;
        }

            .result-container .holder-row span {
                display: none;
                padding: 0 10px 16px;
            }

            .result-container .holder-row .job-title,
            .result-container .holder-row .event-title {
                width: 100% !important;
                display: block;
            }

        .result-container .result-row {
            display: block;
            border-bottom: 1px solid #eaeaea;
            padding: 14px 10px 16px;
        }

            .result-container .result-row > div {
                display: block;
                width: 100% !important;
                border: none;
                padding: 0;
                line-height: 14px;
            }

                .result-container .result-row > div:first-child:before {
                    display: none;
                }

            .result-container .result-row .job-title,
            .result-container .result-row .event-title {
                line-height: 19px;
            }

        .result-container.four-columns dl dt {
            display: inline-block;
            vertical-align: top;
        }

        .result-container.four-columns .location dl dt {
            display: none;
        }

        .result-container.four-columns .result-row {
            padding: 15px 10px 14px;
        }

            .result-container.four-columns .result-row > div {
                line-height: 16px;
            }

            .result-container.four-columns .result-row div.event-title {
                line-height: 20px;
                margin: 0 0 12px;
            }

    .search-results {
        margin: 0 0 22px;
    }

    .jcf-select-tabset-select {
        display: block !important;
    }

    .calendar-block {
        margin-bottom: 16px;
    }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-title {
            font-size: 13px;
        }

        .calendar-block .datepicker .ui-datepicker .ui-datepicker-buttonpane {
            right: auto;
            left: 50%;
            margin: 0 0 0 -30px;
        }

    .jcf-scrollable-wrapper {
        height: auto !important;
    }
}

@media all and (max-width: 399px) {
    .carousel-holder {
        height: 176px;
    }

        .carousel-holder .home-gallery {
            height: 176px;
        }
}

@media print {
    * {
        background: none !important;
        color: #000 !important;
    }

    #sidebar,
    #nav,
    .carousel,
    .social-networks,
    .search-form,
    .news-panel .box,
    #twocolumns .aside,
    .btn-all,
    .more,
    .load-more,
    #twocolumns .tabset-panel,
    #footer .gallery-holder,
    .footer-block,
    .news-panel,
    .filter-block,
    .search-pagination,
    .result-container .datepicker,
    .btn-register,
    .events-block .sidebar,
    form,
    .tab-area-styled .tabset a:after,
    .copyright .copyright-text:before,
    .top-bar,
    .logo,
    .mobile-logo,
    .container .content-holder,
    .block-holder .social-area,
    .block-holder .scheduled,
    .block-holder .more-btn,
    .carousel-holder,
    .main-block .sidebar,
    .event-holder:before,
    .tabset-panel,
    .visual-area,
    .carousel-holder,
    .blocks-frame .calendar-block,
    .blocks-frame .connect-area,
    .blocks-frame .apps-area .img-holder {
        display: none !important;
    }

    .showtimes {
        page-break-inside: avoid;
    }

    #twocolumns .heading-block .holder,
    #twocolumns .tabset-panel .tabset,
    #twocolumns #content,
    .copyright .copyright-text {
        padding: 0;
    }

    .container .tab-content,
    .tab-content > div {
        position: static !important;
        display: block !important;
        margin: 0 0 20px;
    }

    .text-section,
    #twocolumns .heading-block,
    .list-holder .post,
    .events-block .heading,
    .showtimes .heading {
        padding: 15px 0;
        margin: 0;
    }

        .text-section .holder,
        .showtimes .holder {
            max-width: none;
        }

    #twocolumns #content .container .heading {
        padding: 0 0 10px;
        margin: 0 0 20px;
    }

    .two-columns-block .content {
        float: none;
        padding: 0;
    }

    .two-columns-block .sidebar {
        float: none;
        margin: 30px 0 0;
        width: auto;
    }

        .two-columns-block .sidebar .widget {
            padding: 0;
            margin: 0 0 20px;
        }

    .events-block .two-columns-block,
    .showtimes .two-columns-block,
    .showtimes .holder {
        padding: 0 !important;
    }

    .sitemap-accordion .slide,
    .accordion-block .slide {
        position: static !important;
        display: block !important;
    }

    .tab-area-styled .tabset a {
        border-right-width: 1px;
        border-radius: 3px 3px 0 0;
    }

    .copyright {
        padding: 10px 0;
    }

    .print-logo {
        display: block;
        margin: 0 auto 40px !important;
    }

    #footer,
    #footer * {
        border: none !important;
    }

    .tabset-panel .tabset .active a,
    .tab-area-styled .tabset,
    .tab-area-styled .tabset a {
        border: none;
    }

    .jcf-select {
        border-width: 2px;
    }

    #main,
    .container-area,
    .container .tab-content,
    .blocks-area,
    .blocks-frame,
    .blocks-frame .block-holder,
    .blocks-frame .block,
    .blocks-frame .schedules-area,
    .blocks-frame .schedules-area .schedules-frame,
    .blocks-frame .apps-area,
    .info-area,
    .two-columns-block .content,
    #footer .footer-frame {
        display: block;
        height: auto;
        overflow: visible;
        width: 100% !important;
        min-width: inherit;
        max-width: inherit;
        float: none !important;
        background: none;
        color: #000;
        border: 0;
        padding: 0 !important;
        margin: 0;
    }

    .container .tab-content {
        display: block !important;
    }

    .header-holder .block {
        float: none;
        width: 100%;
    }

    .search-block {
        border: none;
    }

    .showtimes .heading {
        margin: 0 0 20px;
    }

    .table-holder,
    .table-holder table td {
        border-width: 2px;
    }

        .table-holder table th {
            border-left: 2px solid #dedede;
            border-bottom: 2px solid #dedede;
        }

            .table-holder table td:first-child,
            .table-holder table th:first-child {
                border-left: none;
            }

    .tab-holder .label,
    .main-container .row > label,
    .main-container .row .title-label,
    .container .label {
        display: block;
        float: none;
        margin: 0 0 10px;
        text-align: left;
        padding: 0 !important;
        width: auto;
    }

    .event-block-area .event-block,
    .two-columns .heading {
        border-width: .1rem;
    }

    .event-block-area .event-block {
        padding: 20px 0;
        page-break-inside: avoid !important;
    }

    .two-columns .column .event-block,
    .two-columns .heading {
        page-break-inside: avoid !important;
    }

    .event-block-area .image-holder {
        float: left !important;
        margin: 0 17px 0 0;
    }

    .event-block-area .description time {
        padding: 0;
    }

    .two-columns .installation-list {
        page-break-after: always !important;
    }

    .result-container .holder-row span {
        border-bottom-width: .2rem;
        padding: 0 10px 16px 0;
    }

    .result-container .result-row > div {
        padding: 10px 10px 9px 0;
        border-bottom-width: .1rem;
    }

    .result-container .result-row,
    .result-container .holder-row {
        display: table !important;
        width: 100% !important;
    }

        .result-container .holder-row span,
        .result-container .result-row > div {
            display: table-cell !important;
            width: 30% !important;
            min-width: 100px;
            padding: 0 10px 10px !important;
        }

            .result-container .holder-row span:first-child,
            .result-container .result-row > div:first-child {
                width: 40% !important;
                font-size: 14px;
            }

    .jcf-scrollable-wrapper,
    .blocks-frame .schedules-area .schedules-holder {
        height: auto !important;
        width: auto !important;
    }

    .blocks-frame .block,
    .blocks-frame .schedules-area .schedules-frame ul li {
        border-width: .1rem;
    }

    .blocks-frame .block {
        margin: 0 0 20px;
    }

    .blocks-frame .images-list {
        margin: 0;
    }

        .blocks-frame .images-list li {
            display: inline-block !important;
            width: 50% !important;
            page-break-inside: avoid;
            padding: 0 5px;
        }

    .blocks-frame .apps-area {
        page-break-inside: avoid;
        margin: 0 0 20px;
    }

    .two-columns-block .sidebar .widget,
    .two-columns-block .sidebar {
        page-break-inside: avoid;
    }

    .tab-area-styled .tab-content {
        padding: 15px;
        float: left;
    }
}


/* filter-form */
.filter-form {
    margin: 0 0 18px;
}

    .filter-form .heading {
        margin: 0 -42px 15px;
        padding: 1px 42px 6px;
        border-bottom: 1px solid #eaeaea;
    }

    .filter-form .heading-wrap {
        display: inline-block;
        vertical-align: top;
        position: relative;
        z-index: 100;
    }

    .filter-form .heading strong {
        display: block;
        color: #3f4c6b;
        padding: 0 20px 14px;
        font: 36px/40px 'robotolight',Arial, Helvetica, sans-serif;
    }

#main .filter-form h1 {
    margin: 0 0 2px;
}

    .filter-form .heading strong:after,
    #main .filter-form h1:after {
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 16px;
        height: 8px;
        margin: 1px 0 0 14px;
        background: url(../images/sprite.png) no-repeat -399px 0;
    }

.filter-form .heading .drop {
    position: absolute;
    top: -17px;
    left: -21px;
    width: 593px;
    padding: 16px 0 11px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: solid #eaeaea;
    border-width: 1px 1px 0;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.03);
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.03);
    visibility: hidden;
}

.filter-form .heading-wrap.hover .drop {
    visibility: visible;
}

.filter-form .heading .drop:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #56b9fb;
    content: '';
}

#main .filter-form .heading-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #main .filter-form .heading-list li {
        padding: 0;
    }

        #main .filter-form .heading-list li:before {
            display: none;
        }

    #main .filter-form .heading-list a {
        display: block;
        font: bold 14px/18px 'roboto', Arial, Helvetica, sans-serif;
        color: #56b9fb;
        padding: 5px 20px;
        text-decoration: none;
    }

        #main .filter-form .heading-list a:hover {
            text-decoration: none;
            background: #56b9fb;
            color: #fff;
        }

.filter-form .row {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 11px 10px 10px 10px;
    background: #fbfbfb;
    z-index: 1;
}

    .filter-form .row:after {
        display: block;
        clear: both;
        content: "";
    }

.filter-form .btn-search {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../../_templates/components/directory/directory-sprite.png) no-repeat 0 0;
    width: 28px;
    height: 28px;
}

.filter-form .alphabet {
    float: right;
    padding: 0 0 0;
    margin: 0 0 -19px;
    text-transform: uppercase;
}

    .filter-form .alphabet .title {
        display: none;
    }

    .filter-form .alphabet .all {
        float: left;
    }

    .filter-form .alphabet .active:after {
        display: block;
        width: 100%;
        height: 3px;
        content: "";
        background: #56b9fb;
        /*margin:-16px 0 -3px;*/
    }

#main .filter-form .alphabet ul {
    margin: 0;
    padding: 0 0 0 1px;
    float: left;
}

    #main .filter-form .alphabet ul.js-slide-hidden {
        position: static !important;
    }

#main .filter-form .alphabet li {
    float: left;
    padding: 0 0 0 10px;
}

    #main .filter-form .alphabet li:before {
        display: none;
    }

#main .filter-form .alphabet a {
    color: #56b9fb;
    font: italic 20px/24px 'roboto',Arial, Helvetica, sans-serif;
    text-decoration: none;
    float: left;
}

#main .filter-form .alphabet ul li:after {
    border-radius: 0;
    height: auto;
    top: auto;
    width: auto;
}

.content ul.tabset a {
    text-decoration: none;
}


#main .directory-block h2:after {
    border-bottom: 1px solid #dcdcdc;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

#main .directory-block h2 {
    color: #56b9fb;
    font: italic 20px/24px 'roboto',Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 20px 0 5px 0;
    text-transform: uppercase;
}

#main .directory-box:after {
    border-bottom: 1px solid #eaeaea;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

#main .directory-block p {
    color: #323232;
    font: 14px/16px 'roboto',Arial,Helvetica,sans-serif;
    margin: 0 0 10px;
    padding: 10px 0 0;
}

    #main .directory-block p a {
        text-decoration: none;
        color: #323232;
    }

        #main .directory-block p a:hover {
            text-decoration: underline;
        }

#main .directory-holder {
    margin-bottom: 15px;
}


/*#main .filter-form .alphabet a:hover{text-decoration:underline;}*/
/* popup */
.popup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    display: none;
}

.row.active .popup {
    display: block;
}

.popup .close {
    position: absolute;
    top: 17px;
    right: 10px;
    text-indent: -9999px;
    overflow: hidden;
    width: 14px;
    height: 16px;
    background: url(../../../_templates/components/directory/directory-sprite.png) no-repeat -39px 0;
}

.popup .cover {
    border-bottom: 5px solid #56b9fb;
    padding: 9px 30px 6px 21px;
    background: #fbfbfb;
}

.popup input[type=search] {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 20px;
    background: #fbfbfb;
    text-transform: uppercase;
    color: #777;
}

.details-block .info-section {
    background: url("../images/bg-info-section.png") no-repeat scroll 0 100% rgba(0, 0, 0, 0);
    margin: 0 0 17px;
    overflow: hidden;
    padding: 0 0 22px;
}

.details-block .info-box {
    float: left;
    width: 500px;
}

.details-block .info {
    color: #333;
    font: 14px/21px Helvetica,Arial,sans-serif;
    margin: 0 0 18px;
    overflow: hidden;
    width: 100%;
}

    .details-block .info dt {
        float: left;
        font: bold 14px/20px 'helveticaneuelt-stdbold',Arial,Helvetica,sans-serif;
        padding: 0 5px 0 0;
        width: 173px;
    }

    .details-block .info dd {
        margin: 0;
        overflow: hidden;
    }

.details-block .date-box {
    float: right;
    max-width: 217px;
    padding: 4px 2px 0 0;
}

.details-block .date-info {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #ecf3f8;
    border-color: #e3e9ee;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px 1px 0;
    box-shadow: 0 4px 4px -5px rgba(0, 0, 0, 0.5) inset;
    color: #000;
    font: 12px/20px 'lucida_grandebold',Arial,Helvetica,sans-serif;
    margin: 0 0 11px;
    overflow: hidden;
    padding: 12px 19px;
    position: relative;
    text-align: left;
    width: 179px;
}

    .details-block .date-info dt {
        color: #545454;
        float: left;
        padding: 0 6px 0 0;
        width: 90px;
    }

    .details-block .date-info dd {
        margin: 0;
        overflow: hidden;
    }

.details-block .btn-block {
    overflow: hidden;
}

.job-form .btn, .contact-form .btn, .details-block .btn {
    background: url("../images/buttons.png") no-repeat scroll 100% -341px rgba(0, 0, 0, 0);
    color: #fff;
    cursor: pointer;
    float: right;
    font: 13px/28px 'lucida_grandebold',Arial,Helvetica,sans-serif;
    height: 28px;
    padding: 0 14px 0 0;
}

    .job-form .btn input, .contact-form .btn input, .details-block .btn span {
        background: url("../images/buttons.png") no-repeat scroll 0 -383px rgba(0, 0, 0, 0);
        float: right;
        height: 28px;
        padding: 0 24px 0 39px;
    }

.details-content {
    color: #333;
    font: 14px/21px Arial,Helvetica,sans-serif;
    padding: 0 1px 0 0;
}

    .details-content a {
        /*color: #333;*/
    }

    .details-content .request {
        text-decoration: underline;
    }

        .details-content .request:hover {
            text-decoration: none;
        }

    .details-content .title {
        display: block;
        font: 14px/21px 'helveticaneuelt-stdbold',Arial,Helvetica,sans-serif;
        padding: 0 5px 0 0;
        text-transform: uppercase;
    }

    .details-content p {
        margin: 0 0 19px;
    }

        .details-content p .title {
            display: inline;
        }

    .details-content address {
        font-style: normal;
        padding: 1px 0 21px;
    }

    .details-content .mail {
        margin: 0;
        overflow: hidden;
    }

        .details-content .mail dt {
            float: left;
            padding: 0 4px 0 0;
        }

        .details-content .mail dd {
            margin: 0 0 20px;
        }
.banner-background
{
    background:url('../images/img.jpg') no-repeat;
    background-size:cover;
    position:relative;
    overflow:hidden;
}
.usajobs-link {
    background: url(/assets/images/External_link_font_awesome.png) no-repeat right;
    padding-right: 25px;
}