@-webkit-keyframes fadeIn {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

Sans:400, 300, 400italic, 500, 700|Open + Sans:400italic, 400, 300, 600);body {
    font-size: 13px;
    position: relative;
    margin: 5px
}

a:focus {
    outline: none
}

body.constructing {
    background-image: url('../images/constructing-bg.png') !important;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    background: url('../images/constructing-bg.png') no-repeat center center fixed;
    background-size: cover;
    margin-top: 0 !important
}

    body.constructing .over-pattern {
        position: absolute;
        background-image: url('../images/main-slider-pattern.png');
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.constructing .logo {
    padding: 420px 87px 40px;
    width: 274px;
    margin: 0 auto;
    padding-top: 40%
}

.constructing .main-txt {
    font-size: 40px;
    margin-bottom: 30px;
    margin-top: 15%
}

.constructing .txt {
    font-size: 25px;
    margin-bottom: 40px
}

.constructing .container {
    padding-top: 0;
    padding-bottom: 0;
    z-index: 20;
    position: relative
}

html {
    -webkit-font-smoothing: antialiased
}

*:focus, .btn:focus {
    outline: none
}

h1 {
    font-size: 30px
}

h2 {
    font-size: 26px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 13px
}

p {
    font-size: 1em
}

    p i {
        margin-right: 5px
    }

    p.list {
        margin: 20px 0
    }

    p.end-section {
        margin-bottom: 20px
    }

a {
    color: inherit
}

div.content a {
    text-decoration: underline
}

a:hover {
    cursor: pointer;
    color: inherit;
    text-decoration: underline
}

a:focus {
    text-decoration: none
}

.v-al-container {
    text-align: center
}

    .v-al-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -.25em
    }

.v-al {
    display: inline-block;
    vertical-align: middle
}

.content .call {
    margin-top: 0
}

.content .container .carousel {
    border-radius: 5px
}

h4 ~ h4 {
    margin-top: 30px
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    font-weight: 400
}

i.fa, .fa:hover {
    text-decoration: none
}

.c-border-top {
    margin-top: -1px
}

.full-container {
    padding: 45px 30px
}

header .full-container {
    padding: 0 30px
}

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

    .container.no-space {
        padding-top: 0;
        padding-bottom: 0
    }

    .container.no-space-bot {
        padding-bottom: 0
    }

    .container > .row.no-space {
        padding-top: 0;
        padding-bottom: 0
    }

    .container > .row.no-space-bot {
        padding-bottom: 0
    }

    .container > .row {
        padding-top: 30px;
        padding-bottom: 30px
    }

        .container > .row .main-el {
            padding-top: 15px;
            padding-bottom: 15px
        }

.bold {
    font-weight: 700
}

.semi-bold {
    font-weight: 600
}

.medium {
    font-weight: 500
}

.light {
    font-weight: 300
}

.italic {
    font-style: italic
}

h4.sep .line {
    height: 1px;
    background: grey;
    line-height: 20px;
    display: inline-block;
    width: 50px;
    margin-bottom: 5px
}

.photo img, .image img {
    width: 100%
}

.video-frame {
    position: relative;
    padding-bottom: 40%;
    height: 0;
    overflow: hidden
}

    .video-frame.box {
        padding-bottom: 56.3%
    }

    .video-frame iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }

.vis-1000 {
    display: none
}

.mobile-header {
    display: none
}

.sep-line {
    width: 100%;
    height: 1px;
    display: block
}

.dividing.sep-line {
    margin: 30px 0
}

.divider.divider-2 {
    height: 1px;
    position: relative;
    display: block;
    width: 100%
}

    .divider.divider-2:before {
        position: absolute;
        width: 60px;
        height: 3px;
        left: 0;
        content: "";
        top: -1px
    }

.divider.divider-3 {
    height: 3px;
    width: 30px;
    position: relative;
    display: inline-block;
    margin: 6px 0
}

    .divider.divider-3:before {
        position: absolute;
        width: 130px;
        height: 1px;
        left: 0;
        content: "";
        top: 1px;
        background: inherit
    }

    .divider.divider-3:after {
        position: absolute;
        width: 130px;
        height: 1px;
        content: "";
        right: 0;
        top: 1px;
        background: inherit
    }

.heading-sep {
    height: 1px;
    width: 100%;
    display: block
}

.separator {
    height: 1px;
    display: block;
    width: 100%;
    margin: 25px 0
}

.divider.divider-4 {
    height: 5px
}

header a.logo-box {
    line-height: 72px;
    padding: 15px 0;
    max-width: 200px;
    float: left
}

#search ul.dropdown-menu {
    font-size: 13px;
    border-radius: 3px;
    box-shadow: none;
    min-width: 110px;
    border-top: none;
    margin-top: -4px
}

    #search ul.dropdown-menu > li {
        width: 110px;
        display: block
    }

        #search ul.dropdown-menu > li > a {
            padding: 7px 14px;
            width: 108px
        }

            #search ul.dropdown-menu > li > a:hover {
                background: none
            }

.feature-box .head.head1 {
    background-image: url('../images_premed/topic_home_opleiding_111h.png')
}

.feature-box .head.head2 {
    background-image: url('../images_premed/topic_home_testim_111h.png')
}

.feature-box .head.head3 {
    background-image: url('../images_premed/topic_home_news_111h.png')
}

.block-quote i {
    font-size: 42px;
    padding-left: 5px;
    float: left
}

.block-quote .text {
    padding-left: 60px;
    padding-right: 145px;
    margin: 15px 0 10px 0;
    font-size: 15px;
    margin-bottom: 15px;
    font-weight: bold
}

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

div.topic2.topic2_body:before {
    content: '';
    width: 1px;
    top: 15px;
    left: 15px;
    bottom: 15px;
    height: auto;
    background: #e2e2e2;
    position: absolute;
    z-index: 1
}

div.topic2.topic2_body {
    position: relative;
    padding: 25px 15px 25px 35px
}

    div.topic2.topic2_body:after {
        content: "";
        background: #eb2c33;
        width: 8px;
        height: 8px;
        position: absolute;
        bottom: 6px;
        left: 12px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        -webkit-box-shadow: 0 0 0 3px rgba(0,0,0,.09);
        -moz-box-shadow: 0 0 0 3px rgba(0,0,0,.09);
        box-shadow: 0 0 0 3px rgba(0,0,0,.09);
        z-index: 3
    }

header .navbar-nav .dropdown-menu {
    left: 0;
    right: auto;
    margin: 0;
    padding: 0;
    border-radius: 0 0 3px 3px;
    border-top: 3px solid #f89625 !important;
    width: auto;
    top: 100%;
    border: none;
    text-align: left
}

.call.image {
    text-align: left;
    background-size: 100% 100%;
    padding: 63px 45px
}

    .call.image img {
        position: absolute;
        bottom: 16px;
        right: 15px;
        width: auto;
        margin: 0 1px 0 60px
    }

.features-image-wrap {
    position: relative;
    display: inline-block;
    margin-top: 40px;
    margin-bottom: 60px;
    padding: 5px;
    border-radius: 5px
}

    .features-image-wrap.full {
        width: 100%
    }

    .features-image-wrap .button.solid {
        position: absolute;
        top: 80px;
        left: 0
    }

.features-image {
    position: relative
}

    .features-image .overlay {
        opacity: 1
    }

.side-menu.nav > li > a {
    padding: 0
}

    .side-menu.nav > li > a:hover {
        background-color: transparent
    }

.side-menu.nav ul {
    padding: 0
}

.side-menu .element:first-child {
    border-radius: 3px 3px 0 0
}

.side-menu .element:last-child {
    border-radius: 0 0 3px 3px
}

.side-menu .element {
    display: block;
    line-height: 38px;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 0 20px;
    border-bottom: none
}

    .side-menu .element:hover {
        text-decoration: none
    }

.side-menu .parent.element {
    padding: 0
}

    .side-menu .parent.element .title {
        padding: 0 20px
    }

        .side-menu .parent.element .title:hover {
            text-decoration: none
        }

        .side-menu .parent.element .title span:before {
            content: "–"
        }

        .side-menu .parent.element .title.collapsed span:before {
            content: "+"
        }

.side-menu .element .submenu .element {
    padding: 0 20px;
    background: #f5f5f5;
    border: none;
    border-top: 1px solid #e1e1e1
}

.side-menu .element {
    transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    -ms-transition: .35s;
    -webkit-transition: .35s
}

.side-menu.pinned {
    top: 100px;
    z-index: 99;
    width: 263px
}

    .side-menu.pinned.affix-bottom {
        position: absolute !important
    }

.dropdown .dropdown-menu, .uber-dropdown .uber-menu {
    display: none
}

.uber-menu .container {
    padding: 0
}

.uber-menu .uber-banner {
    padding: 50px 50px 10px 50px
}

.dropdown:hover .dropdown-menu, .uber-dropdown:hover .uber-menu {
    height: auto
}

body.navbar-stuck {
    padding-top: 100px
}

#tagline {
    font-size: 14px;
    position: relative
}

    #tagline .container {
        position: relative;
        padding-top: 25px;
        padding-bottom: 25px
    }

    #tagline .row {
        padding: 0
    }

    #tagline .tag-badge {
        position: absolute;
        left: -95px;
        top: 0;
        z-index: 200
    }

    #tagline .fa.fa-times {
        font-size: 19px;
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
    }

.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent
}

.nav .open > a, .nav .open > a:focus {
    background: none;
    border-color: none
}

header > .container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

    header > .container > .row {
        padding: 0
    }

header.navbar-show-down {
    top: 0
}

header {
    transition: top .35s ease;
    -webkit-transition: top .35s ease;
    -moz-transition: top .35s ease;
    -o-transition: top .35s ease;
    -ms-transition: top .35s ease;
    top: -200px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header .container {
    position: static
}

.boxed header.navbar-fixed-top {
    width: 1200px;
    left: 50%;
    margin-left: -600px
}

header.small {
}

header .menu-bar {
    position: relative
}

header .logo-box {
    padding: 0;
    line-height: 65px
}

header.small .navbar-nav > .dropdown, header .navbar-nav > li {
    line-height: 65px
}

header.small .uber-menu {
    top: 65px
}

header.custom-shadow {
    box-shadow: none;
    -webkit-box-shadow: none
}

.fancy-banner {
    background: url(../images/screen-banner.png);
    height: 315px;
    width: 100%;
    background-position: center center;
    position: relative
}

    .fancy-banner .v-al {
        width: 98.5%
    }

        .fancy-banner .v-al img {
            margin: 0 auto
        }

header.navbar-fixed-top {
    opacity: .95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    transition: top .35s ease;
    -webkit-transition: top .35s ease;
    -moz-transition: top .35s ease;
    -o-transition: top .35s ease;
    -ms-transition: top .35s ease;
    top: -66px
}

    header.navbar-fixed-top.custom-shadow {
        box-shadow: none;
        -webkit-box-shadow: none
    }

    header.navbar-fixed-top .top-bar, header.navbar-show-down .top-bar {
        display: none !important
    }

    header.navbar-fixed-top .logo {
        display: none !important
    }

header.navbar-show-down {
    top: 0
}

header.navbar-fixed-top a.logo-box {
    line-height: 63px;
    padding: 0
}

header.navbar-fixed-top ul.navbar-nav > li {
    line-height: 65px
}

header .logo-box img {
    display: inline-block
}

header .navbar-nav > li {
    display: inline-block;
    line-height: 103px
}

header .navbar-nav > .uber-dropdown {
    position: static
}

header.navbar-fixed-top .navbar-nav > .dropdown {
    line-height: 65px
}

header .navbar-nav > .dropdown > a > span:before {
    content: "+";
    display: inline-block;
    width: 5px
}

header .navbar-nav > .dropdown:hover > a > span:before {
    content: "–"
}

header .navbar-nav li a {
    font-size: 13px;
    font-weight: 500;
    border-radius: 2px;
    padding: 8px 7px 8px 15px;
    display: inline-block;
    transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    -ms-transition: .35s;
    -webkit-transition: .35s
}

header .nav-buttons {
    padding-top: 17px;
    padding-bottom: 17px
}

    header .nav-buttons .button {
        margin-left: 5px
    }

    header .nav-buttons a {
        width: auto
    }

header .navbar-nav a:hover {
    text-decoration: none
}

header .top-bar .container {
    padding: 0 15px
}

    header .top-bar .container .row {
        padding: 0
    }

header .top-bar .info {
    line-height: 45px
}

    header .top-bar .info .element {
        margin-right: 15px
    }

    header .top-bar .info i {
        font-size: 17px;
        position: relative;
        top: 2px;
        margin-right: 5px
    }

header .top-bar .buttons .element {
    display: inline-block;
    line-height: 45px;
    text-align: center;
    padding: 0 10px;
    float: left;
    position: relative
}

header .menu-1 li.active a span {
    visibility: hidden
}

header .menu-1 li.active .uber-menu a span {
    visibility: visible
}

header .menu-1 > ul.nav.navbar-nav > li > a {
    padding: 8px 15px
}

header .menu-1.navbar-nav > .dropdown > a > span:before {
    content: "+"
}

header .menu-3 li a {
    position: relative
}

header .menu-3 .dropdown > a > span {
    display: none
}

header .menu-3 > li.active > a {
}

header .menu-3 li.active > a:after {
    content: "";
    position: absolute;
    height: 2px;
    left: 15px;
    right: 7px;
    bottom: 0
}

header .menu-3 li:hover > a:after, header .menu-3 > li:hover > a:after, header .menu-3 li:hover > a:after, header .menu-3 .navbar-nav > li:hover > a:after {
    content: "";
    position: absolute;
    height: 2px;
    left: 15px;
    right: 7px;
    bottom: 0
}

header .menu-4 li.active {
    margin-bottom: -1px
}

    header .menu-4 li.active a {
        background: transparent
    }

header .menu-4.navbar-nav > li:hover > a > span {
    visibility: hidden
}

header .menu-4.navbar-nav > li.active > a > span {
    visibility: hidden
}

header .menu-5 li a span {
    font-size: 18px;
    position: relative;
    top: 3px;
    left: 10px
}

header .navbar-nav.menu-5 > li > a > span:before {
    display: none
}

header .menu-5.navbar-nav > li > a:after, header .menu-5.navbar-nav > li > a:after {
    content: '•';
    font-size: 18px;
    font-weight: 300;
    position: relative;
    top: 3px;
    left: 10px
}

header .menu-5.navbar-nav > li:last-child > a:after, header .menu-5.navbar-nav > li:last-child > a:after {
    display: none
}

header.custom-4 .navbar-nav > li {
    margin-right: 1px
}

header.custom-4 .navbar-nav li a.v-al-container {
    padding: 0;
    width: 104px;
    text-align: center;
    font-weight: 600;
    height: 105px;
    border-radius: 0;
    transition: .35s;
    -webkit-transition: .35s;
    -ms-transition: .35s;
    -o-transition: .35s;
    -moz-transition: .35s
}

header.custom-4 .logo-box {
    position: absolute;
    z-index: 10005;
    max-width: 165px;
    width: 100px;
    line-height: 115px;
    height: 120px;
    padding: 0;
    width: 165px;
    text-align: center
}

.metro .navbar-header a {
    background: #1e3c7d
}

a.navbar-brand {
    line-height: 72px;
    padding: 15px 0;
    max-width: 100px
}

header.custom-4.metro-small .navbar-nav li a.v-al-container {
    width: 70px;
    height: 70px
}

header.custom-4.metro-small .logo-box {
    height: 70px;
    line-height: 65px
}

header.custom-4 .navbar-nav .v-al .text {
    margin-top: 15px;
    margin-bottom: -12px
}

header.custom-4.metro-small .navbar-nav .v-al .text {
    display: none
}

header.custom-4 .navbar-nav li a i {
    font-size: 30px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    font-weight: normal;
    display: inline-block
}

header.custom-4 {
    border: none
}

    header.custom-4 .navbar-header {
        position: relative
    }

        header.custom-4 .navbar-header a {
            position: absolute;
            z-index: 10005;
            max-width: 165px;
            width: 100px;
            line-height: 115px;
            height: 120px;
            padding: 0;
            width: 165px;
            text-align: center
        }

header a {
    line-height: 20px;
    width: 100%
}

header.custom-shadow .navbar-nav .dropdown {
    margin-top: -1px
}

header .dropdown-menu li {
    position: relative;
    line-height: 37px;
    display: block;
    font-size: 12px;
    text-transform: capitalize;
    min-width: 200px
}

header li.dropdown:hover {
    cursor: pointer
}

header .dropdown li.menu-parent > a:after {
    content: "+";
    float: right;
    font-size: 13px;
    font-weight: 300;
    display: block;
    margin-right: -10px
}

header .dropdown li.menu-parent:hover > a:after {
    content: "–"
}

header .dropdown li.menu-parent > ul.dropdown.repositioned {
    right: 100%;
    left: auto;
    padding-right: 3px;
    padding-left: 0;
    overflow: visible
}

header .dropdown li.menu-parent > ul.dropdown {
    border-radius: 3px;
    position: absolute;
    left: 100%;
    padding-left: 3px;
    top: 0;
    width: 1px;
    overflow: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition-property: opacity;
    -o-transition-property: opacity;
    -webkit-transition-property: opacity;
    -ms-transition-property: opacity;
    -moz-transition-property: opacity;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

    header .dropdown li.menu-parent > ul.dropdown li:first-child {
        border-top: none;
        border-radius: 3px 3px 0 0
    }

header .dropdown li.menu-parent:hover > ul.dropdown {
    width: auto;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

header .dropdown li:last-child {
    border-bottom: none;
    border-radius: 0 0 2px 2px;
    font-weight: 700
}

header .dropdown li a {
    padding: 0;
    font-weight: 400;
    color: inherit;
    font-size: 12px;
    padding: 0 20px;
    line-height: 37px;
    border-radius: 0
}

header .dropdown.uber-dropdown li:last-child {
    text-transform: none;
    font-weight: 400
}

header.head-1 .navbar-nav {
    float: right
}

header.custom-1.navbar-fixed-top {
    height: 65px
}

header .utilities-buttons .element {
    float: left;
    position: relative
}

    header .utilities-buttons .element a:focus {
        color: inherit
    }

header.head-1.navbar-fixed-top .menu-bar .utilities-buttons, header.custom-1.navbar-fixed-top .utilities-buttons {
    padding: 19px 0;
    padding-left: 10px
}

header.head-1 .menu-bar .utilities-buttons, header.custom-1 .utilities-buttons {
    float: right;
    padding: 39px 0;
    padding-left: 10px;
    padding-top: 40px
}

    header.head-1 .menu-bar .utilities-buttons a, header.custom-1 .utilities-buttons a {
        display: inline-block;
        width: auto;
        float: left;
        margin-right: 3px
    }

        header.head-1 .menu-bar .utilities-buttons a:last-child, header.custom-1 .utilities-buttons a:last-child {
            margin-right: 0
        }

header.head-1.thin .menu-bar .utilities-buttons {
    padding: 20px 0;
    padding-left: 10px
}

header.head-1 .menu-bar .utilities-buttons a i, header.custom-1 .utilities-buttons a i {
    border: 1px solid #e1e1e1;
    font-size: 14px;
    height: 24px;
    width: 24px;
    border-radius: 2px;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    display: block
}

header.head-2.navbar-fixed-top .menu-bar .utilities-buttons a, header.navbar-fixed-top .top-bar .utilities-buttons a {
    width: 60px;
    line-height: 65px
}

header.head-2 .menu-bar .utilities-buttons a, header .top-bar .utilities-buttons a {
    display: block;
    float: left;
    width: 50px;
    line-height: 55px;
    text-align: center
}

header.head-2 .menu-bar .utilities-buttons i, header .top-bar .utilities-buttons i {
    font-size: 18px;
    line-height: 18px
}

header .top-bar .utilities-buttons a {
    line-height: 50px
}

header.head-2 .menu-bar .utilities-buttons, header .top-bar .utilities-buttons {
    position: relative
}

header .element .lang.dropdown-menu {
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 3000;
    left: initial;
    min-width: 0;
    background-clip: initial;
    border-radius: 2px;
    padding: 0
}

    header .element .lang.dropdown-menu a {
        display: block;
        width: 100%;
        text-align: right;
        line-height: 18px;
        padding: 5px 10px;
        border: none;
        font-size: 11px
    }

        header .element .lang.dropdown-menu a:hover {
            text-decoration: none
        }

header.thin {
    padding: 0 30px;
    position: relative;
    top: 0
}

    header.thin .full-container {
        padding: 0
    }

header.navbar-fixed-top.thin {
    position: fixed
}

header.thin .navbar-right:last-child {
    margin: 0
}

header.thin .navbar-nav > li {
    line-height: 65px
}

header.thin .navbar-nav > .dropdown {
    line-height: 65px
}

header.thin .logo-box {
    padding: 0;
    line-height: 65px
}

.thin .uber-menu {
    top: 65px
}

header .utilities-buttons a:hover {
    text-decoration: none
}

.navbar-toggle .icon-bar {
    width: 14px
}

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 2px
    }

.uber-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
    border-radius: 0 0 4px 4px
}

    .uber-menu.pre-fixed {
        position: absolute;
        top: 100%;
        transition: .35s;
        -webkit-transition: .35s;
        -ms-transition: .35s;
        -o-transition: .35s;
        -moz-transition: .35s;
        transition-property: top;
        -webkit-transition-property: top;
        -o-transition-property: top;
        -ms-transition-property: top;
        -moz-transition-property: top
    }

    .uber-menu.fixed-top {
        transition: .35s ease;
        -webkit-transition: .35s ease;
        -ms-transition: .35s ease;
        -o-transition: .35s ease;
        -moz-transition: .35s ease;
        transition-property: top;
        -o-transition-property: top;
        -webkit-transition-property: top;
        -ms-transition-property: top;
        -moz-transition-property: top;
        position: absolute;
        top: 100%
    }

header.custom-shadow .uber-menu {
    margin-top: -1px
}

.metro.metro-small .uber-menu.fixed-top {
    top: 70px
}

.uber-menu > .container {
    border-radius: inherit
}

.uber-menu .main-wrap {
    margin: 0 15px;
    border-radius: 0 0 5px 5px
}

header .navbar-nav .uber-menu .items-wrap {
    padding: 30px 35px
}

    header .navbar-nav .uber-menu .items-wrap .col {
        border-right: 1px solid #e1e1e1
    }

        header .navbar-nav .uber-menu .items-wrap .col:last-child {
            border-right: none
        }

header .navbar-nav .uber-menu a {
    display: block;
    font-size: 12px;
    font-weight: 400;
    padding: 8px 0
}

header .navbar-nav .uber-menu h4 {
}

header .navbar-nav .uber-menu a span:before {
    margin-right: 5px;
    content: '—'
}

header .menu-5 .dropdown .uber-menu a span:before {
    display: initial;
    font-size: 12px;
    position: relative;
    left: -10px;
    top: -3px
}

.uber-menu ul {
    margin: 0 15px;
    padding: 0;
    font-size: 12px;
    padding: 30px 0
}

    .uber-menu ul li {
        list-style-type: none;
        float: left;
        width: 25%;
        display: block;
        line-height: 34px;
        padding-left: 20px;
        padding-right: 20px;
        border-left: 1px solid #e5e5e5
    }

        .uber-menu ul li a span:before {
            content: '—';
            margin-right: 5px
        }

        .uber-menu ul li:nth-child(4n+1) {
            border-left: none
        }

header .uber-menu li {
    line-height: 20px;
    border-bottom: none
}

    header .uber-menu li a:hover {
        color: #fff;
        background-color: transparent
    }

ul.main-menu {
    display: none
}

ul.main-menu, .mobile-header ul.nav {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    width: 100%
}

.main-menu ul, .mobile-header .nav ul {
    padding: 0
}

.main-menu li, .mobile-header .nav li {
    list-style-type: none
}

.main-menu a, .mobile-header .nav a {
    line-height: 52px;
    width: 100%;
    height: 52px;
    display: block;
    padding: 0 20px;
    font-size: 12px;
    text-transform: capitalize
}

    .main-menu a:hover, .mobile-header .nav a:hover {
        text-decoration: none
    }

.main-menu .submenu a, .mobile-header .nav .submenu a {
    padding: 0 50px;
    padding-right: 20px
}

.main-menu .main, .mobile-header .nav .main {
    text-align: center;
    font-size: 17px;
    line-height: 67px
}

.main-menu button, .mobile-header .nav button {
    padding: 8.5px 10px;
    border-radius: 2px;
    display: inline-block;
    transition: .35s;
    -o-transition: .35s;
    -moz-transition: .35s;
    -webkit-transition: .35s;
    -ms-transition: .35s
}

header .main-menu.expandable li, header .mobile-header .nav li {
    position: relative
}

    header .main-menu.expandable li .exp, header .mobile-header .nav li {
        position: absolute;
        right: 0;
        text-align: center;
        padding-right: 15px;
        padding-left: 30px
    }

        header .main-menu.expandable li .exp:before, header .mobile-header .nav.expandable li .exp:before {
            content: "+"
        }

    header .main-menu.expandable li.open .exp:before, header .mobile-header .nav.expandable li.open .exp:before {
        content: "–"
    }

.boxed #nav-shop, .boxed #search, .boxed #login, .boxed #register {
    width: 1200px;
    left: 50%;
    margin-left: -600px
}

#nav-shop {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 30;
    transition: height,top .35s ease;
    -webkit-transition: .35s ease;
    -ms-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease
}

    #nav-shop > .container {
        margin-top: 25px;
        margin-bottom: 40px;
        padding-top: 0;
        padding-bottom: 0
    }

        #nav-shop > .container > .row {
            padding: 0
        }

    #nav-shop.fixed-top {
        position: fixed;
        top: 0
    }

        #nav-shop.fixed-top.show-down {
            top: 65px
        }

    #nav-shop .items {
        overflow: auto;
        white-space: nowrap
    }

    #nav-shop div.items::-webkit-scrollbar {
        width: 9px;
        height: 9px
    }

    #nav-shop div.items::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 4px;
        border: 1px solid #e5e5e5
    }

    #nav-shop div.items::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #1e3c7d;
        color: #fff
    }

    #nav-shop .item {
        margin: 15px 0;
        display: inline-block
    }

        #nav-shop .item .image {
            border-radius: 5px;
            display: inline-block;
            padding: 10px;
            width: 40%
        }

            #nav-shop .item .image img {
                margin: auto
            }

        #nav-shop .item .text {
            display: inline-block;
            width: 60%;
            padding: 5px 10px;
            white-space: normal
        }

    #nav-shop .button {
        width: 100%;
        margin: 5px 0
    }

        #nav-shop .button .over {
            padding: 10px 20px
        }

    #nav-shop .cart {
        padding-left: 55px;
        margin: 5px 0;
        float: left
    }

        #nav-shop .cart .sep {
            height: 3px;
            margin-bottom: 5px
        }

#search {
    font-size: 13px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 30;
    transition: .35s ease;
    -webkit-transition: .35s ease;
    -ms-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease
}

    #search > .container {
        padding: 0 15px
    }

        #search > .container > .row {
            padding: 0
        }

    #search .input-group {
        margin: 40px 0
    }

    #search.fixed-top {
        position: fixed;
        top: 0
    }

        #search.fixed-top.show-down {
            position: fixed;
            top: 65px
        }

    #search button.btn.btn-default {
        height: 60px;
        border-radius: 3px;
        padding: 0
    }

        #search button.btn.btn-default .over {
            width: 60px;
            line-height: 58px;
            height: 60px
        }

        #search button.btn.btn-default.fa-search {
            font-size: 15px
        }

        #search button.btn.btn-default.dropdown-toggle {
            font-size: 13px;
            width: 110px
        }

    #search input.form-control {
        height: 60px;
        box-shadow: none
    }

#login, #register {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 30
}

    #login .container, #register .container {
        padding-top: 0;
        padding-bottom: 0
    }

.auth .buttons .main-text {
    font-size: 16px;
    text-transform: uppercase
}

.auth .buttons .sep {
    height: 3px;
    margin-top: 10px;
    margin-bottom: 15px
}

.auth .buttons .button {
    margin-bottom: 10px
}

.pagecrumbs .container {
    padding-top: 10px;
    padding-bottom: 10px
}

.pagecrumbs h5 {
    margin-bottom: 0
}

.pagecrumbs .location {
    font-size: 11px;
    line-height: 16.5px
}

#section-nav ul {
    position: fixed;
    left: 10px;
    top: 290px;
    width: 36px;
    display: block;
    border-radius: 2px;
    padding: 4px 0;
    z-index: 1000
}

    #section-nav ul li a {
        padding: 0
    }

#section-nav .item {
    height: 8px;
    width: 8px;
    border-radius: 100%;
    display: block;
    margin: auto;
    margin-bottom: 8px;
    margin-top: 8px
}

header.navbar-fixed-top.no-shade {
    box-shadow: none;
    -webkit-box-shadow: none
}

header .top-bar .socials {
    margin-top: 10px
}

header.head-2 .logo .container {
    padding: 0 15px
}

header.navbar-fixed-top.head-2 ul.navbar-nav {
    width: auto;
    text-align: right;
    float: right
}

header.head-2.navbar-fixed-top {
    display: block;
    float: left;
    line-height: 65px
}

header.head-2 .large-header .navbar-header {
    display: none
}

header.head-2.navbar-fixed-top .large-header .navbar-header {
    display: block
}

header.head-2.navbar-fixed-top .large-header .utilities-buttons {
    display: none
}

header .navbar-nav.text-center {
    float: none
}

header.head-2 .navbar-nav > li {
    float: none
}

header.head-2 ul.navbar-nav li {
    text-align: left
}

header.head-2 .navbar-nav > li {
    line-height: 55px
}

header.head-2 .navbar-nav > .dropdown {
    line-height: 55px
}

header.head-2 .logo .logo-box {
    float: none
}

header.navbar-fixed-top.head-2 .navbar-nav > .dropdown {
    line-height: 65px
}

header .flag {
    display: inline-block;
    padding: 0 7px
}

header.custom-1 .top-bar .info {
    line-height: 45px
}

    header.custom-1 .top-bar .info .element {
        margin-right: 15px
    }

    header.custom-1 .top-bar .info i {
        font-size: 17px;
        position: relative;
        top: 2px;
        margin-right: 5px
    }

header.custom-1 .top-bar .buttons .element {
    display: inline-block;
    line-height: 45px;
    text-align: center;
    padding: 0 10px;
    float: left;
    position: relative
}

    header.custom-1 .top-bar .buttons .element a:focus {
        color: inherit
    }

header.custom-1 .flag {
    display: inline-block;
    padding: 0 7px
}

header.custom-1 .top-bar {
    border: none
}

header.custom-1.navbar-fixed-top .top-bar {
    display: none !important
}

header.custom-1 {
    height: 95px;
    border: none
}

    header.custom-1 .menu-bar {
        padding: 0
    }

        header.custom-1 .menu-bar .main-wrap {
            position: absolute;
            left: 0;
            right: 0;
            max-width: 1140px;
            margin: 0 auto
        }

        header.custom-1 .menu-bar > .row {
        }

    header.custom-1 .menu-cont {
        padding: 0 15px;
        position: relative;
        border-radius: 2px;
        z-index: 3000
    }

    header.custom-1.navbar-fixed-top .menu-cont {
        top: 0
    }

    header.custom-1 .navbar-nav > li > a {
        padding: 8px 15px
    }

header.custom-2 .navbar-nav {
    border-left: 1px solid #e1e1e1
}

    header.custom-2 .navbar-nav.navbar-right:last-child {
        margin-right: 0
    }

    header.custom-2 .navbar-nav li {
        border-right: 1px solid #e1e1e1
    }

    header.custom-2 .navbar-nav a.v-al-container {
        padding: 0 25px;
        text-align: center
    }

        header.custom-2 .navbar-nav a.v-al-container i {
            font-size: 17px
        }

        header.custom-2 .navbar-nav a.v-al-container .text {
            font-weight: 600;
            font-family: 'Open Sans',sans-serif
        }

        header.custom-2 .navbar-nav a.v-al-container .descript {
            font-size: 11px;
            font-weight: 300;
            font-family: Roboto,sans-serif;
            color: #777
        }

header.custom-2.navbar-show-down .navbar-nav a.v-al-container .descript {
    display: none
}

header.custom-3 .navbar-nav.navbar-right:last-child {
    margin-right: 0
}

header.custom-3 .navbar-nav a.v-al-container i {
    float: left;
    font-size: 17px;
    border-radius: 100%;
    height: 44px;
    width: 44px;
    line-height: 42px;
    text-align: center
}

header.custom-3 .navbar-nav a.v-al-container .text {
    font-weight: 600;
    font-family: 'Open Sans',sans-serif;
    padding-left: 52px;
    padding-top: 3px;
    text-align: left
}

header.custom-3 .navbar-nav a.v-al-container .descript {
    font-size: 11px;
    font-weight: 300;
    font-family: Roboto,sans-serif;
    color: #777;
    padding-left: 52px;
    line-height: 18px;
    text-align: left
}

header.custom-4 .navbar-nav.navbar-right:last-child {
    margin-right: 0
}

header.custom-5 .navbar-nav.navbar-right:last-child {
    margin-right: 0
}

header.custom-5 .navbar-nav > li {
    margin-left: 4px
}

header.custom-5 .navbar-nav > .dropdown > a > span:before {
    width: 0
}

header.custom-5 .navbar-nav > li > div > a, header.custom-5 .navbar-nav > li > a {
    padding: 0
}

header.custom-5 .navbar-nav li a .over {
    padding: 8px 15px;
    transition: .35s;
    -webkit-transition: .35s;
    -o-transition: .35s;
    -moz-transition: .35s;
    -ms-transition: .35s;
    border-radius: 2px
}

.boxed {
    width: 1200px;
    margin: 0 auto
}

    .boxed .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .boxed header .shadow, header.custom-1 .shadow {
        width: 1200px;
        left: 50%;
        margin-left: -600px
    }

header.custom-1 .shadow {
    margin-left: -585px;
    width: 1170px
}

header .shadow {
    position: absolute;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 35px;
    z-index: 999;
    margin-top: -1px;
    left: 0
}

    header .shadow.v1 {
        background-image: url('../img/head-shadow-1.png')
    }

    header .shadow.v2 {
        background-image: url('../img/head-shadow-2.png')
    }

    header .shadow.v3 {
        background-image: url('../img/head-shadow-3.png');
        background-repeat: repeat-x
    }

    header .shadow.v4 {
        background-image: url('../img/head-shadow-4.png')
    }

    header .shadow.v5 {
        background-image: url('../img/head-shadow-5.png');
        background-position: left top
    }

iframe {
    border: none
}

.player iframe {
    width: 100%
}

.only-sm {
    margin-top: 60px;
    margin-bottom: 50px
}

.to-left {
    float: left
}

.to-right {
    float: right
}

.secondary {
    padding: 60px 0 75px
}

.less-faded {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}

.faded {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.secondary h4 {
    margin-bottom: 20px
}

.call {
    padding: 33px;
    text-align: center;
    border-radius: 5px
}

.rounded {
    border-radius: 5px
}

.call.only {
    margin: 0
}

.call h3 {
    margin-bottom: 13px
}

.call > .button {
    margin: 10px;
    margin-top: 15px
}

.overlay, .background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: all .35s ease;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
    border-radius: inherit;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1)
}

.background-overlay {
    opacity: 1;
    padding: inherit
}

.overlay:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    cursor: pointer
}

    .overlay:hover i.sm, .overlay:hover i.md {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

.overlay i.sm, .overlay i.md {
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.overlay i.md {
    line-height: 74px;
    width: 74px;
    font-size: 15px;
    margin-top: -37px;
    margin-left: -37px
}

.overlay i.sm {
    line-height: 25px;
    width: 25px;
    font-size: 10px;
    margin-top: -13px;
    margin-left: -13px
}

.bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

a.overlay:hover {
    text-decoration: none
}

.no-bg-img {
    background-image: none !important
}

.sep-heading-container h1, .sep-heading-container h2, .sep-heading-container h3, .sep-heading-container h4, .sep-heading-container h5, .sep-heading-container h6, .sep-heading-container h1 {
    float: left
}

.sep-heading-container.shc1 .sep-container {
    height: 30px
}

.sep-heading-container.shc2 .sep-container {
    height: 26px
}

.sep-heading-container.shc3 .sep-container {
    height: 22px
}

.sep-heading-container.shc4 .sep-container {
    height: 16px
}

.sep-heading-container.shc5 .sep-container {
    height: 15px
}

.sep-heading-container.shc6 .sep-container {
    height: 13px
}

.sep-heading-container h1, .sep-heading-container h2, .sep-heading-container h3, .sep-heading-container h4, .sep-heading-container h5, .sep-heading-container h6 {
    margin-bottom: 0
}

.sep-heading-container {
    padding-bottom: 0
}

.main-el .sep-heading-container {
    padding-bottom: 15px
}

.container > .sep-heading-container {
    padding-bottom: 15px
}

.sep-heading-container .sep-container {
    position: relative;
    overflow: hidden;
    font-size: 100%
}

    .sep-heading-container .sep-container .the-sep {
        width: 100%;
        position: relative;
        top: 50%;
        margin-left: 10px
    }

ul.basic, ol.basic {
    margin: 0;
    padding-left: 18px
}

ul.basic {
    list-style-type: circle
}

    ul.basic li, ol.basic li {
        margin-bottom: 20px
    }

        ul.basic li:last-child, ol.basic li:last-child {
            margin-bottom: 0
        }

.icon.list .element {
    margin-bottom: 15px
}

    .icon.list .element:last-child {
        margin-bottom: 0
    }

    .icon.list .element p {
        padding: 2px
    }

ul.basic.minus {
    list-style-type: none;
    padding-left: 0
}

    ul.basic.minus li:before {
        content: '—';
        font-size: 12px;
        padding-right: 3px
    }

.icon.list .element p {
    margin-bottom: 10px
}

.icon.list .element i {
    border-radius: 100%;
    height: 23px;
    line-height: 24px;
    width: 23px;
    text-align: center;
    text-indent: -1px;
    font-size: 13px;
    margin-right: 5px
}

.icon.list.icon-list-2 .element i {
    font-size: 20px
}

.icon-list-1 {
}

    .icon-list-1 .element {
        padding: 2px
    }

        .icon-list-1 .element p {
            margin-top: 1px;
            margin-bottom: 14px
        }

        .icon-list-1 .element i {
            border-radius: 100%;
            height: 23px;
            line-height: 24px;
            width: 23px;
            text-align: center;
            text-indent: -1px;
            font-size: 13px;
            margin-right: 10px
        }

.icon-list-2 {
}

.icon-list-3 {
}

i.rounded {
    border-radius: 100%;
    text-align: center
}

i.x1 {
    font-size: 13px;
    line-height: 23px;
    height: 22px;
    width: 22px;
    text-align: center
}

i.x2 {
    line-height: 53px;
    height: 52px;
    width: 52px;
    font-size: 24px;
    text-align: center
}

i.x3 {
    line-height: 109px;
    height: 108px;
    width: 108px;
    font-size: 70px;
    text-align: center
}

i.x4 {
    line-height: 191px;
    height: 190px;
    width: 190px;
    font-size: 70px;
    text-align: center
}

i#custom-bg-1 {
    background-color: #acd478
}

i#custom-bg-2 {
    background-color: #d9534f;
    border-radius: 15px
}

i#custom-bg-3 {
    background-color: #f0ad4e;
    border-radius: 5px
}

i#custom-bg-4 {
    background-color: #a4d4e7
}

.icon-list-3 .element p {
    padding-top: 2px;
    margin-bottom: 14px
}

.icon-list-3 .element i {
    border-radius: 100%;
    height: 23px;
    line-height: 22px;
    width: 23px;
    text-align: center;
    font-size: 13px;
    margin-right: 10px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-style: normal
}

.icon-list-4 .element p {
    padding-top: 2px;
    margin-bottom: 14px
}

.icon-list-4 .element i {
    border-radius: 100%;
    height: 23px;
    line-height: 22px;
    width: 23px;
    text-align: center;
    font-size: 19px;
    margin-right: 10px;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    font-style: normal
}

.main-title {
    text-align: center;
    margin: 0
}

    .main-title.title-btn h2 {
        margin: 5px 0
    }

.main-slider {
    position: relative;
    -webkit-box-shadow: inset 0 0 100px 1000px rgba(0,0,0,.6);
    box-shadow: inset 0 0 100px 1000px rgba(0,0,0,.6)
}

    .main-slider .over-pattern {
        position: absolute;
        background-image: url('../images/main-slider-pattern.png');
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 90px 0
    }

    .main-slider.shop-slider {
        background-image: url('../images/shop-slider-back.png');
        background-position: center;
        box-shadow: none;
        -webkit-box-shadow: none
    }

    .main-slider .controls a {
        margin: 0 20px;
        margin-top: -25px
    }

    .main-slider .item img {
        min-height: 500px
    }

    .main-slider .image-item {
        position: relative
    }

        .main-slider .image-item img {
        }

    .main-slider .carousel-inner {
        padding: 40px 0
    }

    .main-slider .image {
        position: relative
    }

    .main-slider .title {
        font-size: 40px;
        font-weight: 300;
        margin: 20px 0;
        margin-bottom: 30px
    }

.alt-banner {
    background-position: center top;
    padding: 90px 0;
    position: relative;
    background-position: center center
}

    .alt-banner.img1 {
        background-image: url('../images/parallax-bg-1.jpg')
    }

        .alt-banner.img1.parallax {
        }

    .alt-banner.img2 {
        background-image: url('../images/alt-banner-2.jpg')
    }

    .alt-banner.img3 {
        background-image: url('../images/alt-banner-3.jpg');
        padding: 0
    }

    .alt-banner .container {
        position: relative;
        z-index: 200
    }

    .alt-banner .title, .section-title {
        font-size: 40px;
        font-weight: 300;
        margin-bottom: 25px
    }

    .alt-banner .text {
        font-size: 25px;
        font-weight: 300;
        margin: 20px 0;
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
    }

.section-subtitle {
    font-size: 25px;
    font-weight: 300;
    margin: 20px 0
}

.alt-banner.img3 .text {
    margin-bottom: 10px;
    line-height: 27px
}

.counters-banner {
    background: url(../images/parallax-bg-2.jpg);
    position: relative
}

    .counters-banner .container {
        position: relative;
        z-index: 20
    }

    .counters-banner .over-pattern {
        position: absolute;
        background-image: url('../images/main-slider-pattern.png');
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

.screen-banner {
    background: url(../images/screen-banner.png);
    height: 1000px;
    width: 100%;
    background-position: center 0;
    position: relative
}

    .screen-banner .over-pattern {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: url(../images/main-slider-pattern.png);
        height: 100%;
        width: 100%
    }

    .screen-banner .v-al {
        width: 95%
    }

        .screen-banner .v-al img {
            margin: 0 auto
        }

.main-slider .text {
    font-size: 25px;
    font-weight: 300;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    margin: 10px 0;
    margin-bottom: 40px
}

.main-slider .button {
    min-width: 166px
}

    .main-slider .button.striped.md {
        padding: 9px;
        min-width: 166px
    }

.main-slider .carousel-indicators {
    bottom: 5px
}

    .main-slider .carousel-indicators li {
        height: 9px;
        width: 9px
    }

        .main-slider .carousel-indicators li.active {
            margin-bottom: 1px;
            margin-left: 2px;
            margin-right: 2px
        }

.main-slider .carousel-control {
    background-image: none
}

    .main-slider .carousel-control i {
        font-size: 12px;
        position: absolute;
        top: 45%;
        display: inline-block;
        border-radius: 5px;
        height: 4em;
        width: 4em;
        line-height: 4.4em;
        text-shadow: none
    }

.main-slider .left.carousel-control i {
    left: 30px
}

.main-slider .right.carousel-control i {
    right: 30px
}

.bubble {
    padding: 18px 20px;
    border-radius: 2px;
    font-size: 18px
}

    .bubble .arrow {
        position: absolute
    }

    .bubble.bub-1 {
        top: 30%;
        left: 20%
    }

        .bubble.bub-1 .arrow {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 0 0 30px;
            left: 100%;
            top: 10px
        }

    .bubble.bub-2 {
        top: 35%;
        right: 20%
    }

        .bubble.bub-2 .arrow {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 23px 30px;
            right: 100%;
            top: 10px
        }

    .bubble.bub-3 {
        top: 60%;
        left: 25%
    }

        .bubble.bub-3 .arrow {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 23px 30px 0 0;
            left: 100%;
            top: 18px
        }

    .bubble.bub-4 {
        top: 65%;
        right: 25%
    }

        .bubble.bub-4 .arrow {
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 30px 23px 0;
            right: 100%;
            top: 18px
        }

.circled {
    border-radius: 100%
}

.full-slider {
}

.alt-banner {
}

    .alt-banner .image {
        position: relative
    }

    .alt-banner .over-pattern, .fancy-banner .over-pattern {
        position: absolute;
        background-image: url('../images/main-slider-pattern.png');
        top: 0;
        bottom: 0;
        left: 0;
        right: 0
    }

        .alt-banner .over-pattern.empty {
            position: absolute;
            background-image: none;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0
        }

.crsl-wrap {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1)
}

.carousel-inner {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1)
}

.carousel.fade {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

    .carousel.fade .item {
        -moz-transition: opacity ease-in-out 1.5s;
        -o-transition: opacity ease-in-out 1.5s;
        -webkit-transition: opacity ease-in-out 1.5s;
        transition: opacity ease-in-out 1.5s;
        left: 0 !important;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        top: 0;
        position: absolute;
        width: 100%;
        display: block !important;
        z-index: 100
    }

        .carousel.fade .item:first-child {
            top: auto;
            position: relative
        }

        .carousel.fade .item.active {
            opacity: .4;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
            -moz-transition: opacity ease-in-out 1.5s;
            -o-transition: opacity ease-in-out 1.5s;
            -webkit-transition: opacity ease-in-out 1.5s;
            transition: opacity ease-in-out 1.5s;
            z-index: 200
        }

    .carousel.fade .carousel-indicators li.pre-active {
        margin: 1px
    }

.sidebar {
}

    .sidebar.blog {
    }

    .sidebar.out {
        padding-top: 90px
    }

    .sidebar .sep-heading-container {
        padding-top: 60px
    }

        .sidebar .sep-heading-container:first-child {
            padding-top: 0
        }

.input-group input {
    box-shadow: none;
    border-radius: 3px;
    font-size: 13px;
    height: 38px
}

    .input-group input:focus {
        box-shadow: none
    }

.input-group .input-group-btn .btn {
    height: 38px;
    border-radius: 0 3px 3px 0;
    font-size: 16px;
    padding: 6px 11px;
    transition: .35s;
    -moz-transition: .35s;
    -o-transition: .35s;
    -ms-transition: .35s
}

a.list-group-item {
    font-size: 13px
}

.tweet-box {
    margin-top: 0;
    margin-bottom: 12px
}

.sidebar .tweet-box:last-child {
    margin-bottom: 0
}

.tag {
    line-height: 38px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 0 10px;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 13px;
    transition: .35s ease;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    -moz-transition: .35s ease;
    -ms-transition: .35s ease
}

.fancy-portfolio .sidebar {
    padding-top: 8px
}

    .fancy-portfolio .sidebar.left {
        padding-left: 6px
    }

    .fancy-portfolio .sidebar.right {
        padding-right: 6px
    }

.full-portfolio {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1);
    padding-bottom: 75px
}

    .full-portfolio .portfolio-isotope {
        margin-bottom: 15px;
        margin-left: 1px;
        margin-right: 1px
    }

    .full-portfolio .breadcrumb {
        text-align: center;
        margin-top: 80px;
        margin-bottom: 20px
    }

    .full-portfolio .item-wrap {
        float: left;
        width: 16.66666666666666%
    }

        .full-portfolio .item-wrap .item {
            margin-bottom: 1px;
            margin-right: 1px
        }

    .full-portfolio .item {
        position: relative
    }

    .full-portfolio img {
        width: 100%
    }

.container.full-pf {
    padding-top: 0;
    padding-bottom: 0
}

    .container.full-pf > .row {
        padding-top: 0;
        padding-bottom: 0
    }

.googlemap {
    position: relative;
    padding-bottom: 22%;
    overflow: hidden
}

    .googlemap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }

.txt-min {
    font-size: 11px;
    line-height: 18px
}

.txt-sm {
    font-size: 12px;
    line-height: 18px
}

.txt-lgr {
    font-size: 15px;
    line-height: 20px
}

.wrap-404 {
    font-size: 230px;
    line-height: 230px
}

    .wrap-404 i {
        font-size: 200px;
        position: relative;
        bottom: 10px
    }

.masonry-container .col-sizer {
    width: 25%
}

    .masonry-container .col-sizer .mason-el.width2 {
        width: 50%
    }

.shop-crsl {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1)
}

    .shop-crsl.carousel-fade .carousel-inner {
        overflow: visible
    }

.carousel .controls a {
    position: absolute;
    top: 50%;
    width: 100%;
    line-height: 53px;
    width: 50px;
    border-radius: 2px;
    text-align: center;
    margin-top: -25px;
    font-size: 11px;
    height: 50px;
    z-index: 200
}

.carousel .controls.mini a {
    height: 25px;
    width: 25px;
    line-height: 27px;
    margin: 0
}

.carousel .controls.mini .left {
    left: 20px;
    top: 20px
}

.carousel .controls.mini .right {
    left: 48px;
    top: 20px
}

.carousel .controls.spaced a {
    margin-left: 15px;
    margin-right: 15px
}

.carousel .controls a:hover {
    text-decoration: none
}

.carousel .controls .left {
    left: 0;
    position: absolute;
    padding-right: 3px
}

.carousel .controls .right {
    right: 0;
    position: absolute;
    padding-left: 3px
}

.shop-col-item:hover {
    cursor: pointer
}

.shop-promo {
    text-align: center;
    padding: 15px;
    border-radius: 5px
}

    .shop-promo h3 {
        margin-top: 21px
    }

    .shop-promo .title {
        font-size: 42px;
        line-height: 48px;
        padding: 12px 0;
        padding-bottom: 22px
    }

    .shop-promo .button {
        margin: 24px 0
    }

    .shop-promo p {
        margin: 10px 0
    }

.shop-col-item .photo {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

    .shop-col-item .photo img {
        margin: 0 auto;
        width: 100%
    }

.shop-col-item .info {
    padding: 10px;
    border-radius: 0 0 5px 5px
}

.shop-col-item .price {
    width: 50%;
    float: left;
    margin-top: 5px
}

    .shop-col-item .price h5 {
        line-height: 20px;
        margin: 0
    }

.shop-col-item .rating {
    width: 50%;
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px
}

.shop-col-item .btn-add {
    width: 50%;
    float: left
}

.shop-col-item .btn-details {
    width: 50%;
    float: left;
    padding-left: 10px
}

    .shop-col-item .btn-details .fa-list {
        position: relative;
        top: 1px
    }

.shop-col-item .btns p {
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px
}

    .shop-col-item .btns p i {
        font-size: 14px;
        margin-right: 5px
    }

.shop.load {
    margin-top: 60px;
    margin-bottom: 15px
}

    .shop.load.inside {
        margin-top: 75px;
        margin-bottom: 15px
    }

    .shop.load.outside {
    }

.load.inside {
    margin-top: 60px
}

.shop-wrapper .sep-heading-container {
    padding-bottom: 0
}

.shop-wrapper .load {
    margin-top: 75px
}

.shop-over.load {
    margin-top: 75px;
    margin-bottom: 15px
}

.sidebar.shop {
}

    .sidebar.shop .testimonials-2 .client {
        padding-right: 20px
    }

.list-group {
    margin-bottom: 0
}

    .list-group.products .list-group-item {
        min-height: 60px;
        padding: 12px 15px
    }

    .list-group.products img {
        padding-left: 5px;
        padding-right: 5px;
        float: left
    }

    .list-group.products p {
        margin-bottom: 0
    }

        .list-group.products p.name {
            line-height: 15px;
            margin-top: 3px
        }

        .list-group.products p.price {
            font-size: 11px;
            line-height: 11px
        }

.shop-panel {
}

    .shop-panel .cart-list {
        margin-right: 1px
    }

        .shop-panel .cart-list .head {
            border-radius: 3px;
            font-size: 13px;
            width: 100%
        }

            .shop-panel .cart-list .head > div {
                float: left
            }

            .shop-panel .cart-list .head .section {
                padding: 10px 0
            }

            .shop-panel .cart-list .head .product {
                width: 35%;
                text-align: center;
                padding-left: 50px
            }

            .shop-panel .cart-list .head .prc {
                text-align: right;
                width: 30%;
                padding-right: 15px
            }

            .shop-panel .cart-list .head .qty {
                text-align: center;
                width: 20%;
                padding-right: 12px
            }

            .shop-panel .cart-list .head .total {
                width: 15%;
                text-align: center;
                padding-right: 30px
            }

        .shop-panel .cart-list .line {
            text-align: center
        }

            .shop-panel .cart-list .line > div {
                float: left;
                margin: 20px 0
            }

        .shop-panel .cart-list .icon {
            padding-left: 20px;
            padding-right: 20px;
            text-align: left;
            width: 5%;
            line-height: 40px
        }

        .shop-panel .cart-list .mini-image {
            padding: 2px 15px;
            width: 10%
        }

        .shop-panel .cart-list .name {
            font-size: 15px;
            width: 35%;
            padding-left: 30px;
            text-align: left;
            line-height: 40px
        }

        .shop-panel .cart-list .price {
            font-size: 13px;
            width: 15%;
            text-align: right;
            line-height: 40px
        }

        .shop-panel .cart-list .quantity {
            width: 25%
        }

        .shop-panel .cart-list .line .total {
            width: 10%;
            text-align: left;
            line-height: 40px
        }

        .shop-panel .cart-list .line .button {
            display: inline-block
        }

            .shop-panel .cart-list .line .button .over {
                width: 36px;
                padding: 9px 15px;
                max-width: 36px
            }

        .shop-panel .cart-list .amount {
            font-size: 13px;
            padding: 9px 14.5px;
            border-radius: 3px;
            display: inline-block
        }

        .shop-panel .cart-list .inputs {
            width: 100%;
            padding: 20px
        }

            .shop-panel .cart-list .inputs input {
                max-width: 240px;
                width: 240px;
                display: inline-block;
                height: 40px;
                margin-top: -3px;
                box-shadow: none
            }

            .shop-panel .cart-list .inputs .button {
                margin-top: 2px
            }

            .shop-panel .cart-list .inputs input:focus {
                box-shadow: none
            }

        .shop-panel .cart-list .quantity .button {
            line-height: 36px;
            width: 36px;
            text-indent: -1px;
            transition: .4s;
            -webkit-transition: .4s;
            -o-transition: .4s;
            -moz-transition: .4s;
            -ms-transition: .4s
        }

    .shop-panel .shipping {
        border-radius: 3px;
        overflow: hidden
    }

        .shop-panel .shipping .inside {
            padding: 30px 20px;
            border-top: none
        }

        .shop-panel .shipping .input-group {
            margin-bottom: 30px
        }

    .shop-panel .form-control {
        height: 40px;
        border-radius: 5px;
        padding: 8px 15px
    }

    .shop-panel .shipping .input-group > input {
        margin-bottom: 0;
        padding: 8px 15px;
        font-size: 11px;
        border-right: none
    }

    .shop-panel .shipping .input-group > .input-group-addon {
        font-size: 11px;
        border-radius: 0 5px 5px 0
    }

    .shop-panel .shipping input, .shop-panel .shipping select {
        box-shadow: none;
        margin-bottom: 30px;
        font-size: 11px;
        font-family: 'Open Sans',sans-serif
    }

.select-aux {
    width: 100%
}

.shop-panel .shipping select {
    padding-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.shop-panel .shipping .select-aux {
    margin-bottom: 30px
}

    .shop-panel .shipping .select-aux select {
        margin-bottom: 0
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding-right: 18px
    }
}

.select-aux {
    position: relative
}

    .select-aux:after {
        font-size: 11px;
        content: "";
        color: #aaa;
        margin-top: -5px;
        top: 50%;
        right: 20px;
        position: absolute;
        pointer-events: none
    }

    .select-aux:before {
        content: '';
        right: 6px;
        top: 0;
        width: 20px;
        height: 20px;
        position: absolute;
        pointer-events: none;
        display: block
    }

.shop-panel .shipping input:focus {
    box-shadow: none
}

.shop-panel .shipping .button {
    width: 100%
}

.shop-panel .shipping .head {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    padding: 10px 20px
}

.shop-panel .totals {
    border-radius: 3px;
    overflow: hidden
}

    .shop-panel .totals .head {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 13px;
        padding: 10px 20px
    }

    .shop-panel .totals .item, .shop-panel .totals .value {
        float: left;
        width: 50%;
        padding: 10px 20px
    }

    .shop-panel .totals .value {
        text-indent: 5px
    }

    .shop-panel .totals .value {
        border-left: 1px solid #e1e1e1
    }

    .shop-panel .totals .cart-total .value {
        font-size: 15px;
        line-height: 18px
    }

    .shop-panel .totals .line {
        border-top: none
    }

.product-wrap .preview .large, .product-wrap .preview .small {
    border-radius: 3px;
    overflow: hidden
}

.product-wrap h3 {
    margin-bottom: 5px
}

.product-wrap p {
    line-height: 23px
}

.product-wrap .sep-line {
    margin: 30px 0
}

.product-wrap .preview img {
    width: 100%
}

.product-wrap .preview .large {
    padding: 8px;
    margin-bottom: 30px;
    position: relative
}

    .product-wrap .preview .large .overlay {
        width: auto;
        height: auto;
        top: 8px;
        bottom: 8px;
        left: 8px;
        right: 8px;
        border-radius: 0
    }

.product-wrap .preview .small {
    padding: 5px;
    position: relative
}

    .product-wrap .preview .small .overlay {
        width: auto;
        height: auto;
        top: 5px;
        bottom: 5px;
        left: 5px;
        right: 5px;
        border-radius: 0
    }

.product-wrap .controls {
    margin: 35px 0;
    text-indent: -1px
}

    .product-wrap .controls .button.ctrl {
        width: 38px;
        line-height: 38px;
        float: left
    }

    .product-wrap .controls .amount {
        line-height: 38px;
        width: 40px;
        text-align: center;
        border-radius: 3px;
        float: left;
        margin-top: -1px;
        margin-left: 1px;
        margin-right: 1px
    }

    .product-wrap .controls .button.add {
        margin-left: 10px
    }

.product-wrap .tab {
    margin-top: 35px
}

.form {
    border-radius: 5px;
    padding: 0 15px
}

    .form .head {
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        max-width: 240px;
        margin: 0 auto;
        padding: 30px 0 20px
    }

    .form .form-control {
        height: 30px;
        border-radius: 1px
    }

        .form .form-control:focus {
            box-shadow: none;
            outline: none;
            border-color: none
        }

    .form .input-group-addon {
        height: 29px;
        padding: 0 5px;
        border-radius: 1px
    }

    .form input {
        display: inline-block;
        width: 100%;
        font-size: 11px;
        padding: 5px;
        outline: none;
        margin: 0;
        border-radius: 1px;
        box-shadow: none;
        -webkit-box-shadow: none
    }

.form-1 {
    position: relative;
    border-radius: 5px 5px 0 0
}

    .form-1 .shadow {
        bottom: -1px;
        position: absolute;
        width: 114%;
        height: 20px;
        left: -7%;
        background-image: url('../img/form-shadow.png');
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: 100%;
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
    }

    .form-1 input.form-control {
        border-right: none
    }

    .form-1 .input-group-addon {
        border-radius: 1px;
        border-left: none
    }

        .form-1 .input-group-addon i {
            width: 1.285em
        }

.form .form-1 .form-control {
    border-right: none
}

.form-1 .textarea-icon {
    position: relative;
    margin: 10px 0
}

    .form-1 .textarea-icon textarea.form-control {
        overflow: hidden;
        resize: none;
        border-radius: 0;
        font-size: 11px;
        height: auto;
        display: inline-block;
        padding: 5px 15px 5px 5px;
        box-shadow: none
    }

    .form-1 .textarea-icon i {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 1.285em;
        text-align: center
    }

.form-1 .clear {
    font-size: 12px;
    padding: 5px 0;
    line-height: 20px
}

.form-1 .btns {
    padding: 5px 0 60px
}

.form-2 textarea.form-control {
    margin: 10px 0;
    overflow: hidden;
    resize: none;
    border-radius: 0;
    font-size: 11px;
    height: auto;
    display: inline-block;
    padding: 5px;
    box-shadow: none
}

.form-2 .btns {
    padding: 4px 0 60px
}

    .form-2 .btns .button {
        width: 100%
    }

.form-3 {
}

    .form-3 .form-control {
        margin-bottom: 25px
    }

    .form-3 input {
        height: 40px;
        box-shadow: none;
        font-size: 11px
    }

        .form-3 input[type="radio"] {
            height: 12px
        }

        .form-3 input[type="checkbox"] {
            height: 12px
        }

        .form-3 input:focus {
            box-shadow: none;
            outline: none;
            border-color: none
        }

    .form-3 textarea {
        box-shadow: none;
        font-size: 11px;
        resize: none;
        overflow: hidden;
        margin-bottom: 25px;
        padding: 15px 12px
    }

        .form-3 textarea:focus {
            box-shadow: none;
            outline: none;
            border-color: none
        }

    .form-3 .button i {
        padding-right: 5px;
        font-size: 14px
    }

    .form-3 .clear {
        line-height: 32px;
        font-size: 12px
    }

    .form-3 .btns input {
        position: relative;
        top: -1px
    }

.login-form, .register-form {
    border-radius: 5px
}

input.form-control.main-form {
    border-radius: 7px;
    height: 40px;
    margin-bottom: 30px;
    padding: 5px 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 11px
}

    input.form-control.main-form:focus {
        box-shadow: none;
        -webkit-box-shadow: none
    }

.login-form .head, .register-form .head {
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding: 65px 0;
    max-width: initial
}

.login-form .buttons, .register-form .buttons {
    margin-bottom: 30px
}

    .login-form .buttons .lost {
        float: right;
        line-height: 32px
    }

.event.small {
    margin-bottom: 50px
}

    .event.small:last-child {
        margin-bottom: 0
    }

.event .thumb {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

    .event .thumb:hover {
        cursor: pointer
    }

.event img {
    width: 100%;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

    .event img:hover {
        cursor: pointer
    }

.event.small .details {
    padding: 0
}

.event .details {
    padding: 10px 0 0
}

.date {
    border-radius: 3px;
    text-align: center;
    width: 50px
}

    .date .day {
        font-size: 23px;
        line-height: 34px
    }

    .date .month {
        font-size: 13px;
        line-height: 18px;
        padding-bottom: 2px
    }

.event .text {
    padding-left: 60px
}

    .event .text h5 {
        margin-bottom: 2px
    }

    .event .text p {
        margin: 0
    }

    .event .text .italic {
        opacity: .55;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
    }

.event .time {
    font-size: 13px
}

.calendar {
    border-radius: 5px
}

    .calendar .head {
        font-size: 22px;
        padding: 12px
    }

    .calendar .days {
        font-size: 13px;
        padding: 10px 0
    }

        .calendar .days .item {
            float: left;
            width: 14.28571428571429%;
            opacity: .55;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
        }

    .calendar .week {
        display: block;
        width: 100%
    }

        .calendar .week .day:first-child {
            border-left: none
        }

    .calendar .day {
        float: left;
        width: 14.28571428571429%;
        padding-bottom: 14.28571428571429%;
        height: 0
    }

    .calendar.small .day {
        width: 33.3333333333%;
        min-height: 120px
    }

    .calendar .day.event {
        margin: 0
    }

        .calendar .day.event:hover {
            cursor: pointer
        }

        .calendar .day.event .number {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
        }

    .calendar .day .number {
        display: block;
        font-size: 23px;
        font-weight: 700;
        padding: 7px;
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        line-height: 21px
    }

    .calendar .day .time {
        display: block;
        font-size: 13px;
        padding: 3px 7px;
        font-family: 'Roboto',sans-serif
    }

    .calendar .day .description {
        font-style: italic;
        font-size: 13px;
        padding: 7px;
        padding-top: 5px;
        display: block
    }

    .calendar .empty {
        border: none
    }

    .calendar .navigator a {
        padding: 15px 20px;
        font-family: 'Roboto',sans-serif;
        font-size: 13px;
        transition: all .35s ease;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -o-transition: all .35s ease;
        -ms-transition: all .35s ease
    }

.img-box {
    margin-bottom: 10px
}

    .img-box .thumb {
        position: relative;
        border-radius: 5px;
        overflow: hidden
    }

    .img-box img {
        width: 100%;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }

    .img-box h5 {
        margin: 10px 0
    }

.callout {
    padding: 40px 50px;
    border-radius: 5px
}

    .callout p {
        margin: 9px 0
    }

.teaser {
    padding: 40px;
    border-radius: 5px
}

    .teaser p {
        font-size: 22px;
        font-weight: 300;
        margin: 0
    }

#buttons .button {
    margin-bottom: 15px;
    margin-right: 12px
}

#buttons .call > .button {
    margin: 10px;
    margin-top: 15px
}

.button {
    border-radius: 2px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    display: inline-block
}

    .button:hover {
        cursor: pointer
    }

    .button.full {
        width: 100%
    }

    .button.solid {
        position: relative
    }

        .button.solid:hover {
            text-decoration: none
        }

    .button.striped {
        background: none;
        border: 1px solid
    }

    .button .over {
        transition: all .35s ease;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -o-transition: all .35s ease;
        -ms-transition: all .35s ease;
        border-radius: inherit;
        display: block
    }

    .button.lg .over {
        padding: 15px 44px
    }

    .button.md .over {
        padding: 10px 44px
    }

    .button.sm .over {
        padding: 7px 20px
    }

    .button.icon.lg .over {
        padding: 15px 36.5px
    }

    .button.icon.md .over {
        padding: 10px 36.5px
    }

    .button.icon.sm .over {
        padding: 7px 12.5px
    }

    .button.striped.lg {
        padding: 14px 43px
    }

    .button.striped.md {
        padding: 9px 43px
    }

    .button.striped.sm {
        padding: 6px 19px
    }

.lg-btn-section .button.striped {
    font-size: 18px;
    line-height: 72px;
    padding: 0 135px
}

.lg-btn-section .button.solid .over {
    line-height: 72px;
    padding: 0 135px;
    font-size: 18px
}

.button .over input, .button .over button, .button.striped button, .button.striped input {
    text-transform: uppercase;
    font-weight: 700;
    color: inherit;
    border: none;
    background: none;
    height: auto;
    font-size: 12px;
    line-height: 15px;
    padding: 0
}

.box.counter {
    border-radius: 2px;
    text-align: center;
    padding: 18px 0
}

    .box.counter .count {
        font-size: 40px;
        padding: 5px 0
    }

    .box.counter .unit {
        font-size: 18px;
        padding: 5px 0
    }

.progress {
    height: 16px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 0 1px 0 rgba(0,0,0,.15);
    background: #f5f5f5;
    overflow: visible
}

    .progress:last-child {
        margin-bottom: 10px
    }

    .progress .progress-bar {
        box-shadow: none;
        position: relative;
        border-radius: inherit
    }

.accordion-filter li:hover {
    cursor: pointer
}

.accordion .panel-heading a i.fa:before {
    content: ""
}

.accordion .panel-heading a.collapsed i.fa:before {
    content: ""
}

.accordion .panel-heading:hover {
    cursor: pointer
}

.accordion .panel-heading:not(.collapsed) {
}

.accordion a:hover {
    text-decoration: none
}

.filter-panel .panel {
    width: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none;
    overflow: visible
}

.panel-group .panel {
    border-radius: 5px
}

.panel-title {
    font-size: 13px;
    line-height: 25px
}

    .panel-title i {
        font-size: 25px;
        line-height: 20px;
        display: inline-block;
        position: relative;
        top: 5px;
        margin-right: 8px
    }

.panel-heading {
    padding: 5px 8px;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 2px
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    padding: 18px 40px
}

    .panel-group .panel-heading + .panel-collapse .panel-body p {
        line-height: 16px;
        margin-bottom: 0
    }

.breadcrumb {
    margin: 0;
    font-size: 13px;
    background: none;
    padding: 8px 0
}

    .breadcrumb a {
        transition: all .35s ease;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -o-transition: all .35s ease;
        -ms-transition: all .35s ease
    }

        .breadcrumb a:hover {
            text-decoration: none
        }

.alert {
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 3px
}

    .alert i.fa, .alert i.icon {
        line-height: 20px;
        font-size: 20px;
        margin-right: 10px;
        width: 22px;
        text-align: center
    }

    .alert .text {
        font-size: 13px
    }

    .alert.alert-icon .text {
        padding-left: 32px
    }

    .alert.border {
        padding: 9px 14px
    }

    .alert.alert-noicon.sc {
        padding: 15px 15px
    }

        .alert.alert-noicon.sc .text {
            line-height: 42px
        }

        .alert.alert-noicon.sc .socials {
            padding-top: 7px
        }

.table {
    margin-bottom: 0
}

    .table.pricing {
        text-align: center
    }

        .table.pricing .head h4 {
            margin: 0;
            padding: 12px 0
        }

        .table.pricing .price {
            font-size: 50px;
            padding: 5px
        }

            .table.pricing .price .amount {
                position: relative;
                display: inline-block;
                line-height: 44px
            }

            .table.pricing .price .unit {
                position: absolute;
                font-size: 17px;
                top: 2px;
                left: -10px;
                line-height: 20px
            }

    .table .field {
        font-size: 13px;
        padding: 12px
    }

    .table.pricing .button {
        margin: 10px
    }

        .table.pricing .button .over {
            padding: 7px 28px
        }

.data .head {
    padding: 20.5px 0
}

.data .price {
    padding: 55px
}

.data .field {
    padding: 12px;
    font-size: 13px;
    padding-left: 18px
}

.data div:last-child {
    border: none
}

.tablewrap {
    border-radius: 5px
}

.table.data thead td {
    padding: 15px 20px;
    font-size: 16px
}

.table.data td {
    font-size: 13px;
    width: 25%;
    padding: 10px 20px
}

.table {
    border-collapse: separate !important;
    border-spacing: 0
}

    .table tr td:first-child {
        border-left: none !important
    }

    .table tr:last-child td {
        border-bottom: none !important
    }

.tablewrap, .table {
    border-radius: 5px
}

    .table thead tr td:first-child {
        border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0
    }

    .table thead tr td:last-child {
        border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        -webkit-border-radius: 0 5px 0 0
    }

    .table tbody tr:last-child td:last-child {
        border-radius: 0 0 5px 0;
        -moz-border-radius: 0 0 5px 0;
        -webkit-border-radius: 0 0 5px 0
    }

    .table tbody tr:last-child td:first-child {
        border-radius: 0 0 0 5px;
        -moz-border-radius: 0 0 0 5px;
        -webkit-border-radius: 0 0 0 5px
    }

.blog-wrapper .post-links {
    opacity: .55;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.blog-wrapper .sep-line {
    margin-top: 80px
}

.blog-wrapper .page-nav .button i, .forum .page-nav .button i {
    font-size: 11px
}

    .blog-wrapper .page-nav .button i.fa-chevron-left, .forum .page-nav .button i.fa-chevron-left {
        margin-right: 7px;
        margin-left: -5px
    }

    .blog-wrapper .page-nav .button i.fa-chevron-right, .forum .page-nav .button i.fa-chevron-right {
        margin-left: 7px;
        margin-right: -5px
    }

.blog-wrapper .page-nav .pages, .forum .page-nav .pages {
    font-size: 0
}

    .blog-wrapper .page-nav .pages .page, .forum .page-nav .pages .page {
        display: inline-block;
        min-width: 38px;
        text-align: center;
        padding: 10px 0;
        border-radius: 2px;
        transition: .4s;
        -webkit-transition: .4s;
        -o-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        font-size: 13px;
        margin: 0 1px;
        font-weight: 700
    }

        .blog-wrapper .page-nav .pages .page:hover, .forum .page-nav .pages .page:hover {
            text-decoration: none
        }

.page-nav .visible-xs .button .over {
    padding: 10px 15.5px
}

.page-nav .visible-xs .button i {
    margin: 0 !important
}

.blog-wrapper .element {
    margin-bottom: 90px
}

    .blog-wrapper .element:last-child {
        margin-bottom: 0
    }

.blog-wrapper.single-event {
    padding-top: 0
}

.blog-wrapper .row {
}

.blog-wrapper .stats {
    font-size: 15px;
    text-transform: capitalize
}

.blog-wrapper .inside {
    padding-left: 97px
}

.blog-wrapper .date {
    border: none;
    width: 100%;
    background: none
}

    .blog-wrapper .date .day {
        font-size: 40px
    }

    .blog-wrapper .date .month {
        font-size: 15px;
        padding: 12px 0
    }

.blog-wrapper .stats i.fa {
    font-size: 26px;
    margin-top: 10px
}

.blog-wrapper .stats i.fa-share, .blog-wrapper .stats i.fa-heart {
    position: relative;
    transition: .4s;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s
}

.blog-wrapper .stats .socials {
    position: absolute;
    top: -5px;
    right: -35px;
    width: 0;
    height: 0;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    z-index: 100;
    overflow: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.blog-wrapper .stats .fa-share:hover .socials {
    width: 45px;
    overflow: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding-left: 10px;
    height: auto
}

.blog-wrapper .stats .fa-share .socials:hover {
    width: 45px;
    overflow: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding-left: 10px;
    height: auto
}

.blog-wrapper .stats .socials a {
    margin: 0
}

.blog-wrapper .image {
    position: relative;
    border-radius: 5px;
    margin-bottom: 10px
}

    .blog-wrapper .image img {
        border-radius: 5px
    }

.blog-wrapper.thumb .image {
    margin-bottom: 90px
}

.blog-wrapper h3 {
    margin-top: 10px;
    margin-bottom: 0
}

.blog-wrapper.blog-thumb h3 {
    margin: 0
}

.blog-wrapper p.text {
    line-height: 22px
}

    .blog-wrapper p.text a {
        margin-left: 15px
    }

.blog-wrapper .body {
}

.blog-wrapper.thumb .body {
    border: none
}

.blog-wrapper.grid .element-wrap, .timeline .element-wrap {
    padding-bottom: 30px
}

.blog-wrapper.grid .element, .timeline .element {
    border-radius: 2px
}

.blog-wrapper.grid .head, .timeline .head {
    border-radius: 2px 2px 0 0
}

.blog-wrapper.grid .image {
    margin: 0
}

.blog-wrapper.grid .overlay {
    border-radius: 3px 3px 0 0
}

.blog-wrapper.grid .image img {
    border-radius: 3px 3px 0 0
}

.blog-wrapper.grid .quote {
    padding: 0;
    margin: 0
}

    .blog-wrapper.grid .quote .head {
        padding: 18px;
        padding-top: 12px
    }

    .blog-wrapper.grid .quote .author {
        font-size: 13px;
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        margin: 0;
        margin-top: 20px
    }

.blog-wrapper.grid .audio .audio-wrap {
    margin-bottom: 10px
}

    .blog-wrapper.grid .audio .audio-wrap audio {
        width: 100% !important;
        background: red
    }

.blog-wrapper.grid .audio .body {
    border-radius: 3px
}

.blog-wrapper.grid .quote .head .text {
    margin: 0;
    line-height: 30px
}

.blog-wrapper.grid .quote .bot {
    margin-top: 0
}

.blog-wrapper.grid .quote .body {
    padding-top: 15px
}

.blog-wrapper.grid .head .text, .timeline .head .text {
    font-size: 15px
}

.blog-wrapper.grid .head img, .timeline .head img {
    width: 100%
}

.blog-wrapper.grid .body, .timeline .body {
    padding: 18px;
    padding-bottom: 0;
    border-radius: 0 0 3px 3px
}

.blog-wrapper.grid h5, .timeline h5 {
    margin-bottom: 3px
}

.blog-wrapper.grid .post-links, .timeline .post-links {
    opacity: .55;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
}

.blog-wrapper.grid .bot, .timeline .bot {
    margin-top: 10px;
    background: #fff;
    border-top: 1px solid #e1e1e1;
    padding: 8px 0 10px
}

    .blog-wrapper.grid .bot .date, .timeline .bot .date {
        width: 75%;
        float: left;
        background: none;
        text-align: left;
        opacity: .55;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
        font-size: 13px;
        border: none
    }

    .blog-wrapper.grid .bot .stats, .timeline .bot .stats {
        width: 25%;
        float: left;
        text-align: right;
        font-size: 11px;
        line-height: 18px
    }

        .blog-wrapper.grid .bot .stats a, .blog-wrapper.grid .bot .stats a {
            font-size: 13px;
            margin-left: 3px;
            transition: .35s;
            -webkit-transition: .35s;
            -o-transition: .35s;
            -moz-transition: .35s;
            -ms-transition: .35s
        }

        .timeline .bot .stats a {
            transition: .35s;
            -webkit-transition: .35s;
            -moz-transition: .35s;
            -o-transition: .35s;
            -ms-transition: .35s
        }

.blog-wrapper.grid .video-frame {
    padding-bottom: 56%
}

.blog-wrapper.grid .element-wrap.load {
    padding-top: 60px;
    margin-bottom: 0;
    padding-bottom: 0
}

.blog-wrapper .quote {
    border-radius: 5px;
    padding: 50px;
    padding-bottom: 40px;
    margin-bottom: 10px
}

    .blog-wrapper .quote .text {
        font-size: 22px;
        line-height: 25px;
        margin-bottom: 40px
    }

    .blog-wrapper .quote .author {
        font-size: 15px;
        opacity: .65;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
    }

.blog-wrapper.personal .row {
    padding-top: 45px;
    padding-bottom: 200px
}

    .blog-wrapper.personal .row:first-child {
        padding-top: 90px
    }

    .blog-wrapper.personal .row:last-child {
        padding-bottom: 100px
    }

.blog-wrapper.personal .author {
    width: 50%;
    float: left;
    text-align: left;
    font-size: 13px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

    .blog-wrapper.personal .author i {
        font-size: 15px;
        margin-right: 5px
    }

.blog-wrapper.personal .stats {
    width: 50%;
    float: right;
    text-align: right;
    font-size: 13px
}

.blog-wrapper.personal .meta .stats a, .blog-wrapper.personal .meta .stats i {
    font-size: 14px;
    margin-left: 5px;
    transition: .4s;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s
}

.blog-wrapper.personal .meta .socials a, .blog-wrapper.personal .meta .socials a i {
    margin: 0
}

.blog-wrapper.personal .meta .stats a.fa-heart {
    padding-right: 7px;
    border-right: 1px solid #e1e1e1
}

.blog-wrapper.personal .meta {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 110px
}

    .blog-wrapper.personal .meta .symbol {
        position: absolute;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        top: -45px
    }

        .blog-wrapper.personal .meta .symbol i {
            border-radius: 3px 3px 0 0;
            font-size: 56px;
            width: 100%;
            line-height: 100px
        }

        .blog-wrapper.personal .meta .symbol .date {
            border-top: none;
            font-size: 13px;
            line-height: 32px;
            border-radius: 0 0 3px 3px
        }

    .blog-wrapper.personal .meta .author {
        width: 50%
    }

.blog-wrapper.personal .body {
    border: none
}

    .blog-wrapper.personal .body .more {
        font-size: 13px
    }

.blog-wrapper.personal .link h2 a {
    text-decoration: underline;
    color: inherit
}

.blog-wrapper.personal .carousel {
    margin-bottom: 45px
}

    .blog-wrapper.personal .carousel .image .overlay {
        border-radius: 5px;
        overflow: hidden
    }

    .blog-wrapper.personal .carousel .image img {
        border-radius: 5px;
        overflow: hidden
    }

    .blog-wrapper.personal .carousel .controls a {
        margin-top: -50px
    }

    .blog-wrapper.personal .carousel .controls .left {
        left: 15px
    }

    .blog-wrapper.personal .carousel .controls .right {
        right: 15px
    }

.blog-wrapper.personal .image img {
    margin-bottom: 45px;
    border-radius: 5px;
    overflow: hidden
}

.blog-wrapper.personal .player {
    margin-bottom: 45px
}

    .blog-wrapper.personal .player .video-frame {
        padding-bottom: 56.2%
    }

.blog-wrapper.personal .quote {
    padding: 0;
    padding-top: 90px
}

    .blog-wrapper.personal .quote .text {
        font-size: 24px;
        margin-bottom: 15px
    }

    .blog-wrapper.personal .quote .body .author {
        font-size: 13px;
        text-align: center;
        width: 100%
    }

.blog-wrapper.single .photo {
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

.block-quote {
    padding: 15px
}

.blog-wrapper.single .block-quote {
    margin-bottom: 50px;
    margin-top: 50px
}

.block-quote .author {
    font-style: normal;
    font-size: 13px;
    position: relative;
    bottom: 3px
}

.author-box {
    padding: 20px;
    border-radius: 5px
}

    .author-box .img-wrap {
        padding: 3px;
        border-radius: 4px;
        width: 97px;
        float: left
    }

    .author-box .text {
        padding-left: 120px
    }

        .author-box .text .author {
            font-size: 16px;
            margin-bottom: 7px
        }

        .author-box .text .about {
            font-size: 14px;
            opacity: .7;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            line-height: 16px
        }

.blog-wrapper.single p {
    line-height: 23px;
    margin-bottom: 25px
}

.blog-wrapper.single .icon.list p {
    margin-bottom: 10px
}

.blog-wrapper.single .icon.list {
    margin: 40px 0 !important
}

.blog-wrapper.single .comment-root .comment-wrap {
}

.blog-wrapper.single .comment-wrap .comment-wrap {
    padding-left: 60px
}

.blog-wrapper.single .comment-section {
    margin-top: 90px;
    margin-bottom: 40px
}

.blog-wrapper.single .comment {
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 10px
}

    .blog-wrapper.single .comment .avatar {
        float: left
    }

    .blog-wrapper.single .comment .reply {
        float: right;
        font-size: 13px
    }

    .blog-wrapper.single .comment .textblock {
        padding-left: 77px
    }

    .blog-wrapper.single .comment .author {
        font-size: 14px;
        line-height: 16px
    }

    .blog-wrapper.single .comment .time {
        font-size: 11px
    }

    .blog-wrapper.single .comment .text {
        font-size: 13px;
        line-height: 15px;
        margin-top: 15px
    }

.blog-wrapper.single .post-accordion {
    padding: 90px 0 10px
}

.blog-wrapper.single .form-3 {
    margin-top: 50px
}

    .blog-wrapper.single .form-3 .row {
        padding: 0
    }

    .blog-wrapper.single .form-3 h4 {
        margin-top: 40px;
        margin-bottom: 0
    }

    .blog-wrapper.single .form-3 p {
        margin-bottom: 40px
    }

.code {
    padding: 25px 80px;
    padding-right: 20px;
    border-radius: 5px
}

    .code .line {
        padding-left: 20px
    }

.blog-wrapper.single .code {
    margin-bottom: 30px
}

.post {
    padding-bottom: 20px
}

    .post:last-child {
        padding-bottom: 0
    }

    .post .text {
        padding-left: 60px
    }

        .post .text h5 {
            margin-bottom: 2px
        }

        .post .text p.comments {
            margin: 0;
            opacity: .55;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"
        }

.post-thumb .photo {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

    .post-thumb .photo img {
        width: 100%;
        border-radius: 5px;
        -webkit-border-radius: 5px
    }

    .post-thumb .photo:hover {
        cursor: pointer
    }

.post-thumb .text {
    margin-top: 10px
}

    .post-thumb .text h5 {
        margin-bottom: 2px
    }

    .post-thumb .text p.info {
        opacity: .55;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
        margin-bottom: 0
    }

.post-acc {
    padding-top: 45px;
    padding-bottom: 45px
}

    .post-acc .sep-heading-container {
        margin-bottom: 15px;
        margin-top: 10px
    }

    .post-acc .text {
        margin-top: 0
    }

    .post-acc .elements {
        position: relative;
        height: 175px;
        overflow: hidden
    }

    .post-acc .element {
        transition: all .35s ease;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -o-transition: all .35s ease;
        -ms-transition: all .35s ease
    }

.forum .line {
    padding: 25px 20px;
    width: 100%;
    font-size: 0;
    border-top: none
}

.forum .head {
    font-weight: 700;
    padding: 8px 20px;
    border: none;
    font-size: 0;
    text-transform: capitalize
}

    .forum .head:first-child {
        border-radius: 3px 3px 0 0
    }

.forum .section {
    width: 80%;
    text-align: left;
    display: inline-block;
    font-size: 13px
}

    .forum .section h5 {
        margin-bottom: 3px
    }

.forum .topics {
    width: 10%;
    text-align: center;
    display: inline-block;
    font-size: 13px
}

.forum .posts {
    width: 10%;
    text-align: right;
    display: inline-block;
    font-size: 13px
}

.topic-posts .element {
    margin-bottom: 20px
}

    .topic-posts .element:last-child {
        margin-bottom: 0
    }

.topic-posts .meta {
    padding: 8px 20px;
    border-radius: 3px
}

.topic-posts .body {
    padding: 15px;
    border-top: none
}

.topic-posts .author {
    padding: 5px
}

.topic-posts .message {
    padding-left: 75px;
    line-height: 22px
}

.topic-posts .links {
    padding-top: 15px
}

.post-in {
    font-size: 16px;
    padding-top: 35px;
    padding-bottom: 35px
}

.portfolio-isotope .isotope-element {
}

.breadcrumb.portfolio-isotope-filters {
    padding: 0
}

.row > .breadcrumb.portfolio-isotope-filters {
    padding-left: 15px;
    padding-right: 15px
}

.classic.portfolio .load {
    margin-top: 0
}

.classic.portfolio .inside.load {
    margin-top: 75px
}

.portfolio .breadcrumb {
    padding: 0
}

.fancy-portfolio .breadcrumb {
    padding: 7px;
    padding-bottom: 0;
    margin-bottom: 22px
}

.portfolio.item {
    border-radius: 6px
}

    .portfolio.item .share {
        transition: all 1s ease-in-out;
        -webkit-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out
    }

        .portfolio.item .share:hover + .socials {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            top: -143px;
            padding-bottom: 40px;
            overflow: visible;
            height: auto;
            width: auto
        }

    .portfolio.item .socials {
        position: absolute;
        top: -130px;
        right: -6px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        height: 0;
        width: 0;
        overflow: hidden
    }

        .portfolio.item .socials:hover {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            padding-bottom: 40px;
            overflow: visible;
            height: auto;
            width: auto;
            top: -143px
        }

        .portfolio.item .socials a {
            display: block;
            margin-bottom: 4px;
            opacity: .8;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
        }

    .portfolio.item .top {
        position: relative;
        border-radius: 5px 5px 0 0;
        overflow: hidden
    }

        .portfolio.item .top:hover {
            cursor: pointer
        }

        .portfolio.item .top .overlay i {
            position: absolute;
            top: 50%;
            left: 50%;
            text-align: center;
            line-height: 73px;
            width: 73px;
            border-radius: 100%;
            margin-left: -36px;
            margin-top: -36px
        }

    .portfolio.item .bot {
        border-radius: 0 0 5px 5px;
        padding: 5.5px 10px;
        margin-top: 0
    }

    .portfolio.item .top img {
        width: 100%;
        border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0
    }

    .portfolio.item .bot h5 {
        margin: 10px 0;
        line-height: 15px
    }

    .portfolio.item .bot .stats {
        font-size: 11px;
        position: relative
    }

        .portfolio.item .bot .stats i {
            font-size: 13px
        }

    .portfolio.item .bot a i {
        transition: all .35s ease;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -o-transition: all .35s ease;
        -ms-transition: all .35s ease
    }

    .portfolio.item .stats .sep {
        width: 1px;
        margin: 0 9px 0 5px
    }

.fancy-portfolio.wrap {
    margin: -7px;
    border-radius: 5px
}

.fancy-portfolio .item {
    position: relative;
    border-radius: 5px;
    display: inline-block;
    float: left;
    width: 100%;
    border-radius: 5px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1)
}

    .fancy-portfolio .item img {
        width: 100%;
        border-radius: 5px
    }

    .fancy-portfolio .item:hover {
        cursor: pointer
    }

    .fancy-portfolio .item .overlay i.md {
        top: 45%
    }

.item .overlay .title {
    font-size: 19.9px;
    width: 100%;
    position: absolute;
    display: block;
    bottom: 12%;
    text-align: center
}

.fancy-portfolio .item.wrap {
    width: 33.33333333333333%;
    padding: 7px
}

.fancy-portfolio.col-4 .item.wrap {
    width: 25%
}

.fancy-portfolio.col-2 .item.wrap {
    width: 50%
}

.fancy-portfolio .load-wrap {
    padding: 0 8px;
    margin-top: 90px
}

.portfolio.single {
    position: relative;
    overflow: hidden
}

    .portfolio.single.carousel {
        padding: 45px 0
    }

    .portfolio.single .info > p {
        line-height: 23px;
        margin-bottom: 67px
    }

    .portfolio.single .icon.list {
        margin-bottom: 50px
    }

        .portfolio.single .icon.list .element {
            margin-bottom: 0
        }

            .portfolio.single .icon.list .element p {
                padding: 2px
            }

            .portfolio.single .icon.list .element i {
                border-radius: 100%;
                height: 23px;
                line-height: 24px;
                width: 23px;
                text-align: center;
                text-indent: -1px;
                font-size: 13px;
                margin-right: 15px
            }

    .portfolio.single .photo {
        position: relative;
        border-radius: 5px;
        overflow: hidden
    }

        .portfolio.single .photo img {
            border-radius: 5px;
            -webkit-border-radius: 5px
        }

.single .sg-controls a {
    position: fixed;
    top: 50%;
    margin-top: -85px;
    text-align: center;
    width: auto;
    line-height: normal;
    height: auto;
    font-size: 15px;
    z-index: 5000
}

    .single .sg-controls a.left {
        left: 0
    }

    .single .sg-controls a.right {
        right: 0
    }

    .single .sg-controls a i {
        font-size: 12px;
        height: 170px;
        line-height: 176px;
        z-index: 20;
        position: relative;
        width: 38px;
        transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s
    }

    .single .sg-controls a.left i {
        text-indent: -5px;
        border-radius: 2px 0 0 2px
    }

    .single .sg-controls a.right i {
        text-indent: 5px;
        border-radius: 0 2px 2px 0
    }

    .single .sg-controls a .preview {
        top: 0;
        position: absolute;
        transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
        z-index: 10;
        width: 276px;
        height: 100%
    }

    .single .sg-controls a.left .preview {
        left: -235px;
        border-radius: 0 2px 2px 0
    }

    .single .sg-controls a.right .preview {
        right: -235px;
        border-radius: 2px 0 0 2px
    }

    .single .sg-controls a .preview:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -.25em
    }

    .single .sg-controls a .preview .title {
        display: inline-block;
        vertical-align: middle;
        width: 132px
    }

    .single .sg-controls a.left .preview .title {
        text-align: left;
        padding-right: 10px
    }

    .single .sg-controls a.right .preview .title {
        text-align: right;
        padding-left: 10px
    }

    .single .sg-controls a .preview .thumb {
        display: inline-block;
        vertical-align: middle;
        border-radius: 5px
    }

    .single .sg-controls a.left .preview .thumb {
        margin-right: 25px
    }

    .single .sg-controls a.right .preview .thumb {
        margin-left: 25px
    }

    .single .sg-controls a.left:hover .preview {
        left: 38px
    }

    .single .sg-controls a.right:hover .preview {
        right: 38px
    }

.list.portfolio .photo {
    border-radius: 5px;
    position: relative
}

.list.portfolio .details {
}

.list.portfolio h3 {
    margin: 0
}

.list.portfolio p.category {
    opacity: .55;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
    line-height: 17px
}

.list.portfolio p {
    line-height: 23px
}

.list.portfolio .visit {
    font-size: 13px
}

.list.portfolio .item .sep {
    padding-top: 75px;
    margin-bottom: 75px
}

.list.portfolio .photo img {
    width: 100%;
    border-radius: 5px
}

.list.portfolio .load {
    margin: 0
}

.full.portfolio {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1)
}

    .full.portfolio .content {
        padding: 90px 0 40px
    }

    .full.portfolio .c-sep {
        margin: 7px 0
    }

    .full.portfolio .socials {
        padding: 35px 0
    }

    .full.portfolio .controls a {
        z-index: 100;
        position: absolute;
        top: 50%;
        margin-top: -25px;
        width: 100%;
        line-height: 53px;
        width: 50px;
        border-radius: 2px;
        text-align: center;
        font-size: 11px;
        height: 50px;
        transition: all .35s ease;
        -webkit-transition: background .35s ease;
        -moz-transition: background .35s ease;
        -o-transition: background .35s ease;
        -ms-transition: background .35s ease;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0) scale(1,1)
    }

        .full.portfolio .controls a:hover {
            text-decoration: none
        }

    .full.portfolio .controls .left {
        left: 15px;
        position: absolute;
        padding-right: 3px
    }

    .full.portfolio .controls .right {
        right: 15px;
        position: absolute;
        padding-left: 3px
    }

    .full.portfolio .carousel-indicators {
        bottom: 5px
    }

        .full.portfolio .carousel-indicators li {
            height: 8px;
            width: 8px
        }

        .full.portfolio .carousel-indicators .active {
            width: 8px;
            height: 8px;
            margin-bottom: 1px;
            margin-left: 1px;
            margin-right: 1px
        }

.isotope, .isotope .isotope-item, .isotope .isotope-element {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    transition-duration: .8s
}

.isotope {
    -webkit-transition-property: height,width;
    -moz-transition-property: height,width;
    transition-property: height,width
}

    .isotope .isotope-item, .isotope .isotope-element {
        -webkit-transition-property: -webkit-transform,opacity;
        -moz-transition-property: -moz-transform,opacity;
        transition-property: transform,opacity
    }

.load {
}

    .load .button {
        width: 100%
    }

    .load.out {
        margin: 90px 0
    }

.tab a h6 {
    transition: all .35s ease;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease
}

.tab a:hover {
    text-decoration: none
}

.tab a:focus {
    outline: none
}

.tab ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style-type: none;
    padding: 8px 0;
    border-radius: 5px;
    width: 100%
}

.tab.left ul {
    width: 160px;
    float: left;
    border: none;
    padding: 0
}

.tab.right ul {
    width: 160px;
    float: right;
    border: none;
    padding: 0
}

.tab ul li {
    display: inline-block;
    padding: 0 15px
}

.tab.left ul li {
    border-radius: 5px 0 0 5px;
    border-right: none;
    width: 160px;
    padding: 11px 0;
    padding-left: 15px;
    z-index: 5;
    margin-bottom: 3px
}

    .tab.left ul li.ui-state-active {
        width: 162px;
        border-right: none;
        border-radius: 5px 0 0 5px
    }

.tab.right ul li {
    border-radius: 0 5px 5px 0;
    border-left: none;
    width: 160px;
    padding: 11px 0;
    padding-right: 15px;
    z-index: 5;
    margin-bottom: 3px;
    text-align: right
}

    .tab.right ul li.ui-state-active {
        width: 162px;
        border-left: none;
        border-radius: 0 5px 5px 0;
        margin-left: -2px
    }

.tab.def ul li:first-child {
    border: none
}

.tab ul li h6 {
    margin-bottom: 0
}

.tab .ui-tabs-panel p {
    line-height: 16px
}

.tab.left .ui-tabs-panel {
    border-radius: 5px;
    padding: 20px 20px 10px 20px;
    margin-left: 160px;
    margin-top: 0
}

.tab.right .ui-tabs-panel {
    border-radius: 5px;
    padding: 20px 20px 10px 20px;
    margin-right: 160px;
    margin-top: 0
}

.tab .ui-tabs-panel {
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 20px 20px 10px 20px;
    margin-top: -5px
}

.tab.tabs-bottom .ui-tabs-panel {
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    padding: 20px 20px 10px 20px;
    margin-bottom: -5px;
    margin-top: 0
}

.tab.tabs-bottom .ui-tabs-nav {
    padding: 8px 0
}

    .tab.tabs-bottom .ui-tabs-nav li:first-child {
        border-left: none
    }

#b-tabs .tabs-spacer {
    float: left;
    height: 200px
}

.tabs-bottom .ui-tabs-nav {
    clear: left;
    padding: 0 .2em .2em .2em
}

    .tabs-bottom .ui-tabs-nav li {
        top: auto;
        bottom: 0;
        margin: 0 .2em 1px 0;
        border-top: 0
    }

        .tabs-bottom .ui-tabs-nav li.ui-tabs-active {
            margin-top: -1px;
            padding-top: 1px
        }

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

    .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1
    }

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

.testimonials-1.carousel .item {
    opacity: 1
}

.testimonials-1 .item .top p {
    opacity: 0;
    transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out;
    -ms-transition: .6s ease-in-out
}

.testimonials-1 .item .bot .avatar img, .testimonials-1 .item .bot p, .testimonials-1 .item .bot h5 {
    opacity: 0;
    transition: .6s ease-in-out;
    -o-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out;
    -ms-transition: .6s ease-in-out
}

.testimonials-1 .active .top p {
    opacity: 1
}

.testimonials-1 .active .bot .avatar img, .testimonials-1 .active .bot p, .testimonials-1 .active .bot h5 {
    opacity: 1
}

.testimonials-1 .active.left .top p, .testimonials-1 .active.left .bot .avatar img, .testimonials-1 .active.left .bot p, .testimonials-1 .active.left .bot h5, .testimonials-1 .active.right .top p, .testimonials-1 .active.right .bot .avatar img, .testimonials-1 .active.right .bot p, .testimonials-1 .active.right .bot h5 {
    left: 0;
    opacity: 0;
    z-index: 1
}

.testimonials-1 .next.left .top p, .testimonials-1 .next.left .bot .avatar img, .testimonials-1 .next.left .bot p, .testimonials-1 .next.left .bot h5, .testimonials-1 .prev.right .top p, .testimonials-1 .prev.right .bot .avatar img, .testimonials-1 .prev.right .bot p, .testimonials-1 .prev.right .bot h5 {
    opacity: 1
}

.testimonials-1 {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1)
}

    .testimonials-1 .top {
        position: relative;
        border-radius: 5px 5px 0 0;
        background-image: url(../images/testimonials-1-bg.png);
        padding: 15px;
        text-align: center;
        min-height: 260px;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-bottom: 30px
    }

        .testimonials-1 .top .head {
            font-size: 19px;
            line-height: 17px;
            padding: 10px 0 30px
        }

        .testimonials-1 .top p {
            line-height: 22px
        }

.feature-box {
    border-radius: 6px
}

    .feature-box .head {
        position: relative;
        height: 70px;
        border-radius: 5px 5px 0 0;
        line-height: 120px;
        height: 111px;
        text-indent: 25px;
        font-size: 20px;
        font-weight: 500;
        background-position: right;
        background-repeat: no-repeat
    }

.testimonials-1 .bot {
    border-radius: 0 0 5px 5px;
    padding: 7px 10px 10px 90px
}

    .testimonials-1 .bot h5 {
        margin: 0
    }

    .testimonials-1 .bot p {
        margin: 0;
        font-size: 11px;
        line-height: 15px
    }

.testimonials-1 .avatar {
    position: absolute;
    padding: 3px;
    bottom: 10px;
    left: 15px;
    border-radius: 2px
}

.testimonials-1 + .carousel-indicators {
    text-align: center;
    display: block;
    padding: 0;
    margin: 0;
    position: static;
    width: 100%
}

    .testimonials-1 + .carousel-indicators .item {
        display: inline-block;
        height: 4px;
        width: 4px;
        margin: 2px;
        border: none;
        border-radius: 0
    }

        .testimonials-1 + .carousel-indicators .item:hover {
            cursor: pointer
        }

.testimonials-2 .item .text {
    border-radius: 5px;
    line-height: 22px;
    padding: 18px 40px 18px 20px;
    position: relative
}

    .testimonials-2 .item .text:before {
        position: absolute;
        border: inherit;
        border-top: none;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 23px 26px 0 0;
        border-color: #f5f5f5 transparent transparent transparent;
        bottom: -23px;
        left: 95px;
        z-index: 5
    }

    .testimonials-2 .item .text:after {
        position: absolute;
        border: inherit;
        border-top: none;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 25px 29px 0 0;
        border-color: #ebebeb transparent transparent transparent;
        bottom: -25px;
        left: 94px
    }

.testimonials-2 .avatar {
    position: absolute;
    padding: 3px;
    bottom: -48px;
    left: 16px;
    border-radius: 2px
}

.testimonials-2 .item .text p {
    margin-bottom: 5px;
    line-height: 22px
}

.testimonials-2 .client {
    padding: 17px 120px;
    padding-right: 20px;
    padding-bottom: 12px
}

    .testimonials-2 .client h5 {
        margin: 0
    }

    .testimonials-2 .client p {
        margin: 0;
        font-size: 11px;
        line-height: 15px
    }

.testimonials-3 {
    background: url(../images/testimonials-bg.png) center center;
    padding: 12px 0 22px;
    position: relative;
    background-repeat: no-repeat
}

    .testimonials-3 .carousel {
        margin-bottom: 18px
    }

    .testimonials-3 .carousel-indicators {
        margin-bottom: 0;
        bottom: -30px
    }

        .testimonials-3 .carousel-indicators li {
            height: 9px;
            width: 9px;
            margin-right: 0
        }

            .testimonials-3 .carousel-indicators li.active {
                margin-left: 1px;
                margin-bottom: 1px;
                height: 9px;
                width: 9px
            }

    .testimonials-3 .c-sep {
        opacity: .45;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"
    }

    .testimonials-3 p {
        font-size: 16px;
        opacity: .75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        padding-bottom: 10px
    }

.feature-box .head img {
    position: absolute;
    right: 0;
    height: 100%
}

.feature-box .head > span {
    position: relative
}

.feature-box .body {
    padding: 15px
}

i.circled {
    border-radius: 100%;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    margin-right: 10px;
    font-size: 17px;
    margin-top: 2px
}

.box-2 .item {
    margin-bottom: 62px
}

    .box-2 .item:last-child {
        margin-bottom: 10px
    }

    .box-2 .item .text {
        padding-left: 45px
    }

        .box-2 .item .text h4 {
            margin-bottom: 5px
        }

        .box-2 .item .text p {
            margin-bottom: 5px
        }

.card {
    min-height: 170px;
    border-radius: 5px;
    padding: 15px 20px 50px;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative
}

    .card.bg-1 {
        background-image: url(../images/cards-1.jpg)
    }

    .card.bg-2 {
        background-image: url(../images/cards-2.jpg)
    }

    .card.bg-3 {
        background-image: url(../images/cards-3.jpg)
    }

.card {
    position: relative
}

    .card .top {
        line-height: 50px
    }

    .card p {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        line-height: 16px
    }

    .card h4 {
        line-height: 30px;
        font-size: 20px
    }

    .card i {
        line-height: 30px;
        font-size: 35px;
        margin-top: 3px;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }

    .card .button {
        position: absolute;
        bottom: 20px;
        right: 20px;
        padding: 5px;
        border-radius: 2px;
        height: 30px;
        width: 30px;
        line-height: 18px;
        text-align: center;
        font-size: 28px;
        font-weight: 200;
        border: none;
        margin: 0;
        transition: all .35s ease;
        -webkit-transition: all .35s ease;
        -moz-transition: all .35s ease;
        -o-transition: all .35s ease;
        -ms-transition: all .35s ease
    }

    .card a:hover {
        text-decoration: none
    }

.boxes-4 .text {
    padding-left: 75px;
    padding-top: 20px
}

.boxes-4 i {
    line-height: 62px;
    height: 60px;
    width: 60px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    background: #d3d2d2;
    border-radius: 100%
}

.boxes-4 ul {
    margin: 0;
    padding-left: 0
}

    .boxes-4 ul li {
        list-style-type: none;
        font-size: 13px;
        margin-bottom: 5px
    }

        .boxes-4 ul li:before {
            content: '—';
            margin-right: 2px
        }

.boxes-5 .item {
    margin-bottom: 45px;
    padding-top: 10px
}

    .boxes-5 .item:last-child {
        margin-bottom: 10px
    }

    .boxes-5 .item .text {
        padding-left: 120px
    }

.badge {
    border-radius: 100%;
    line-height: 84px;
    height: 88px;
    width: 88px;
    text-align: center;
    font-size: 32px;
    margin-top: -10px;
    padding: 0
}

.box-6 {
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding: 25px 30px;
    padding-top: 40px;
    margin-top: 27px
}

    .box-6 > i {
        position: absolute;
        font-size: 26px;
        line-height: 56px;
        border-radius: 100%;
        width: 56px;
        top: 0;
        left: 50%;
        margin-left: -28px;
        margin-top: -28px
    }

    .box-6 h6 {
        margin-bottom: 0
    }

.box-7 {
    position: relative;
    text-align: left;
    padding-left: 57px
}

    .box-7 > i {
        position: absolute;
        font-size: 30px;
        top: -10px;
        left: -5px
    }

.box-8 {
    border-radius: 5px;
    padding: 20px;
    text-align: center
}

    .box-8:not(.highlight) {
        cursor: pointer
    }

    .box-8 p {
        line-height: 16px;
        margin-bottom: 15px
    }

    .box-8.highlight {
        text-align: left
    }

        .box-8.highlight p {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            line-height: 19px
        }

        .box-8.highlight h6 {
            margin-top: 20px
        }

        .box-8.highlight i {
            font-size: 13px;
            padding: 0
        }

    .box-8 i {
        font-size: 42px;
        padding: 9px 0
    }

    .box-8 .arrow {
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 9px 0 9px 12px;
        right: 4px;
        top: 50%;
        margin-top: -9px
    }

.modal-content {
    border: none;
    border-radius: 5px;
    padding: 20px;
    -webkit-box-shadow: 0 0 65px rgba(0,0,0,.24);
    box-shadow: 0 0 65px rgba(0,0,0,.24)
}

.modal-title {
    font-size: 26px;
    text-align: center
}

.modal-header {
    padding: 10px 0 25px 0
}

    .modal-header .close {
        text-shadow: none;
        position: absolute;
        opacity: 1;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        top: -10px;
        right: -10px;
        font-size: 15px;
        line-height: 25px;
        font-weight: 400
    }

.modal-body {
    padding: 10px 0
}

.modal-footer {
    text-align: center;
    padding: 25px 0 5px 0;
    margin: 0
}

#modal-1 .modal-body {
    margin-top: 30px
}

#modal-1 .generic-title {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px
}

#modal-1 img {
    margin-right: -15px
}

#modal-1 .icon-list-1 .element p {
    margin-bottom: 10px
}

#modal-1 {
    top: 50%;
    margin-top: -237px;
    overflow-y: hidden
}

.parteners.carousel {
    position: relative;
    padding: 0
}

    .parteners.carousel .container {
        position: relative
    }

        .parteners.carousel .container .fade-l {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            background-image: url(../images/part-fade-l.png);
            width: 195px
        }

        .parteners.carousel .container .fade-r {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            background-image: url(../images/part-fade-r.png);
            width: 195px
        }

    .parteners.carousel .cycle-slideshow {
        overflow: visible !important
    }

    .parteners.carousel img {
        margin: 0 auto;
        padding: 0 13.5px
    }

        .parteners.carousel img:hover {
            cursor: pointer
        }

    .parteners.carousel .container {
        padding: 40px 0;
        overflow: hidden
    }

.parteners.boxes img {
    margin: 0 auto
}

.parteners.boxes .item {
    padding: 31px 0;
    border-radius: 5px
}

.parteners.boxes .item {
    cursor: pointer
}

.socials i {
    text-align: center;
    text-decoration: none
}

.socials a {
    font-size: 20px;
    text-align: center;
    width: 27px;
    height: 27px;
    border-radius: 2px;
    display: inline-block;
    margin: 2px 0;
    position: relative;
    transition: all .35s ease;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
    text-decoration: none
}

.socials i.fa {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto
}

.facebook i {
    font-size: 22px !important;
    bottom: -2px !important
}

.twitter i {
    font-size: 20px !important;
    bottom: 3px !important
}

.gplus i {
    font-size: 17px !important;
    bottom: 4px !important
}

.dribbble i {
    bottom: 3px;
    font-size: 21px !important
}

.vimeo i {
    font-size: 20px !important;
    bottom: 3px !important
}

.skype i {
    font-size: 20px !important;
    bottom: 3px !important
}

.linkedin i {
    font-size: 15px !important;
    bottom: 4px !important
}

.pinterest i {
    font-size: 20px !important;
    bottom: 3px !important
}

.rss i {
    bottom: 2px !important;
    font-size: 21px !important;
    left: -1px !important
}

#partners {
    padding: 34px 0
}

#footer {
    padding: 10px 0
}

    #footer > .container {
        padding-top: 0;
        padding-bottom: 0
    }

.logo-dark {
    padding: 25px 0;
    margin: 7px 2px;
    margin-bottom: 17px
}

.about p {
    line-height: 15px
}

.flickr-container {
    font-size: 0;
    margin: -4px;
    padding-bottom: 10px;
    float: left
}

    .flickr-container a {
        display: inline-block;
        border-radius: 2px;
        margin: 4px;
        position: relative;
        float: left
    }

        .flickr-container a:hover {
            text-decoration: none
        }

        .flickr-container a .overlay {
            position: absolute;
            height: 100%;
            width: 100%;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            transition: all .35s ease;
            -webkit-transition: all .35s ease;
            -moz-transition: all .35s ease;
            -o-transition: all .35s ease;
            -ms-transition: all .35s ease;
            border-radius: 0
        }

            .flickr-container a .overlay:hover {
                opacity: 1;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
            }

            .flickr-container a .overlay i {
                line-height: 26px;
                width: 26px;
                top: 50%;
                left: 50%;
                margin-left: -13px;
                margin-top: -13px;
                position: absolute;
                border-radius: 100%;
                font-size: 9px;
                text-align: center
            }

.tweet-box {
    padding: 10px;
    display: inline-block;
    margin-bottom: 15px;
    border-radius: 2px;
    width: 100%
}

    .tweet-box:first-child {
        margin-top: 0
    }

    .tweet-box p a.author {
        font-style: italic
    }

footer .list-group .list-group-item {
    background: none
}

    footer .list-group .list-group-item:hover {
        text-decoration: underline;
        color: inherit
    }

.post-tab-widget ul {
    border-radius: 5px;
    margin: 0;
    padding: 0;
    color: #333;
    position: relative;
    z-index: 1
}

    .post-tab-widget ul li {
        padding: 8px 0;
        float: left;
        list-style-type: none
    }

        .post-tab-widget ul li a {
            padding: 0 10px;
            transition: .35s;
            -webkit-transition: .35s;
            -moz-transition: .35s;
            -o-transition: .35s;
            -ms-transition: .35s
        }

            .post-tab-widget ul li a:hover {
                text-decoration: none
            }

.post-tab-widget .tab-pane {
    border-top: none;
    position: relative;
    z-index: 0;
    margin-top: -5px;
    padding-top: 5px;
    border-radius: 0 0 5px 5px
}

    .post-tab-widget .tab-pane:hover {
        cursor: pointer
    }

    .post-tab-widget .tab-pane .post {
        padding: 12px 20px
    }

        .post-tab-widget .tab-pane .post img {
            padding-right: 5px
        }

    .post-tab-widget .tab-pane .title {
        line-height: 15px;
        padding-top: 2px
    }

        .post-tab-widget .tab-pane .title:hover {
            text-decoration: none
        }

    .post-tab-widget .tab-pane .time {
        line-height: 13px
    }

.comments-widget .comment {
    padding: 12px 20px
}

    .comments-widget .comment:hover {
        cursor: pointer
    }

    .comments-widget .comment img {
        padding-right: 5px
    }

.comments-widget .author {
    line-height: 15px;
    padding-top: 2px
}

.comments-widget .text {
    line-height: 13px
}

.liked-posts .element {
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 2px
}

    .liked-posts .element .likes {
        width: 20%;
        padding-left: 3px;
        text-align: right
    }

.follow-element {
    margin-bottom: 20px
}

    .follow-element a {
        width: 28px;
        line-height: 28px;
        border-radius: 2px;
        text-align: center;
        margin-right: 10px;
        margin-top: 2px
    }

        .follow-element a i {
            position: relative
        }

        .follow-element a.facebook i {
            top: 7px
        }

        .follow-element a.twitter i {
            top: 2px
        }

        .follow-element a.rss i {
            top: 4px;
            left: 3px
        }

    .follow-element .text {
        line-height: 15px;
        margin-top: 2px
    }

    .follow-element .txt-min {
        line-height: 13px
    }

.adv-wrap {
    margin: -2px
}

.adv-item {
    padding: 2px;
    float: left;
    width: 50%
}

    .adv-item img {
        padding: 1px;
        width: 100%
    }

.facebook-frame {
    border-radius: 5px;
    padding: 10px
}

.contact-widget {
}

    .contact-widget .line {
        padding-bottom: 15px
    }

        .contact-widget .line:last-child {
            padding-bottom: 0
        }

        .contact-widget .line i {
            font-size: 18px;
            float: left;
            width: 18px;
            text-align: center
        }

    .contact-widget .text {
        padding-left: 35px
    }

.contact-form-widget .form-1 {
    padding: 15px
}

    .contact-form-widget .form-1 .btns {
        padding: 0
    }

.calendar-widget {
    border-radius: 5px
}

    .calendar-widget .date {
        width: 100%;
        border: none;
        border-radius: 0;
        background: none;
        border-bottom: 1px solid #e1e1e1;
        padding: 15px 0
    }

    .calendar-widget .weekdays div {
        width: 14.28571428571429%;
        float: left;
        text-align: center;
        padding: 6px 0
    }

    .calendar-widget .week .day {
        width: 14.28571428571429%;
        float: left;
        text-align: center;
        padding: 10px 0
    }

        .calendar-widget .week .day.empty {
            border-left: none
        }

        .calendar-widget .week .day:first-child {
            border-left: none
        }

    .calendar-widget .controls a {
        width: 50%;
        padding: 3px 10px
    }

        .calendar-widget .controls a i {
            font-size: 12px
        }

        .calendar-widget .controls a.prev {
            float: left;
            text-align: left
        }

        .calendar-widget .controls a.next {
            float: right;
            text-align: right
        }

.login-widget .form-1 {
    padding: 15px
}

    .login-widget .form-1 .text-fields {
        margin: 10px 0
    }

    .login-widget .form-1 .login {
        width: 49%
    }

    .login-widget .form-1 .register {
        width: 49%
    }

#botbar > .container {
    padding-top: 0;
    padding-bottom: 0
}

    #botbar > .container .row {
        padding: 0
    }

#botbar {
    padding: 10px 0
}

    #botbar p {
        margin: 0;
        line-height: 30px
    }

    #botbar .socials {
        margin-bottom: -10px;
        float: right
    }

        #botbar .socials a {
            font-size: 20px;
            text-align: center;
            width: 27px;
            height: 27px;
            border-radius: 2px;
            display: inline-block;
            margin: 2px 0;
            position: relative;
            transition: all .35s ease;
            -webkit-transition: all .35s ease;
            -moz-transition: all .35s ease;
            -o-transition: all .35s ease;
            -ms-transition: all .35s ease
        }

        #botbar .socials i {
            position: absolute;
            left: 0;
            right: 0
        }

    #botbar #facebook i {
        font-size: 22px;
        bottom: -2px
    }

    #botbar #twitter i {
        bottom: 3px
    }

    #botbar #gplus i {
        font-size: 17px;
        bottom: 5px
    }

    #botbar #dribbble i {
        bottom: 3px;
        font-size: 21px
    }

    #botbar #vimeo i {
        bottom: 3px
    }

    #botbar #skype i {
        bottom: 3px
    }

    #botbar #linkedin i {
        font-size: 15px;
        top: 7px
    }

    #botbar #pinterest i {
        bottom: 3px
    }

    #botbar #rss i {
        bottom: 2px;
        font-size: 21px;
        left: -1px
    }

#totop {
    position: fixed;
    right: 40px;
    bottom: 30px;
    border-radius: 2px;
    line-height: 47px;
    text-align: center;
    width: 47px;
    font-size: 10px;
    z-index: 10;
    transition: right .35s ease;
    -webkit-transition: right .35s ease;
    -moz-transition: right .35s ease;
    -o-transition: right .35s ease;
    -ms-transition: right .35s ease;
    cursor: pointer
}

    #totop.collapsed {
        right: -60px
    }

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: block
}

html[xmlns] .clearfix {
    display: block
}

* html .clearfix {
}

*:first-child + html .clearfix {
}

.clear-left {
    clear: left
}

.tooltip {
    font-size: 11px;
    width: auto;
    max-width: max-content;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1,1)
}

    .tooltip .tooltip-inner {
        max-width: 500px
    }

.tooltip-inner {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border-radius: 3px;
    max-width: none;
    padding: 8px 11px
}

.tooltip.top {
    margin-bottom: 50px
}

.tooltip.left {
    margin-right: 22px;
    max-width: 500px
}

.tooltip.right {
    margin-left: 22px;
    max-width: 500px
}

tooltip.right .tooltip-arrow {
    border-width: 5px 8px 5px 0
}

tooltip.left .tooltip-arrow {
    border-width: 5px 0 5px 8px
}

.progress .tooltip {
    left: 100% !important;
    margin-left: -30px
}

.progress .tooltip-inner {
    padding: 3px 4px;
    font-size: 9px;
    line-height: 10px;
    border-radius: 2px;
    min-width: 30px
}

.progress .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-top-color: #000;
    border-width: 5px 4px 0
}

.caret.down {
    position: relative;
    top: 2px
}

.caret.up {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #343434 transparent;
    position: relative;
    bottom: 5px;
    right: 10px
}

.parteners carousel .cycle-slideshow img {
    display: block;
    padding: 0 13.5px
}

.mejs-poster {
    background-size: cover
}

.mejs-overlay-button {
    background: url(../img/MEplayer-play.png) no-repeat;
    background-position: 10px
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 10px
}

.bannercontainer {
    width: 100%;
    position: relative;
    padding: 0
}

    .bannercontainer img.img-responsive {
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateZ(0) scale(1,1)
    }

.banner {
    width: 100%;
    position: relative
}

    .banner #slide1 .caption1 {
        color: #fff
    }

        .banner #slide1 .caption1.title {
            font-family: 'Open Sans',sans-serif;
            font-size: 55px;
            line-height: 55px
        }

        .banner #slide1 .caption1.text {
            font-size: 24px;
            line-height: 28px;
            padding: 45px 0
        }

    .banner .over-pattern {
        background-image: url('../images/main-slider-pattern.png');
        width: 100%;
        height: 100%;
        z-index: 2000;
        background-color: rgba(0,0,0,.2)
    }

    .banner #slide3 .title {
        font-size: 20px;
        background: rgba(0,0,0,.4);
        padding: 7px 12px
    }

.bannercontainer .tparrows.default {
    height: 47px;
    width: 47px
}

    .bannercontainer .tparrows.default.tp-leftarrow:hover {
        background: url('../vendors/rs-plugin/assets/large_left_hov.png')
    }

    .bannercontainer .tparrows.default.tp-rightarrow:hover {
        background: url('../vendors/rs-plugin/assets/large_right_hov.png')
    }

.bannercontainer .tp-bullets.simplebullets.round .bullet {
    background: transparent;
    height: 9px;
    width: 9px;
    border-radius: 100%;
    border: 1px solid #fff
}

    .bannercontainer .tp-bullets.simplebullets.round .bullet:hover {
        background: #fff
    }

    .bannercontainer .tp-bullets.simplebullets.round .bullet.selected {
        background: #fff
    }

.bannercontainer .video-cover {
    background-image: url(../images/main-slider-pattern.png);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"
}

.bannercontainer .video-cover-overlay {
    background-image: url(../images/main-slider-pattern.png);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"
}

.main-slider-video-wrapper iframe {
    width: 100%;
    max-width: 800px
}

.bannercontainer .video-cover .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -82px;
    margin-top: -82px;
    width: auto !important;
    height: auto !important;
    z-index: 20
}

.bannercontainer .btns a {
    display: inline-block
}

.video-popup {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto
}

.line-container .the-line {
    border-top: 1px solid;
    position: relative;
    top: 50%;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

.preview-grid .item-title {
    font-size: 18px;
    margin: 18px 0
}

.big-subscribe {
    background-image: url(../images/big-subscribe-bg.png);
    background-position: left center;
    background-repeat: no-repeat
}

    .big-subscribe input {
        background: none;
        width: 400px;
        border-radius: 3px;
        padding: 25px 30px;
        font-size: 16px
    }

    .big-subscribe .inputs {
        padding-top: 30px
    }

    .big-subscribe .button {
        position: relative;
        top: 4px
    }

        .big-subscribe .button.lg .over {
            padding: 17px;
            font-size: 28px
        }

            .big-subscribe .button.lg .over i {
                position: relative;
                left: -3px
            }

div.ppt {
    display: none !important
}

.countdown {
    display: none
}

.preview-wrapper {
    position: relative;
    display: inline-block;
    height: auto;
    width: auto;
    max-width: 100%
}

    .preview-wrapper .preview-image {
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition: all .75s ease;
        -moz-transition: all .75s ease;
        -o-transition: all .75s ease;
        -ms-transition: all .75s ease;
        width: 100%
    }

        .preview-wrapper .preview-image.active {
            opacity: 1;
            z-index: 2
        }

.gallery.preview .main.frame {
    text-align: center
}

    .gallery.preview .main.frame .preview-wrapper {
        vertical-align: top
    }

    .gallery.preview .main.frame .overlay {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

#options-panel {
    position: fixed;
    left: 0;
    top: 300px;
    width: 310px;
    z-index: 4000;
    border-radius: 0 3px 3px 0;
    transition: .65s;
    -moz-transition: .65s;
    -o-transition: .65s;
    -webkit-transition: .65s;
    -ms-transition: .65s
}

    #options-panel.hid {
        left: -310px
    }

    #options-panel .inside {
        position: relative
    }

    #options-panel .show {
        position: absolute;
        top: 10px;
        left: 100%;
        font-size: 23px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        text-indent: -1px;
        border-radius: 0 3px 3px 0
    }

    #options-panel .head {
        font-size: 15px;
        padding: 20px;
        border-radius: 0 3px 0 0
    }

    #options-panel .side-menu .element {
        border-left: none;
        border-right: none;
        margin-bottom: 0;
        box-shadow: none;
        -webkit-box-shadow: none
    }

    #options-panel .side-menu .parent.element .title {
        width: 100%;
        display: inline-block
    }

        #options-panel .side-menu .parent.element .title span {
            float: right
        }

    #options-panel .side-menu .element .submenu.boxes .boxes-holder {
        padding: 20px;
        background: #2a2a2a
    }

    #options-panel .side-menu .element .submenu.boxes .element {
        width: 26px;
        height: 26px;
        border-radius: 2px;
        float: left;
        margin-left: 7px;
        margin-right: 7px;
        padding: 0;
        border: none;
        background: #fff
    }

        #options-panel .side-menu .element .submenu.boxes .element:first-child {
            margin-left: 0
        }

@media(max-width:1200px) {
    .preview.gallery .thumb {
        float: none !important
    }
}

.mason-el.width2 {
    width: 550px
}

.mgp-fade .mfp-content, .mgp-fade .mfp-arrow, .mgp-fade.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.mgp-fade.mfp-ready .mfp-content, .mgp-fade.mfp-ready .mfp-arrow {
    opacity: 1
}

.mgp-fade.mfp-ready.mfp-bg {
    opacity: .8
}

.mgp-fade.mfp-removing .mfp-content, .mgp-fade.mfp-removing .mfp-arrow, .mgp-fade.mfp-removing.mfp-bg {
    opacity: 0
}

.mfp-arrow-left:after, .mfp-arrow-left:before, .mfp-arrow-right:after, .mfp-arrow-right:before, .mfp-a, .mfp-b {
    border: none
}

button.mfp-arrow {
    width: 47px;
    height: 47px;
    transition: .35s;
    margin-top: -24px
}

    button.mfp-arrow:active {
        margin-top: -24px
    }

button.mfp-arrow-left {
    background: url(../images/plugins/large_left.png) no-repeat
}

    button.mfp-arrow-left:hover {
        background: url(../images/plugins/large_left_hov.png) no-repeat
    }

button.mfp-arrow-right {
    background: url(../images/plugins/large_right.png) no-repeat
}

    button.mfp-arrow-right:hover {
        background: url(../images/plugins/large_right_hov.png) no-repeat
    }

.ajax-preloader {
    display: none;
    width: 18px;
    height: 18px;
    margin: 0 auto
}

    .ajax-preloader img {
        height: 100%;
        display: block
    }

.ajax-page-preloader {
    width: 70px;
    height: 70px;
    margin: 100px auto
}

.isotope-container, .masonry-container {
    display: none
}

.shop-slider.banner, .banner {
    visibility: hidden
}

.mason-el {
    width: 284px;
    display: block;
    margin-bottom: 1px;
    margin-right: 1px
}

    .mason-el.width2 {
        width: 569px
    }

    .mason-el.height2 {
        width: 284px
    }

.mason-el {
    position: relative
}

    .mason-el .title {
        position: absolute;
        bottom: 10%;
        text-align: center;
        font-size: 20px;
        width: 100%
    }

.white-popup .mfp-close {
    position: fixed
}

#mc-embedded-subscribe {
    border: none;
    padding: 0
}

    #mc-embedded-subscribe .over {
        display: block
    }

#feedback {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -18px;
    z-index: 2000
}

.mfp-figure:after {
    background: none;
    box-shadow: none
}

.mfp-figure img.mfp-img {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.mfp-figure figure {
    padding: 40px 0
}

    .mfp-figure figure img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 0
    }

.mfp-zoom-out-cur header {
    margin-left: -17px
}

.mfp-zoom-out-cur #totop {
    margin-right: 17px
}

.loader {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 1000
}

    .loader.spinner {
        animation: 1.2s ease-in-out 0s normal none infinite tp-rotateplane;
        border-radius: 3px;
        box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
        width: 40px;
        text-align: center;
        line-height: 40px
    }

    .loader img {
        display: block;
        margin: 8px auto
    }

.text-page-image-rechts {
    float: right;
    width: 250px
}

.text-page-image-links {
    float: right;
    width: 250px
}

.lightbox {
    position: relative;
    background: #fff;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto
}

.selectseat {
    margin-top: 20px
}

.inputGroup {
    background-color: #fff;
    display: block;
    margin: 10px 0;
    position: relative;
}

    .inputGroup label {
        padding: 12px 30px;
        width: 100%;
        display: block;
        text-align: left;
        color: #3C454C;
        cursor: pointer;
        position: relative;
        z-index: 2;
        transition: color 200ms ease-in;
        overflow: hidden;
    }

        .inputGroup label:before {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            content: '';
            background-color: #2b3a7e;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transform: translate(-50%, -50%) scale3d(1, 1, 1);
            transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
            opacity: 0;
            z-index: -1;
        }

        .inputGroup label:after {
            width: 32px;
            height: 32px;
            content: '';
            border: 2px solid #D1D7DC;
            background-color: #fff;
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
            background-repeat: no-repeat;
            background-position: 2px 3px;
            border-radius: 50%;
            z-index: 2;
            position: absolute;
            right: 30px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            cursor: pointer;
            transition: all 200ms ease-in;
        }

    .inputGroup input:checked ~ label {
        color: #fff;
    }

.inputGroup input:checked ~ label:before {
            -webkit-transform: translate(-50%, -50%) scale3d(556, 556, 1);
            transform: translate(-50%, -50%) scale3d(556, 556, 1);
            opacity: 1;
        }

        .inputGroup input:checked ~ label:after {
            background-color: #f2963e;
            border-color: #f2963e;
        }

    .inputGroup input {
        width: 32px;
        height: 32px;
        order: 1;
        z-index: 2;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        cursor: pointer;
        visibility: hidden;
    }

    .inputGroup .form {
        padding: 0 16px;
        max-width: 550px;
        margin: 50px auto;
        font-size: 18px;
        font-weight: 600;
        line-height: 36px;
    }

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

code {
    background-color: #9AA3AC;
    padding: 0 8px;
}

.bRecalc {
    float: right;
}

.bSearch {
    text-align: center;
}

#txtSearch {
    width: 40%;
}

.subquestion{
    padding-left: 25px;
}

.descwidth {
    max-width: 314px;
    width: 314px;
    min-width: 314px;
}

.txtFreeText {
    width: 100%;
    height: 250px;
    padding: 9px;
    margin-bottom: 15px;
    color: #777777;
}

    .txtFreeText:read-only {
        background-color: #e6e6e6;
    }

    .txtFreeText[readonly] {
        background-color: #e6e6e6;
    }

.alert-danger a
{
    text-decoration: underline;
    font-weight: bold;
}

.toast-warning
{
    background-color:teal !important;
}