@charset "utf-8";

html {
    max-width              : 100%;
    overflow-y             : scroll;
    -ms-overflow-style     : scrollbar;
    -webkit-font-smoothing : antialiased;
}

body {
    font-family             : 'Open Sans', sans-serif;
    font-weight             : 400;
    color                   : #000;
    max-width               : 100%;
    overflow                : hidden;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
}


h1, h2, h3, h4, h5, h6 {
    color          : #000;
    font-family    : 'Open Sans Condensed', sans-serif;
    font-weight    : 300;
    letter-spacing : 1px;
}

footer .imgextlink {
    display : none;
}

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

a,
.tp-caption a {
    color          : #555;
    font-family    : 'Opens Sans Condensed', sans-serif;
    letter-spacing : 1px;
}

a:hover, a:focus, a:active,
.tp-caption a:hover, .tp-caption a:focus, .tp-caption a:active {
    text-decoration : none;
    color           : #000;
}

#gototop.navigation {
    display : block !important;
}

#ktfrm .fa-search {
    position : absolute;
    right    : 12px;
    bottom   : 17px;
}

.concludis select {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 46px;
    padding: 10px 16px;
    line-height: 1.3333;
}


.stellenmarkt .panel-heading {

    height              : 285px;
    background-image    : url(/public/20260101012807oe_/https://www.bezirk-unterfranken.de/__/relaunch2017/images/space.jpg);
    background-size     : 72px;
    background-position : center;
    background-repeat   : no-repeat;
    background-color    : #eee;
    border              : 1px solid;
}

.stellenmarkt .panel-addrtitle {
    background-color : rgba(255, 255, 255, 0.85);
}

.stellenmarkt .panel-body, .stellenmarkt .panel-heading {
    border : 1px solid #aaa;
}

.stellenmarkt .panel-body {
    min-height: 200px;
}

.stellenmarkt a {
    font-weight : 700;
    color       : #333;
    transition  : all 0.25s ease-in-out;
}

.stellenmarkt a:hover {
    font-weight : 700;
    color       : #d81a3e;
}

.stellenmarkt {
    margin-bottom : 25px;
    min-height    : 475px;
}

.wow {
    visibility : hidden;
}

iframe {
    border : none;
}

.loader {
    display : none;
}

small {
    font-weight : inherit !important;
    color       : inherit !important;
}

*:focus {
    outline-style : none !important;
}

button:focus {
    outline : 0 !important;
}

/* Some Custom Styles */

.font-normal {
    font-weight : 400 !important;
}

span.seperator {
    padding-bottom : 40px;
    margin-bottom  : 20px;
    border-bottom  : 1px solid #fff;
    display        : inline-block;
}

span.seperator.dark {
    border-bottom : 1px solid #333;
}


/* ==========================================================================
   Page Content Selection Style
============================================================================= */

::-moz-selection {
    color      : #fff;
    background : #000;
}

::-webkit-selection {
    color      : #fff;
    background : #000;
}

::selection {
    color      : #fff;
    background : #000;
}

/* ==========================================================================
   Page Loader
============================================================================= */

.loader {
    position   : fixed;
    left       : 0px;
    top        : 0px;
    width      : 100%;
    height     : 100%;
    z-index    : 10000;
    background : #fff;
}

@keyframes page-loader {
    to {
        transform : rotate(360deg);
    }
}

@-webkit-keyframes page-loader {
    to {
        -webkit-transform : rotate(360deg);
    }
}

.spinner {
    min-width  : 24px;
    min-height : 24px;
}

.spinner:before {
    content     : 'Lade Bezirk Unterfranken…';
    position    : absolute;
    top         : 50%;
    left        : 50%;
    width       : 40px;
    height      : 40px;
    margin-top  : -20px;
    margin-left : -20px;
}

.spinner:not(:required):before {
    content               : '';
    border-radius         : 50%;
    -moz-border-radius    : 50%;
    -webkit-border-radius : 50%;
    border-top            : 2px solid #333;
    border-right          : 2px solid transparent;
    animation             : page-loader .6s linear infinite;
    -webkit-animation     : page-loader .6s linear infinite;
}

/* ==========================================================================
   Bootstrap
============================================================================= */

/*Border Radius*/

.img-thumbnail,
.panel,
.form-control,
.modal-content,
.panel-group .panel,
.dropdown-menu,
.alert,
.label,
.well,
.nav > li > a,
code,
kbd,
pre {
    border-radius : 0;
}

label {
    font-weight : normal;
}

/*Panel*/

.panel-heading {
    border-top-left-radius  : 0px;
    border-top-right-radius : 0px;
}

/*Modal*/

.modal {
    z-index : 10000;
}

.modal-open {
    padding-right : 0 !important;
}


/*Label*/

.label {
    font-size      : 10px;
    letter-spacing : 1px;
    font-weight    : 400;
    text-transform : uppercase;
}

.label-theme {
    background-color : #000;
}

.form-horizontal.form-horizontal-small .control-label {
    padding-top   : 10px;
    margin-bottom : 0;
    text-align    : left;
    font-size     : 12px;
}

.form-horizontal.form-horizontal-align-left .control-label {
    text-align : left;
}

/* ==========================================================================
   Font Awesome
============================================================================= */

.fa-border {
    border-radius : 0;
}

/*** venobox ***/


/********************************************************************
 Header
********************************************************************/

.navigation {
    min-height : 80px;
}

.main-nav {
    border-bottom      : 1px solid #161616;
    background-color   : #000;
    height             : 80px;
    display            : block;
    -webkit-transition : height .3s cubic-bezier(0, 0, 1, 1), background .3s cubic-bezier(0, 0, 1, 1);
    -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
    -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
    -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
    transition         : all .3s cubic-bezier(0, 0, 1, 1);
}

.navigation .main-nav {
    border-bottom    : 1px solid #111;
    background-color : #000;
}

.navigation.light .main-nav {
    border-bottom    : 1px solid #f1f1f1;
    background-color : #fff;
}

.main-nav > .navbar-default .container .nav, .main-nav > .navbar-default > .container {
    background-color : transparent;
    border           : none;
}

.vbox-title {
    height : auto !important;
}

.main-nav.shrink {
    position         : fixed;
    height           : 60px;
    width            : 100%;
    background-color : #000;
    z-index          : 500;
    top              : 0;
}

.main-nav.shrink .navbar-container {
    height : 60px;
}

.main-nav .navbar.navbar-default {
    border-radius      : 0;
    margin-bottom      : 0;
    border             : 0;
    height             : 80px;
    background-color   : transparent;
    -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
    -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
    -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
    -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
    transition         : all .3s cubic-bezier(0, 0, 1, 1);
}

.main-nav.shrink .navbar.navbar-default {
    height  : 60px;
    z-index : 501;
}

.main-nav a.logo {
    position           : absolute;
    height             : 80px;
    padding-top        : 25px;
    padding-bottom     : 25px;
    -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
    -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
    -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
    -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
    transition         : all .3s cubic-bezier(0, 0, 1, 1);
}

.main-nav.shrink a.logo {
    height         : 60px;
    padding-top    : 15px;
    padding-bottom : 15px;
}

.main-nav a.logo img {
    height         : 30px;
    vertical-align : top;
}

.main-nav .navbar-nav .dropdown-menu {
    border             : 1px solid #f1f1f1;
    border-radius      : 0px;
    padding            : 0;
    text-transform     : uppercase;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    box-shadow         : none;
}

.main-nav .navbar-nav .dropdown-menu.animated {
    -webkit-animation-duration : .5s;
    animation-duration         : .5s;
}

.main-nav .navbar-nav li a {
    color                  : #333;
    font-family            : 'Open Sans', sans-serif;
    -webkit-font-smoothing : subpixel-antialiased;
    font-weight            : 400;
}

.main-nav .navbar-nav > li > a {
    color : #333;
}

.main-nav .dropdown-menu > li > a {
    padding     : 0 20px;
    height      : 40px;
    line-height : 40px;
    color       : #000;
    font-weight : 300;
}

.main-nav .dropdown-menu > li > a:focus {
    background-color : transparent;
}

.main-nav .navbar-nav .dropdown:hover > a[data-toggle=dropdown] + .dropdown-menu {
    display : none;
}

.main-nav .navbar-nav .dropdown.open > a[data-toggle=dropdown] + .dropdown-menu {
    display        : block;
    padding-bottom : 10px;
}

.main-nav .dropdown-submenu {
    position : relative;
}

.main-nav .dropdown-submenu > .dropdown-menu {
    top         : 0;
    left        : 100%;
    margin-top  : 0px;
    margin-left : -1px;
}

.main-nav .dropdown-submenu > a:focus {
    background-color : transparent;
}

.main-nav .dropdown-submenu > a:after {
    float       : right;
    font-family : 'FontAwesome';
    content     : "\f105";
    color       : inherit;
    position    : absolute;
    right       : 20px;
}

.main-nav .dropdown-submenu > a:hover:after {
    border-left-color : #fff !important;
}

.main-nav .nav .dropdown-submenu:hover > a:after {
    border-left-color : #fff !important;
}

.main-nav .menu-large {
    position : static !important;
}

.main-nav .megamenu {
    padding : 20px 0px;
}

.main-nav .megamenu > li > ul {
    padding : 0;
    margin  : 0;
}

.main-nav .megamenu > li > ul > li {
    list-style : none;
}

.main-nav .megamenu > li > ul > li > a {
    display     : block;
    padding     : 10px;
    clear       : both;
    font-weight : normal;
    line-height : 1.428571429;
    color       : #000;
    white-space : normal;
}

/* Accordion List - CKEditor function */

.accordion-list {
    margin-bottom : 20px;
}

.accordion-list .panel-default > .panel-heading {
    background    : none;
    padding       : 10px 0;
    border-bottom : 1px solid #d81a3e;
}

.accordion-list .collapsible-item-title-link {
    width   : 100%;
    display : block;
}

.accordion-list .panel-heading .collapsible-item-title-link-icon.glyphicon-chevron-down::before {
    transform : rotateX(180deg);
}

.accordion-list .panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding : 20px 0;
}

.accordion-list .test .glyphicon {
    transform : rotateX(180deg);
}

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

@media (max-width : 991px) {
    .main-nav {
        padding            : 0;
        top                : 0;
        left               : 0;
        right              : 0;
        -webkit-transition : background .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : background .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : background .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : background .3s cubic-bezier(0, 0, 1, 1);
        transition         : background .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav .navbar-header {
        float              : none;
        height             : 80px;
        -webkit-transition : height .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : height .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : height .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : height .3s cubic-bezier(0, 0, 1, 1);
        transition         : height .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav.shrink .navbar-header {
        float  : none;
        height : 60px;
    }

    .main-nav.nav-icons-right .navbar-header {
        text-align : center;
        width      : 100%;
    }

    .main-nav.nav-icons-right.header-icons .navbar-header {
        text-align : inherit;
    }

    .main-nav.nav-icons-right.header-icons a.logo {
        position           : absolute;
        height             : 80px;
        padding-top        : 25px;
        padding-bottom     : 25px;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .navbar-left, .navbar-right {
        float : none !important;
    }

    .main-nav .navbar-icons {
        position     : absolute;
        top          : 0;
        right        : 0;
        margin-right : 15px;
    }

    .header-icons .navbar-right li {
        margin-right : 0px !important;
    }

    .main-nav .navbar-icons > ul.navbar-nav > li {
        float              : left;
        height             : 65px;
        margin-left        : 0;
        margin-right       : 0;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav.shrink .navbar-icons > ul.navbar-nav > li {
        height : 45px;
    }

    .main-nav .navbar-icons > ul.navbar-nav > li:last-child {
        margin-right : 15px !important;
    }

    .main-nav .navbar-icons > ul.navbar-nav > li.menu-icon > a {
        padding-top        : 24.5px;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav.shrink .navbar-icons > ul.navbar-nav > li.menu-icon > a {
        padding-top : 14.5px;
    }

    .main-nav .navbar-icons > ul.navbar-nav > li.nav-shop > a {
        padding-top        : 21px;
        border             : 1px solid transparent;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav.shrink .navbar-icons > ul.navbar-nav > li.nav-shop > a {
        padding-top : 11px;
    }

    .main-nav .navbar-toggle {
        display     : block;
        margin-left : 15px;
    }

    .main-nav .navbar-toggle.navbar-toggle-centred {
        float       : none;
        left        : 50%;
        margin-left : -19px;
    }

    .main-nav .navbar-collapse {
        border-top : 1px solid transparent;
        box-shadow : inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .main-nav .navbar-collapse.in {
        overflow-y : auto !important;
    }

    .main-nav .navbar-fixed-top {
        top          : 0;
        border-width : 0 0 1px;
    }

    .main-nav .navbar-collapse.collapse {
        display : none !important;
    }

    .main-nav .navbar-nav {
        float  : none !important;
        margin : 8.5px -15px;
    }

    .main-nav .navbar-nav > li {
        float : none;
    }

    .main-nav .navbar-nav > li > a {
        padding-top    : 10px;
        padding-bottom : 10px;
    }

    .main-nav .collapse.in {
        display : block !important;
    }

    .navbar-container.wow {
        display : none !important;
    }

    .main-nav > .navbar-default > .container {
        padding-left  : 0px;
        padding-right : 0px;
    }

    .main-nav > .navbar-default > .container > .navbar-header {
        margin-left  : 0px;
        margin-right : 0px;
    }

    .main-nav a.logo,
    .main-nav.nav-icons-right.header-icons a.logo {
        padding-left : 25px;
    }

    .main-nav.nav-icons-right.header-icons a.logo {
        top  : -25px;
        left : 44px;
    }

    .main-nav.nav-icons-right a.logo {
        padding-left : 0px;
        position     : relative;
    }

    .main-nav.nav-icons-right a.logo img {
        margin-top         : 25px;
        margin-bottom      : 25px;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav.nav-icons-right.shrink a.logo img {
        margin-top    : 15px;
        margin-bottom : 15px;
    }

    .main-nav .navbar-toggle {
        margin-top         : 24px;
        margin-bottom      : 3px;
        border-radius      : 0;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav.nav-icons-right .navbar-toggle {
        float    : left;
        position : absolute;
    }

    .main-nav.shrink .navbar-toggle {
        margin-top    : 14px;
        margin-bottom : 3px;
    }

    .main-nav .navbar-nav .open .dropdown-menu {
        position           : static;
        float              : none;
        width              : auto;
        margin-top         : 0;
        background-color   : transparent;
        border             : 0;
        -webkit-box-shadow : none;
        box-shadow         : none;
    }

    .main-nav .navbar-toggle,
    .main-nav .navbar-toggle:focus,
    .main-nav .navbar-toggle:active {
        background-color : transparent;
        border           : 0;
    }

    .main-nav .navbar-toggle:hover {
        background-color : transparent;
        border           : 0;
    }

    .main-nav .navbar-container {
        background-color : #222;
        height           : auto;
    }

    .main-nav.shrink .navbar-container {
        height : auto;
    }

    .main-nav .collapsing-nav {
        max-height       : 300px;
        padding-right    : 17px;
        position         : relative;
        z-index          : 999;
        background-color : #222;
        border           : transparent !important;
    }

    .main-nav .navbar-nav > li {
        border-bottom : 1px solid #333;
        margin-left   : 15px;
        margin-right  : 15px;
    }

    .main-nav .nav li a {
        font-size          : 10px;
        letter-spacing     : 2px;
        text-transform     : uppercase;

        font-weight        : 400;
        background-color   : transparent;
        -webkit-transition : color .3s ease;
        -moz-transition    : color .3s ease;
        -o-transition      : color .3s ease;
        transition         : color .3s ease;
    }

    .main-nav .nav li a:hover {
        background-color : transparent;
    }

    .main-nav .navbar-nav > .dropdown > a:focus {
        color : #bbb;
    }

    .main-nav .navbar-nav > .dropdown > a:hover,
    .main-nav .navbar-nav > .dropdown.open > a {
        color : #fff;
    }

    .main-nav .navbar-nav > .active > a,
    .main-nav .navbar-nav > .active > a:hover,
    .main-nav .navbar-nav > .active > a:focus {
        background-color : transparent;
        color            : #fff;
    }

    .main-nav .nav > li.dropdown.open > a,
    .main-nav .nav > li.open:hover > a,
    .main-nav .nav > li.open:focus > a,
    .main-nav .nav .open > a,
    .main-nav .nav .open > a:focus {
        background-color : transparent;
    }

    .main-nav .nav.navbar-nav > li.dropdown > a:after,
    .main-nav .nav.navbar-nav > li.with-dropdown > a:after {
        font-family : 'FontAwesome';
        content     : "\f105";
        position    : absolute;
        right       : 15px;
    }

    .main-nav .navbar-nav .open .dropdown-menu {
        padding-bottom : 15px;
    }

    .main-nav .navbar-nav .open .dropdown-menu > li {
        border-bottom : 1px solid #333;
        margin-left   : 15px;
    }

    .main-nav .navbar-nav .open .dropdown-menu > li:last-child {
        border-bottom : 0;
    }

    .main-nav .navbar-nav .open .dropdown-menu > li > a,
    .main-nav .navbar-nav .open .dropdown-menu .dropdown-header {
        padding     : 0 10px;
        line-height : 40px;
    }

    .main-nav .navbar-nav .open .dropdown-menu > li > a {
        color : #bbb;
    }

    .main-nav .navbar-nav > .open .dropdown-menu > li > a:hover,
    .main-nav .navbar-nav > .open .dropdown-menu > li > a:focus {
        color            : #fff;
        background-color : transparent;
    }

    .main-nav .navbar-nav .dropdown.open > a[data-toggle=dropdown] + .dropdown-menu {
        display        : block;
        padding-bottom : 0px;
    }

    .main-nav .nav ul.dropdown-menu {
        padding-left : 15px;
    }

    .main-nav .dropdown-submenu > a:after {
        font-family  : 'FontAwesome';
        content      : "\f107";
        margin-top   : 1px;
        margin-right : -6px;
    }

    .main-nav .megamenu {
        padding : 0;
    }

    .main-nav .navbar-nav .open .dropdown-menu.megamenu > li {
        border-bottom : 0;
        margin-left   : 0;
    }

    .main-nav .navbar-nav .open .dropdown-menu.megamenu > li.col-sm-3 {
        padding     : 0;
        margin-left : 15px;
    }

    .main-nav .megamenu > li:last-child {
        padding-bottom : 15px;
    }

    .main-nav .megamenu > li:hover {
        background-color : transparent;
    }

    .main-nav .megamenu > li > ul > li {
        font-size : 11px;
    }

    .main-nav .megamenu > li > ul > li > a {
        text-decoration : none;
    }

    .main-nav .megamenu > li > ul > li > a:hover {
        color : #fff;
    }

    .main-nav .megamenu > li > ul > li > a {
        height        : 40px;
        padding-top   : 15px;
        color         : #bbb;
        margin-left   : 10px;
        border-bottom : 1px solid #333;
    }

    .main-nav .megamenu > li:last-child > ul > li:last-child > a {
        border-bottom : none;
    }

    .main-nav .megamenu > li ul > li > a > .fa {
        padding-right : 25px;
    }

    .main-nav .navbar-nav .open .dropdown-menu .dropdown-header {
        padding-top    : 15px;
        font-size      : 11px;
        color          : #eee;
        text-transform : uppercase;
        letter-spacing : 1px;
    }

    .main-nav .navbar-icons > ul > li {
        border : 0;
    }

    .main-nav .navbar-icons > ul > li > a:hover {
        border           : 0;
        background-color : transparent;
    }
}

@media (min-width : 992px) {

    .main-nav .navbar-container {
        float              : right;
        height             : 80px;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav .collapsing-nav {
        padding-left       : 0;
        padding-right      : 0;
        height             : 80px !important;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .main-nav.shrink .collapsing-nav {
        height : 60px !important;
    }

    .main-nav .navbar-nav .dropdown:hover {
        cursor : pointer;
    }

    .main-nav .navbar-nav .dropdown-menu {
        min-width : 200px;
        padding   : 0;
    }

    .main-nav .navbar-nav > li > .dropdown-menu.menu-left {
        margin-left : 160px;
    }

    .main-nav .dropdown-menu > .dropdown-submenu:hover > a {
        background-color : #f8f8f8;
        color            : #333;
    }

    .main-nav .dropdown-submenu:hover > a:after {
        border-left-color : #555;
    }

    .main-nav .dropdown-menu > li > a:hover {
        background-color : #f8f8f8;
        color            : #333;
    }

    .main-nav .navbar-nav > li {
        height      : 80px;
        padding-top : 20px;
    }

    .main-nav .navbar-nav li a {
        font-size      : 10px;
        letter-spacing : 2px;
        font-weight    : 400;
    }

    .main-nav .nav-links li a {
        font-size : 11px;
    }

    .main-nav .navbar-nav .dropdown:hover > .dropdown-menu {
        display : block;
    }

    .main-nav .dropdown-submenu:hover > .dropdown-menu {
        display : block;
    }

    .main-nav .dropdown-submenu > .dropdown-menu.menu-left {
        margin-left : -320px;
    }

    .main-nav .navbar-nav.navbar-right:last-child {
        margin-right  : 0;
        padding-right : 0;
    }

    .header-search-box .navbar-nav.nav-search .dropdown > a {
        padding-right : 0;
    }

    .header-account .navbar-nav.nav-account .dropdown > a {
        padding-right : 0;
    }

    .main-nav .navbar-nav.navbar-right {
        margin-left : 5px;
    }

    .main-nav.nav-pill .navbar-nav.navbar-right {
        margin-left : 10px;
    }

    .main-nav .navbar-nav li:hover > .megamenu {
        padding    : 0;
        visibility : visible;
    }

    .main-nav .navbar-nav .megamenu {
        display    : table !important;
        visibility : hidden;
    }

    .main-nav .megamenu > li {
        display        : table-cell;
        height         : 100%;
        min-height     : 100%;
        float          : none;
        padding        : 20px 0;
        vertical-align : top;
        max-width      : 228.25px;
        min-width      : 228.25px;
        width          : 228.25px;
    }

    .main-nav .megamenu > li > ul {
        padding : 0 20px;
    }

    .main-nav .megamenu > li ul > li > a {
        font-size   : 10px;
        font-weight : 400;
    }

    .main-nav .megamenu > li ul > li > a > .fa {
        padding-right : 25px;
    }

    .main-nav .megamenu > li ul > li > a:hover {
        text-decoration  : none;
        background-color : #f8f8f8;
        color            : #333;
    }

    .main-nav .megamenu.disabled > a,
    .main-nav .megamenu.disabled > a:hover,
    .main-nav .megamenu.disabled > a:focus {
        color : #999999;
    }

    .main-nav .megamenu.disabled > a:hover,
    .main-nav .megamenu.disabled > a:focus {
        text-decoration : none;
        cursor          : not-allowed;
    }

    .main-nav .navbar-nav .nav-account .dropdown-menu,
    .main-nav .navbar-nav .nav-shop .dropdown-menu,
    .main-nav .navbar-nav .nav-search .dropdown-menu {
        cursor : auto;
    }

    .main-nav .megamenu .dropdown-header {
        color          : #000;
        font-size      : 12px;
        width          : 100%;
        margin-bottom  : 5px;
        margin-top     : 25px;
        padding        : 5px 10px;
        text-transform : uppercase;
        font-weight    : 600;
        letter-spacing : 3px;
    }

    .main-nav .megamenu li:first-child.dropdown-header {
        margin-top : 0;
    }

    .main-nav .megamenu .dropdown-header i {
        float : right;
    }
}

/* Safari Styles */

@media screen and (min-color-index : 0) and(-webkit-min-device-pixel-ratio : 0) {
    @media {
        .main-nav {
            -webkit-transition : background .3s cubic-bezier(0, 0, 1, 1) !important;
            -moz-transition    : background .3s cubic-bezier(0, 0, 1, 1) !important;
            -o-transition      : background .3s cubic-bezier(0, 0, 1, 1) !important;
            -ms-transition     : background .3s cubic-bezier(0, 0, 1, 1) !important;
            transition         : background .3s cubic-bezier(0, 0, 1, 1) !important;
        }
    }
}

/********************************************************************
 Header - Dark Dropdowns
********************************************************************/

@media (min-width : 992px) {
    .navigation.dark-dropdown .main-nav .navbar-nav .dropdown-menu {
        background-color : #222;
        border           : 1px solid #292929;
    }

    .navigation.dark-dropdown .main-nav .navbar-nav li a {
        color : #ccc;
    }

    .navigation.dark-dropdown .main-nav .dropdown-menu > .dropdown-submenu:hover > a {
        background-color : #141414;
        color            : #fff;
    }

    .navigation.dark-dropdown .main-nav .dropdown-submenu:hover > a:after {
        border-left-color : #ccc;
    }

    .navigation.dark-dropdown .main-nav .dropdown-menu > li > a:hover {
        background-color : #141414;
        color            : #fff;
    }

    .navigation.dark-dropdown .main-nav .navbar-nav .dropdown:hover > .dropdown-menu {
        color : #fff;
    }

    .navigation.dark-dropdown .main-nav .navbar-nav .dropdown:hover > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
    }

    .navigation.dark-dropdown .main-nav .megamenu .dropdown-header {
        color : #ccc;
    }

    .navigation.dark-dropdown .main-nav .megamenu > li ul > li > a:hover {
        text-decoration  : none;
        background-color : #141414;
        color            : #fff;
    }
}

.menu-dropdown-link {
    position : relative;
}

.menu-dropdown {
    padding-left               : 0;
    padding-top                : 15px;
    -webkit-animation-duration : .3s;
    animation-duration         : .3s;
}

.menu-dropdown > li {
    list-style     : none;
    padding-bottom : 15px;
}

.menu-dropdown > li:last-child {
    padding-bottom : 0px;
}

.menu-dropdown > li > a {
    font-size          : 11px;
    text-transform     : uppercase;
    letter-spacing     : 1px;
    color              : #ccc;
    -webkit-transition : color .3s ease;
    -moz-transition    : color .3s ease;
    -o-transition      : color .3s ease;
    transition         : color .3s ease;
}

.menu-dropdown > li > a:hover {
    color : #fff;
}

.navigation.light .menu-dropdown > li > a {
    color : #666;
}

.navigation.light .menu-dropdown > li > a:hover {
    color : #000;
}

/********************************************************************
 Header - Bar Icon
********************************************************************/

.main-nav .bar-icon-wrapper {
    padding           : 0;
    margin            : 0;
    z-index           : 999;
    color             : #fff;
    z-index           : 111;
    color             : #333;
    -webkit-transform : translate3d(0, 0, 0);
    -moz-transform    : translate3d(0, 0, 0);
    -ms-transform     : translate3d(0, 0, 0);
    -o-transform      : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
}

.navigation.light .main-nav .bar-icon-wrapper {
    color : #333;
}

.main-nav .bar-icon {
    height                   : 2px;
    width                    : 19px;
    background               : #fff;
    display                  : block;
    opacity                  : 1;
    margin-top               : 4px;
    -webkit-transition       : -webkit-transform 0.15s linear;
    -o-transition            : -o-transform 0.15s linear;
    -moz-transition          : -moz-transform 0.15s linear;
    transition               : transform 0.15s linear;
    -webkit-transform-origin : 50% 50%;
    -o-transform-origin      : 50% 50%;
    -ms-transform-origin     : 50% 50%;
    -moz-transform-origin    : 50% 50%;
    transform-origin         : 50% 50%;
}

.navigation.light .main-nav .bar-icon {
    background : #333;
}

.main-nav .bar-icon:nth-child(1) {
    margin-top : 0;
}

.main-nav .bar-icon:nth-child(2) {
    -webkit-transition : opacity 0.1s linear;
    -o-transition      : opacity 0.1s linear;
    -moz-transition    : opacity 0.1s linear;
    transition         : opacity 0.1s linear;
}

.main-nav .nav > li.menu-icon > a.active .bar-icon:nth-child(1),
.main-nav .navbar-toggle.active .bar-icon:nth-child(1) {
    -webkit-transform : rotate(45deg) translate3d(3.5px, 3.5px, 0);
    -o-transform      : rotate(45deg) translate3d(3.5px, 3.5px, 0);
    -ms-transform     : rotate(45deg) translate3d(3.5px, 3.5px, 0);
    -moz-transform    : rotate(45deg) translate3d(3.5px, 3.5px, 0);
    transform         : rotate(45deg) translate3d(3.5px, 3.5px, 0);
}

.main-nav .nav > li.menu-icon > a.active .bar-icon:nth-child(2),
.main-nav .navbar-toggle.active .bar-icon:nth-child(2) {
    opacity : 0;
}

.main-nav .nav > li.menu-icon > a.active .bar-icon:nth-child(3),
.main-nav .navbar-toggle.active .bar-icon:nth-child(3) {
    -webkit-transform : rotate(-45deg) translate3d(5px, -5px, 0);
    -o-transform      : rotate(-45deg) translate3d(5px, -5px, 0);
    -ms-transform     : rotate(-45deg) translate3d(5px, -5px, 0);
    -moz-transform    : rotate(-45deg) translate3d(5px, -5px, 0);
    transform         : rotate(-45deg) translate3d(5px, -5px, 0);
}


/********************************************************************
 Header - Link Styles
********************************************************************/

@media (min-width : 992px) {

    /* Highlight */
    .main-nav.nav-highlight .nav > li > a {
        color              : #ccc;
        background-color   : transparent;
        -webkit-transition : color .3s ease;
        -moz-transition    : color .3s ease;
        -o-transition      : color .3s ease;
        transition         : color .3s ease;
        text-transform     : uppercase;
        font-size          : 11px;
    }

    .header-centred.main-nav.nav-highlight .nav > li:first-child > a {
        padding-left : 0;
    }

    .header-centred.main-nav.nav-highlight .nav.navbar-right > li:first-child > a {
        padding-left : 15px;
    }

    .main-nav.nav-highlight .nav > li.active > a {
        color            : #fff;
        background-color : transparent;
    }

    .main-nav.nav-highlight .nav > li > a:hover,
    .main-nav.nav-highlight .nav > li:hover > a {
        color            : #fff !important;
        background-color : transparent;
    }

    body:not(.one-page) .main-nav.nav-highlight .nav > li > a:focus {
        color            : #ccc;
        background-color : transparent;
    }

    /* Pill */
    .main-nav.nav-pill .nav > li {
        margin-right : 10px;
    }

    .main-nav.nav-pill .nav > li:last-child {
        margin-right : 0px;
    }

    .main-nav.nav-pill .nav > li > a {
        height             : 32px;
        border             : 1px solid transparent;
        color              : #ccc;
        background-color   : transparent;
        text-transform     : uppercase;
        -webkit-transition : color .3s ease, border .3s ease;
        -moz-transition    : color .3s ease, border .3s ease;
        -o-transition      : color .3s ease, border .3s ease;
        transition         : color .3s ease, border .3s ease;
        font-size          : 11px;
    }

    .main-nav.nav-pill .nav > li.active > a {
        color  : #fff;
        border : 1px solid #fff;
    }

    .main-nav.nav-pill .nav > li > a:hover,
    .main-nav.nav-pill .nav > li:hover > a {
        color            : #fff;
        border           : 1px solid #fff !important;
        background-color : transparent;
    }

    .main-nav.nav-pill .nav > li.nav-shop > a:hover,
    .main-nav.nav-pill .nav > li.nav-shop:hover > a {
        border : 1px solid transparent !important;
    }

    body:not(.one-page) .main-nav.nav-pill .nav > li > a:focus {
        border     : 1px solid transparent;
        background : transparent;
    }

    /* Pill - Full */
    .main-nav.nav-pill.nav-pill-full .nav > li.active > a {
        color            : #000;
        border           : 1px solid transparent;
        background-color : #fff;
    }

    .main-nav.nav-pill.nav-pill-full .nav > li > a:hover,
    .main-nav.nav-pill.nav-pill-full .nav > li:hover > a {
        color            : #000;
        border           : 1px solid transparent !important;
        background-color : #fff;
    }

    .main-nav.nav-pill.nav-pill-full .nav > li.nav-shop > a:hover,
    .main-nav.nav-pill.nav-pill-full .nav > li.nav-shop:hover > a {
        border           : 1px solid transparent !important;
        background-color : transparent;
    }

    body:not(.one-page) .main-nav.nav-pill.nav-pill-full .nav > li > a:focus {
        border     : 1px solid transparent;
        background : transparent;
        color      : #ccc;
    }


    /* Border */
    .main-nav.nav-border .nav > li {
        margin-right : 10px;
    }

    .main-nav.nav-border .nav > li:last-child {
        margin-right : 0px;
    }

    .main-nav.nav-border .nav > li > a {
        height             : 32px;
        border-bottom      : 1px solid transparent;
        color              : #ccc;
        background-color   : transparent !important;
        text-transform     : uppercase;
        -webkit-transition : color .3s ease, border .3s ease;
        -moz-transition    : color .3s ease, border .3s ease;
        -o-transition      : color .3s ease, border .3s ease;
        transition         : color .3s ease, border .3s ease;
        font-size          : 11px;
        padding-left       : 0;
        padding-right      : 0;
        margin-left        : 5px;
        margin-right       : 5px;
    }

    .main-nav.nav-border .nav > li.active > a {
        color         : #fff;
        border-bottom : 1px solid #fff;
    }

    .main-nav.nav-border .nav > li > a:hover,
    .main-nav.nav-border .nav > li:hover > a {
        color            : #fff !important;
        border-bottom    : 1px solid #fff !important;
        background-color : transparent;
    }

    .main-nav.nav-border .nav > li.nav-shop > a:hover,
    .main-nav.nav-border .nav > li.nav-shop:hover > a {
        border-bottom : 1px solid transparent !important;
    }

    body:not(.one-page) .main-nav.nav-border .nav > li > a:focus {
        color         : #ccc;
        border-bottom : 1px solid transparent;
    }

    /* Light Color */
    .navigation.transparent.light .main-nav.shrink {
        position         : fixed;
        background-color : rgba(255, 255, 255, 1);
    }

    /* Highlight */
    .navigation .main-nav.nav-highlight .nav > li {
        padding-top        : 25px;
        padding-bottom     : 25px;
        height             : 80px;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .navigation .main-nav.nav-highlight.shrink .nav > li {
        padding-top    : 15px;
        padding-bottom : 15px;
        height         : 60px;
    }

    .navigation.light .main-nav.nav-highlight .nav > li > a {
        color : #888;
    }

    .navigation.light .main-nav.nav-highlight .nav > li.active > a {
        color : #000;
    }

    .navigation.light .main-nav.nav-highlight .nav > li > a:hover,
    .navigation.light .main-nav.nav-highlight .nav > li:hover > a {
        color : #000 !important;
    }

    body:not(.one-page) .navigation.light .main-nav.nav-highlight .nav > li > a:focus {
        color : #777;
    }

    /* Pill & Pill - Full */
    .navigation .main-nav.nav-pill .nav > li {
        padding-top        : 24px;
        padding-bottom     : 24px;
        height             : 80px;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .navigation.light .main-nav.nav-pill.nav-pill-full .nav > li > a {
        -webkit-transition : all .3s ease;
        -moz-transition    : all .3s ease;
        -o-transition      : all .3s ease;
        transition         : all .3s ease;
    }

    .navigation .main-nav.nav-pill.shrink .nav > li {
        padding-top    : 14px;
        padding-bottom : 14px;
        height         : 60px;
    }

    .navigation.light .main-nav.nav-pill .nav > li > a {
        color : #333;
    }

    .navigation.light .main-nav.nav-pill .nav > li.active > a {
        color  : #000;
        border : 1px solid #000;
    }

    .navigation.light .main-nav.nav-pill .nav > li > a:hover,
    .navigation.light .main-nav.nav-pill .nav > li:hover > a {
        color  : #000 !important;
        border : 1px solid #000 !important;
    }

    .navigation.light .main-nav.nav-pill.nav-pill-full .nav > li.active > a {
        color            : #fff;
        border           : 1px solid transparent;
        background-color : #000;
    }

    .navigation.light .main-nav.nav-pill.nav-pill-full .nav > li > a:hover,
    .navigation.light .main-nav.nav-pill.nav-pill-full .nav > li:hover > a {
        color            : #fff !important;
        border           : 1px solid transparent !important;
        background-color : #000;
    }

    .navigation.light .main-nav.nav-pill .nav > li.nav-shop > a:hover,
    .navigation.light .main-nav.nav-pill .nav > li.nav-shop:hover > a,
    .navigation.light .main-nav.nav-pill.nav-pill-full .nav > li.nav-shop > a:hover,
    .navigation.light .main-nav.nav-pill.nav-pill-full .nav > li.nav-shop:hover > a {
        color            : #000 !important;
        border           : 1px solid transparent !important;
        background-color : transparent;
    }

    body:not(.one-page) .navigation.light .main-nav.nav-pill .nav > li > a:focus,
    body:not(.one-page) .navigation.light .main-nav.nav-pill.nav-pill-full .nav > li > a:focus {
        border     : 1px solid transparent;
        background : transparent;
        color      : #333 !important;
    }

    /* Border */
    .navigation .main-nav.nav-border .nav > li {
        padding-top        : 25px;
        padding-bottom     : 23px;
        height             : 80px;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .navigation .main-nav.nav-border.shrink .nav > li {
        padding-top    : 14px;
        padding-bottom : 14px;
        height         : 60px;
    }

    .navigation.light .main-nav.nav-border .nav > li > a {
        color : #333;
    }

    .navigation.light .main-nav.nav-border .nav > li.active > a {
        color         : #000;
        border-bottom : 1px solid #000;
    }

    .navigation.light .main-nav.nav-border .nav > li > a:hover,
    .navigation.light .main-nav.nav-border .nav > li:hover > a {
        color         : #000 !important;
        border-bottom : 1px solid #000 !important;
    }

    .navigation.light .main-nav.nav-border .nav > li.nav-shop > a:hover,
    .navigation.light .main-nav.nav-border .nav > li, nav-shop:hover > a {
        border-bottom : 1px solid transparent !important;
    }

    body:not(.one-page) .navigation.light .main-nav.nav-border .nav > li > a:focus {
        color : #333;
    }

    /* Menu Icon */
    .navigation.light .main-nav.nav-pill .navbar-icons .nav > li.menu-icon > a,
    .navigation.light .main-nav.nav-pill .navbar-icons .nav > li.menu-icon > a {
        border : 1px solid transparent !important;
    }

    .navigation.light .main-nav.nav-border .navbar-icons .nav > li.menu-icon > a:hover,
    .navigation.light .main-nav.nav-border .navbar-icons .nav > li.menu-icon:hover > a {
        border-bottom : 1px solid transparent !important;
    }
}

/********************************************************************
 Header - Action Button
********************************************************************/

@media (max-width : 991px) {
    .main-nav .nav > li.nav-action > a {
        color : #ccc;
    }

    .main-nav li.nav-action:hover > a {
        color : #fff !important;
    }
}

@media (min-width : 992px) {

    .main-nav .nav > li.nav-action > a,
    .main-nav .nav > li.nav-action:hover > a {
        background-color   : #eee;
        color              : #000 !important;
        border             : 1px solid transparent;
        -webkit-transition : all .3s ease;
        -moz-transition    : all .3s ease;
        -o-transition      : all .3s ease;
        transition         : all .3s ease;
        padding-left       : 15px;
        padding-right      : 15px;
    }

    .main-nav li.nav-action > a:hover,
    .main-nav li.nav-action > a:focus,
    .main-nav .nav > li.nav-action:hover > a:hover {
        background-color : #fff !important;
        color            : #000 !important;
        border           : 1px solid transparent !important;
    }

    .navigation.light .main-nav .nav > li.nav-action > a,
    .navigation.light .main-nav .nav > li.nav-action:hover > a {
        background-color : #000;
        color            : #ccc !important;
    }

    .navigation.light .main-nav .nav > li.nav-action > a:hover,
    .navigation.light .main-nav li.nav-action > a:focus,
    .navigation.light .main-nav .nav > li.nav-action:hover > a:hover {
        background-color : #000 !important;
        color            : #fff !important;
    }

}


/********************************************************************
 Header - Menu Trigger Icon
********************************************************************/

@media (min-width : 992px) {
    .main-nav .nav > li.menu-icon {
        padding-top : 0px !important;
    }

    .navigation .main-nav .nav > li.menu-icon > a {
        padding            : 32px 0 32px 15px;
        border             : 0px !important;
        height             : auto;
        -webkit-transition : all .3s cubic-bezier(0, 0, 1, 1);
        -moz-transition    : all .3s cubic-bezier(0, 0, 1, 1);
        -o-transition      : all .3s cubic-bezier(0, 0, 1, 1);
        -ms-transition     : all .3s cubic-bezier(0, 0, 1, 1);
        transition         : all .3s cubic-bezier(0, 0, 1, 1);
    }

    .navigation .main-nav.shrink .nav > li.menu-icon > a {
        padding : 22px 0 22px 15px;
    }

    .main-nav .nav.navbar-left > li.menu-icon > a {
        padding-left : 0 !important;
    }

    .main-nav .nav > li.menu-icon > a:hover {
        border : 0px !important;
    }
}


/********************************************************************
 Header - Full Screen
********************************************************************/

.full-screen-header {
    position          : fixed;
    top               : 0;
    left              : 0;
    width             : 100%;
    height            : 100%;
    background        : rgba(0, 0, 0, 0.9);
    z-index           : 50;
    display           : none;
    -webkit-transform : translate3d(0, 0, 0);
    -moz-transform    : translate3d(0, 0, 0);
    -ms-transform     : translate3d(0, 0, 0);
    -o-transform      : translate3d(0, 0, 0);
    transform         : translate3d(0, 0, 0);
}

.navigation.light .full-screen-header {
    background : rgba(255, 255, 255, 0.95);
}

.full-screen-header.active {
    display : block;
}

.full-screen-header .full-screen-nav {
    list-style : none;
    display    : inline-block;
    padding    : 0;
    margin     : 0;
}

.full-screen-header .full-screen-nav > li {
    padding       : 10px 0;
    width         : 250px;
    margin-bottom : 5px;
}

.full-screen-header .full-screen-nav > li.with-dropdown > a {
    padding-bottom : 10px;
}

.full-screen-header .full-screen-nav > li > a {
    font-size          : 18px;
    text-transform     : uppercase;
    color              : #ccc;
    letter-spacing     : 3px;
    -webkit-transition : color .3s ease;
    -moz-transition    : color .3s ease;
    -o-transition      : color .3s ease;
    transition         : color .3s ease;
    font-family        : 'Open Sans Condensed', sans-serif;
    font-weight        : 300;

}

.full-screen-header .full-screen-nav > li.active > a,
.full-screen-header .full-screen-nav > li:hover > a,
.full-screen-header .full-screen-nav > li:active > a,
.full-screen-header .full-screen-nav > li > a.active-dropdown {
    border-bottom : 1px solid #fff;
}

.navigation.light .full-screen-header .full-screen-nav > li.active > a,
.navigation.light .full-screen-header .full-screen-nav > li:hover > a,
.navigation.light .full-screen-header .full-screen-nav > li:active > a,
.navigation.light .full-screen-header .full-screen-nav > li > a.active-dropdown {
    border-bottom : 1px solid #000;
}

.navigation.light .full-screen-header .full-screen-nav > li > a {
    color : #666;
}

.full-screen-header .full-screen-nav > li > a:hover {
    color : #fff;
}

.navigation.light .full-screen-header .full-screen-nav > li > a:hover {
    color : #000;
}

.full-screen-header .menu-dropdown > li {
    list-style    : none;
    padding       : 5px;
    margin-bottom : 0px;
}

.full-screen-header .menu-dropdown > li > a {
    font-size      : 14px;
    letter-spacing : 2px;
}

.full-screen-header .menu-dropdown > li:last-child {
    padding-bottom : 5px;
}

.full-screen-header .nav-container {
    display : table;
    width   : 100%;
    height  : 100%;

}

.full-screen-header .nav-holder {
    display        : table-cell;
    vertical-align : middle;
    width          : 100%;
    text-align     : center;
}

.full-screen-header .nav-holder .inner-content {
    max-height                  : 400px;
    overflow-y                  : auto;
    margin-right                : -17px;

    -webkit-animation-duration  : .5s;
    animation-duration          : .5s;
    -webkit-animation-fill-mode : both;
    animation-fill-mode         : both;
    webkit-animation-name       : fadeInUp;
    animation-name              : fadeInUp;
}

.full-screen-header .menu-dropdown-link.active-dropdown {
    color : #fff;
}

.navigation.light .full-screen-header .menu-dropdown-link.active-dropdown {
    color : #000;
}

.full-screen-header .menu-dropdown-link .dropdown-icon {
    margin-bottom : 0;
    display       : inline-block;
    position      : relative;
    top           : 0;
    height        : 14px;
    width         : 14px;
}

.full-screen-header .menu-dropdown-link .dropdown-icon::before {
    position           : absolute;
    top                : 50%;
    left               : 50%;
    width              : 14px;
    height             : 1px;
    background         : #ccc;
    content            : '';
    -webkit-transition : -webkit-transform 0.35s;
    -moz-transition    : -moz-transform 0.35s;
    -o-transition      : -o-transform 0.35s;
    transition         : transform 0.35s;
    -webkit-transform  : translate3d(-50%, -50%, 0);
    -moz-transform     : translate3d(-50%, -50%, 0);
    -ms-transform      : translate3d(-50%, -50%, 0);
    -o-transform       : translate3d(-50%, -50%, 0);
    transform          : translate3d(-50%, -50%, 0);
}

.navigation.light .full-screen-header .menu-dropdown-link .dropdown-icon::before {
    background : #333;
}

.full-screen-header .menu-dropdown-link .dropdown-icon::after {
    position           : absolute;
    top                : 50%;
    left               : 50%;
    width              : 1px;
    height             : 14px;
    background         : #ccc;
    content            : '';
    -webkit-transition : -webkit-transform 0.35s;
    -moz-transition    : -moz-transform 0.35s;
    -o-transition      : -o-transform 0.35s;
    transition         : transform 0.35s;
    -webkit-transform  : translate3d(-50%, -50%, 0);
    -moz-transform     : translate3d(-50%, -50%, 0);
    -ms-transform      : translate3d(-50%, -50%, 0);
    -o-transform       : translate3d(-50%, -50%, 0);
    transform          : translate3d(-50%, -50%, 0);
}

.full-screen-header .credits {
    position       : fixed;
    bottom         : 40px;
    width          : 100%;
    left           : 0;
    text-align     : center;
    letter-spacing : 2px;
    color          : #ccc;
    font-size      : 12px;
    text-transform : uppercase;
    margin-right   : -17px;
    font-weight    : 400;
}

.navigation.light .full-screen-header .credits {
    color : #000;
}

.navigation.light .full-screen-header .menu-dropdown-link .dropdown-icon::after {
    background : #333;
}

.full-screen-header .menu-dropdown-link.active-dropdown .dropdown-icon {
    margin-bottom : 1px;
}

.full-screen-header .menu-dropdown-link:hover .dropdown-icon::after,
.full-screen-header .menu-dropdown-link:hover .dropdown-icon::before,
.full-screen-header .menu-dropdown-link.active-dropdown .dropdown-icon::after,
.full-screen-header .menu-dropdown-link.active-dropdown .dropdown-icon::before {
    background : #fff;
}

.navigation.light .full-screen-header .menu-dropdown-link:hover .dropdown-icon::after,
.navigation.light .full-screen-header .menu-dropdown-link:hover .dropdown-icon::before,
.navigation.light .full-screen-header .menu-dropdown-link.active-dropdown .dropdown-icon::after,
.navigation.light .full-screen-header .menu-dropdown-link.active-dropdown .dropdown-icon::before {
    background : #000;
}

.full-screen-header .menu-dropdown-link.active-dropdown .dropdown-icon::before {
    top               : 50%;
    -webkit-transform : translate3d(-50%, -50%, 0) rotate(45deg);
    -moz-transform    : translate3d(-50%, -50%, 0) rotate(45deg);
    -ms-transform     : translate3d(-50%, -50%, 0) rotate(45deg);
    -o-transform      : translate3d(-50%, -50%, 0) rotate(45deg);
    transform         : translate3d(-50%, -50%, 0) rotate(45deg);
}

.full-screen-header .menu-dropdown-link.active-dropdown .dropdown-icon::after {
    top               : 50%;
    -webkit-transform : translate3d(-50%, -50%, 0) rotate(45deg);
    -moz-transform    : translate3d(-50%, -50%, 0) rotate(45deg);
    -ms-transform     : translate3d(-50%, -50%, 0) rotate(45deg);
    -o-transform      : translate3d(-50%, -50%, 0) rotate(45deg);
    transform         : translate3d(-50%, -50%, 0) rotate(45deg);
}

.full-screen-header .menu-dropdown {
    padding-top    : 25px;
    padding-bottom : 0px;
}

.navigation .full-screen-menu-trigger {
    z-index : 9999;
}

@media (min-width : 992px) {
    .full-screen-header .full-screen-nav > li > a {
        font-size      : 24px;
        letter-spacing : 5px;
        padding-bottom : 10px;
        text-transform : uppercase;
        color          : #ccc;
    }
}

@media (max-width : 500px) {
    .full-screen-header .nav-holder .inner-content {
        max-height : 250px;
    }
}


/********************************************************************
 Transparent Header
********************************************************************/

.navigation.transparent {
    z-index  : 500;
    position : fixed;
}

.navigation.transparent .main-nav {
    background-color : transparent;
    border-bottom    : 0;

}

.navigation.transparent .main-nav.shrink {
    background-color : #000;
}

.navigation.transparent.light .main-nav.shrink {
    background-color : #fff;
}

.navigation.transparent .main-nav .navbar-default {
    /*position: inherit;*/
}

.navigation:not(.transparent):not(.light) {
    background : #000;
}

#event-detail .ev-wrap .ev-infos p {
    display : inline-block;
    margin  : 0 10px 0 0;
}

@media (max-width : 991px) {
    .navigation.transparent {
        background-color : transparent;
        top              : 0;
        width            : 100%;
    }

    .navigation.transparent .main-nav {
        padding : 0;
    }

    .navigation.transparent .navbar-collapse {
        border-top : 0;
    }
}

@media (min-width : 992px) {
    .navigation.transparent {
        background-color : transparent;
        width            : 100%;
    }

    .navigation.transparent .main-nav .collapsing-nav {
        height : inherit !important;
    }
}

/********************************************************************
 Header - Full Width
********************************************************************/

@media (min-width : 992px) {
    .main-nav.full-width > .navbar-default > .container {
        width         : 100%;
        padding-left  : 30px;
        padding-right : 30px;
    }
}

/********************************************************************
Header Alignment
********************************************************************/

@media (min-width : 992px) {
    .header-right .navbar-default {
        height : 60px;
    }

    .header-right .collapsing-nav {
        float : right;
    }

    .header-right .nav > li {
        height      : 60px;
        padding-top : 15px;
    }

    .header-right .nav > li > a {
        height         : 30px;
        padding-top    : 5px;
        padding-bottom : 5px;
        border-radius  : 0px;
        color          : #000;
    }

    .header-centred.main-nav .navbar-container {
        width : 100%;
    }

    .header-centred.main-nav .collapsing-nav {
        float      : none;
        width      : 100%;
        text-align : center;
        clear      : both;
    }

    .header-centred.main-nav .nav.navbar-nav {
        text-align : center;
        float      : none;
        display    : inline-block;
    }

    .header-centred.main-nav .nav.navbar-right {
        width      : auto;
        text-align : none;
        position   : absolute;
        right      : 30px;
    }

    .header-centred .nav > li > a {
        height         : 30px;
        padding-top    : 5px;
        padding-bottom : 5px;
        border-radius  : 0px;
        color          : #000;
    }

    .navigation:not(.transparent) .header-centred .navbar-nav.nav .megamenu {
        top : 80px;
    }

    .navigation .header-centred.shrink .navbar-nav.nav .megamenu {
        top : 60px;
    }
}

/********************************************************************
	Theme Background Section
********************************************************************/

.theme-background-section {
    background-size     : cover;
    background-position : top left;
    position            : relative;
    background-repeat;
    no-repeat;
}

.theme-background-section .video-bg-div {
    display : table-row-group;
}

.theme-background-section .video-bg {
    position        : absolute;
    right           : 0;
    bottom          : 0;
    top             : inherit;
    min-width       : 100%;
    min-height      : 100%;
    width           : auto;
    height          : auto;
    background-size : cover;
}

.theme-background-section .map {
    position        : absolute;
    right           : 0;
    bottom          : 0;
    min-width       : 100%;
    min-height      : 100%;
    width           : auto;
    height          : auto;
    z-index         : -100;
    background-size : cover;
}

.theme-background-section.parallax {
    background-attachment : fixed;
}

.theme-background-section.fs-overlay:before {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    content    : '';
    background : rgba(0, 0, 0, 0.6);
    z-index    : 1;
}

.theme-background-section.fs-overlay.light:before {
    background : rgba(255, 255, 255, 0.75);
}

.theme-background-section .content-container {
    display      : table;
    table-layout : fixed;
    width        : 100%;
    height       : 100%;
    overflow     : hidden;
    position     : relative;
    z-index      : 2;
}

.theme-background-section .content-inner-container {
    display        : table-cell;
    vertical-align : middle;
    max-width      : 450px;
    margin         : -150px auto 0 auto;
    display        : table-cell;
    vertical-align : middle;
    padding        : 100px 8%;
}

.theme-background-section .content-inner-container.top {
    vertical-align : top;
}

.theme-background-section .content-inner-container.bottom {
    vertical-align : bottom;
}


/* Footer CTA */
.footer.footer-no-copyright {
    padding : 20px 0 30px;;
}

.footer-cta > .container {
    border-bottom : 1px solid #333;
    margin-bottom : 30px;
}

.footer-cta h3 {
    font-family    : 'Open Sans Condensed' sans-serif;
    text-transform : uppercase;
    color          : #eee;
    letter-spacing : 1px;
    font-weight    : 300;
    margin-bottom  : 30px;
}

.footer-centred img.footer-logo {
    width  : 90%;
    height : 22px;
}

.footer-centred .col-md-2 .row-1 {
    font-size      : 22px;
    text-transform : uppercase;
    letter-spacing : 1px;
    line-height    : 20px;
    min-height     : 24px;
}

.footer-centred .col-md-2.social-icons i {
    margin-right : 5px;
}

.footer-centred .col-md-2 .row-2 {
    margin-top     : 15px;
    font-size      : 12px;
    text-transform : uppercase;
    letter-spacing : 1px;
}

.footer-centred .col-md-2 .page-links {
    font-size      : 22px;
    text-transform : uppercase;
    letter-spacing : 1px;
    line-height    : 20px;
}

.footer-centred {
    color : #aaa;
}


.pager-currpage {
    color : #000;
}

/********************************************************************
 One Pager
********************************************************************/
.one-page-menu .section {
    padding-top : 50px;
}

a.jump.jump-slider {
    font-size        : 50px;
    background-color : #fff;
    padding          : 0 20px;
    opacity          : 0.7;
    color            : #333;
}

a.jump.jump-slider-dark {
    font-size        : 50px;
    background-color : #000;
    padding          : 0 20px;
    opacity          : 0.7;
    color            : #fff;
}

a.jump.jump-slider:hover,
a.jump.jump-slider-dark:hover {
    opacity : 1;
}

.one-pager.push {
    padding-top : 100px;
}

.one-page-intro-jump {
    position          : absolute;
    bottom            : 15px;
    left              : 0;
    right             : 0;
    text-align        : center;
    animation         : bobble 2s infinite;
    -webkit-animation : bobble 2s infinite;
}

.one-page-intro-jump .intro-center {
    display : inline-block;
}

@keyframes bobble {
    0% {
        bottom                            : 15px;
        animation-timing-function         : ease-in;
        -webkit-animation-timing-function : ease-in;
    }
    50% {
        bottom                            : 25px;
        animation-timing-function         : ease-out;
        -webkit-animation-timing-function : ease-out;
    }
    100% {
        bottom                            : 15px;
        animation-timing-function         : ease-in;
        -webkit-animation-timing-function : ease-in;
    }
}


/* ==========================================================================
   Page Custom Headers
============================================================================= */

section.page-custom-header {
    padding    : 100px 0;
    margin-top : 0;
}

section.page-custom-header.page-top-big {
    padding    : 200px 0;
    margin-top : 0;
}

section.page-custom-header.with-overlay {
    padding : 0;
}

section.page-custom-header.with-overlay .section-overlay,
section.page-custom-header.with-overlay .section-overlay-light {
    padding : 100px 0;
}

section.page-custom-header.page-top-big.with-overlay .section-overlay,
section.page-custom-header.page-top-big.with-overlay .section-overlay-light {
    padding : 200px 0;
}


/* ==========================================================================
   Sidebars
============================================================================= */

ul.category-list {
    margin       : 0px;
    padding-left : 0px;
}

ul.category-list li {
    border-bottom : 1px solid #f6f6f6;
    padding       : 10px 0;
}

ul.category-list-dark li {
    border-color : #222;
}

ul.category-list li a {
    font-size      : 12px;
    text-transform : uppercase;
}

ul.category-list li a:before {
    font-family  : 'ElegantIcons';
    content      : "\35";
    margin-right : 10px;
}

ul.category-list li:first-child {
    padding-top : 0px;
}

ul.category-list li:last-child {
    padding-bottom : 0px;
    border-bottom  : none;
}

ul.category-list li i {
    padding-right : 5px;
}

ul.category-list-dark a {
    color : #ddd;
}

ul.category-list-dark a:hover {
    color : #fff;
}

.theme-form .form-control {
    border-radius : 0px;
}

/*Sidebar Links*/

.sidebar-border-right {
    border-right : 1px solid #f6f6f6;
}

.sidebar-border-left {
    border-left  : 1px solid #f6f6f6;
    text-align   : right;
    padding-left : 0;
}

.sidebar-links ul.category-list li a:before {
    display : none;
}

.sidebar-links ul li {
    border-bottom : 1px solid #f6f6f6;
}

.sidebar-links ul li:first-child {
    border-top  : 1px solid #f6f6f6;
    padding-top : 10px;
}

.sidebar-links ul li:last-child {
    border-bottom  : 1px solid #f6f6f6;
    padding-bottom : 10px;
}

.sidebar-links ul li a {
    color          : #aaa;
    font-size      : 12px;
    text-transform : uppercase;
}

.sidebar-links ul li a:hover,
.sidebar-links ul li.active a {
    color : #000;
}

.sidebar-border-right.sidebar-links-dark,
.sidebar-border-left.sidebar-links-dark,
.sidebar-border-left.sidebar-links-dark,
.sidebar-links-dark ul.category-list li a:before,
.sidebar-links-dark ul li,
.sidebar-links-dark ul li:first-child,
.sidebar-links-dark ul li:last-child {
    border-color : #191919;
}

.sidebar-links-dark ul li a {
    color : #ddd;
}

.sidebar-links-dark ul li a:hover,
.sidebar-links-dark ul li.active a {
    color : #fff;
}

/* ==========================================================================
   Sticky Element
============================================================================= */

.stickTop {
    position : fixed;
    top      : 80px;
    z-index  : 9999;
}

.main-nav label.menu-label {
    float          : right;
    color          : #fff;
    text-transform : uppercase;
    font-size      : 11px;
    padding-left   : 5px;
    padding-right  : 5px;
    height         : 20px;
    line-height    : 22px;
    margin         : -3px 0 0;
}

.main-nav.nav-highlight label.menu-label {
    margin-top : -2px;
}

/********************************************************************
 SiteMap
********************************************************************/

.sitemap-container {
    margin     : 0 -50px 0;
    padding    : 0;
    list-style : none;
    display    : table;
}

.sitemap-container .sitemap-cell {
    width          : 24.8%;
    padding        : 50px;
    display        : inline-block;
    vertical-align : top;
}

.sitemap-container .sitemap-cell .heading {
    letter-spacing : 5px;
    line-height    : 200%;
    text-transform : uppercase;
    font-weight    : 400;
    margin         : 0 0 50px;
}

.sitemap-container .sitemap-cell li > a {
    display        : block;
    padding-bottom : 10px;
    margin-bottom  : 10px;
    border-bottom  : 1px solid #f6f6f6;
}

.sitemap-container .sitemap-cell li:last-child > a {
    border-bottom  : none;
    padding-bottom : 0;
    margin-bottom  : 0;
}


/********************************************************************
 Vertically Centred Divs
********************************************************************/

@media (min-width : 992px) {
    .vertical-center-box {
        display             : -webkit-box;
        -webkit-box-align   : center;
        display             : flex;
        -moz-box-align      : center;
        display             : -ms-flexbox;
        -ms-flex-align      : center;
        display             : box;
        box-align           : center;
        -webkit-align-items : center;
        align-items         : center;
    }
}

@media (min-width : 768px) and (max-width : 991px) {
    .vertical-center-box-tablet {
        display             : -webkit-box;
        -webkit-box-align   : center;
        display             : flex;
        -moz-box-align      : center;
        display             : -ms-flexbox;
        -ms-flex-align      : center;
        display             : box;
        box-align           : center;
        -webkit-align-items : center;
        align-items         : center;
    }
}

/********************************************************************
 Parallax Full-Screen Image + Video + Content
********************************************************************/

.parallax-bg .bg {
    background-image    : url(/public/20260101012807oe_/https://www.bezirk-unterfranken.de/__/relaunch2017/images/nyc.jpg);
    background-position : center center;
    background-repeat   : no-repeat;
    position            : fixed;
    z-index             : -1;
    background-size     : cover;
    height              : 100%;
    width               : 100%;
}

.full-screen-page .parallax-bg .bg {
    position : inherit;
}

.parallax-bg .parallax-container {
    display      : table;
    table-layout : fixed;
    width        : 100%;
    height       : 100%;
    overflow     : hidden;
    position     : relative;
}

.parallax-bg .parallax-content {
    max-width      : 450px;
    margin         : -150px auto 0 auto;
    display        : table-cell;
    vertical-align : middle;
    color          : #ebebeb;
    padding        : 0 8%;
}

.bg-overlay {
    background-color : rgba(0, 0, 0, 0.6);
}

/*Full-Screen Video Background*/

.video-background video#video-background {
    position            : fixed;
    min-width           : 100%;
    min-height          : 100%;
    width               : auto;
    height              : auto;
    background-position : center;
    z-index             : -1;
}

.parallax-bg.video-background .parallax-container {
    position : absolute;
}

/********************************************************************
 Widgets
********************************************************************/

/*Contact*/

.contact {
    list-style : none;
    margin     : 0;
    padding    : 0;
    font-size  : 13px;
}

.contact li {
    margin-bottom : 15px;
}

.contact li:last-child {
    margin-bottom : 0;
}

.contact i {
    display   : block;
    float     : left;
    font-size : 1.2em;
    width     : 16px;
}

.contact span {
    display      : block;
    padding-left : 25px;
    font-size    : 14px;
}

/*Spam*/

.spam {
    font-size : 12px;
}

/*Flickr*/

.flickr_badge_image {
    margin  : 0px;
    display : inline;
}

.flickr_badge_image img {
    width  : 33.33%;
    height : auto;
}

#flickr_badge_wrapper {
    width : 100%;
}

/*Instagram*/

#widget-instagram img {
    width : 33.33%;
}

/*Dribbble*/

ul.shots {
    list-style : none;
    padding    : 0;
    margin     : 0;
}

ul.shots li {
    display : inline;
}

ul.shots img {
    width : 33.33%;
}

/* Latest Projects */

.latest-projects li {
    width   : 33.33%;
    display : block;
    float   : left;
}

.latest-projects li:hover {
    opacity : 0.5;
}

/*Popular Posts & Comments*/

.popular-posts, .popular-comments {
    margin         : 0px;
    padding        : 0px;
    text-transform : uppercase;
    letter-spacing : 1px;
}

.popular-posts li, .popular-comments li {
    list-style : none;
    margin     : 0 0 30px;
    clear      : both;
    display    : block;
    min-height : 60px;
}

.popular-posts li:last-child, .popular-comments li:last-child {
    margin : 0;
}

.popular-posts li p {
    font-style  : italic;
    font-size   : 10px;
    font-weight : 400;
}

.popular-posts li img, .popular-comments li img {
    float        : left;
    margin-right : 10px;
    width        : 60px;
    height       : 60px;
}

.popular-comments a {
    color     : #000;
    font-size : 12px;
}

.popular-comments p {
    font-style : italic;
    font-size  : 10px;
}

.popular-posts.popular-dark, .popular-comments.popular-dark {
    color : #fff;
}

.popular-posts.popular-dark a, .popular-comments.popular-dark a {
    color : #ddd;
}

.popular-posts.popular-dark a:hover, .popular-comments.popular-dark a:hover {
    color : #fff;
}

/*Tags*/

.page-tags {
    border         : 1px solid #eee;
    line-height    : 3.3;
    color          : #000;
    padding        : 7.5px;
    letter-spacing : 1px;
    font-weight    : 400;
}

a:hover .page-tags {
    background-color : #000;
    border-color     : #000;
    color            : #fff;
}

/*Dark Theme Tags*/

.page-tags-dark {
    border         : 1px solid #fff;
    line-height    : 3.3;
    padding        : 7.5px;
    letter-spacing : 1px;
    color          : #fff;
    font-weight    : 400;
}

a:hover .page-tags-dark {
    background-color : #fff;
    border-color     : #fff;
    color            : #000;
}

/* ==========================================================================
   FullPage Jquery Scroll
============================================================================= */

.fp-section {
    background-size : cover !important;
    padding         : 50px;
}

.fp-tooltip {
    text-transform : uppercase;
    font-family    : 'Open Sans Condensed', sans-serif !important;
    letter-spacing : 1px;
    font-size      : 13px !important;
    color          : #000 !important;
}

.fullpage-light #fp-nav ul li a span,
.fullpage-light .fp-slidesNav ul li a span {
    background-color : #eee !important;
}

.fullpage-light .fp-tooltip {
    color : #eee !important;
}


/* ==========================================================================
   Headings
============================================================================= */

.fancy-heading {
    margin : 0 0 100px;
}

/*Small Line*/

.small-line:after {
    content          : "";
    position         : absolute;
    bottom           : 0;
    width            : 50px;
    height           : 2px;
    left             : 0;
    background-color : #000;
}

.text-center.small-line {
    margin-left  : auto;
    margin-right : auto;
}

.text-center.small-line:after {
    margin-left : -25px;
    left        : 50% !important;
}

.text-right.small-line {
    margin-left : auto;
}

.text-right.small-line:after {
    margin-left : -50px;
    left        : 100% !important;
}

.small-line {
    position       : relative;
    padding-bottom : 50px;
    margin-bottom  : 50px;
    display        : block;
}

/*Bordered*/

.bordered {
    display     : inline-block;
    min-height  : 37px;
    line-height : 46px;
    padding     : 5px 20px;
    border      : 4px solid #000;
}

/*Double Bordered*/

.double.bordered {
    border : 4px double #000;
}

/*Block*/

.blocked {
    color            : #fff;
    background-color : #000;
    display          : inline-block;
    min-height       : 37px;
    line-height      : 46px;
    padding          : 5px 20px 5px 20px;
}

/*Light Heading - Common*/

.heading-light {
    color : #fff;
}

.heading-light.small-line:after {
    background-color : #fff;
}

.heading-light .bordered,
.heading-light .double.bordered {
    border-color : #fff;
}

.heading-light .blocked {
    background-color : #fff;
    color            : #000;
}

/* ==========================================================================
   Vertical Dividers
============================================================================= */

.vertical-divider-left {
    border-left : 1px solid #eee;
}

.vertical-divider-right {
    border-right : 1px solid #eee;
}

.vdl-light,
.vdr-light {
    border-color : #333;
}

/* ==========================================================================
   Horizontal Rules
============================================================================= */

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

hr.light {
    border-color : #333;
}

/*Faded*/

hr.faded {
    clear            : both;
    float            : none;
    width            : 100%;
    height           : 1px;
    border           : none;
    background       : #ddd;
    background-image : -webkit-gradient(
            linear,
            left bottom,
            right bottom,
            color-stop(0, rgb(255, 255, 255)),
            color-stop(0.1, rgb(221, 221, 221)),
            color-stop(0.9, rgb(221, 221, 221)),
            color-stop(1, rgb(255, 255, 255))
    );
    background-image : -moz-linear-gradient(
            left center,
            rgb(255, 255, 255) 0%,
            rgb(221, 221, 221) 10%,
            rgb(221, 221, 221) 90%,
            rgb(255, 255, 255) 100%
    );
}

hr.faded.light {
    background       : #333;
    background-image : -webkit-gradient(
            linear,
            left bottom,
            right bottom,
            color-stop(0, rgb(0, 0, 0)),
            color-stop(0.1, rgb(51, 51, 51)),
            color-stop(0.9, rgb(51, 51, 51)),
            color-stop(1, rgb(0, 0, 0))
    );
    background-image : -moz-linear-gradient(
            left center,
            rgb(0, 0, 0) 0%,
            rgb(51, 51, 51) 10%,
            rgb(51, 51, 51) 90%,
            rgb(0, 0, 0) 100%
    );
}

/*Colored*/

hr.colored {
    height        : 1px;
    background    : #ddd;
    border-top    : none;
    margin-bottom : 0;
}

.colored-extend {
    border : 2px solid #000;
    width  : 30%;
    margin : -2.2px auto 200px;
}

.colored-extend.small {
    width : 5%;
}

hr.colored.light {
    background : #333;
}

.colored-extend.light {
    border-color : #333;
}

/*Double*/

hr.double {
    padding    : 0;
    border     : none;
    border-top : 4px double #000;;
}

hr.double.light {
    border-color : #333;
}

/*With Icon*/

.symbol {
    position : relative;
}

.symbol span {
    display     : inline-block;
    position    : absolute;
    top         : 0;
    left        : 50%;
    margin-top  : -0.5em;
    margin-left : -1.5em;
    font-size   : 1.5em;
    background  : #fff;
    padding     : 0 1em;
    color       : #e1e1e1;
}

.symbol span.pe-7s-icon {
    font-size   : 2em;
    font-weight : normal;
}

.symbol span.symbol-text {
    margin-top  : -0.75em;
    margin-left : -1.53em;
}

.symbol.symbol-left span {
    padding     : 0 1em 0 0;
    left        : 0;
    margin-left : 0;
}

.symbol.symbol-left hr {
    margin-left : 0;
}

.symbol.symbol-right span {
    padding     : 0 0 0 1em;
    left        : inherit;
    right       : 0;
    margin-left : 0;
}

.symbol.symbol-right hr {
    margin-right : 0;
}

.symbol.symbol-left.symbol-center.small span {
    left : 37.5%;
}

.symbol.symbol-left.symbol-center hr {
    margin-left : auto;
}

.symbol.symbol-right.symbol-center.small span {
    left  : inherit;
    right : 37.5%;
}

.symbol.symbol-right.symbol-center hr {
    margin-right : auto;
}

.symbol hr {
    border-top : 1px solid #e1e1e1;
}

.symbol-theme hr {
    border-color : #333;
}

.symbol.symbol-theme span {
    background  : #000;
    color       : #444;
    font-weight : bold;
}

.symbol.symbol-theme span.pe-7s-icon {
    font-weight : normal;
}

/*Small Horizontal Rules*/

hr.small {
    width : 25%;
}

/********************************************************************
 Modal
********************************************************************/

.modal-content.modal-background {
    border-radius : 0;
}

.modal-close {
    position         : absolute;
    top              : 5px;
    background-color : transparent;
    border           : none;
    right            : 0;
    color            : #333
}

button.modal-close i {
    font-size : 20px;
}

.modal-heading {
    font-size      : 24px;
    font-weight    : 900;
    text-transform : uppercase;
}

/* Modal Centred*/

.modal-dialog-center {
    margin   : 0;
    position : absolute;
    top      : 50%;
    left     : 50%;
}

.modal-body {
    overflow-y : auto;
}

.modal-footer {
    margin-top : 0;
}

/* Portfolio Modal */

.modal-portfolio .modal-dialog {
    width : 75%;
}

/* Modal Backdrop and Body */

.modal-bg-dark.modal {
    opacity          : 1;
    z-index          : 100000;
    background-color : #000;
}

.modal-bg-light.modal {
    opacity          : 1;
    background-color : #fff;
    z-index          : 100000;
}

.modal-bg-dark .modal-content,
.modal-bg-light .modal-content,
.modal-bg-transparent .modal-content {
    -webkit-box-shadow : none;
    box-shadow         : none;
    background-color   : transparent;
    border             : none;
}

/********************************************************************
 Google Maps
********************************************************************/

.map {
    width         : 100%;
    height        : 350px;
    margin-bottom : 20px;
}

/********************************************************************
 Form Styles
********************************************************************/

.form-theme input,
.form-theme textarea,
.form-theme select {
    border-radius : 0;
}

.form-theme .input-group-btn:last-child > .btn,
.form-theme .input-group-btn:last-child > .btn-group {
    z-index : 0;
}

.form-control,
.form-theme select {
    border-radius  : 0;
    font-size      : 13px;
    font-family    : 'Open Sans Condensed', sans-serif;
    letter-spacing : 1px;
}

.form-theme select {
    display     : block;
    width       : 100%;
    height      : 34px;
    padding     : 6px 12px;
    line-height : 1.42857143;
    color       : #555;
}

#footerNewsletterForm .form-control-feedback {
    top   : 0;
    right : 55px;
}

.popover {
    border-radius : 0 !important;
}

.input-group-addon {
    border-radius : 0;
}

.input-group-btn > .btn:hover, dinput-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index : 1;
}

.form-theme .form-text-area {
    height : 83px;
}

.form-theme .form-submit {
    height      : 34px;
    font-size   : 13px;
    line-height : 23px;
    font-weight : 300;
}

.form-theme .form-control,
.form-theme select {
    box-shadow   : none;
    border-color : #eee;
}

.form-theme .form-control:focus,
.form-theme select:focus {
    border-color : #000;
}

.has-error .form-control:focus,
.has-error .form-theme select:focus {
    border-color : #843534;
}

.has-success .form-control:focus,
.has-success .form-theme select:focus {
    border-color : #2b542c;
}

.form-theme input[type="checkbox"], .form-control input[type="checkbox"] {
    height : auto;
}

/*White Form*/

.form-white .form-control,
.form-theme.form-white select {
    background-color : #fff;
    color            : #000;
    border           : 1px solid #fff;
}

.form-white .form-control:focus,
.form-theme.form-white select:focus {
    border-color : #fff;
}

/*Grey Form*/

.form-grey .form-control,
.form-theme.form-grey select {
    background-color : #f6f6f6;
    color            : #000;
    border           : 1px solid #f6f6f6;
}

/*Dark Form*/

.form-dark .form-control,
.form-theme.form-dark select {
    background-color : #000;
    color            : #eee;
    border           : 1px solid #000;
}

.form-theme.form-dark select option {
    background-color : #000;
}

/*Line Form*/

.form-line .form-control,
.form-theme.form-line select {
    background-color : transparent;
    border-bottom    : 1px solid #eee;
    border-top       : transparent;
    border-left      : transparent;
    border-right     : transparent;
}

.form-line .has-error .form-control:focus, .form-line .has-success .form-control:focus {
    border-color  : transparent;
    box-shadow    : none;
    border-bottom : 1px solid #eee;
}

.form-line-light .form-control {
    color : #fff;
}

.form-line-light .form-control:focus {
    border-color : #fff;
}

/*Form With Icons*/

.form-theme-icons .input-group-addon {
    background-color : #fff;
    color            : #000;
    border           : 1px solid #eee;
}

.form-light-icons .input-group-addon {
    background-color : #fff;
    color            : #333;
    border           : 1px solid #ddd;
}

.form-dark-icons .input-group-addon {
    background-color : #000;
    color            : #fff;
    border           : 1px solid #333;
}

/*Big From*/

.form-big .form-control,
.form-theme.form-big select {
    height    : 55px;
    font-size : 14px;
}

.form-big .input-group-addon {
    font-size : 18px;
    padding   : 6px 20px;
}

.form-big .input-group-btn .btn {
    padding : 17px 20px;
    height  : 55px;
}

.form-big .form-text-area {
    height : 125px;
}

.form-big .form-submit {
    height      : 55px;
    font-size   : 14px;
    line-height : 46px;
    padding     : 6px 20px;
}

/* Form Large Gap */

.form-lg-gap input, .form-lg-gap select, .form-lg-gap textarea {
    margin-bottom : 25px;
}

.form-lg-gap textarea {
    height : 170px !important;
}

/*Medium Form*/

.form-md .form-control,
.form-theme.form-md select {
    height : 40px;
}

.form-md .input-group-btn .btn {
    padding : 9px 12px;
    height  : 40px;
}

.form-md .form-text-area {
    height : 95px;
}

.form-md .form-submit {
    height      : 40px;
    font-size   : 13px;
    line-height : 29px;
}

/*Transparent Form*/

.form-transparent .form-control,
.form-theme.form-transparent select,
.form-transparent .input-group-addon {
    background-color : transparent;
    border           : 1px solid #fff;
    color            : #fff;
    box-shadow       : none;
}

.form-theme.form-transparent .form-control:focus,
.form-theme.form-transparent select:focus {
    border-color : #fff;
}

.form-theme.form-transparent select,
.form-theme.form-line-light select {
    color : #fff;
}

.form-theme.form-transparent select option,
.form-theme.form-line-light select option {
    background-color : #000;
}

.form-transparent input::-webkit-input-placeholder,
.form-transparent textarea::-webkit-input-placeholder,
.form-transparent select::-webkit-input-placeholder,
.form-line-light input::-webkit-input-placeholder,
.form-line-light textarea::-webkit-input-placeholder,
.form-line-light select::-webkit-input-placeholder {
    color : #fff;
}

.form-transparent input:-moz-placeholder,
.form-transparent textarea:-moz-placeholder,
.form-transparent select:-moz-placeholder,
.form-line-light select:-moz-placeholder,
.form-line-light input:-moz-placeholder,
.form-line-light textarea:-moz-placeholder {
    color : #fff;
}

.form-transparent input::-moz-placeholder,
.form-transparent textarea::-moz-placeholder,
.form-transparent select::-moz-placeholder,
.form-line-light select::-moz-placeholder,
.form-line-light input::-moz-placeholder,
.form-line-light textarea::-moz-placeholder {
    color : #fff;
}

.form-transparent input:-ms-input-placeholder,
.form-transparent textarea:-ms-input-placeholder,
.form-transparent select:-ms-input-placeholder,
.form-line-light select:-ms-input-placeholder,
.form-line-light input:-ms-input-placeholder,
.form-line-light textarea:-ms-input-placeholder {
    color : #fff;
}

.form-transparent-dark .form-control,
.form-theme.form-transparent-dark select,
.form-transparent-dark .input-group-addon {
    background-color : transparent;
    border           : 1px solid #333;
    color            : #000;
    box-shadow       : none;
}

.form-theme.form-transparent .fc-right,
.form-theme.form-transparent .iga-right,
.form-theme.form-transparent-dark .fc-right,
.form-theme.form-transparent-dark .iga-right,
.form-theme .fc-right,
.form-theme .iga-right {
    border-right-color : transparent;
}

.form-control.text-area-normal {
    height : auto;
}

/* Button Inside Form */

.form-btn-in {
    position : relative;
}

.form-btn-in .btn-in {
    position : absolute;
    right    : 4px;
    top      : 4px;
}

.form-theme.form-btn-in .form-submit {
    height      : 26px;
    line-height : 13px;
}

.form-theme.form-md.form-btn-in .form-submit {
    height : 32px;
}

.form-theme.form-big.form-btn-in .form-submit {
    height      : 47px;
    line-height : 14px;
}

/* Subscription Form */

.form-subscribe input {
    border-color : #444;
}

.form-subscribe .subscribe-btn {
    position : absolute;
    right    : 20px;
    top      : 5px;
}

/* Form Responses */

.fv-form-bootstrap .help-block {
    letter-spacing : 1px;
    font-weight    : 400 !important;
}


/* ==========================================================================
   Dropcaps
============================================================================= */

/*Simple*/

.dropcap {
    display     : block;
    float       : left;
    font-size   : 38px;
    font-family : 'Open Sans Condensed', sans-serif;
    line-height : 32px;
    margin      : 4px 8px 0 0;
    color       : #000;
}

/*Square*/

.dropcap.dropcap-square {
    color            : #fff;
    background-color : #000;
    height           : 35px;
    width            : 35px;
    text-align       : center;
    font-size        : 24px;
    line-height      : 35px;
}

/* ==========================================================================
   Service Boxes
============================================================================= */

.tile {
    background-color : transparent;
    position         : relative;
    margin-top       : 100px;
}

.tile.hover-box {
    padding : 50px;
}

.tile p {
    margin : 30px auto;
}

.tile-title {
    margin         : 0;
    text-transform : uppercase;
    letter-spacing : 1px;
}

.tile i, .tile img {
    margin-bottom : 30px;
}

.tile .icon-clear,
.tile .icon-square,
.tile .icon-circular {
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

.tile .icon-square,
.tile .icon-circular {
    color            : #fff;
    font-size        : 50px;
    height           : 115px;
    width            : 115px;
    line-height      : 115px;
    text-align       : center;
    background-color : #333;
}

.tile .icon-square.icon-hollow,
.tile .icon-circular.icon-hollow {
    background-color : transparent;
    color            : #000;
    border           : 1px solid #000;
}

.tile .icon-circular {
    border-radius         : 100%;
    -moz-border-radius    : 10%;
    -webkit-border-radius : 100%;
}

.tile:hover .icon-circular, .tile:hover .icon-square,
.tile.active-tile .icon-circular, .tile.active-tile .icon-square {
    text-decoration : none;
    background      : #000;
    color           : #fff;
}

.tile .icon-clear {
    font-size : 60px;
    color     : #777;
}

.tile:hover .icon-clear,
.tile.active-tile .icon-clear {
    color : #000;
}

.tile.hover-box {
    background-color   : transparent;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

.tile.hover-box:hover,
.tile.hover-box.active-tile {
    background-color : #000;
    color            : #fff;
}

.tile.hover-box:hover .tile-title,
.tile.hover-box.active-tile .tile-title {
    color : #fff;
}

.tile.hover-box .icon-clear {
    color : #000;
}

.tile.hover-box:hover .icon-clear,
.tile.hover-box.active-tile .icon-clear {
    color : #fff;
}

.tile.hover-box:hover .btn-hollow-dark,
.tile.hover-box.active-tile .btn-hollow-dark {
    border : 1px solid #fff !important;
    color  : #fff !important;
}

.tile.hover-box:hover .btn-hollow-dark:hover,
.tile.hover-box:hover .btn-hollow-dark:focus,
.tile.hover-box:hover .btn-hollow-dark:active,
.tile.hover-box:hover .btn-hollow-dark.active,
.tile.hover-box.active-tile .btn-hollow-dark:hover,
.tile.hover-box.active-tile.btn-hollow-dark:focus,
.tile.hover-box.active-tile .btn-hollow-dark:active,
.tile.hover-box.active-tile .btn-hollow-dark.active {
    color            : #000 !important;
    border           : 1px solid #fff !important;
    background-color : #fff !important;
}

.tile.tile-top img {
    margin-bottom : 0;
}

.tile.tile-top .tile-content {
    position      : relative;
    top           : -65px;
    padding       : 25px 25px 0;
    margin-bottom : -65px;
}

.tile.tile-top .tile-content .tile-title {
    font-weight  : 500;
    word-spacing : 10000px;
}

.tile.tile-top .tile-content p {
    border-left  : 3px solid #000;
    padding-left : 25px;
}

.tile.tile-top .tile-content p {
    border-left  : 3px solid #000;
    padding-left : 25px;
}

.tile.tile-top .tile-content p.tile-border-none {
    border-left  : none;
    padding-left : 0;
}

.tile.tile-top .tile-content p.tile-border-right {
    border-right  : 3px solid #000;
    border-left   : none;
    padding-left  : 0;
    padding-right : 25px;
}

/* Tile - Light */

.tile.tile-light,
.tile.tile-light .tile-title {
    color : #fff;
}

.tile.tile-light .icon-clear {
    color : #ccc;
}

.tile.tile-light:hover .icon-clear,
.tile.tile-light.active-tile .icon-clear {
    color : #fff;
}

.tile.tile-light .icon-square,
.tile.tile-light .icon-circular {
    color            : #000;
    background-color : #ddd;
}

.tile.tile-light .icon-square.icon-hollow,
.tile.tile-light .icon-circular.icon-hollow {
    background-color : transparent;
    color            : #fff;
    border           : 1px solid #fff;
}

.tile.tile-light:hover .icon-circular, .tile.tile-light:hover .icon-square,
.tile.tile-light.active-tile .icon-circular, .tile.tile-light.active-tile .icon-square {
    background : #fff;
    color      : #000;
}

.tile.tile-light.hover-box:hover,
.tile.tile-light.hover-box.active-tile {
    background-color : #fff;
    color            : #000;
}

.tile.tile-light.hover-box:hover,
.tile.tile-light.hover-box.active-tile,
.tile.tile-light.hover-box:hover .tile-title,
.tile.tile-light.hover-box.active-tile .tile-title {
    color : #000;
}

.tile.tile-light.hover-box .icon-clear {
    color : #fff;
}

.tile.tile-light.hover-box:hover .icon-clear,
.tile.tile-light.hover-box.active-tile .icon-clear {
    color : #000;
}

.tile.tile-light.hover-box:hover .btn-hollow,
.tile.tile-light.hover-box.active-tile .btn-hollow {
    border : 1px solid #000 !important;
    color  : #000 !important;
}

.tile.tile-light.hover-box:hover .btn-hollow:hover,
.tile.tile-light.hover-box:hover .btn-hollow:focus,
.tile.tile-light.hover-box:hover .btn-hollow:active,
.tile.tile-light.hover-box:hover .btn-hollow.active,
.tile.tile-light.hover-box.active-tile .btn-hollow:hover,
.tile.tile-light.hover-box.active-tile.btn-hollow:focus,
.tile.tile-light.hover-box.active-tile .btn-hollow:active,
.tile.tile-light.hover-box.active-tile .btn-hollow.active {
    color            : #fff !important;
    border           : 1px solid #000 !important;
    background-color : #000 !important;
}

.tile.tile-light.tile-top .tile-content p {
    border-left-color : #fff;
}

.tile.tile-light.tile-top .tile-content p.tile-border-right {
    border-right-color : #fff;
}


/* ==========================================================================
   Lists
============================================================================= */

ul.list {
    margin  : 0;
    padding : 0;
}

ul.list li {
    padding    : 10px 0;
    display    : table;
    list-style : none;
}

ul.list li > i {
    color     : #000;
    font-size : 18px;
    display   : table-cell;
}

ul.list li > .list-text {
    display        : table-cell;
    margin         : 0;
    padding-left   : 15px;
    vertical-align : middle;
    width          : 100%;
}

ul.list.square li > i {
    color       : #fff;
    font-size   : 16px;
    background  : #000;
    display     : inline-block;
    height      : 35px;
    line-height : 35px;
    text-align  : center;
    width       : 35px;
}

ul.list.circle li > i {
    color                 : #fff;
    font-size             : 16px;
    background            : #000;
    border-radius         : 35px;
    -moz-border-radius    : 35px;
    -webkit-border-radius : 35px;
    display               : inline-block;
    height                : 35px;
    line-height           : 35px;
    text-align            : center;
    width                 : 35px;
}

ul.list.square.hollow li > i, ul.list.circle.hollow li > i {
    background : transparent;
    color      : #000;
    border     : 1px solid #000;
}

ul.list.solid-border li {
    border-bottom : 1px solid #f1f1f1;
    padding       : 15px 0;
}

ul.list.padding-big li {
    padding : 30px 0;
}

/*List Box*/

ul.list.list-box {
    background-color : #000;
    color            : #fff;
    padding          : 20px 30px;
    margin           : 0;
}

ul.list.list-box.solid-border {
    padding : 5px 30px;
}

ul.list.list-box.light {
    background-color : #f9f9f9;
    color            : #000;
}

ul.list.list-box.padding-big {
    padding : 30px 50px;
}

ul.list.list-box.list-box-no-padding {
    padding : 0;
}

ul.list.list-box.list-box-no-padding li {
    padding : 30px;
}

ul.list.list-box.list-box-no-padding.padding-big li {
    padding : 50px;
}

ul.list-box li {
    width : 100%;
}

ul.list-box li > i {
    color : #fff;
}

ul.list-box.light li > i {
    color : #000;
}

ul.list-box.square li > i, ul.list-box.circle li > i {
    color            : #000;
    background-color : #fff;
}

ul.list-box.square.hollow li > i, ul.list-box.circle.hollow li > i {
    border-color     : #fff;
    color            : #fff;
    background-color : transparent;
}

ul.list-box.light.square li > i, ul.list-box.light.circle li > i {
    color            : #fff;
    background-color : #000;
}

ul.list-box.light.square.hollow li > i, ul.list-box.light.circle.hollow li > i {
    border-color     : #000;
    color            : #000;
    background-color : transparent;
}

ul.list-box.solid-border li {
    border-bottom : 1px solid #222;
}

ul.list-box.light.solid-border li {
    border-bottom : 1px solid #eee;
}

ul.list-box.solid-border li:last-child {
    border-bottom : none;
}

/* ==========================================================================
   Accordion
============================================================================= */

.panel-heading {
    cursor : pointer;
}

.panel-icon-right .panel-title {
    padding-right : 25px;
}

.panel-icon-left .panel-title {
    padding-left : 25px;
}

/*Directional Icons*/
/* CSS Method for adding Font Awesome Chevron Icons */

.chevron.accordion-toggle:after,
.chevron-left.accordion-toggle:after {
    /* symbol for "closed" panels */
    font-family : 'FontAwesome';
    content     : "\f106";
    position    : absolute;
    right       : 15px;
    color       : inherit;
    font-size   : 15px;
    margin-top  : -1.5px;
}

.no-border.no-color .chevron.accordion-toggle:after,
.no-border.no-color .chevron-left.accordion-toggle:after {
    right : 0px;
}

.panel-heading.collapsed .chevron.accordion-toggle:after,
.panel-heading.collapsed .chevron-left.accordion-toggle:after {
    /* symbol for "open" panels */
    content : "\f107";
}

/* CSS Method for adding Font Awesome Plus-Minus Icons */


/*Left Directional Icons*/

.chevron-left.accordion-toggle:after,
.plus-left.accordion-toggle:after {
    position : absolute;
    right    : inherit;
    left     : 15px;
}

.no-border.no-color .chevron-left.accordion-toggle:after,
.no-border.no-color .plus-left.accordion-toggle:after {
    left : 0px;
}

/*Directional Icons For Borderless & Transparent Accordion*/

.no-border.no-color.panel-icon-left .panel-heading .panel-title {
    padding-left : 30px;
}

.no-border.no-color.panel-icon-right .panel-heading .panel-title {
    padding-right : 20px;
}

/*Default Accordion*/

.panel-default > .panel-heading {
    padding : 15px;
}

.panel-heading {
    color : #000;
}

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

.panel-title {
    font-size      : 13px;
    font-weight    : 400;
    letter-spacing : 1px;
    text-transform : uppercase;
    font-style     : normal;
}

.panel-default {
    background-color : transparent;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    padding : 20px 15px;
}

.theme-panel .panel {
    border-color : #eee;
}

.theme-panel-dark .panel {
    border-color : transparent;
}

.theme-panel .panel-heading {
    background-color : transparent;
}

.theme-panel-dark .panel-heading {
    background-color : #000;
    color            : #fff;
}

.panel-group {
    position : relative;
    margin   : 0;
}

.panel-group .panel {
    -webkit-box-shadow : none;
    box-shadow         : none;
}

.theme-panel .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color : #eee;
}

.theme-panel-dark .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border     : 1px solid #eee;
    border-top : none;
    color      : #000;
}

/*Borderless Panel Body*/

.no-border .panel-default {
    border             : none;
    -webkit-box-shadow : none;
    box-shadow         : none;
}

.no-border .panel-heading + .panel-collapse > .panel-body {
    border-top : none;
}

.no-border.theme-panel-dark .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border : none;
}

/*Borderless + Transparent Background*/

.no-color .panel-heading {
    background-color : transparent !important;
    padding-left     : 0px;
    border-bottom    : none;
}

.no-color .panel-heading.collapsed {
    border-bottom    : 1px solid #eee;
    background-color : transparent !important;
    padding-left     : 0px;
    color            : #000;
}

.no-color.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top    : none;
    border-bottom : 1px solid #eee;
    padding-right : 0;
    padding-left  : 0;
}


/* ==========================================================================
   Alerts
============================================================================= */

.alert {
    font-size      : 12px;
    text-transform : uppercase;
    letter-spacing : 1px;
    font-weight    : 400;
}

/*Theme*/

.alert-theme {
    color            : #fff;
    background-color : #000;
    border-color     : #000;
}

/*Double Border*/

.alert-double-border {
    padding       : 5px;
    border-width  : 1px;
    border-style  : solid;
    margin-bottom : 20px;
}

.alert-double-border.db-theme {
    border-color : #000;
}

.alert-double-border.db-info {
    border-color : #a6daef;
}

.alert-double-border.db-success {
    border-color : #adddcf;
}

.alert-double-border.db-warning {
    border-color : #ffd76d;
}

.alert-double-border.db-danger {
    border-color : #de6868;
}

.alert-double-border .alert {
    margin-bottom : 0;
}

/*Big*/

.alert-big {
    padding-top    : 30px;
    padding-bottom : 30px;
}

/*Theme Alert Colors*/

.alert-theme-success {
    background-color : #adddcf;
    border-color     : #adddcf;
    color            : #fff;
}

.alert-theme-danger {
    background-color : #de6868;
    border-color     : #de6868;
    color            : #fff;
}

.alert-theme-warning {
    background-color : #ffd76d;
    border-color     : #ffd76d;
    color            : #fff;
}

.alert-theme-info {
    background-color : #a6daef;
    border-color     : #a6daef;
    color            : #fff;
}

.alert-icon i.fa {
    float        : left;
    margin-right : 15px;
    padding-top  : 5px;
}

/*Content*/

.alert-content {
    margin-left : 35px;
}

.alert-theme .close {
    opacity : 1;
}

.alert-theme .close:hover {
    color   : #000;
    opacity : 0.5;
}


/* ==========================================================================
   Blockquotes
============================================================================= */
blockquote {
    margin : 20px 0;
}

.blockquote-theme {
    border-left : 5px solid #000;
}

.blockquote-reverse.blockquote-theme {
    border-right : 5px solid #000;
    border-left  : none;
}


/* ==========================================================================
   Sections
============================================================================= */

.section-video {
    background-repeat   : no-repeat;
    background-color    : #000;
    background-position : center 0;
    width               : 100%;
    margin              : 200px 0;
    padding             : 200px 0;
    overflow            : hidden;
    position            : relative;
}

.section-video.video-lg {
    padding : 400px 0;
}

.section-video .embed, .section-video object, .section-video video {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : auto;
}

.section-video .video-overlay {
    background : rgba(0, 0, 0, 0.2);
    position   : absolute;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0;
    width      : 100%;
    height     : 100%;
    z-index    : 1;
}

.section-video .video-overlay.video-overlay-dark {
    background : rgba(0, 0, 0, 0.5);
}

.video-content {
    z-index : 1;
}

.section-colored {
    padding-top      : 200px;
    padding-bottom   : 200px;
    margin           : 200px 0;
    background-color : #000;
}

.section-pattern {
    padding-top    : 200px;
    padding-bottom : 200px;
    margin         : 200px 0;
}

.section-parallax {
    background-size       : 100%;
    background-attachment : fixed;
    padding-top           : 200px;
    padding-bottom        : 200px;
    margin                : 200px 0;
}

.section-img {
    background-size : cover;
    padding-top     : 200px;
    padding-bottom  : 200px;
    margin          : 200px 0;
}

.section-hover-img {
    overflow           : hidden;
    position           : relative;
    padding            : 200px 0;
    margin             : 200px 0;
    background-color   : rgba(0, 0, 0, 0);
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

.section-hover-img.section-hover-light {
    background-color : rgba(255, 255, 255, 0);
}

.section-hover-img:hover {
    background-color : rgba(0, 0, 0, 1);
}

.section-hover-img.section-hover-light:hover {
    background-color : rgba(255, 255, 255, 1);
}

.section-hover-img .hover-img-content {
    position : relative;
}

.section-hover-img > img.hovered-img {
    position                    : absolute;
    top                         : 0;
    left                        : 0;
    min-height                  : 100%;
    width                       : 100%;
    opacity                     : 0;
    -webkit-transition          : all 0.3s ease-in-out;
    -moz-transition             : all 0.3s ease-in-out;
    -ms-transition              : all 0.3s ease-in-out;
    -o-transition               : all 0.3s ease-in-out;
    transition                  : all 0.3s ease-in-out;
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    backface-visibility         : hidden;
}

.section-hover-img:hover > img.hovered-img {
    opacity : 0.4;
}

.section-side-image {
    padding  : 0px;
    position : relative;
    margin   : 200px 0;
}

.section-grid {
    width  : 100%;
    height : 100%;
}

.section-grid figure {
    position   : relative;
    float      : left;
    overflow   : hidden;
    width      : 100%;
    height     : 100%;
    text-align : center;
    cursor     : pointer;
}

.section-side-hover:hover figure.section-effect {
    background-color : rgba(0, 0, 0, 0.5);
}

.section-side-hover.section-hover-light:hover figure.section-effect {
    background-color : rgba(255, 255, 255, 0.5);
}

.section-grid figure figcaption,
.section-grid figure figcaption > a {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

.section-grid figure figcaption > a {
    z-index     : 1000;
    text-indent : 200%;
    white-space : nowrap;
    font-size   : 0;
    opacity     : 0;
}

.section-side-hover figure.section-effect {
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

figure.section-effect figcaption {
    padding                     : 50px;
    text-transform              : uppercase;
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    backface-visibility         : hidden;
}

figure.section-effect figcaption::before,
figure.section-effect figcaption::after {
    position       : absolute;
    content        : '';
    opacity        : 0;
    pointer-events : none;
}

figure.section-effect figcaption::before {
    top                      : 50px;
    right                    : 30px;
    bottom                   : 50px;
    left                     : 30px;
    border-top               : 1px solid #fff;
    border-bottom            : 1px solid #fff;
    -webkit-transform        : scale(0, 1);
    -moz-transform           : scale(0, 1);
    -ms-transform            : scale(0, 1);
    -o-transform             : scale(0, 1);
    transform                : scale(0, 1);
    -webkit-transform-origin : 0 0;
    -moz-transform-origin    : 0 0;
    -ms-transform-origin     : 0 0;
    -o-transform-origin      : 0 0;
    transform-origin         : 0 0;
}

figure.section-effect figcaption::after {
    top                      : 30px;
    right                    : 50px;
    bottom                   : 30px;
    left                     : 50px;
    border-right             : 1px solid #fff;
    border-left              : 1px solid #fff;
    -webkit-transform        : scale(1, 0);
    -moz-transform           : scale(1, 0);
    -ms-transform            : scale(1, 0);
    -o-transform             : scale(1, 0);
    transform                : scale(1, 0);
    -webkit-transform-origin : 100% 0;
    -moz-transform-origin    : 100% 0;
    -ms-transform-origin     : 100% 0;
    -o-transform-origin      : 100% 0;
    transform-origin         : 100% 0;
}

.section-side-hover.section-hover-light figure.section-effect figcaption::before,
.section-side-hover.section-hover-light figure.section-effect figcaption::after {
    border-color : #000;
}

.section-grid .section-grid-center {
    display : table;
    width   : 100%;
    height  : 100%;
}

.section-grid .section-grid-center .section-grid-content {
    display        : table-cell;
    vertical-align : middle;
}

.section-grid figure h2,
.section-grid figure p {
    margin  : 0;
    padding : 0 65px;
    color   : #fff;
    opacity : 0;
}

.section-hover-light .section-grid figure h2,
.section-hover-light .section-grid figure p {
    color : #000;
}

figure.section-effect h2 {
    font-size : 200%;
    position  : absolute;
    top       : -30px;
    left      : 0;
    right     : 0;
}

figure.section-effect p {
    font-size      : 90%;
    font-weight    : 300;
    letter-spacing : 2px;
    position       : absolute;
    top            : -10px;
    left           : 0;
    right          : 0;
}

figure.section-effect figcaption::before,
figure.section-effect figcaption::after,
figure.section-effect h2,
figure.section-effect p {
    -webkit-transition : all 0.35s;
    -moz-transition    : all 0.35s;
    -o-transition      : all 0.35s;
    transition         : all 0.35s;
}

.section-side-hover:hover figure.section-effect figcaption::before,
.section-side-hover:hover figure.section-effect figcaption::after {
    opacity           : 1;
    -webkit-transform : scale(1);
    -moz-transform    : scale(1);
    -ms-transform     : scale(1);
    -o-transform      : scale(1);
    transform         : scale(1);
}

.section-side-hover:hover figure.section-effect h2 {
    opacity : 1;
    top     : 45%;
}

.section-side-hover:hover figure.section-effect p {
    opacity : 1;
    top     : 55%;
}

.section-side-hover:hover figure.section-effect figcaption::after,
.section-side-hover:hover figure.section-effect h2,
.section-side-hover:hover figure.section-effect p {
    -webkit-transition-delay : 0.15s;
    -moz-transition-delay    : 0.15s;
    -o-transition-delay      : 0.15s;
    transition-delay         : 0.15s;
}

.section-side-image .image-container {
    overflow : hidden;
    position : absolute;
    height   : 100%;
    padding  : 0px;
    top      : 0px;
}

.image-holder {
    position        : absolute;
    top             : 0px;
    left            : 0px;
    width           : 100%;
    height          : 100%;
    background-size : cover !important;
    z-index         : 0;
}

.section-side-image .image-container.pull-right {
    right : 0;
}

.side-image-content {
    padding-top    : 200px;
    padding-bottom : 200px;
}

.section-border-image {
    position : absolute;
    top      : 20px;
    left     : 20px;
    right    : 20px;
    bottom   : 20px;
    border   : 1px solid #fff;
    z-index  : 1;
}

.section-border-image-dark {
    border : 1px solid #000;
}

.with-overlay {
    padding : 0;
}

.with-overlay .section-overlay {
    padding-top      : 200px;
    padding-bottom   : 200px;
    background-color : rgba(0, 0, 0, 0.6);
}

.with-overlay .section-overlay-light {
    padding-top      : 200px;
    padding-bottom   : 200px;
    background-color : rgba(255, 255, 255, 0.6);
}

/* Common style for pseudo-elements */

section.ss-style-triangles::before,
section.ss-style-triangles::after {
    position       : absolute;
    content        : '';
    pointer-events : none;
}

/* Section With Triangles */

.ss-style-triangles::before,
.ss-style-triangles::after {
    left              : 50%;
    margin-left       : -25px;
    width             : 50px;
    height            : 50px;
    -webkit-transform : rotate(45deg);
    -moz-transform    : rotate(45deg);
    -ms-transform     : rotate(45deg);
    -o-transform      : rotate(45deg);
    transform         : rotate(45deg);
}

.ss-style-triangles::before {
    top        : -25px;
    background : inherit;
}

.ss-style-triangles::after {
    bottom     : -25px;
    background : inherit;
}

.ss-style-triangles.top::after {
    width  : 0;
    height : 0;
}

.ss-style-triangles.bottom::before {
    width  : 0;
    height : 0;
}

section.ss-style-triangles {
    position         : relative;
    padding          : 200px 0;
    margin           : 200px 0;
    background-color : #000;
}

/*Expandable Section*/

.expansion-text.cls,
.expansion-trigger.up,
.section-expand {
    display : none;
}

/* Side By Side Sections */

.section-side-by-side {
    margin : 100px 0;
}

.section-side-by-side section {
    margin-bottom : 0 !important;
    margin-top    : 0 !important;
}

/* Skewed Sections */

.section-skewed {
    padding          : 200px 0;
    margin           : 200px 0;
    width            : 100%;
    position         : relative;
    background-color : #000;
}

.section-skewed .skewed {
    background-color : #fff;
}

.section-skewed .skewed:after {
    content           : '';
    width             : 100%;
    height            : 100px;
    z-index           : 1;
    position          : absolute;
    background-color  : inherit;
    background-image  : inherit;
    bottom            : 0;
    transform-origin  : right bottom;
    transform         : skewY(-2.5deg);
    -ms-transform     : skewY(-2.5deg); /* IE 9 */
    -webkit-transform : skewY(-2.5deg); /* Safari and Chrome */
}

.section-skewed.section-skewed-alt .skewed:after {
    transform-origin  : left bottom;
    transform         : skewY(2.5deg);
    -ms-transform     : skewY(2.5deg); /* IE 9 */
    -webkit-transform : skewY(2.5deg); /* Safari and Chrome */
}


/* ==========================================================================
   Content Grid
============================================================================= */

table.content-grid {
    width : 100%;
}

table.content-grid tr {
    border-bottom : 1px solid #eee;
    width         : 100%;
}

table.content-grid-dark tr {
    border-bottom : 1px solid #333;
}

table.content-grid tr:last-child {
    border-bottom : none;
}

table.content-grid tr td {
    padding            : 25px;
    border-right       : 1px solid #eee;
    background-color   : transparent;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

table.content-grid-dark tr td {
    border-right : 1px solid #333;
}

table.content-grid tr td:last-child {
    border-right : none;
}

table.content-grid.grid-hover tr td:hover {
    background-color : #fcfcfc;
}

table.content-grid-dark.grid-hover tr td:hover {
    background-color : #111;
}

table.content-grid.content-grid-5 tr td {
    width : 20%;
}

table.content-grid.content-grid-4 tr td {
    width : 25%;
}

table.content-grid.content-grid-3 tr td {
    width : 33.33%;
}

table.content-grid.content-grid-2 tr td {
    width : 50%;
}


/* ==========================================================================
   Bootstrap Slider
============================================================================= */

.carousel {
    margin   : 20px 0;
    overflow : hidden;
}

.carousel-indicators li {
    border-radius : 0;
}

.carousel-inner .item:hover img {
    opacity : 1;
}

.carousel-control.left, .carousel-control.right {
    background-image : none;
}

.carousel-caption {
    text-shadow : none;
}

.carousel-caption.big-caption {
    right            : 70%;
    top              : 0;
    left             : 0;
    padding          : 40px;
    height           : 100%;
    z-index          : 0;
    background-color : rgba(0, 0, 0, 0.7);
    text-align       : left;
}

.carousel-caption.small-caption {
    right            : inherit;
    bottom           : 20%;
    left             : 0;
    z-index          : 0;
    background-color : rgba(0, 0, 0, 0.7);
    text-align       : left;
    padding          : 0 5px;
    text-align       : center;
}

.carousel-control .fa {
    position           : absolute;
    top                : 50%;
    margin-top         : -35px;
    z-index            : 5;
    display            : inline-block;
    opacity            : 0;
    background-color   : rgba(0, 0, 0, 0.8);
    height             : 70px;
    width              : 40px;
    line-height        : 70px;
    text-align         : center;
    -webkit-transition : all 0.35s linear;
    -moz-transition    : all 0.35s linear;
    -o-transition      : all 0.35s linear;
    transition         : all 0.35s linear;
}

.carousel:hover .carousel-control .fa {
    opacity : 1;
}

.right.carousel-control .fa {
    right : -50px;
}

.left.carousel-control .fa {
    left : -50px;
}

.carousel:hover .right.carousel-control .fa {
    right : 0px;
}

.carousel:hover .left.carousel-control .fa {
    left : 0px;
}

.carousel-caption.big-caption h4 {
    padding-bottom : 20px;
    line-height    : 23px;
    color          : #fff;
}

.carousel-caption.small-caption h4 {
    padding : 5px;
    color   : #fff;
}

.carousel-caption.big-caption p {
    font-size : 13px;
}

/* ==========================================================================
   Trailer Images
============================================================================= */

.trailer {
    margin : 100px 0 0;
}

.trailer figure {
    position   : relative;
    overflow   : hidden;
    background : #fff;
    text-align : center;
    cursor     : pointer;
}

.trailer-dark figure {
    background-color : #000;
}

.trailer figure img {
    position                    : relative;
    display                     : block;
    height                      : inherit;
    width                       : 100%;
    opacity                     : 1;
    -webkit-transition          : opacity 0.35s;
    -moz-transition             : opacity 0.35s;
    -o-transition               : opacity 0.35s;
    transition                  : opacity 0.35s;
    -webkit-transition          : opacity 0.35s;
    -moz-transition             : opacity 0.35s;
    -o-transition               : opacity 0.35s;
    transition                  : opacity 0.35s;
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    backface-visibility         : hidden;
    -webkit-transform           : translateX(0);
    -moz-transform              : translateX(0);
    -ms-transform               : translateX(0);
    -o-transform                : translateX(0);
    transform                   : translateX(0);
    filter                      : none;
    -webkit-filter              : blur(0px);
    -moz-filter                 : blur(0px);
    -ms-filter                  : blur(0px);
    filter                      : progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

figure.trailer-image:hover img,
.trailer-active figure.trailer-image img {
    opacity : 0.2;
}

.trailer-dark figure.trailer-image:hover img,
.trailer-active.trailer-dark figure.trailer-image img {
    opacity : 0.5;
}

.trailer figure figcaption {
    padding                     : 2em;
    color                       : #fff;
    text-transform              : uppercase;
    font-size                   : 1.25em;
    -webkit-backface-visibility : hidden;
    backface-visibility         : hidden;
}

.trailer figure figcaption,
.trailer figure figcaption > a {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

.trailer figure figcaption > a {
    z-index     : 1;
    text-indent : 200%;
    white-space : nowrap;
    font-size   : 0;
    opacity     : 0;
}

figure.trailer-image figcaption::before,
figure.trailer-image figcaption::after {
    pointer-events     : none;
    position           : absolute;
    top                : 30px;
    right              : 30px;
    bottom             : 30px;
    left               : 30px;
    content            : '';
    opacity            : 0;
    -webkit-transition : all 0.35s;
    -moz-transition    : all 0.35s;
    -o-transition      : all 0.35s;
    transition         : all 0.35s;
}

figure.trailer-image figcaption::before {
    border-top        : 1px solid #000;
    border-bottom     : 1px solid #000;
    -webkit-transform : scale(0, 1);
    -moz-transform    : scale(0, 1);
    -ms-transform     : scale(0, 1);
    -o-transform      : scale(0, 1);
    transform         : scale(0, 1);
}

figure.trailer-image figcaption::after {
    border-right      : 1px solid #000;
    border-left       : 1px solid #000;
    -webkit-transform : scale(1, 0);
    -moz-transform    : scale(1, 0);
    -ms-transform     : scale(1, 0);
    -o-transform      : scale(1, 0);
    transform         : scale(1, 0);
}

.trailer-dark figure.trailer-image figcaption::before {
    border-top        : 1px solid #fff;
    border-bottom     : 1px solid #fff;
    -webkit-transform : scale(0, 1);
    -moz-transform    : scale(0, 1);
    -ms-transform     : scale(0, 1);
    -o-transform      : scale(0, 1);
    transform         : scale(0, 1);
}

.trailer-dark figure.trailer-image figcaption::after {
    border-right      : 1px solid #fff;
    border-left       : 1px solid #fff;
    -webkit-transform : scale(1, 0);
    -moz-transform    : scale(1, 0);
    -ms-transform     : scale(1, 0);
    -o-transform      : scale(1, 0);
    transform         : scale(1, 0);
}

figure.trailer-image .trailer-center {
    display : table;
    width   : 100%;
    height  : 100%;
}

figure.trailer-image .trailer-center .trailer-heading {
    display        : table-cell;
    vertical-align : top;
    padding        : 30px 10px 0;
}

figure.trailer-image .trailer-center .trailer-heading.trailer-heading-center {
    vertical-align : middle;
    padding        : 30px 10px;
}

figure.trailer-image .trailer-center .trailer-center-hover-content {
    display            : table-cell;
    vertical-align     : middle;
    opacity            : 0;
    -webkit-transition : all 0.35s;
    -moz-transition    : all 0.35s;
    -o-transition      : all 0.35s;
    transition         : all 0.35s;
    position           : relative;
    bottom             : 20px;
}

.trailer-dark figure.trailer-image .trailer-center .trailer-center-hover-content h1,
.trailer-dark figure.trailer-image .trailer-center .trailer-center-hover-content h2,
.trailer-dark figure.trailer-image .trailer-center .trailer-center-hover-content h3,
.trailer-dark figure.trailer-image .trailer-center .trailer-center-hover-content h4,
.trailer-dark figure.trailer-image .trailer-center .trailer-center-hover-content h5,
.trailer-dark figure.trailer-image .trailer-center .trailer-center-hover-content h6 {
    color : #fff;
}

figure.trailer-image .trailer-center .trailer-center-hover-content p {
    position : inherit;
}

figure.trailer-image h2 {
    margin    : 0;
    color     : #000;
    font-size : 150%;
}

.trailer-dark figure.trailer-image h2 {
    color : #fff;
}

figure.trailer-image p {
    color              : #000;
    font-family        : 'Open Sans Condensed', sans-serif;
    opacity            : 0;
    position           : absolute;
    bottom             : 0;
    left               : 0;
    right              : 0;
    margin             : 0 50px 50px;
    letter-spacing     : 2px;
    font-size          : 68.5%;
    -webkit-transition : opacity 0.35s;
    -moz-transition    : opacity 0.35s;
    -o-transition      : opacity 0.35s;
    transition         : opacity 0.35s;
}

.trailer-dark figure.trailer-image p {
    color : #fff;
}

figure.trailer-image .content-background {
    color            : #fff;
    background-color : #000;
    padding          : 5px 10px;
    display          : inline-block;
}

.trailer-dark figure.trailer-image .content-background {
    background-color : #fff;
    color            : #000;
}

figure.trailer-image p.content-background {
    display      : inline-table;
    width        : 40%;
    margin-left  : 30%;
    margin-right : 30%;
}

figure.trailer-image:hover figcaption::before,
figure.trailer-image:hover figcaption::after,
.trailer-active figure.trailer-image figcaption::before,
.trailer-active figure.trailer-image figcaption::after {
    opacity           : 1;
    -webkit-transform : scale(1);
    -moz-transform    : scale(1);
    -ms-transform     : scale(1);
    -o-transform      : scale(1);
    transform         : scale(1);
}

figure.trailer-image:hover h2,
figure.trailer-image:hover p,
figure.trailer-image:hover .trailer-center .trailer-center-hover-content,
.trailer-active figure.trailer-image h2,
.trailer-active figure.trailer-image p,
.trailer-active figure.trailer-image .trailer-center .trailer-center-hover-content {
    opacity : 1;
    bottom  : 0;
}

/* Trailer Sides */

.trailer-left-side,
.trailer-right-side {
    position : relative;
    margin   : 100px 0 0;
}

.trailer-left-side .title,
.trailer-right-side .title {
    text-transform           : uppercase;
    position                 : absolute;
    bottom                   : -25px;
    margin                   : 0;
    -webkit-transform        : rotate(-90deg);
    -moz-transform           : rotate(-90deg);
    -ms-transform            : rotate(-90deg);
    -o-transform             : rotate(-90deg);
    transform                : rotate(-90deg);
    filter                   : progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform-origin : left top;
    -moz-transform-origin    : left top;
    -ms-transform-origin     : left top;
    -o-transform-origin      : left top;
    transform-origin         : left top;
    font-size                : 22px;
}

.trailer-right-side .title {
    bottom                   : 0;
    -webkit-transform        : rotate(-270deg);
    -moz-transform           : rotate(-270deg);
    -ms-transform            : rotate(-270deg);
    -o-transform             : rotate(-270deg);
    transform                : rotate(-270deg);
    -webkit-transform-origin : right bottom 0;
    -moz-transform-origin    : right bottom 0;
    -ms-transform-origin     : right bottom 0;
    -o-transform-origin      : right bottom 0;
    transform-origin         : right bottom 0;
    right                    : 23px;
}

.trailer-left-side img {
    padding-left : 40px;
}

.trailer-right-side img {
    padding-right : 40px;
}

/* Trailer Cross */

.trailer-cross {
    position : relative;
    width    : 100%;
    height   : inherit;
    margin   : 100px 0 0;
}

.trailer-cross-left {
    position : relative;
    width    : 65%;
}

.trailer-cross-right {
    position    : relative;
    margin-left : 60%;
    margin-top  : -15%;
    width       : 40%;
}

.trailer-cross-right-top .trailer-cross-left {
    margin-top : -15%;
}

.trailer-cross-right-top .trailer-cross-right {
    margin-top : 0;
}

.trailer-cross-right-large .trailer-cross-left {
    width : 40%;
}

.trailer-cross-right-large .trailer-cross-right {
    width       : 65%;
    margin-left : 35%;
}

.trailer-cross-above {
    z-index : 1;
}

.trailer-cross-content {
    padding : 15%;
    border  : 1px solid #000;
}

.trailer-cross-content.trailer-cross-double-border {
    border : 4px double #000;
}

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

.table-theme thead > tr > th {
    background-color : #000;
    color            : #fff;
    font-size        : 12px;
    padding          : 15px;
    text-transform   : uppercase;
    font-weight      : normal;
    letter-spacing   : 1px;
    border-color     : #333;
}

.table-theme {
    border-top-color : #333;
}

.table-theme > tbody > tr > td {
    border-color : #eee;
    padding      : 10px 15px;
}

.table-theme.table-hover > tbody > tr:hover {
    background-color : #fbfbfb;
}

/* ==========================================================================
   404 Error
============================================================================= */

p.error {
    font-size   : 200px;
    color       : #000;
    text-shadow : 0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0, 0, 0, .1),
    0 0 5px rgba(0, 0, 0, .1),
    0 1px 3px rgba(0, 0, 0, .3),
    0 3px 5px rgba(0, 0, 0, .2),
    0 5px 10px rgba(0, 0, 0, .25),
    0 10px 10px rgba(0, 0, 0, .2),
    0 20px 20px rgba(0, 0, 0, .15);
}

p.error.white {
    color : #fff;
}

/* ==========================================================================
   Coming Soon
============================================================================= */

.coming-soon .sub-heading {
    border-bottom : 3px solid #fff;
    border-top    : 3px solid #fff;
    padding       : 40px 0;
}

.coming-soon #countdown {
    letter-spacing : 2px;
    font-weight    : bold;
    display        : inline-table;
    text-align     : center;
}

.coming-soon-sections.about, .coming-soon-sections.contact-section, .coming-soon-sections.login {
    display : none;
}

.coming-soon .countdown-ticker {
    max-width      : 150px;
    padding-right  : 20px;
    display        : inline-block;
    font-size      : 40px;
    padding-top    : 20px;
    padding-bottom : 20px;
    width          : 150px !important;
    line-height    : 40px;
    font-weight    : 500;
}

.countdown-ticker > i {
    font-size   : 20px;
    font-weight : 300;
    font-style  : normal !important;
}

.countdown-timer {
    font-size      : 34px;
    font-weight    : 700;
    font-style     : italic;
    font-family    : 'Open Sans Condensed', sans-serif;
    letter-spacing : 5px !important;
}

.coming-soon-social {
    position   : fixed;
    bottom     : 50px;
    left       : 0;
    width      : 100%;
    text-align : center;
}

/* ==========================================================================
   Footer
============================================================================= */

.footer {
    background : #000;
    clear      : both;
    font-size  : 14px;
    margin-top : 200px;
    color      : #fff;
}

.footer > .container,
.footer > .row {
    padding-top    : 100px;
    padding-bottom : 100px;
}

.footer > .row {
    padding-left  : 50px;
    padding-right : 50px;
}

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
    color  : #fff;
    margin : 0;
}

.footer p {
    font-weight : 400;
}

.footer-title {
    text-transform : uppercase;
    margin-bottom  : 50px !important;
}

.footer-light .footer-title {
    font-weight : 400 !important;
}

.footer .fancy-heading {
    margin-bottom : 50px;
}

.footer ul {
    margin-bottom : 0;
}

.footer a {
    color : #ddd;
}

.footer a:hover {
    color : #fff;
}

/*Copyright*/

.footer .footer-copyright {
    background : #000;
    border-top : 1px solid #222;
    padding    : 20px 0;
}

.footer .footer-copyright.copyright-big {
    padding : 50px 0;
}

.footer.footer-only-copyright {
    padding-top : 0;
}

.footer-copyright .copyright-right {
    text-align : right;
}

/*Fixed Footer*/

.footer-fixed {
    position : fixed;
    bottom   : 0;
    width    : 100%;
    z-index  : 100;
    margin   : 0;
}

.footer.footer-fixed .footer-copyright {
    border-top : none;
}

/*Footer Styles*/

.footer-link-list li {
    padding-bottom : 5px;
}

.footer-link-list li:last-child {
    padding-bottom : 0;
}

.footer-inline-links li {
    padding     : 0;
    font-weight : 400;
}

.footer-inline-links li a {
    font-weight    : 300;
    text-transform : uppercase;
}

.footer-inline-links li:after {
    content : '|';
    padding : 0 5px 0 10px;
    color   : #666;
}

.footer-inline-links li:last-child:after {
    content : '';
    padding : 0;
}

.footer ul.social-icons li:after {
    content : '';
    padding : 0;
}

.footer ul.social-icons {
    margin  : 0;
    display : inline-block;
}

.footer ul.social-icons li {
    padding-top    : 0 !important;
    padding-bottom : 0 !important;
    margin-bottom  : -5px;
}

/*Light Footer*/

.footer-light {
    background-color : #fafafa;
    color            : #000;
}

.footer-light p,
.footer-light h1,
.footer-light h2,
.footer-light h3,
.footer-light h4,
.footer-light h5,
.footer-light h6 {
    color : #000;
}

.footer-light a {
    color       : #333;
    font-weight : 400 !important;
}

.footer-light a:hover {
    color : #000;
}

.footer-light .footer-copyright {
    background : #fafafa;
    border-top : 1px solid #f2f2f2;
}

.footer-light .footer-inline-links li:after {
    color : #eee;
}

/* Transparent Footer */

.footer-transparent {
    background : transparent !important;
}

.footer-transparent .footer-copyright {
    background : transparent !important;
}

/*Uncover Footer*/

.uncover-footer-body {
    position : relative;
    z-index  : 0;
}

.uncover-footer-content {
    position         : relative;
    z-index          : 1;
    background-color : #fff;
}

.uncover-footer-body footer {
    position    : relative;
    z-index     : -2;
    margin-top  : 0;
    border-top  : none;
    padding-top : 0;
}

.uncover-footer-body .uncover-footer > .container,
.uncover-footer-body .uncover-footer > .row {
    margin-top    : 100px;
    margin-bottom : 100px;
}

.uncover-footer {
    position : fixed;
    right    : 0;
    left     : 0;
    bottom   : 0;
    z-index  : -1;
}

/* ==========================================================================
   Extra Font Style
============================================================================= */

.text-tertiary {
    font-family : 'Shadows Into Light', cursive !important;
}

.text-secondary,
i.text-secondary,
i .text-secondary {
    font-family : 'Open Sans Condensed', sans-serif !important;
}

.text-main,
i.text-main,
i .text-main {
    font-family : 'Lato', sans-serif !important;
}

.text-vertical-large {
    line-height : 150% !important;
}

.text-theme {
    color : #000 !important;
}

.weight-300 {
    font-weight : 300 !important;
}

.weight-400 {
    font-weight : 400 !important;
}

.weight-500 {
    font-weight : 500 !important;
}

.weight-600 {
    font-weight : 600 !important;
}

.weight-700 {
    font-weight : 700 !important;
}

/* ==========================================================================
   Font Color
============================================================================= */

.text-light,
.text-light small,
.text-light h1,
.text-light h2,
    /*.text-light h3,*/
.text-light h4,
.text-light h5,
.text-light h6,
.text-light.fa {
    color : #fff !important;
}

.text-light a,
a.text-light,
.tp-caption .text-light a,
.tp-caption a.text-light {
    color : #ddd !important;
}

.text-light a:hover,
a.text-light:hover,
.tp-caption .text-light a:hover,
.tp-caption a.text-light:hover {
    color : #eee !important;
}

/* Lighter */

.text-lighter,
.text-lighter small,
.text-lighter h1,
.text-lighter h2,
.text-lighter h3,
.text-lighter h4,
.text-lighter h5,
.text-lighter h6,
.text-lighter.fa {
    color : #aaa !important;
}

.text-lighter a,
a.text-lighter,
.tp-caption .text-lighter a,
.tp-caption a.text-lighter {
    color : #888 !important;
}

.text-lighter a:hover,
a.text-lighter:hover,
.tp-caption .text-lighter a:hover,
.tp-caption a.text-lighter:hover {
    color : #999 !important;
}

/* Dark */

.text-dark,
.text-dark small,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6,
.text-dark.fa {
    color : #333 !important;
}

/* Darker */

.text-darker,
.text-darker small,
.text-darker h1,
.text-darker h2,
.text-darker h3,
.text-darker h4,
.text-darker h5,
.text-darker h6,
.text-darker.fa {
    color : #000 !important;
}

.text-darker a,
a.text-darker,
.tp-caption .text-darker a,
.tp-caption a.text-darker {
    color : #222 !important;
}

.text-darker a:hover,
a.text-darker:hover,
.tp-caption .text-darker a:hover,
.tp-caption a.text-darker:hover {
    color : #111 !important;
}

/* ==========================================================================
   Buttons
============================================================================= */

button {
    font-family : 'Open Sans Condensed' sans-serif;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline : none;
}

.btn {
    border-radius      : 0px;
    font-size          : 12px;
    font-weight        : 700;
    font-family        : 'Open Sans Condensed' sans-serif;
    text-transform     : uppercase;
    letter-spacing     : 1px;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

.btn-lg {
    font-size : 13px !important;
}

.btn-sm {
    font-size : 11px !important;
}

.btn-xs {
    font-size : 10px !important;
    padding   : 2px 6px !important;
}

.btn:active,
.btn.active {
    box-shadow : none;
}

.btn-default,
.btn-default:focus,
.tp-caption .btn-default,
.tp-caption .btn-default:focus {
    color            : #fff !important;
    background-color : #000 !important;
    border           : 1px solid #000 !important;
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.tp-caption .btn-default:hover,
.tp-caption .btn-default:active,
.tp-caption .btn-default.active,
.open > .tp-caption .dropdown-toggle.btn-default {
    color            : #fff !important;
    background-color : #000 !important;
    border           : 1px solid #000 !important;
}

.btn-theme,
.btn-theme:focus,
.tp-caption .btn-theme,
.tp-caption .btn-theme:focus {
    color            : #fff !important;
    background-color : #000 !important;
    border           : 1px solid #000 !important;
}

.btn-theme:hover,
.btn-theme:active,
.btn-theme.active,
.open > .dropdown-toggle.btn-theme,
.tp-caption .btn-theme:hover,
.tp-caption .btn-theme:active,
.tp-caption .btn-theme.active,
.open > .tp-caption .dropdown-toggle.btn-theme {
    color            : #fff !important;
    background-color : #262626 !important;
    border           : 1px solid #262626 !important;
}

.btn-theme-inverse,
.btn-theme-inverse:focus,
.tp-caption .btn-theme-inverse,
.tp-caption .btn-theme-inverse:focus {
    color            : #fff !important;
    background-color : #262626 !important;
    border           : 1px solid #262626 !important;
}

.btn-theme-inverse:hover,
.btn-theme-inverse:active,
.btn-theme-inverse.active,
.open > .dropdown-toggle.btn-theme-inverse,
.tp-caption .btn-theme-inverse:hover,
.tp-caption .btn-theme-inverse:active,
.tp-caption .btn-theme-inverse.active,
.open > .tp-caption .dropdown-toggle.btn-theme-inverse {
    color            : #fff !important;
    background-color : #000 !important;
    border           : 1px solid #000 !important;
}

.btn-light,
.btn-light:focus,
.tp-caption .btn-light,
.tp-caption .btn-light:focus {
    color            : #000 !important;
    background-color : #fff !important;
    border           : 1px solid #fff !important;
}

.btn-dark,
.btn-dark:focus,
.tp-caption .btn-dark,
.tp-caption .btn-dark:focus {
    color            : #fff !important;
    background-color : #000 !important;
    border           : 1px solid #000 !important;
}

.btn-dark:hover,
.btn-dark:active,
.btn-dark.active,
.open > .dropdown-toggle.btn-dark,
.tp-caption .btn-dark:hover,
.tp-caption .btn-dark:active,
.tp-caption .btn-dark.active,
.open > .tp-caption .dropdown-toggle.btn-dark {
    color : #fff !important;
}

.btn-light.btn-theme:hover,
.btn-light.btn-theme:active,
.tp-caption .btn-light.btn-theme:hover,
.tp-caption .btn-light.btn-theme:active {
    background-color : #000 !important;
    border           : 1px solid #000 !important;
}

.btn-light.btn-theme:focus,
.tp-caption .btn-light.btn-theme:focus {
    background-color : #fff !important;
    border           : 1px solid #fff !important;
}

.btn-dark.btn-light:hover,
.btn-dark.btn-light:active,
.tp-caption .btn-dark.btn-light:hover,
.tp-caption .btn-dark.btn-light:active {
    color            : #000 !important;
    background-color : #fff !important;
    border           : 1px solid #fff !important;
}

.btn-hollow:hover,
.btn-hollow:active,
.btn-hollow.active,
.open > .dropdown-toggle.btn-hollow,
.tp-caption .btn-hollow:hover,
.tp-caption .btn-hollow:active,
.tp-caption .btn-hollow.active,
.open > .tp-caption .dropdown-toggle.btn-hollow {
    color            : #000 !important;
    background-color : #fff !important;
}

.btn-hollow,
.btn-hollow:focus,
.tp-caption .btn-hollow,
.tp-caption .btn-hollow:focus {
    background-color : transparent !important;
    border           : 1px solid #fff !important;
    color            : #fff !important;
}

.btn-hollow-dark:hover,
.btn-hollow-dark:active,
.btn-hollow-dark.active,
.open > .dropdown-toggle.btn-hollow-dark,
.tp-caption .btn-hollow-dark:hover,
.tp-caption .btn-hollow-dark:active,
.tp-caption .btn-hollow-dark.active,
.open > .tp-caption .dropdown-toggle.btn-hollow-dark {
    color            : #fff !important;
    background-color : #000 !important;
    border           : 1px solid #000 !important;
}

.btn-hollow-dark,
.btn-hollow-dark:focus,
.tp-caption .btn-hollow-dark,
.tp-caption .btn-hollow-dark:focus {
    background-color : transparent !important;
    border           : 1px solid #000 !important;
    color            : #000 !important;
}

.btn-full-width {
    width : 100%;
}

/*Creative Buttons*/

a.btn-line {
    display            : inline-block;
    position           : relative;
    padding            : 10px;
    color              : #000 !important;
    text-shadow        : none;
    -webkit-transition : color 0.3s;
    -moz-transition    : color 0.3s;
    -o-transition      : color 0.3s;
    transition         : color 0.3s;
}

a.btn-line-light {
    color : #fff !important;
}

a.btn-line::before,
a.btn-line::after {
    position           : absolute;
    left               : 0;
    width              : 100%;
    height             : 2px;
    background         : #000 !important;
    content            : '';
    opacity            : 0;
    -webkit-transition : all 0.3s;
    -moz-transition    : all 0.3s;
    -o-transition      : all 0.3s;
    transition         : all 0.3s;
}

a.btn-line-light::before,
a.btn-line-light::after {
    background : #fff !important;
}

a.btn-line::before {
    top : -10px;
}

a.btn-line:hover::before {
    top : 0;
}

a.btn-line::after {
    bottom : -10px;
}

a.btn-line:hover::after {
    bottom : 0;
}

a.btn-line:hover::before,
a.btn-line:hover::after {
    opacity : 1;
}

a.btn-line:hover,
a.btn-line:focus {
    color : #000 !important;
}

a.btn-line-light:hover,
a.btn-line-light:focus {
    color : #fff !important;
}

.btn-curtain {
    position : relative;
    z-index  : 1;
    display  : inline-block;
}

.btn-curtain .btn {
    background         : transparent;
    position           : relative;
    border             : 1px solid #000 !important;
    color              : #000 !important;
    -webkit-transition : all 0.3s;
    -moz-transition    : all 0.3s;
    -o-transition      : all 0.3s;
    transition         : all 0.3s;
}

.btn-curtain-light .btn {
    border-color : #fff !important;
    color        : #fff !important;
}

.btn-curtain .btn:hover,
.btn-curtain .btn:active {
    color : #fff !important;
}

.btn-curtain-light .btn:hover,
.btn-curtain-light .btn:active {
    color : #000 !important;
}

.btn-curtain .btn:after {
    content            : '';
    position           : absolute;
    width              : 100%;
    height             : 0;
    top                : 0;
    left               : 0;
    z-index            : -1;
    background         : #000 !important;
    -webkit-transition : all 0.3s;
    -moz-transition    : all 0.3s;
    -o-transition      : all 0.3s;
    transition         : all 0.3s;
}

.btn-curtain-light .btn:after {
    background : #fff !important;
}

.btn-curtain .btn:hover:after,
.btn-curtain .btn:active:after {
    height : 100%;
}

/
/********************************************************************
 Fixed - Side Links/Text
********************************************************************/

.fixed-vertical-right {
    position         : fixed;
    top              : 50%;
    right            : 50px;
    text-transform   : uppercase;
    letter-spacing   : 5px;
    font-family      : 'Open Sans Condensed' sans-serif;
    transform        : rotate(90deg);
    transform-origin : right top 0;
    font-weight      : 700;
    font-size        : 11px;
}

.fixed-vertical-left {
    position         : fixed;
    top              : 50%;
    left             : 50px;
    text-transform   : uppercase;
    letter-spacing   : 5px;
    font-family      : 'Open Sans Condensed' sans-serif;
    transform        : rotate(-90deg);
    transform-origin : left top 0;
    font-weight      : 700;
    font-size        : 11px;
}

/********************************************************************
 Other Styles
********************************************************************/

.theme-background {
    background-color : #000 !important;
}

.theme-background-light {
    background-color : #fff !important;
}

.theme-background-transparent {
    background-color : transparent !important;
}

.hide-element {
    display : none;
}

.text-normal {
    text-transform : none !important;
}

/* Search Form */

.form-search .input-group {
    width : 100%;
}

.form-search a {
    -webkit-transform : rotate(270deg);
    -moz-transform    : rotate(270deg);
    -ms-transform     : rotate(270deg);
    -o-transform      : rotate(270deg);
    transform         : rotate(270deg);
    color             : #999;
    position          : absolute !important;
    right             : 0;
    top               : 0;
    z-index           : 2 !important;
}

/* Letter Spacings */

.letter-spacing-0 {
    letter-spacing : 0px !important;
}

.letter-spacing-1 {
    letter-spacing : 1px !important;
}

.letter-spacing-2 {
    letter-spacing : 2px !important;
}

.letter-spacing-3 {
    letter-spacing : 3px !important;
}

.letter-spacing-4 {
    letter-spacing : 4px !important;
}

.letter-spacing-5 {
    letter-spacing : 5px !important;
}

.letter-spacing-10 {
    letter-spacing : 10px !important;
}

/* Word Spacings */

.word-spacing-1 {
    word-spacing : 1px !important;
}

.word-spacing-2 {
    word-spacing : 2px !important;
}

.word-spacing-3 {
    word-spacing : 3px !important;
}

.word-spacing-4 {
    word-spacing : 4px !important;
}

.word-spacing-5 {
    word-spacing : 5px !important;
}

.word-spacing-10 {
    word-spacing : 10px !important;
}

/* Margins */

.no-margin-top {
    margin-top : 0 !important;
}

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

.no-margin-left {
    margin-left : 0 !important;
}

.no-margin-right {
    margin-right : 0 !important;
}

.no-margin-side {
    margin-left  : 0 !important;
    margin-right : 0 !important;
}

.no-margin {
    margin : 0 !important;
}

.mar-top-100 {
    margin-top : 100px !important;
}

.mar-top-50 {
    margin-top : 50px !important;
}

.mar-top-45 {
    margin-top : 45px !important;
}

.mar-top-40 {
    margin-top : 40px !important;
}

.mar-top-35 {
    margin-top : 35px !important;
}

.mar-top-30 {
    margin-top : 30px !important;
}

.mar-top-25 {
    margin-top : 25px !important;
}

.mar-top-20 {
    margin-top : 20px !important;
}

.mar-top-15 {
    margin-top : 15px !important;
}

.mar-top-10 {
    margin-top : 10px !important;
}

.mar-top-5 {
    margin-top : 5px !important;
}

.mar-bot-100 {
    margin-bottom : 100px !important;
}

.mar-bot-50 {
    margin-bottom : 50px !important;
}

.mar-bot-45 {
    margin-bottom : 45px !important;
}

.mar-bot-40 {
    margin-bottom : 40px !important;
}

.mar-bot-35 {
    margin-bottom : 35px !important;
}

.mar-bot-30 {
    margin-bottom : 30px !important;
}

.mar-bot-25 {
    margin-bottom : 25px !important;
}

.mar-bot-20 {
    margin-bottom : 20px !important;
}

.mar-bot-15 {
    margin-bottom : 15px !important;
}

.mar-bot-10 {
    margin-bottom : 10px !important;
}

.mar-bot-5 {
    margin-bottom : 5px !important;
}

.mar-left-100 {
    margin-left : 100px !important;
}

.mar-left-50 {
    margin-left : 50px !important;
}

.mar-left-45 {
    margin-left : 45px !important;
}

.mar-left-40 {
    margin-left : 40px !important;
}

.mar-left-35 {
    margin-left : 35px !important;
}

.mar-left-30 {
    margin-left : 30px !important;
}

.mar-left-25 {
    margin-left : 25px !important;
}

.mar-left-20 {
    margin-left : 20px !important;
}

.mar-left-15 {
    margin-left : 15px !important;
}

.mar-left-10 {
    margin-left : 10px !important;
}

.mar-left-5 {
    margin-left : 5px !important;
}

.mar-right-100 {
    margin-right : 100px !important;
}

.mar-right-50 {
    margin-right : 50px !important;
}

.mar-right-45 {
    margin-right : 45px !important;
}

.mar-right-40 {
    margin-right : 40px !important;
}

.mar-right-35 {
    margin-right : 35px !important;
}

.mar-right-30 {
    margin-right : 30px !important;
}

.mar-right-25 {
    margin-right : 25px !important;
}

.mar-right-20 {
    margin-right : 20px !important;
}

.mar-right-15 {
    margin-right : 15px !important;
}

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

.mar-right-5 {
    margin-right : 5px !important;
}

/* Paddings */

.no-padding-top {
    padding-top : 0 !important;
}

.no-padding-bottom {
    padding-bottom : 0 !important;
}

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

.no-padding-right {
    padding-right : 0 !important;
}

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

.no-padding {
    padding : 0 !important;
}

.pad-left-100 {
    padding-left : 100px !important;
}

.pad-left-50 {
    padding-left : 50px !important;
}

.pad-left-45 {
    padding-left : 45px !important;
}

.pad-left-40 {
    padding-left : 40px !important;
}

.pad-left-35 {
    padding-left : 35px !important;
}

.pad-left-30 {
    padding-left : 30px !important;
}

.pad-left-25 {
    padding-left : 25px !important;
}

.pad-left-20 {
    padding-left : 20px !important;
}

.pad-left-15 {
    padding-left : 15px !important;
}

.pad-left-10 {
    padding-left : 10px !important;
}

.pad-left-5 {
    padding-left : 5px !important;
}

.pad-right-100 {
    padding-right : 100px !important;
}

.pad-right-50 {
    padding-right : 50px !important;
}

.pad-right-45 {
    padding-right : 45px !important;
}

.pad-right-40 {
    padding-right : 40px !important;
}

.pad-right-35 {
    padding-right : 35px !important;
}

.pad-right-30 {
    padding-right : 30px !important;
}

.pad-right-25 {
    padding-right : 25px !important;
}

.pad-right-20 {
    padding-right : 20px !important;
}

.pad-right-15 {
    padding-right : 15px !important;
}

.pad-right-10 {
    padding-right : 10px !important;
}

.pad-right-5 {
    padding-right : 5px !important;
}

.pad-top-100 {
    padding-top : 100px !important;
}

.pad-top-50 {
    padding-top : 50px !important;
}

.pad-top-45 {
    padding-top : 45px !important;
}

.pad-top-40 {
    padding-top : 40px !important;
}

.pad-top-35 {
    padding-top : 35px !important;
}

.pad-top-30 {
    padding-top : 30px !important;
}

.pad-top-25 {
    padding-top : 25px !important;
}

.pad-top-20 {
    padding-top : 20px !important;
}

.pad-top-15 {
    padding-top : 15px !important;
}

.pad-top-10 {
    padding-top : 10px !important;
}

.pad-top-5 {
    padding-top : 5px !important;
}

.pad-bot-100 {
    padding-bottom : 100px !important;
}

.pad-bot-50 {
    padding-bottom : 50px !important;
}

.pad-bot-45 {
    padding-bottom : 45px !important;
}

.pad-bot-40 {
    padding-bottom : 40px !important;
}

.pad-bot-35 {
    padding-bottom : 35px !important;
}

.pad-bot-30 {
    padding-bottom : 30px !important;
}

.pad-bot-25 {
    padding-bottom : 25px !important;
}

.pad-bot-20 {
    padding-bottom : 20px !important;
}

.pad-bot-15 {
    padding-bottom : 15px !important;
}

.pad-bot-10 {
    padding-bottom : 10px !important;
}

.pad-bot-5 {
    padding-bottom : 5px !important;
}

/* Alignment */

.va-middle {
    vertical-align : middle;
}

.right-align {
    float : right;
}

.left-align {
    float : left;
}

.read-only {
    display : none;
}

/* ==========================================================================
   Responsive Styles - Except Header
============================================================================= */


/* Medium Desktop Screens */

@media only screen and (min-width : 992px) and (max-width : 1199px) {

    /*Trailer Side*/
    .tsb-text {
        font-size   : 230px;
        line-height : 161px;
    }

    .tss-text {
        font-size : 30px;
    }

    .tss-subheading {
        font-size : 20px;
    }

    /* Portfolio Grids */
    .portfolio.grid-5 .item {
        width : 25%;
    }
}

/* For Desktop */
@media only screen and (min-width : 992px) {

    /* Alignment */
    .text-left-desktop {
        text-align : left !important;
    }

    .text-center-desktop {
        text-align : center !important;
    }

    .text-right-desktop {
        text-align : right !important;
    }

    .img-center-desktop {
        margin-left  : auto !important;
        margin-right : auto !important;
        display      : block !important;
    }

    .img-left-desktop {
        margin-left  : inherit !important;
        margin-right : auto !important;
        display      : block !important;
    }

    .img-right-desktop {
        margin-left  : auto !important;
        margin-right : inherit !important;
        display      : block !important;
    }

    /* Margins - Desktop Specific */
    .no-margin-top-desktop {
        margin-top : 0 !important;
    }

    .no-margin-bottom-desktop {
        margin-bottom : 0 !important;
    }

    .no-margin-left-desktop {
        margin-left : 0 !important;
    }

    .no-margin-right-desktop {
        margin-right : 0 !important;
    }

    .no-margin-side-desktop {
        margin-left  : 0 !important;
        margin-right : 0 !important;
    }

    .no-margin-desktop {
        margin : 0 !important;
    }

    .mar-top-100-desktop {
        margin-top : 100px !important;
    }

    .mar-top-50-desktop {
        margin-top : 50px !important;
    }

    .mar-top-45-desktop {
        margin-top : 45px !important;
    }

    .mar-top-40-desktop {
        margin-top : 40px !important;
    }

    .mar-top-35-desktop {
        margin-top : 35px !important;
    }

    .mar-top-30-desktop {
        margin-top : 30px !important;
    }

    .mar-top-25-desktop {
        margin-top : 25px !important;
    }

    .mar-top-20-desktop {
        margin-top : 20px !important;
    }

    .mar-top-15-desktop {
        margin-top : 15px !important;
    }

    .mar-top-10-desktop {
        margin-top : 10px !important;
    }

    .mar-top-5-desktop {
        margin-top : 5px !important;
    }

    .mar-bot-100-desktop {
        margin-bottom : 100px !important;
    }

    .mar-bot-50-desktop {
        margin-bottom : 50px !important;
    }

    .mar-bot-45-desktop {
        margin-bottom : 45px !important;
    }

    .mar-bot-40-desktop {
        margin-bottom : 40px !important;
    }

    .mar-bot-35-desktop {
        margin-bottom : 35px !important;
    }

    .mar-bot-30-desktop {
        margin-bottom : 30px !important;
    }

    .mar-bot-25-desktop {
        margin-bottom : 25px !important;
    }

    .mar-bot-20-desktop {
        margin-bottom : 20px !important;
    }

    .mar-bot-15-desktop {
        margin-bottom : 15px !important;
    }

    .mar-bot-10-desktop {
        margin-bottom : 10px !important;
    }

    .mar-bot-5-desktop {
        margin-bottom : 5px !important;
    }

    .mar-left-100-desktop {
        margin-left : 100px !important;
    }

    .mar-left-50-desktop {
        margin-left : 50px !important;
    }

    .mar-left-45-desktop {
        margin-left : 45px !important;
    }

    .mar-left-40-desktop {
        margin-left : 40px !important;
    }

    .mar-left-35-desktop {
        margin-left : 35px !important;
    }

    .mar-left-30-desktop {
        margin-left : 30px !important;
    }

    .mar-left-25-desktop {
        margin-left : 25px !important;
    }

    .mar-left-20-desktop {
        margin-left : 20px !important;
    }

    .mar-left-15-desktop {
        margin-left : 15px !important;
    }

    .mar-left-10-desktop {
        margin-left : 10px !important;
    }

    .mar-left-5-desktop {
        margin-left : 5px !important;
    }

    .mar-right-100-desktop {
        margin-right : 100px !important;
    }

    .mar-right-50-desktop {
        margin-right : 50px !important;
    }

    .mar-right-45-desktop {
        margin-right : 45px !important;
    }

    .mar-right-40-desktop {
        margin-right : 40px !important;
    }

    .mar-right-35-desktop {
        margin-right : 35px !important;
    }

    .mar-right-30-desktop {
        margin-right : 30px !important;
    }

    .mar-right-25-desktop {
        margin-right : 25px !important;
    }

    .mar-right-20-desktop {
        margin-right : 20px !important;
    }

    .mar-right-15-desktop {
        margin-right : 15px !important;
    }

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

    .mar-right-5-desktop {
        margin-right : 5px !important;
    }

    /* Paddings - Desktop Specific */
    .no-padding-top-desktop {
        padding-top : 0 !important;
    }

    .no-padding-bottom-desktop {
        padding-bottom : 0 !important;
    }

    .no-padding-left-desktop {
        padding-left : 0 !important;
    }

    .no-padding-right-desktop {
        padding-right : 0 !important;
    }

    .no-padding-side-desktop {
        padding-left  : 0 !important;
        padding-right : 0 !important;
    }

    .no-padding-desktop {
        padding : 0 !important;
    }

    .pad-left-100-desktop {
        padding-left : 100px !important;
    }

    .pad-left-50-desktop {
        padding-left : 50px !important;
    }

    .pad-left-45-desktop {
        padding-left : 45px !important;
    }

    .pad-left-40-desktop {
        padding-left : 40px !important;
    }

    .pad-left-35-desktop {
        padding-left : 35px !important;
    }

    .pad-left-30-desktop {
        padding-left : 30px !important;
    }

    .pad-left-25-desktop {
        padding-left : 25px !important;
    }

    .pad-left-20-desktop {
        padding-left : 20px !important;
    }

    .pad-left-15-desktop {
        padding-left : 15px !important;
    }

    .pad-left-10-desktop {
        padding-left : 10px !important;
    }

    .pad-left-5-desktop {
        padding-left : 5px !important;
    }

    .pad-right-100-desktop {
        padding-right : 100px !important;
    }

    .pad-right-50-desktop {
        padding-right : 50px !important;
    }

    .pad-right-45-desktop {
        padding-right : 45px !important;
    }

    .pad-right-40-desktop {
        padding-right : 40px !important;
    }

    .pad-right-35-desktop {
        padding-right : 35px !important;
    }

    .pad-right-30-desktop {
        padding-right : 30px !important;
    }

    .pad-right-25-desktop {
        padding-right : 25px !important;
    }

    .pad-right-20-desktop {
        padding-right : 20px !important;
    }

    .pad-right-15-desktop {
        padding-right : 15px !important;
    }

    .pad-right-10-desktop {
        padding-right : 10px !important;
    }

    .pad-right-5-desktop {
        padding-right : 5px !important;
    }

    .pad-top-100-desktop {
        padding-top : 100px !important;
    }

    .pad-top-50-desktop {
        padding-top : 50px !important;
    }

    .pad-top-45-desktop {
        padding-top : 45px !important;
    }

    .pad-top-40-desktop {
        padding-top : 40px !important;
    }

    .pad-top-35-desktop {
        padding-top : 35px !important;
    }

    .pad-top-30-desktop {
        padding-top : 30px !important;
    }

    .pad-top-25-desktop {
        padding-top : 25px !important;
    }

    .pad-top-20-desktop {
        padding-top : 20px !important;
    }

    .pad-top-15-desktop {
        padding-top : 15px !important;
    }

    .pad-top-10-desktop {
        padding-top : 10px !important;
    }

    .pad-top-5-desktop {
        padding-top : 5px !important;
    }

    .pad-bot-100-desktop {
        padding-bottom : 100px !important;
    }

    .pad-bot-50-desktop {
        padding-bottom : 50px !important;
    }

    .pad-bot-45-desktop {
        padding-bottom : 45px !important;
    }

    .pad-bot-40-desktop {
        padding-bottom : 40px !important;
    }

    .pad-bot-35-desktop {
        padding-bottom : 35px !important;
    }

    .pad-bot-30-desktop {
        padding-bottom : 30px !important;
    }

    .pad-bot-25-desktop {
        padding-bottom : 25px !important;
    }

    .pad-bot-20-desktop {
        padding-bottom : 20px !important;
    }

    .pad-bot-15-desktop {
        padding-bottom : 15px !important;
    }

    .pad-bot-10-desktop {
        padding-bottom : 10px !important;
    }

    .pad-bot-5-desktop {
        padding-bottom : 5px !important;
    }

    /* Owl With Pagination Right/Left */
    .text-center-desktop.owl-theme.pagination-left .owl-controls .owl-pagination,
    .text-center-desktop.owl-theme.pagination-right .owl-controls .owl-pagination {
        text-align : center;
    }

    .text-center-desktop.owl-theme.pagination-left .owl-controls .owl-page span,
    .text-center-desktop.owl-theme.pagination-left .owl-controls .owl-page.active span,
    .text-center-desktop.owl-theme.pagination-right .owl-controls .owl-page span,
    .text-center-desktop.owl-theme.pagination-right .owl-controls .owl-page.active span {
        margin : 0 5px;
    }
}

/*Tablets & Mobiles*/

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

    /*Body*/
    body .container {
        width         : auto;
        padding-left  : 30px;
        padding-right : 30px;
    }

    /* True Font */
    h1.true-size-tablet {
        font-size : 36px !important;
    }

    h2.true-size-tablet {
        font-size : 30px !important;
    }

    h3.true-size-tablet {
        font-size : 24px !important;
    }

    h4.true-size-tablet {
        font-size : 18px !important;
    }

    h5.true-size-tablet {
        font-size : 14px !important;
    }

    h6.true-size-tablet {
        font-size : 12px !important;
    }

    p.true-size-tablet,
    span.true-size-tablet {
        font-size : 14px !important;
    }

    /* Invert Scroll */
    .vertical {
        height  : auto !important;
        width   : auto !important;
        z-index : auto !important;
        top     : 0 !important;
    }

    .scroll {
        position    : initial !important;
        bottom      : 0;
        left        : 0;
        padding-top : 60px;
    }

    .vertical.scroll > div {
        width         : 100% !important;
        padding-right : 0 !important;
    }

    body.invert-scroll {
        height : auto !important;
    }

    /* Footer */
    .footer > .container > .row > div,
    .footer > .row > div,
    .footer > .container > .row,
    .footer > .row,
    .footer > .container > .row > .vertical-center-box > div,
    .footer > .row > .vertical-center-box > div,
    .footer > .uncover-footer > .container > .row > div,
    .footer > .uncover-footer > .row > div,
    .footer > .uncover-footer > .container > .row,
    .footer > .uncover-footer > .row,
    .footer > .uncover-footer > .container > .row > .vertical-center-box > div,
    .footer > .uncover-footer > .row > .vertical-center-box > div {
        padding-bottom : 50px;
    }

    .footer > .container > .row > .vertical-center-box.vertical-center-box-tablet > div,
    .footer > .row > .vertical-center-box.vertical-center-box-tablet > div,
    .footer > .uncover-footer > .container > .row > .vertical-center-box.vertical-center-box-tablet > div,
    .footer > .uncover-footer > .row > .vertical-center-box.vertical-center-box-tablet > div {
        padding-bottom : 0;
    }

    .footer > .container > .row > div:last-child,
    .footer > .row > div:last-child,
    .footer > .container > .row > .vertical-center-box > div:last-child,
    .footer > .container > .row:last-child,
    .footer > .row > .vertical-center-box > div:last-child,
    .footer > .uncover-footer > .container > .row > div:last-child,
    .footer > .uncover-footer > .row > div:last-child,
    .footer > .uncover-footer > .container > .row > .vertical-center-box > div:last-child,
    .footer > .uncover-footer > .container > .row:last-child,
    .footer > .uncover-footer > .row > .vertical-center-box > div:last-child {
        padding-bottom : 0;
    }

    .footer > .row:last-child,
    .footer > .uncover-footer > .row:last-child {
        padding-bottom : 100px;
    }

    .footer-copyright {
        text-align : center;
        font-size  : 12px;
    }

    .footer-copyright .copyright-right {
        text-align : center;
        margin-top : 20px;
    }

    .footer-unfix-tablet {
        position : inherit;
    }

    /*Uncover Footer*/
    .uncover-footer {
        position : inherit;
        z-index  : auto;
    }

    .uncover-footer-body .uncover-footer > .container {
        margin-top     : 0;
        margin-bottom  : 0;
        padding-top    : 100px;
        padding-bottom : 100px;
    }

    /*Portfolio - Effect 2*/
    .portfolio.effect-2 figure:hover figcaption {
        background-color : rgba(255, 255, 255, 0.4);
    }

    .portfolio-dark.portfolio.effect-2 figure:hover figcaption {
        background-color : rgba(0, 0, 0, 0.3);
    }

    .portfolio.effect-2 figure .title,
    .portfolio.effect-2 figure:hover .title {
        -webkit-transition : none;
        -moz-transition    : none;
        -o-transition      : none;
        transition         : none;
        bottom             : 20px;
    }

    .portfolio.effect-2 figure .text {
        display : none;
    }

    .portfolio.effect-2 figure figcaption > div {
        bottom : 0;
    }

    /*Portfolio - Effect 3*/
    .portfolio.effect-3 figure figcaption {
        padding : 0;
    }

    .portfolio.effect-3 figure:hover figcaption::before,
    .portfolio.effect-3 figure:hover .text,
    .portfolio.effect-3 figure.effect-3-hover:hover .title {
        opacity : 0;
    }

    .portfolio.effect-3 figure:hover figcaption {
        -webkit-transition : none;
        -moz-transition    : none;
        -o-transition      : none;
        transition         : none;
    }

    .portfolio.effect-3 figure:hover figcaption {
        background-color : rgba(255, 255, 255, 0.6);
    }

    .portfolio-dark.portfolio.effect-3 figure:hover figcaption {
        background-color : rgba(0, 0, 0, 0.4);
    }

    .portfolio.effect-3 figure.effect-3-hover:hover figcaption {
        background-color : transparent;
    }

    /* Portfolio - Effect 4 */
    .portfolio.effect-4 figure:hover .text {
        opacity : 0;
    }

    .portfolio.effect-4 figure img {
        -webkit-transition : none;
        -moz-transition    : none;
        -o-transition      : none;
        transition         : none;
        left               : 0;
    }

    .portfolio.effect-4 figure figcaption {
        -webkit-transition : none;
        -moz-transition    : none;
        -o-transition      : none;
        transition         : none;
    }

    .portfolio.effect-4 figure:hover figcaption,
    .portfolio-dark.portfolio.effect-4 figure:hover figcaption {
        background-color : transparent;
    }

    /* Portfolio Grids */
    .portfolio.grid-3 .item,
    .portfolio.grid-4 .item,
    .portfolio.grid-5 .item {
        width : 50%;
    }

    /*Featured Owl*/
    .featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons div {
        width : 40%;
    }

    .featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-prev {
        font-size : 13px;
    }

    .featured-owl .owl-theme.owl-arrows .owl-controls .owl-buttons .owl-next {
        font-size : 13px;
    }

    .featured-owl .btn-featured {
        bottom      : -70px;
        font-size   : 13px;
        line-height : 60px;
        width       : 20%;
        left        : 40%;
    }

    .featured-owl .featured-heading {
        padding : 0 15px;
    }

    /* Owl Carousel Slider */
    .owl-theme.owl-slider.owl-arrows.owl-arrows-plain .owl-controls .owl-buttons .owl-prev,
    .owl-theme.owl-slider.owl-arrows.owl-arrows-plain .owl-controls .owl-buttons .owl-next,
    .owl-theme.owl-theme-light.owl-slider.owl-arrows.owl-arrows-plain .owl-controls .owl-buttons .owl-prev,
    .owl-theme.owl-theme-light.owl-slider.owl-arrows.owl-arrows-plain .owl-controls .owl-buttons .owl-next {
        width  : auto;
        cursor : auto;
    }

    /* Blog - Style 2 */
    .blog-item.style-2 .blog-content,
    .blog-item.style-2 .blog-image {
        margin-bottom  : 0;
        padding-bottom : 0;
    }

    /*Promo Bar*/
    .promo-bar, .promo-bar div, .promo-bar span {
        height     : 0;
        visibility : hidden;
        padding    : 0;
    }

    /*Promo Boxes & Panels*/
    .promo-box {
        text-align : center;
    }

    .promo {
        margin : 0;
    }

    .promo-col {
        display : block;
    }

    .btn-promo {
        margin : 50px auto 0;
        width  : auto;
    }

    .cta-image-side-right {
        margin-top : 100px;
        float      : none;
    }

    .cta-image-side-left {
        margin-bottom : 100px;
    }

    .promo-icon-left {
        margin-bottom : 50px;
    }

    .promo-icon-right {
        margin-top : 50px;
        float      : none;
    }

    /*Section's & Promo Box's Parallax*/
    .section-parallax, .promo-parallax {
        background-attachment : scroll;
        background-size       : cover;
    }

    .section-img, .promo-box {
        background-size : cover;
        height          : 100%;
    }

    .promo-box.promo-pattern {
        background-size : inherit;
    }

    /*Vertical Divider*/
    .vertical-divider-left {
        border-top  : 1px solid #eee;
        border-left : none;
        padding-top : 100px;
        margin-top  : 100px;
    }

    .vertical-divider-right {
        border-bottom  : 1px solid #eee;
        border-right   : none;
        padding-bottom : 100px;
        margin-bottom  : 100px;
    }

    .vdl-light {
        border-top : 1px solid #333;
    }

    .vdr-light {
        border-bottom : 1px solid #333;
    }

    /*Trending*/
    .trending-carousel,
    .trending-vticker {
        display : none;
    }

    /*Social Fixed*/
    ul.social-fixed {
        display : none;
    }

    /*404 Error*/
    p.error {
        font-size : 100px;
    }

    /*Flickr Widget*/
    .flickr_badge_image img {
        width : auto;
    }

    /*Cart Review*/
    .review-cart-block {
        margin-top : 50px;
    }

    /* Sitemap */
    .sitemap-container .sitemap-cell {
        width : 33.1%;
    }

    /* Icon Tabs */
    .tab-icons-v2.tab-icons-v2-ext ul.tab-theme.tab-icons > li {
        padding-right : 25px;
    }

    .tab-icons-v3 .tab-theme,
    .tab-icons-v3 .tab-theme.tab-icons {
        display : block;
        width   : 100%;
    }
}

/*Tablet Screens*/

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

    /* Alignment */
    .text-left-tablet {
        text-align : left !important;
    }

    .text-center-tablet {
        text-align : center !important;
    }

    .text-right-tablet {
        text-align : right !important;
    }

    .img-center-tablet {
        margin-left  : auto !important;
        margin-right : auto !important;
        display      : block !important;
    }

    .img-left-tablet {
        margin-left  : inherit !important;
        margin-right : auto !important;
        display      : block !important;
    }

    .img-right-tablet {
        margin-left  : auto !important;
        margin-right : inherit !important;
        display      : block !important;
    }

    /* Margins - Tablet Specific */
    .no-margin-top-tablet {
        margin-top : 0 !important;
    }

    .no-margin-bottom-tablet {
        margin-bottom : 0 !important;
    }

    .no-margin-left-tablet {
        margin-left : 0 !important;
    }

    .no-margin-right-tablet {
        margin-right : 0 !important;
    }

    .no-margin-side-tablet {
        margin-left  : 0 !important;
        margin-right : 0 !important;
    }

    .no-margin-tablet {
        margin : 0 !important;
    }

    .mar-top-100-tablet {
        margin-top : 100px !important;
    }

    .mar-top-50-tablet {
        margin-top : 50px !important;
    }

    .mar-top-45-tablet {
        margin-top : 45px !important;
    }

    .mar-top-40-tablet {
        margin-top : 40px !important;
    }

    .mar-top-35-tablet {
        margin-top : 35px !important;
    }

    .mar-top-30-tablet {
        margin-top : 30px !important;
    }

    .mar-top-25-tablet {
        margin-top : 25px !important;
    }

    .mar-top-20-tablet {
        margin-top : 20px !important;
    }

    .mar-top-15-tablet {
        margin-top : 15px !important;
    }

    .mar-top-10-tablet {
        margin-top : 10px !important;
    }

    .mar-top-5-tablet {
        margin-top : 5px !important;
    }

    .mar-bot-100-tablet {
        margin-bottom : 100px !important;
    }

    .mar-bot-50-tablet {
        margin-bottom : 50px !important;
    }

    .mar-bot-45-tablet {
        margin-bottom : 45px !important;
    }

    .mar-bot-40-tablet {
        margin-bottom : 40px !important;
    }

    .mar-bot-35-tablet {
        margin-bottom : 35px !important;
    }

    .mar-bot-30-tablet {
        margin-bottom : 30px !important;
    }

    .mar-bot-25-tablet {
        margin-bottom : 25px !important;
    }

    .mar-bot-20-tablet {
        margin-bottom : 20px !important;
    }

    .mar-bot-15-tablet {
        margin-bottom : 15px !important;
    }

    .mar-bot-10-tablet {
        margin-bottom : 10px !important;
    }

    .mar-bot-5-tablet {
        margin-bottom : 5px !important;
    }

    .mar-left-100-tablet {
        margin-left : 100px !important;
    }

    .mar-left-50-tablet {
        margin-left : 50px !important;
    }

    .mar-left-45-tablet {
        margin-left : 45px !important;
    }

    .mar-left-40-tablet {
        margin-left : 40px !important;
    }

    .mar-left-35-tablet {
        margin-left : 35px !important;
    }

    .mar-left-30-tablet {
        margin-left : 30px !important;
    }

    .mar-left-25-tablet {
        margin-left : 25px !important;
    }

    .mar-left-20-tablet {
        margin-left : 20px !important;
    }

    .mar-left-15-tablet {
        margin-left : 15px !important;
    }

    .mar-left-10-tablet {
        margin-left : 10px !important;
    }

    .mar-left-5-tablet {
        margin-left : 5px !important;
    }

    .mar-right-100-tablet {
        margin-right : 100px !important;
    }

    .mar-right-50-tablet {
        margin-right : 50px !important;
    }

    .mar-right-45-tablet {
        margin-right : 45px !important;
    }

    .mar-right-40-tablet {
        margin-right : 40px !important;
    }

    .mar-right-35-tablet {
        margin-right : 35px !important;
    }

    .mar-right-30-tablet {
        margin-right : 30px !important;
    }

    .mar-right-25-tablet {
        margin-right : 25px !important;
    }

    .mar-right-20-tablet {
        margin-right : 20px !important;
    }

    .mar-right-15-tablet {
        margin-right : 15px !important;
    }

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

    .mar-right-5-tablet {
        margin-right : 5px !important;
    }

    /* Paddings - Tablet Specific */
    .no-padding-top-tablet {
        padding-top : 0 !important;
    }

    .no-padding-bottom-tablet {
        padding-bottom : 0 !important;
    }

    .no-padding-left-tablet {
        padding-left : 0 !important;
    }

    .no-padding-right-tablet {
        padding-right : 0 !important;
    }

    .no-padding-side-tablet {
        padding-left  : 0 !important;
        padding-right : 0 !important;
    }

    .no-padding-tablet {
        padding : 0 !important;
    }

    .pad-left-100-tablet {
        padding-left : 100px !important;
    }

    .pad-left-50-tablet {
        padding-left : 50px !important;
    }

    .pad-left-45-tablet {
        padding-left : 45px !important;
    }

    .pad-left-40-tablet {
        padding-left : 40px !important;
    }

    .pad-left-35-tablet {
        padding-left : 35px !important;
    }

    .pad-left-30-tablet {
        padding-left : 30px !important;
    }

    .pad-left-25-tablet {
        padding-left : 25px !important;
    }

    .pad-left-20-tablet {
        padding-left : 20px !important;
    }

    .pad-left-15-tablet {
        padding-left : 15px !important;
    }

    .pad-left-10-tablet {
        padding-left : 10px !important;
    }

    .pad-left-5-tablet {
        padding-left : 5px !important;
    }

    .pad-right-100-tablet {
        padding-right : 100px !important;
    }

    .pad-right-50-tablet {
        padding-right : 50px !important;
    }

    .pad-right-45-tablet {
        padding-right : 45px !important;
    }

    .pad-right-40-tablet {
        padding-right : 40px !important;
    }

    .pad-right-35-tablet {
        padding-right : 35px !important;
    }

    .pad-right-30-tablet {
        padding-right : 30px !important;
    }

    .pad-right-25-tablet {
        padding-right : 25px !important;
    }

    .pad-right-20-tablet {
        padding-right : 20px !important;
    }

    .pad-right-15-tablet {
        padding-right : 15px !important;
    }

    .pad-right-10-tablet {
        padding-right : 10px !important;
    }

    .pad-right-5-tablet {
        padding-right : 5px !important;
    }

    .pad-top-100-tablet {
        padding-top : 100px !important;
    }

    .pad-top-50-tablet {
        padding-top : 50px !important;
    }

    .pad-top-45-tablet {
        padding-top : 45px !important;
    }

    .pad-top-40-tablet {
        padding-top : 40px !important;
    }

    .pad-top-35-tablet {
        padding-top : 35px !important;
    }

    .pad-top-30-tablet {
        padding-top : 30px !important;
    }

    .pad-top-25-tablet {
        padding-top : 25px !important;
    }

    .pad-top-20-tablet {
        padding-top : 20px !important;
    }

    .pad-top-15-tablet {
        padding-top : 15px !important;
    }

    .pad-top-10-tablet {
        padding-top : 10px !important;
    }

    .pad-top-5-tablet {
        padding-top : 5px !important;
    }

    .pad-bot-100-tablet {
        padding-bottom : 100px !important;
    }

    .pad-bot-50-tablet {
        padding-bottom : 50px !important;
    }

    .pad-bot-45-tablet {
        padding-bottom : 45px !important;
    }

    .pad-bot-40-tablet {
        padding-bottom : 40px !important;
    }

    .pad-bot-35-tablet {
        padding-bottom : 35px !important;
    }

    .pad-bot-30-tablet {
        padding-bottom : 30px !important;
    }

    .pad-bot-25-tablet {
        padding-bottom : 25px !important;
    }

    .pad-bot-20-tablet {
        padding-bottom : 20px !important;
    }

    .pad-bot-15-tablet {
        padding-bottom : 15px !important;
    }

    .pad-bot-10-tablet {
        padding-bottom : 10px !important;
    }

    .pad-bot-5-tablet {
        padding-bottom : 5px !important;
    }

    /*Trailer Side*/
    .tsb-text {
        font-size   : 170px;
        line-height : 118px;
    }

    .tss-text {
        font-size : 25px;
    }

    .tss-subheading {
        font-size : 20px;
    }

    /* Trailer */
    figure.trailer-image h2.content-background {
        font-size : 100%;
    }

    /*Cart*/
    .shipping {
        text-align : center;
        font-size  : 14px;
    }

    .shipping .date {
        font-weight : 800;
    }

    /*Trailer Images*/
    figure.trailer h2 {
        font-size : 15px;
    }

    figure.trailer p {
        font-size : 12px;
    }

    /* Owl With Pagination Right/Left */
    .text-center-tablet.owl-theme.pagination-left .owl-controls .owl-pagination,
    .text-center-tablet.owl-theme.pagination-right .owl-controls .owl-pagination {
        text-align : center;
    }

    .text-center-tablet.owl-theme.pagination-left .owl-controls .owl-page span,
    .text-center-tablet.owl-theme.pagination-left .owl-controls .owl-page.active span,
    .text-center-tablet.owl-theme.pagination-right .owl-controls .owl-page span,
    .text-center-tablet.owl-theme.pagination-right .owl-controls .owl-page.active span {
        margin : 0 5px;
    }
}

/*Mobile Screen*/

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

    /* Alignment */
    .text-left-mobile {
        text-align : left !important;
    }

    .text-center-mobile {
        text-align : center !important;
    }

    .text-right-mobile {
        text-align : right !important;
    }

    .img-center-mobile {
        margin-left  : auto !important;
        margin-right : auto !important;
        display      : block !important;
    }

    .img-left-mobile {
        margin-left  : inherit !important;
        margin-right : auto !important;
        display      : block !important;
    }

    .img-right-mobile {
        margin-left  : auto !important;
        margin-right : inherit !important;
        display      : block !important;
    }

    /* True Font */
    h1.true-size-mobile {
        font-size : 36px !important;
    }

    h2.true-size-mobile {
        font-size : 30px !important;
    }

    h3.true-size-mobile {
        font-size : 24px !important;
    }

    h4.true-size-mobile {
        font-size : 18px !important;
    }

    h5.true-size-mobile {
        font-size : 14px !important;
    }

    h6.true-size-mobile {
        font-size : 12px !important;
    }

    p.true-size-mobile,
    span.true-size-mobile {
        font-size : 14px !important;
    }

    /* Margins - Mobile Specific */
    .no-margin-top-mobile {
        margin-top : 0 !important;
    }

    .no-margin-bottom-mobile {
        margin-bottom : 0 !important;
    }

    .no-margin-left-mobile {
        margin-left : 0 !important;
    }

    .no-margin-right-mobile {
        margin-right : 0 !important;
    }

    .no-margin-side-mobile {
        margin-left  : 0 !important;
        margin-right : 0 !important;
    }

    .no-margin-mobile {
        margin : 0 !important;
    }

    .mar-top-100-mobile {
        margin-top : 100px !important;
    }

    .mar-top-50-mobile {
        margin-top : 50px !important;
    }

    .mar-top-45-mobile {
        margin-top : 45px !important;
    }

    .mar-top-40-mobile {
        margin-top : 40px !important;
    }

    .mar-top-35-mobile {
        margin-top : 35px !important;
    }

    .mar-top-30-mobile {
        margin-top : 30px !important;
    }

    .mar-top-25-mobile {
        margin-top : 25px !important;
    }

    .mar-top-20-mobile {
        margin-top : 20px !important;
    }

    .mar-top-15-mobile {
        margin-top : 15px !important;
    }

    .mar-top-10-mobile {
        margin-top : 10px !important;
    }

    .mar-top-5-mobile {
        margin-top : 5px !important;
    }

    .mar-bot-100-mobile {
        margin-bottom : 100px !important;
    }

    .mar-bot-50-mobile {
        margin-bottom : 50px !important;
    }

    .mar-bot-45-mobile {
        margin-bottom : 45px !important;
    }

    .mar-bot-40-mobile {
        margin-bottom : 40px !important;
    }

    .mar-bot-35-mobile {
        margin-bottom : 35px !important;
    }

    .mar-bot-30-mobile {
        margin-bottom : 30px !important;
    }

    .mar-bot-25-mobile {
        margin-bottom : 25px !important;
    }

    .mar-bot-20-mobile {
        margin-bottom : 20px !important;
    }

    .mar-bot-15-mobile {
        margin-bottom : 15px !important;
    }

    .mar-bot-10-mobile {
        margin-bottom : 10px !important;
    }

    .mar-bot-5-mobile {
        margin-bottom : 5px !important;
    }

    .mar-left-100-mobile {
        margin-left : 100px !important;
    }

    .mar-left-50-mobile {
        margin-left : 50px !important;
    }

    .mar-left-45-mobile {
        margin-left : 45px !important;
    }

    .mar-left-40-mobile {
        margin-left : 40px !important;
    }

    .mar-left-35-mobile {
        margin-left : 35px !important;
    }

    .mar-left-30-mobile {
        margin-left : 30px !important;
    }

    .mar-left-25-mobile {
        margin-left : 25px !important;
    }

    .mar-left-20-mobile {
        margin-left : 20px !important;
    }

    .mar-left-15-mobile {
        margin-left : 15px !important;
    }

    .mar-left-10-mobile {
        margin-left : 10px !important;
    }

    .mar-left-5-mobile {
        margin-left : 5px !important;
    }

    .mar-right-100-mobile {
        margin-right : 100px !important;
    }

    .mar-right-50-mobile {
        margin-right : 50px !important;
    }

    .mar-right-45-mobile {
        margin-right : 45px !important;
    }

    .mar-right-40-mobile {
        margin-right : 40px !important;
    }

    .mar-right-35-mobile {
        margin-right : 35px !important;
    }

    .mar-right-30-mobile {
        margin-right : 30px !important;
    }

    .mar-right-25-mobile {
        margin-right : 25px !important;
    }

    .mar-right-20-mobile {
        margin-right : 20px !important;
    }

    .mar-right-15-mobile {
        margin-right : 15px !important;
    }

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

    .mar-right-5-mobile {
        margin-right : 5px !important;
    }

    /* Paddings - Mobile Specific */
    .no-padding-top-mobile {
        padding-top : 0 !important;
    }

    .no-padding-bottom-mobile {
        padding-bottom : 0 !important;
    }

    .no-padding-left-mobile {
        padding-left : 0 !important;
    }

    .no-padding-right-mobile {
        padding-right : 0 !important;
    }

    .no-padding-side-mobile {
        padding-left  : 0 !important;
        padding-right : 0 !important;
    }

    .no-padding-mobile {
        padding : 0 !important;
    }

    .pad-left-100-mobile {
        padding-left : 100px !important;
    }

    .pad-left-50-mobile {
        padding-left : 50px !important;
    }

    .pad-left-45-mobile {
        padding-left : 45px !important;
    }

    .pad-left-40-mobile {
        padding-left : 40px !important;
    }

    .pad-left-35-mobile {
        padding-left : 35px !important;
    }

    .pad-left-30-mobile {
        padding-left : 30px !important;
    }

    .pad-left-25-mobile {
        padding-left : 25px !important;
    }

    .pad-left-20-mobile {
        padding-left : 20px !important;
    }

    .pad-left-15-mobile {
        padding-left : 15px !important;
    }

    .pad-left-10-mobile {
        padding-left : 10px !important;
    }

    .pad-left-5-mobile {
        padding-left : 5px !important;
    }

    .pad-right-100-mobile {
        padding-right : 100px !important;
    }

    .pad-right-50-mobile {
        padding-right : 50px !important;
    }

    .pad-right-45-mobile {
        padding-right : 45px !important;
    }

    .pad-right-40-mobile {
        padding-right : 40px !important;
    }

    .pad-right-35-mobile {
        padding-right : 35px !important;
    }

    .pad-right-30-mobile {
        padding-right : 30px !important;
    }

    .pad-right-25-mobile {
        padding-right : 25px !important;
    }

    .pad-right-20-mobile {
        padding-right : 20px !important;
    }

    .pad-right-15-mobile {
        padding-right : 15px !important;
    }

    .pad-right-10-mobile {
        padding-right : 10px !important;
    }

    .pad-right-5-mobile {
        padding-right : 5px !important;
    }

    .pad-top-100-mobile {
        padding-top : 100px !important;
    }

    .pad-top-50-mobile {
        padding-top : 50px !important;
    }

    .pad-top-45-mobile {
        padding-top : 45px !important;
    }

    .pad-top-40-mobile {
        padding-top : 40px !important;
    }

    .pad-top-35-mobile {
        padding-top : 35px !important;
    }

    .pad-top-30-mobile {
        padding-top : 30px !important;
    }

    .pad-top-25-mobile {
        padding-top : 25px !important;
    }

    .pad-top-20-mobile {
        padding-top : 20px !important;
    }

    .pad-top-15-mobile {
        padding-top : 15px !important;
    }

    .pad-top-10-mobile {
        padding-top : 10px !important;
    }

    .pad-top-5-mobile {
        padding-top : 5px !important;
    }

    .pad-bot-100-mobile {
        padding-bottom : 100px !important;
    }

    .pad-bot-50-mobile {
        padding-bottom : 50px !important;
    }

    .pad-bot-45-mobile {
        padding-bottom : 45px !important;
    }

    .pad-bot-40-mobile {
        padding-bottom : 40px !important;
    }

    .pad-bot-35-mobile {
        padding-bottom : 35px !important;
    }

    .pad-bot-30-mobile {
        padding-bottom : 30px !important;
    }

    .pad-bot-25-mobile {
        padding-bottom : 25px !important;
    }

    .pad-bot-20-mobile {
        padding-bottom : 20px !important;
    }

    .pad-bot-15-mobile {
        padding-bottom : 15px !important;
    }

    .pad-bot-10-mobile {
        padding-bottom : 10px !important;
    }

    .pad-bot-5-mobile {
        padding-bottom : 5px !important;
    }

    /* Footer */
    .footer > .container > .row > .vertical-center-box-tablet > div,
    .footer > .row > .vertical-center-box-tablet > div,
    .footer > .container > .row > .vertical-center-box.vertical-center-box-tablet > div,
    .footer > .row > .vertical-center-box.vertical-center-box-tablet > div {
        padding-bottom : 50px;
    }

    .footer > .container > .row > .vertical-center-box-tablet > div:last-child,
    .footer > .row > .vertical-center-box-tablet > div:last-child {
        padding-bottom : 0;
    }

    .footer-unfix-mobile {
        position : inherit;
    }

    /* Fixed Side Links/Text */
    .fixed-vertical-right {
        right : 10px;
    }

    .fixed-vertical-left {
        left : 10px;
    }

    /* Portfolio Effects */
    .portfolio.effect-2 figure .title,
    .portfolio.effect-4 figure .title {
        font-size : 130%;
    }

    .portfolio.effect-3 figure .title {
        font-size : 110%;
    }

    /* Portfolio Grids */
    .portfolio.grid-2 .item,
    .portfolio.grid-3 .item,
    .portfolio.grid-4 .item,
    .portfolio.grid-5 .item {
        width : 100%;
    }

    /* Feautured Owl */
    .featured-owl .owl-arrows.owl-carousel .item {
        padding : 350px 50px 50px;
    }

    /* Testimonial Carousel With Arrows */
    .owl-arrows.owl-theme.testimonial-carousel {
        padding : 50px;
    }

    /* Owl With Pagination Right/Left */
    .text-center-mobile.owl-theme.pagination-left .owl-controls .owl-pagination,
    .text-center-mobile.owl-theme.pagination-right .owl-controls .owl-pagination {
        text-align : center;
    }

    .text-center-mobile.owl-theme.pagination-left .owl-controls .owl-page span,
    .text-center-mobile.owl-theme.pagination-left .owl-controls .owl-page.active span,
    .text-center-mobile.owl-theme.pagination-right .owl-controls .owl-page span,
    .text-center-mobile.owl-theme.pagination-right .owl-controls .owl-page.active span {
        margin : 0 5px;
    }

    /* Blog - Style 3 */
    .blog-item.style-3 .blog-content {
        border-bottom : 1px solid #f9f9f9;
    }

    .blog-item.style-3 .blog-content.content-top {
        border-top    : 1px solid #f9f9f9;
        border-bottom : none;
    }

    /* Comments */
    .comment-name,
    .comment-date {
        position : static;
        display  : block;
        border   : none;
    }

    .comment-reply {
        float : none;
    }

    .comment-reply a {
        margin-top : 10px;
    }

    .comments ul li.reply {
        padding : 30px;
    }

    .comments ul li img {
        margin-bottom : 10px;
    }

    /*Content Grid*/
    table.content-grid,
    table.content-grid.content-grid-5 tr td,
    table.content-grid.content-grid-4 tr td,
    table.content-grid.content-grid-3 tr td,
    table.content-grid.content-grid-2 tr td {
        width : 100%;
    }

    table.content-grid tr td {
        display       : block;
        border-right  : none;
        width         : 100%;
        border-bottom : 1px solid #eee;
    }

    table.content-grid-dark tr td {
        border-bottom : 1px solid #333;
    }

    table.content-grid tr td:last-child,
    table.content-grid tr {
        border-bottom : none;
    }

    /* Nivo Lightbox */
    .nivo-lightbox-theme-default .nivo-lightbox-next,
    .nivo-lightbox-theme-default .nivo-lightbox-prev {
        margin-top : -12.5px;
        width      : 25px;
        height     : 25px;
    }

    /* Counter Border */
    .counter-border {
        border-right  : none;
        border-bottom : 1px solid #e6e6e6;
    }

    /* Fixed Footer */
    .footer-fixed {
        position : inherit;
        z-index  : 1;
    }

    .footer.footer-fixed .footer-copyright {
        padding : 50px 0;
    }

    /*Page Header*/
    .page-top-dark .page-title,
    .page-top-light .page-title {
        font-size : 18px;
    }

    .page-top-dark .page-subtitle,
    .page-top-light .page-subtitle {
        font-size : 13px;
    }

    /*Trailer Side*/
    .trailer-side-big {
        display : none;
    }

    .tss-text {
        font-size : 20px;
    }

    .tss-subheading {
        font-size : 15px;
    }

    /* Trailer */
    .trailer-inactive-mobile figure img {
        -webkit-transition : none;
        -moz-transition    : none;
        -o-transition      : none;
        transition         : none;
    }

    .trailer-inactive-mobile figure.trailer-image:hover img,
    .trailer-inactive-mobile.trailer-active figure.trailer-image img {
        opacity : 1;
    }

    .trailer-inactive-mobile.trailer-dark figure.trailer-image:hover img {
        opacity : 1;
    }

    .trailer-inactive-mobile figure.trailer-image figcaption::before,
    .trailer-inactive-mobile figure.trailer-image figcaption::after {
        -webkit-transition : none;
        -moz-transition    : none;
        -o-transition      : none;
        transition         : none;
    }

    .trailer-inactive-mobile figure.trailer-image figcaption::before,
    .trailer-inactive-mobile figure.trailer-image figcaption::after,
    .trailer-inactive-mobile.trailer-dark figure.trailer-image figcaption::before {
        -webkit-transform : scale(0, 1);
        -moz-transform    : scale(0, 1);
        -ms-transform     : scale(0, 1);
        -o-transform      : scale(0, 1);
        transform         : scale(0, 1);
    }

    .trailer-inactive-mobile.trailer-dark figure.trailer-image figcaption::after {
        -webkit-transform : none;
        -moz-transform    : none;
        -ms-transform     : none;
        -o-transform      : none;
        transform         : none;
    }

    .trailer-inactive-mobile figure.trailer-image .trailer-center .trailer-center-hover-content,
    .trailer-inactive-mobile figure.trailer-image p {
        -webkit-transition : none;
        -moz-transition    : none;
        -o-transition      : none;
        transition         : none;
    }

    .trailer-inactive-mobile figure.trailer-image:hover figcaption::before,
    .trailer-inactive-mobile figure.trailer-image:hover figcaption::after {
        opacity           : 0;
        -webkit-transform : none;
        -moz-transform    : none;
        -ms-transform     : none;
        -o-transform      : none;
        transform         : none;
    }

    .trailer-inactive-mobile figure.trailer-image:hover p,
    .trailer-inactive-mobile figure.trailer-image:hover .trailer-center .trailer-center-hover-content {
        opacity : 0;
    }

    /* Trailer Active Mobile */
    .trailer-active-mobile figure.trailer-image img {
        opacity : 0.2;
    }

    .trailer-active-mobile.trailer-dark figure.trailer-image img {
        opacity : 0.5;
    }

    .trailer-active-mobile figure.trailer-image figcaption::before,
    .trailer-active-mobile figure.trailer-image figcaption::after {
        opacity           : 1;
        -webkit-transform : scale(1);
        -moz-transform    : scale(1);
        -ms-transform     : scale(1);
        -o-transform      : scale(1);
        transform         : scale(1);
    }

    .trailer-active-mobile figure.trailer-image h2,
    .trailer-active-mobile figure.trailer-image p,
    .trailer-active-mobile figure.trailer-image .trailer-center .trailer-center-hover-content {
        opacity : 1;
        bottom  : 0;
    }

    figure.trailer-image p.content-background {
        display      : inline-table;
        width        : 50%;
        margin-right : 25%;
        margin-left  : 25%;
    }

    figure.trailer-image h2.content-background {
        font-size : 100%;
    }

    /* Trailer Cross */
    .trailer-cross-left,
    .trailer-cross-right,
    .trailer-cross-right-large .trailer-cross-right,
    .trailer-cross-right-large .trailer-cross-left,
    .trailer-cross-right-top .trailer-cross-left {
        width  : 100%;
        margin : 0;
    }

    /*Modal Centred*/
    .modal-dialog-center {
        width : 100%;
    }

    /*Cart*/
    .table-responsive.cart-responsive {
        border-color  : #eee;
        margin-bottom : 0;
    }

    table.table-cart {
        border : none;
    }

    table.table-cart > tbody > tr:first-child > th {
        padding    : 15px;
        text-align : center;
    }

    .table-bottom {
        border     : none;
        text-align : center;
        margin-top : 25px;
    }

    .cart-item > .thumbnail {
        display : none;
    }

    .cart-item > .thumbnail img {
        width  : 40px;
        height : 40px;
    }

    .cart-item span {
        display : none;
    }

    input.qtyminus,
    input.qtyplus {
        display : none;
    }

    .cart-item {
        margin : 0;
    }

    .cart-item-container {
        text-align : center;
    }

    .cart-item-brand, .cart-item-size {
        display : none;
    }

    .cart-review.checkout-review .cart-item {
        padding : 25px;
    }

    .cart-review.checkout-review .cart-item .cart-item-name {
        text-align : left;
    }

    .cart-review.checkout-review .checkout-total {
        padding : 25px;
    }

    /* Checkout */
    .btn-card-type.btn-group > .btn {
        display : inline-table;
        margin  : 0 5px 5px 0;
    }

    /*Shop Inner Page*/
    .product .thumbnail {
        margin : 35px auto;
    }

    /*Breadcrumbs*/
    .header-inline-content {
        display       : block;
        padding-right : 0;
    }

    .header-inline-content:last-child {
        text-align : left;
        margin-top : 25px;
    }

    .header-inline-content.header-inline-breadcrumb {
        width : 100%;
    }

    /*Footer Copyright*/
    .footer .footer-copyright {
        text-align : center;
    }

    .footer .footer-copyright nav {
        float : none;
    }

    .footer .footer-copyright img.logo-copyright {
        float  : none;
        margin : 0 auto 10px;
    }

    /*Process Tabs*/
    .process-tab .nav-tabs li:before {
        display : none;
    }

    .process-tab .nav-tabs.nav-justified > li > a {
        border : none;
    }

    .process-tab .nav-tabs li a span.steps-text {
        position : inherit;
    }

    /*Justified Tabs*/
    .nav-tabs.nav-justified > li > a {
        border : 1px solid #ddd;
    }

    .tabs-below > .nav-tabs.nav-justified > .active {
        border-top : 1px solid #ddd;
    }

    .tabs-below > .nav-tabs.nav-justified > li > a {
        border-bottom : 1px solid #ddd;
    }

    .no-border-boxes-top .nav-tabs.nav-justified > li > a {
        border : none;
    }

    /* Sitemap */
    .sitemap-container .sitemap-cell {
        width : 100%;
    }

    /* Icon Tabs */
    .tab-icons-v2 .tab-icons {
        position : inherit;
    }

    .tab-icons-v2 ul.tab-theme.tab-icons > li a {
        padding-bottom : 50px;
    }

    .tab-icons-v2 .tab-theme .tab-content > .tab-pane {
        padding  : 50px;
        position : inherit;
    }

    .tab-icons-v2.tab-icons-v2-ext .tab-icons > li > a {
        min-width : 200px;
    }

    .tab-icons-v2.tab-icons-v2-ext ul.tab-theme.tab-icons > li,
    .tab-icons-v2.tab-icons-v2-ext ul.tab-theme.tab-icons > li:last-child {
        padding : 12.5px;
    }

    .tab-icons-v2.tab-icons-v2-ext .tab-theme .tab-content > .active {
        padding-top : 50px;
        margin-top  : 50px;
    }

    .tab-icons-v3 ul.tab-theme > li {
        width : 49%;
    }

    /* Theme Background Section */
    .theme-background-section .content-inner-container {
        padding : 100px 8%;
    }
}

/*Mobile Screens - 400px to 767px*/

@media screen and (min-width : 400px) and (max-width : 767px) {

    /*Trailer Images*/
    figure.trailer h2 {
        font-size : 15px;
    }

    figure.trailer p {
        font-size : 12px;
    }

}

/* Mobile Screens - Upto 690px */

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

    /*Bootstrap Slider*/
    .carousel-caption.big-caption h4 {
        padding-left : 10px;
    }

    .carousel-caption.big-caption {
        padding : 20px;
    }
}


/* Mobile Screens - Upto 600px */

@media (max-width : 600px) {

    .coming-soon .ticker-1 {
        width     : 49%;
        display   : inline-block;
        font-size : 24px;
        padding   : 0 0 20px 0;
    }

    .coming-soon .ticker-2 {
        width     : 49%;
        display   : inline-block;
        font-size : 24px;
        padding   : 0 0 20px 0;
    }

    .coming-soon .ticker-3 {
        width     : 49%;
        display   : inline-block;
        font-size : 24px;
        padding   : 0 0 0 0;
    }

    .coming-soon .ticker-4 {
        width     : 50%;
        display   : inline-block;
        font-size : 24px;
        padding   : 20px 0 0 0;
    }

    /*Tab Lined*/
    ul.tab-lined:after {
        border-bottom : none;
    }
}

/* Mobile Screens - Upto 590px */

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

    /*Bootstrap Slider*/
    .carousel-caption.big-caption p {
        opacity : 0;
    }

    .carousel-caption.big-caption {
        padding : 10px;
    }

}

/* Mobile Screens - Upto 500px */

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

    /*Tabs Simple*/
    ul.nav-tabs.tab-theme > li {
        width : 100%;
    }

    /*404 Error*/
    p.error {
        font-size  : 80px;
        margin-top : 50px;
    }

    /*Team*/
    .team-item.team-large .social-icons {
        float      : none;
        margin-top : 40px;
    }

    /*Testimonial Simple*/
    .testimonial i.testimonial-icon,
    .testimonial img {
        float : none;
    }

    .testimonial .client-name {
        margin-top   : 20px;
        padding-left : 45px;
    }

    .testimonial-center .client-name {
        padding-left : 0px;
    }
}

/*Mobile Screens - Upto 450px*/

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

    /*Portfolio - Effect-2 */
    .portfolio.effect-2 figure figcaption > div {
        padding : 1em;
    }

    .portfolio.effect-2 figure .title {
        font-size : 100%;
    }

    .portfolio.effect-2 figure .text {
        font-size : 80%;
    }

    /* Tab Icons */
    .tab-icons-v3 ul.tab-theme > li {
        width : 100%;
    }

    /*Cart*/
    .cart-item {
        text-align : center;
    }

    .cart-item > .thumbnail {
        display : none;
    }

    .shipping {
        font-size : 12px;
    }

    .shipping .date {
        font-size : 14px;
    }

    .cart-item .item.thumbnail {
        display : none;
    }
}

/*Mobile Screens - Upto 399px*/

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

    /* Portfolio - Effect-1 */
    .portfolio.effect-1 figure span a.portfolio-icon,
    .portfolio.effect-1 figure span.tags {
        margin : 5px;
    }

    .portfolio.effect-1 figure p {
        font-size : 70%;
    }

    .portfolio.effect-1 figure span.title,
    .portfolio.effect-1 figure span.title a {
        font-size : 100%;
    }

    /*Trailer Images*/
    figure.trailer h2 {
        font-size : 15px;
    }

    figure.trailer p {
        font-size : 12px;
    }
}

/********************************************************************
	Home Version - One Page 3
********************************************************************/

.colored-background #Projects .fp-tableCell {
    background : url('/public/20260101012807oe_/https://www.bezirk-unterfranken.de/__/relaunch2017/images/patterns/skin_side_up.png') !important;
}

.colored-background #About .fp-tableCell {
    background-image : url('/public/20260101012807oe_/https://www.bezirk-unterfranken.de/__/relaunch2017/images/patterns/brickwall_@2X.png') !important;
}

.colored-background #Contact .fp-tableCell {
    background-image : url('/public/20260101012807oe_/https://www.bezirk-unterfranken.de/__/relaunch2017/images/patterns/linedpaper.png') !important;
}

.colored-background .fp-tableCell {
    background : #f3f3f3;
}

/********************************************************************
	Page - pricing-2.html
********************************************************************/

.pricing-tab-2-col > li {
    width      : 50%;
    float      : left;
    text-align : center;
}

.pricing-tab-2-col > li > a {
    padding-top      : 15px;
    padding-bottom   : 15px;
    background-color : #f9f9f9;
}

.pricing-tab-2-col > li > a > span {
    display     : block;
    font-size   : 12px;
    padding-top : 5px;
}

/********************************************************************
	Home Version - Shop 3
********************************************************************/

ul.shop-menu > li {
    padding-bottom : 15px;
    font-size      : 12px;
}

ul.shop-menu > li:last-child {
    padding-bottom : 0px;
}

/********************************************************************
	Page - login-register.html
********************************************************************/

.login-tab {
    position         : absolute;
    bottom           : 10px;
    left             : -30px;
    text-transform   : uppercase;
    letter-spacing   : 5px;
    font-family      : 'Open Sans Condensed' sans-serif;
    transform        : rotate(-90deg);
    transform-origin : left top 0;
    font-weight      : 700;
    font-size        : 11px;
}

@media screen and (max-width : 400px) {
    .login-tab {
        left : -20px;
    }
}

/********************************************************************
	Utility Page Demo
********************************************************************/

.show-grid [class^=col-] p {
    background-color : #f6f6f6;
    display          : block;
    padding          : 10px 5px;
    text-align       : center;
}

.show-grid [class^=col-sm] p,
.show-grid [class^=col-xs] p {
    font-size   : 10px;
    font-weight : 400;
}

/*Font Awesome*/

.font-awesome-demo .fa {
    padding : 20px 5px 20px 0;
    color   : #000 !important;
}

#neuregistrierung {
    display : none;
}

/* Concludis API */
#concludis-container {
    margin-bottom: 50px;
}
#concludis-container .listing {
    padding: 20px;
    border-bottom: 1px solid black;
    position: relative;
}

#concludis-container .listing .title {
    font-size: 20px;
}

#concludis-container .listing i {
    position: absolute;
    font-size: 22px;
    right: 10px;
    top: 24px;
    color: #d81a3e;
}

#concludis-container .detail .title {
    font-weight: bold;
    text-align: center;
}

#concludis-container .detail .apply {
    background: #d81a3e;
    padding: 10px 20px;
    text-align: center;
    color: white;
    margin: 0 auto;@
    display: block;
    width: 180px;
}

#concludis-container .detail .contact h4 {
    font-style: normal;
    font-weight: bold;
}