/*@import 'https://fonts.googleapis.com/css?family=Segoe UI';
@import 'https://fonts.googleapis.com/css?family=Poiret+One';
@import 'https://fonts.googleapis.com/css?family=Segoe UI:100,300,200,400,500';
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,300,600,700';
@import 'https://fonts.googleapis.com/css?family=Segoe UI:400,700';
@import 'https://fonts.googleapis.com/css?family=Advent+Pro:200,400,700';
@import 'https://fonts.googleapis.com/css?family=Segoe UI:100,400,300,700';
@import 'https://fonts.googleapis.com/css?family=Macondo+Swash+Caps';
@import 'https://fonts.googleapis.com/css?family=Exo';
@import 'https://fonts.googleapis.com/css?family=Cinzel';
@import 'https://fonts.googleapis.com/css?family=Segoe UI:400,500,700';
@import 'https://fonts.googleapis.com/css?family=Cinzel+Decorative';
@import 'https://fonts.googleapis.com/css?family=Great+Vibes';
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:400,700';*/

@font-face {
    font-family: 'Segoe UI';
    src: url('./fonts/SegoeUI.eot');
    src: url('./fonts/SegoeUI.eot?#iefix') format('embedded-opentype'), url('./fonts/SegoeUI.woff2') format('woff2'), url('./fonts/SegoeUI.woff') format('woff'), url('./fonts/SegoeUI.ttf') format('truetype'), url('./fonts/SegoeUI.svg#SegoeUI') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Signatra DEMO';
    src: url('./fonts/SignatraDEMO.eot');
    src: url('./fonts/SignatraDEMO.eot?#iefix') format('embedded-opentype'), url('./fonts/SignatraDEMO.woff2') format('woff2'), url('./fonts/SignatraDEMO.woff') format('woff'), url('./fonts/SignatraDEMO.ttf') format('truetype'), url('./fonts/SignatraDEMO.svg#SignatraDEMO') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Enchanting Celebrations';
    src: url('./fonts/EnchantingCelebrations.eot');
    src: url('./fonts/EnchantingCelebrations.eot?#iefix') format('embedded-opentype'), url('./fonts/EnchantingCelebrations.woff2') format('woff2'), url('./fonts/EnchantingCelebrations.woff') format('woff'), url('./fonts/EnchantingCelebrations.ttf') format('truetype'), url('./fonts/EnchantingCelebrations.svg#EnchantingCelebrations') format('svg');
    font-weight: normal;
    font-style: normal;
}




::selection {
    color: white;
    background: #58656b;
}

::-moz-selection {
    color: white;
    background: #58656b;
}

.ip-header .ip-loader svg path.ip-loader-circle {
    stroke: #58656b;
}

.color-overlay {
}

a:hover {
    color: #58656b;
}

a:active {
    color: #58656b;
}

a:focus {
    color: #58656b;
}

.sticky-navigation {
}

    .sticky-navigation .main-navigation .current a {
        color: #58656b;
    }

    .sticky-navigation .main-navigation li a:hover {
        color: #58656b;
        background: none;
    }

    .sticky-navigation .main-navigation li a:active {
        color: #58656b;
        background: none;
    }

    .sticky-navigation .main-navigation li a:focus {
        color: #58656b;
        background: none;
    }

.navbar-toggle .icon-bar {
    background-color: #58656b;
}

.services .single-service .icon-container .icon {
    color: #58656b;
}

.featured-item .icon i {
    color: #6F8B9D;
}

.work-process .itemz .inner-content > i {
    background-color: #58656b;
}

.hvr-ripple-out:before {
    border: #58656b solid 1px;
}

.progress .bar {
    background: #58656b;
}

.pf-filter li.active {
    color: #58656b;
}

.portfolio-hover {
    background-color: rgba(255,255,255,.9);
}

.masonry-grid-4 .portfolio-hover {
    background-color: rgba(255,255,255,.8);
}

.portfolio-project-info li a:hover {
    color: #58656b;
}

.testimonials .owl-theme .owl-controls .owl-page span {
    background: #58656b;
    border-radius: 20%;
    max-height: 2px;
}

.clients .owl-theme .owl-controls .owl-page span {
    background: #58656b;
    border-radius: 20%;
    max-height: 2px;
}

.team-hover {
    border: 2px solid #FFFFFF;
    background-color: rgba(255,255,255,.7);
}

    .team-hover .s-link a {
        text-align: center;
        color: #58656b;
    }

.desk p {
    color: #58656b;
}

.team .owl-theme .owl-controls .owl-page span {
    background: #58656b;
}

.special-package {
    color: #58656b;
}

    .special-package .price h2, .special-package .price h2 span, .special-package .price p {
        color: #58656b;
    }

    .special-package .hvr-bounce-to-right:before {
        background: #58656b;
    }

    .special-package .single-package {
        border: 1px solid #58656b;
    }

    .special-package .btn-price {
        color: #58656b;
        border-color: #58656b;
    }

        .special-package .btn-price:hover {
            color: #fff;
        }

.btn-lines .line-top, .btn-lines .line-bottom, .btn-lines .line-left, .btn-lines .line-right {
    background: #58656b;
}

.funfactor .icon-container i {
    color: #58656b;
}

.blog-title :hover {
    color: #58656b;
}

.blog-post-title :hover {
    color: #58656b;
}

.author a :hover {
    color: #58656b;
}

.read-more :hover {
    color: #58656b;
}

.blog-list-item-detail a:hover {
    color: #58656b;
}

.blog-item-detail a:hover {
    color: #58656b;
}

#headerImage {
    width: 100%;
}

.input-field:active {
    border: 1px solid #58656b;
    border-radius: 5px;
}

.input-field:focus {
    border-color: #58656b;
}

.clearlist li a:hover {
    color: #58656b;
}

.tags a:hover {
    color: #58656b;
    border: 1px solid #58656b;
}

.article-nav a i:hover {
    color: #58656b;
}

.standard-button {
    background: #B58C82;
}

.standard-button2 {
    background: #58656b;
}

    .standard-button2:hover {
        background: #fff;
    }

.btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background: #005885;
    border-color: inherit;
}

.colored-line, .colored-line-left {
    background: #58656b;
}

.main-color {
    color: #58656b;
}

.theme-color {
    color: #58656b;
}

.theme-color-bg {
    background-color: #58656b;
}

.color-bg {
    background: rgb(127,111,91);
    color: #FFFFFF;
}

.contact .contact-button {
    border: 2px solid #656565;
    color: #958257;
}

    .contact .contact-button:hover {
        background: #58656b;
    }

.contact .contact-box .input-box:active, .contact .contact-box .textarea-box:active, .contact .contact-box .input-box:focus, .contact .contact-box .textarea-box:focus {
    border: 1px solid #58656b;
    color: #111;
}

.social-icons li a:hover {
    color: #58656b;
}

.comment-reply .contact-box .input-box:active, .comment-reply .contact-box .textarea-box:active, .comment-reply .contact-box .input-box:focus, .comment-reply .contact-box .textarea-box:focus {
    border: 1px solid #58656b;
    color: #111;
}

.contact .contact-address i {
    color: #58656b;
}

.nav-transparent {
    border-bottom: solid 1px transparent;
}

.list-tweets li a:hover {
    color: #58656b;
}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, .side .widget ul.link li a:hover, .side .widget ul.link li a:focus, .check-list li:before, ul.cart-list > li > h6 > a, .attr-nav > ul > li > a:hover, .attr-nav > ul > li > a:focus, nav.navbar-sidebar ul.nav li.dropdown.on > a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar.navbar-inverse ul.nav li.dropdown.on > a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav > li > a:hover, nav.navbar ul.nav li.active > a, nav.navbar li.dropdown ul.dropdown-menu > li a:hover {
    color: #58656b;
    background: rgba(0,0,0,0.07);
}

nav.navbar.navbar-transparent ul.nav > li > a:hover, nav.navbar.no-background ul.nav > li > a:hover, nav.navbar ul.nav li.scroll.active > a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar-dark ul.nav li.dropdown.on > a {
    color: #708800 !important;
    background: rgba(0,0,0,0.07);
}

@media(max-width:920px) {
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover {
        color: #58656b !important;
        background: rgba(0,0,0,0.07);
    }
}

/* Looks Extra */
/* .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} */
/* ::selection{color:white;background:#ff7633;}::-moz-selection{color:white;background:#ff7633;}.ip-header .ip-loader svg path.ip-loader-circle{stroke:#ff7633;}.color-overlay{}a:hover{color:#ff7633;}a:active{color:#ff7633;}a:focus{color:#ff7633;}.sticky-navigation{}.sticky-navigation .main-navigation .current a{color:#ff7633;}.sticky-navigation .main-navigation li a:hover{color:#ff7633;background:none;}.sticky-navigation .main-navigation li a:active{color:#ff7633;background:none;}.sticky-navigation .main-navigation li a:focus{color:#ff7633;background:none;}.navbar-toggle .icon-bar{background-color:#ff7633;}.services .single-service .icon-container .icon{color:#ff7633;}.hvr-ripple-out:before{border:#ff7633 solid 1px;}.progress .bar{background:#ff7633;}.pf-filter li.active{color:#ff7633;}.masonry-grid-4 .portfolio-hover{background-color:rgba(141,56,192,.7);}.portfolio-project-info li a:hover{color:#ff7633;}.testimonials .owl-theme .owl-controls .owl-page span{background:#ff7633;border-radius:20%;max-height:2px;}.clients .owl-theme .owl-controls .owl-page span{background:#ff7633;border-radius:20%;max-height:2px;}.team-hover{border:2px solid #FFFFFF;background-color:rgba(255,255,255,.7);}.team-hover .s-link a{text-align:center;color:#ff7633;}.desk p{color:#ff7633;}.team .owl-theme .owl-controls .owl-page span{background:#ff7633;}.special-package{color:#ff7633;}.special-package .price h2,.special-package .price h2 span,.special-package .price p{color:#ff7633;}.special-package .hvr-bounce-to-right:before{background:#ff7633;}.special-package .single-package{border:1px solid #ff7633;}.special-package .btn-price{color:#ff7633;border-color:#ff7633;}.special-package .btn-price:hover{color:#fff;}.btn-lines .line-top,.btn-lines .line-bottom,.btn-lines .line-left,.btn-lines .line-right{background:#ff7633;}.res-funfactor .icon-container i{color:#ff7633;}.blog-title :hover{color:#ff7633;}.blog-post-title :hover{color:#ff7633;}.author a :hover{color:#ff7633;}.read-more :hover{color:#ff7633;}.blog-list-item-detail a:hover{color:#ff7633;}.blog-item-detail a:hover{color:#ff7633;}.input-field:active{border:1px solid  #ff7633;border-radius:5px;}.input-field:focus{border-color:#ff7633;}.clearlist li a:hover{color:#ff7633;}.tags a:hover{color:#ff7633;border:1px solid #ff7633;}.article-nav a i:hover{color:#ff7633;}.standard-button{background:#B58C82;}.standard-button2{background:#ff7633;}.standard-button2:hover{background:#fff;}.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background:#005885;border-color:inherit;}.colored-line,.colored-line-left{background:#ff7633;}.main-color{color:#ff7633;}.theme-color{color:#ff7633;}.theme-color-bg{background-color:#ff7633;}.color-bg{background:rgb(127,111,91);color:#FFFFFF;}.contact .contact-button{border:2px solid #656565;color:#958257;}.contact .contact-button:hover{background:#ff7633;}.contact .contact-box .input-box:active,.contact .contact-box .textarea-box:active,.contact .contact-box .input-box:focus,.contact .contact-box .textarea-box:focus{border:1px solid  #ff7633;color:#111;}.social-icons li a:hover{color:#ff7633;}.comment-reply .contact-box .input-box:active,.comment-reply .contact-box .textarea-box:active,.comment-reply .contact-box .input-box:focus,.comment-reply .contact-box .textarea-box:focus{border:1px solid  #ff7633;color:#111;}.contact  .contact-address i{color:#ff7633;}.nav-transparent{border-bottom:solid 1px transparent;}.list-tweets li a:hover{color:#ff7633;}.menu-subtitle{color:#ff7633;}.price-menu-list .menu-list__item-title{color:#ff7633;}.price-menu-list .menu-list__item-price{color:#ff7633;}.price-menu-list .menu-list__item-price span{color:#ff7633;}nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover,.side .widget ul.link li a:hover,.side .widget ul.link li a:focus,.check-list li:before,ul.cart-list > li > h6 > a,.attr-nav > ul > li > a:hover,.attr-nav > ul > li > a:focus,nav.navbar-sidebar ul.nav li.dropdown.on > a,nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title,nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover,nav.navbar ul.nav li.dropdown.on > a,nav.navbar.navbar-inverse ul.nav li.dropdown.on > a,nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a,nav.navbar .dropdown .megamenu-content .col-menu.on .title,nav.navbar ul.nav > li > a:hover,nav.navbar ul.nav li.active > a,nav.navbar li.dropdown ul.dropdown-menu > li a:hover{color:#ff7633;background:rgba(0,0,0,0.07);}nav.navbar.navbar-transparent ul.nav > li > a:hover,nav.navbar.no-background ul.nav > li > a:hover,nav.navbar ul.nav li.scroll.active > a,nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu  > li > a:hover,nav.navbar ul.nav li.dropdown.on > a,nav.navbar-dark ul.nav li.dropdown.on > a{color:#ff7633 !important;background:rgba(0,0,0,0.07);}@media(max-width:920px){nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover,nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{color:#ff7633 !important;background:rgba(0,0,0,0.07);}} */
/* .nivo-lightbox-theme-default.nivo-lightbox-overlay{background:#666;background:rgba(0,0,0,0.6);}.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{background:url(/D8/jovan/themes/custom/jovan/css/nivo_themes/default/loading.gif) no-repeat 50% 50%;}.nivo-lightbox-theme-default .nivo-lightbox-nav{top:10%;width:8%;height:80%;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;opacity:0.5;}.nivo-lightbox-theme-default .nivo-lightbox-nav:hover{opacity:1;background-color:rgba(0,0,0,0.5);}.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(/D8/jovan/themes/custom/jovan/css/nivo_themes/default/prev.png);border-radius:0 3px 3px 0;}.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(/D8/jovan/themes/custom/jovan/css/nivo_themes/default/next.png);border-radius:3px 0 0 3px;}.nivo-lightbox-theme-default .nivo-lightbox-close{display:block;background:url(/D8/jovan/themes/custom/jovan/css/nivo_themes/default/close.png) no-repeat;width:48px;height:48px;text-indent:-9999px;padding:5px;opacity:0.5;}.nivo-lightbox-theme-default .nivo-lightbox-close:hover{opacity:1;}.nivo-lightbox-theme-default .nivo-lightbox-title-wrap{bottom:-7%;}.nivo-lightbox-theme-default .nivo-lightbox-title{font:14px/20px 'Helvetica Neue',Helvetica,Arial;font-style:normal;font-weight:normal;background:#000;color:#fff;padding:7px 15px;border-radius:30px;}.nivo-lightbox-theme-default .nivo-lightbox-image img{background:#fff;-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.4);box-shadow:0px 1px 1px rgba(0,0,0,0.4);}.nivo-lightbox-theme-default .nivo-lightbox-ajax,.nivo-lightbox-theme-default .nivo-lightbox-inline{background:#fff;padding:40px;-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.4);box-shadow:0px 1px 1px rgba(0,0,0,0.4);}@media (-webkit-min-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(min--moz-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{background-image:url(/D8/jovan/themes/custom/jovan/css/nivo_themes/default/loading%402x.gif);-webkit-background-size:32px 32px;background-size:32px 32px;}.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(/D8/jovan/themes/custom/jovan/css/nivo_themes/default/prev%402x.png);-webkit-background-size:48px 48px;background-size:48px 48px;}.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(/D8/jovan/themes/custom/jovan/css/nivo_themes/default/next%402x.png);-webkit-background-size:48px 48px;background-size:48px 48px;}.nivo-lightbox-theme-default .nivo-lightbox-close{background-image:url(/D8/jovan/themes/custom/jovan/css/nivo_themes/default/close%402x.png);-webkit-background-size:16px 16px;background-size:16px 16px;}} */

/* Header */
/*@font-face {
    font-family: 'Avenir LT Std 45 Book';
    font-style: normal;
    font-weight: normal;
    src: url(/D8/jovan/themes/custom/jovan/assets/fonts/AvenirLTStd-Book.woff) format('woff');
}

@font-face {
    font-family: 'Avenir LT Std 85 Heavy';
    font-style: normal;
    font-weight: normal;
    src: url(/D8/jovan/themes/custom/jovan/assets/fonts/AvenirLTStd-Heavy.woff) format('woff');
}

@font-face {
    font-family: 'Avenir LT Std 35 Light';
    font-style: normal;
    font-weight: normal;
    src: url(/D8/jovan/themes/custom/jovan/assets/fonts/AvenirLTStd-Light.woff) format('woff');
}

@font-face {
    font-family: Segoe UI-Ultralight;
    src: url(/D8/jovan/themes/custom/jovan/assets/fonts/Segoe UI-UltraLight.woff);
}*/

html {
    font-size: 100%;
    width: auto !important;
    overflow-x: hidden !important;
}

body {
    height: 100%;
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
    width: 100%;
    overflow-x: hidden !important;
    margin: auto !important;
}

hr {
    border-color: transparent;
}

strong {
    font-weight: 700;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.white-color {
    color: #fff;
}

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

a {
    color: #464646;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}

    a:hover {
        text-decoration: none;
        opacity: 0.9;
    }

    a:active {
        text-decoration: none;
        opacity: 0.7;
    }

    a:visited {
        text-decoration: none;
        /*opacity: 0.7;*/
    }

.center-div {
    text-align: center;
}

a:focus {
    text-decoration: none;
}

.btn {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 100%;
    margin: 10px 0;
    outline: 0 none;
    padding: 10px 20px;
    position: relative;
    white-space: nowrap;
    border-radius: 0px;
}

.btn-price {
    margin-top: 10px;
    border: 1px solid;
    border-color: #949494;
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 100%;
    margin-bottom: 0px;
}

.btn-home {
    color: #fff;
    border: 1px solid #fff;
}

.agency-btn-1 {
    background-color: #5ba1ab;
    color: #ffffff;
    float: left;
}

.btn-home:hover {
    color: #000;
}

    .btn-home:hover a {
        color: #000;
    }

.btn-home a {
    color: #fff;
}

    .btn-home a:hover {
        color: #000;
    }

.btn-home:hover a:visited {
    color: #000;
}

.btn-home a:visited {
    color: #fff;
}

.btn:focus, .btn:active {
    outline: inherit;
}

textarea:focus, input:focus {
}

.scroll-btn {
    display: block;
    position: absolute;
    bottom: 1%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100;
}

    .scroll-btn > * {
        display: inline-block;
        line-height: 10px;
        font-size: 13px;
        font-weight: normal;
        color: #7f8c8d;
        color: #000;
        letter-spacing: 2px;
    }

        .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *.active {
            color: #000;
        }

        .scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *:active, .scroll-btn > *.active {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

    .scroll-btn .mouse {
        position: relative;
        display: block;
        width: 25px;
        height: 40px;
        margin: 0 auto 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .scroll-btn .mouse > * {
            position: absolute;
            display: block;
            left: -10%;
            font-size: 32px;
        }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul, ol {
    padding-left: 0 !important;
}

li {
    list-style: none;
}

.nopadding {
    padding: 0px;
}

.numbers {
    font-family: 'Segoe UI';
    font-weight: 200;
}

h1 {
    font-size: 3.75rem;
    line-height: 4.688rem;
}

h2 {
    font-family: 'Segoe UI';
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 1px;
    line-height: 4.063rem;
}

h3 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 300;
}

h4 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
}

h5 {
    font-size: 18px;
    font-weight: 400;
}

h6 {
    font-size: 12px;
    font-family: 'Segoe UI';
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: uppercase;
}

p {
    color: #41454A;
    /*font-size: 16px;*/
    font-weight: 300;
}

.section-title {
    color: #000;
}

.text-dark {
    color: #000;
}

.text-white {
    color: #FFF;
}

.text-dark-blue {
    color: #004dff;
}

.bg-white {
    background: #fff;
}

.section-top {
    padding-top: 20px;
}

.section-header {
    padding-bottom: 15px;
}

    .section-header h2 {
        margin-bottom: 5px;
    }

.section-header {
    padding-left: 10px;
    text-align: left;
}

.section-title span {
    text-align: left;
}

.section-header .smt {
    font-family: 'Segoe UI';
    font-weight: 200;
    display: table;
    position: relative;
    font-size: 45px;
    padding: 0 22px;
    text-transform: uppercase;
}

.section-header-int .smt {
    font-family: 'Segoe UI';
    font-weight: 200;
    display: table;
    position: relative;
    font-size: 45px;
    padding: 0 22px;
    text-transform: uppercase;
}

.section-header .smt:after {
    display: inline-block;
    content: "";
    border-bottom: 1px solid #c58b68;
    position: absolute;
    left: 0;
    top: 50%;
    width: 42px;
    margin-top: -1px;
}

.section-header .smt > span {
    display: block;
    padding: 0 30px;
}

.section-sub-header {
    padding-left: 10px;
    text-align: left;
}

    .section-sub-header .smt {
        font-family: 'Segoe UI';
        font-weight: 200;
        display: table;
        position: relative;
        font-size: 12px;
        text-transform: uppercase;
    }

.section-header .smt:after {
    display: inline-block;
    content: "";
    border-bottom: 1px solid #c58b68;
    position: absolute;
    left: 0;
    top: 50%;
    width: 62px;
    margin-top: -1px;
}

.section-sub-header .smt > span {
    display: block;
    padding: 0 30px;
}

.section-header .smt:after {
    display: inline-block;
    content: "";
    border-bottom: 1px solid #1D1C1C;
    position: absolute;
    left: 0;
    top: 50%;
    width: 42px;
    margin-top: -1px;
}

.section-header .smt:after {
    left: auto;
    right: 0;
}

.section-white .section-header h2 {
    color: #FFF;
}

.section-header-2 {
    padding-bottom: 50px;
}

    .section-header-2 h4 {
        margin-bottom: 5px;
    }

.section-header-2 {
    padding-left: 10px;
    text-align: center;
}

.section-title-2 {
    font-family: 'egoe UI';
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #718c9e;
}

.section-title-3 {
    font-family: 'Segoe UI';
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 12px;
    color: #718c9e;
}

.section-title-4 {
    font-family: 'Segoe UI';
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 12px;
    color: #718c9e;
    padding-bottom: 30px;
}

.section-header-2 .section-description {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    text-align: center;
    padding-bottom: 3px;
}

    .section-header-2 .section-description span.thin {
        font-family: 'Segoe UI';
        font-weight: 200;
        font-size: 32px;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        text-align: center;
        padding-bottom: 3px;
    }

.section-header-2 .section-description-2 {
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 38px;
    text-transform: capitalize;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    text-align: center;
    padding-bottom: 3px;
}

.colored-line {
    margin: auto;
    z-index: 1;
    width: .5px;
    height: 27px;
    background: #000;
}

.colored-line-2 {
    z-index: 1;
    width: .5px;
    height: 27px;
    background: #000;
}

.white-line {
    margin: auto;
    z-index: 1;
    width: 165px;
    height: 1px;
    background: #ffffff;
}

.black-line {
    text-align: center;
}

.ShowcaseMiddle {
    width: 38%;
}

.under-line {
    z-index: 1;
    width: 35px;
    height: 1px;
    background: #000;
    text-align: left;
    margin-bottom: 10px;
}

.under-line-1 {
    margin: auto;
    z-index: 1;
    width: 55px;
    height: 1px;
    background: #000;
    text-align: left;
    margin-top: 10px;
}

.under-line-2 {
    margin: auto;
    z-index: 1;
    width: 220px;
    height: 1px;
    background: #dadada;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bottom-border {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    display: inline-block;
}

.m-bot-40 {
    margin-bottom: 40px;
}

.m-bot-60 {
    margin-bottom: 60px;
}

.m-top-60 {
    margin-top: 60px;
}

.m-bot-70 {
    margin-bottom: 70px;
}

.fit-img {
    width: 100%;
    height: auto;
}

.text-center {
    text-align: center;
}

.divider {
    width: 100%;
    margin: 30px 0;
    position: relative;
    color: #e2e2e2;
    display: inline-block;
}

.divider-2 {
    width: 100%;
    margin: 30px 0;
    position: relative;
    color: #e2e2e2;
    display: inline-block;
}

.divider.d-single {
    width: 100%;
    height: 1px;
    border-color: #e2e2e2;
    border-top-width: 1px;
}

.divider-2.d-single {
    width: 100%;
    height: 1px;
    border-color: #e2e2e2;
    border-top-width: 1px;
}

.divider.d-double {
    width: 100%;
    height: 8px;
    border-color: #e2e2e2;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.d-single.d-solid {
    border-top-style: solid;
}

.d-single.d-dashed {
    border-top-style: dashed;
}

.d-double.d-solid {
    border-top-style: solid;
    border-bottom-style: solid;
}

.d-double.d-dashed {
    border-top-style: dashed;
    border-bottom-style: dashed;
}

.timer {
    font-family: 'Segoe UI';
    font-size: 48px;
    font-weight: 700;
}

.single-page-overlay {
    background-color: rgba(44,44,44,.6);
}

.single-page-image-parallax {
    width: 100%;
    height: 450px;
    padding-bottom: 20px;
}

header {
    -webkit-background-size: cover;
    background-size: cover;
}

    header .color-overlay {
        height: 100vh;
        background: rgba(255,255,255,0.5);
    }

.no-background img.logo {
    width: 110px;
    height: auto;
    margin-top: 8px;
}

.logo {
    width: 98px;
    height: auto;
    margin-top: 6px;
}

.aboutSection {
    background-color: #f2f2f2;
}

.aboutUsParagraph {
    float: left;
    text-align: left;
    line-height: 37.6px;
    margin-right: 80px;
    font-weight: 400;
    font-size: 16px;
}

.readMore {
    float: left;
    background-color: #708800 !important;
    color: #f2f2f2 !important;
    border-color: #708800 !important;
    margin-top: 40px;
}

.platter_spacing {
    padding-bottom: 30px;
}

.readMore:hover {
    background-color: #708800 !important;
    color: #f2f2f2 !important;
}

.no-background a#buynow {
    color: black !important;
    background-color: white !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    width: 105px !important;
    height: 36px !important;
    padding-top: 8px !important;
    padding-bottom: 15px;
    margin-top: 21px !important;
}

a#buynow {
    color: white !important;
    background-color: #708800 !important;
    font-size: 12px !important;
    border-radius: 5px !important;
    width: 105px !important;
    height: 36px !important;
    padding-top: 8px !important;
    padding-bottom: 15px !important;
    margin-top: 21px !important;
}

    a#buynow:hover {
        color: black !important;
        background-color: #708800 !important;
    }

.SiteName {
    position: absolute;
    top: 228px;
    color: white;
    left: 156px;
    font-family: 'Enchanting Celebrations';
    font-weight: 400;
    font-size: 66px;
}

.productheading {
    font-family: Segoe UI;
    font-weight: 900;
    margin-bottom: 5px;
}

.input {
    border-top-style: hidden !important;
    border-right-style: hidden !important;
    border-left-style: hidden !important;
    border-bottom-style: groove !important;
    margin: 10px !important;
}

#sendButton {
    color: white !important;
    background-color: #708800 !important;
    font-size: 13px !important;
    border-radius: 5px !important;
    border-color: #708800 !important;
    width: 74px !important;
    height: 26px !important;
    margin-top: 0px !important;
    font-weight: 500;
    float: right;
    line-height: 0;
}

nav.navbar.bootsnav.no-background {
    margin-top: 15px;
}



#sendButton:hover {
    border-color: #708800 !important;
}

.contactUSdesc {
    display: flex;
    width: 100%;
    height: 400px;
}

.contactusSide {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.contactusForm {
    flex: 1;
    background-color: white;
}

.table {
    color: #000000;
    background-color: white;
    border-collapse: collapse;
    border-style: hidden !important;
}

/*.table td {
        border: 5px solid black;
    }*/

.section-product {
    background-color: #f2f2f2;
}

.storeBar {
    width: 17%;
}

.tblOne {
    background-color: white;
}

.tblTwo {
    background-color: white;
}

.contactusMiddle {
    background-color: #f2f2f2;
}

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

.MainText {
    margin-bottom: 20px;
    padding-left: 27px;
}

ul.bullletList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 40px;
    padding-bottom: 20px;
}

li.imageBullet {
    background: url(assets/images/AboutUsBulets.png) no-repeat left top;
    padding-left: 45px;
    background-position: center;
    padding-top: 3px;
    background-position-y: 13px;
    margin: 0px 0 6px 0;
    display: block;
    background-size: 15px;
    background-position-x: 14px;
}

.healthbar {
    margin-top: -16px;
    width: 12%;
}

.healthbenefits {
    margin: auto;
    font-weight: 700;
    font-size: 27px;
}

.healthdesc {
    padding-left: 110px;
    padding-right: 110px;
    padding-top: 15px;
    font-size: 16px;
}

.outerImage {
    /*background: url(assets/images/DescImage.png);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    padding-top: 4000px;
    background-color: #f2f2f2;
    position: relative;
}

.innerImage {
    text-align: center;
    position: absolute;
    top: 2%;
    left: 30%;
}

.ContactUsLeft {
    padding: 0px 20px;
}

.contactheading {
    font-family: 'Enchanting Celebrations';
    padding: 20px;
}

.recipeDiv {
    padding-bottom: 20px;
    background-color: #f2f2f2;
    position: relative;
    text-align: center;
    padding: 38% 0% 0% 0%;
}

img.descImage {
    width: 100%;
}

div.mainheader {
    position: relative;
}

div.InsideHeader {
    position: absolute;
    top: 142px;
    text-align: center;
    width: 32%;
    left: 455px;
}

h2.recipeHeadig {
    position: absolute;
    top: 730px;
    color: white;
}

div.firsttext {
    top: 810px;
    position: absolute;
    margin-right: 10px;
    padding-right: 56px;
}

div.secondText {
    top: 970px;
    position: absolute;
    margin-right: 10px;
    padding-right: 56px;
}

div.thirdtext {
    top: 1095px;
    position: absolute;
    margin-right: 10px;
    padding-right: 56px;
}

#leftText {
    text-align: left;
    color: white;
}

.SiteDesc {
    position: absolute;
    top: 312px;
    color: white;
    left: 163px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 27px;
}

.section-top {
    padding-top: 0px;
}

.aboutus-desc {
    background-color: #f2f2f2;
}

img.aboutusbar {
    margin-top: -17px;
}

.abtHeading {
    margin: 0px;
    font-family: Segoe UI;
    font-weight: 600;
    font-size: 27px;
}

.abtusDiv {
}

.leftBerry {
    padding-top: 0px;
    z-index: 1;
    position: absolute;
    right: 0;
    top: -75px;
}

.BannerReponsiveImg {
    width: 100%;
    filter: brightness(49%);
}

.rightBerry {
    position: absolute;
    left: -64px;
    bottom: -32px;
    width: 20%;
}

.socialIcon {
    position: relative;
    right: -163px;
    padding-top: 22px;
}

.fb {
    height: auto;
    width: 40px;
}

.insta {
    height: auto;
    width: 40px;
}

.socialLinkfb {
    padding-right: 5px;
}

.footer-Line {
    text-align: left;
    margin: auto;
    z-index: 1;
    width: 1096px;
    height: 1px;
    background: #cac7c7;
}

.ViewMore {
    text-decoration: none !important;
    color: #708800;
    font-size: 17px;
}

    .ViewMore:hover {
        color: #708800;
    }

    .ViewMore:visited {
        color: #708800;
    }

.aboutUsText {
    float: left;
    margin-top: 95px;
    font-weight: 700;
    font-size: 27px;
}

.quillImage {
    width: 100%;
    height: 100%;
}

.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.no-js .preloader {
    display: none;
}

.preloader {
    position: fixed;
    background-color: #fff;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.status {
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}

.ip-header {
    position: fixed;
    top: 0;
    z-index: 100;
    min-height: 480px;
    width: 100%;
    height: 100%;
    background: #fdfdfd;
}

    .ip-header h1 {
        margin: 0;
    }

.ip-loader {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.ip-loader {
    bottom: 50%;
}

.ip-header .ip-inner {
    display: block;
    margin: 0 auto;
}

.ip-header .ip-loader svg path {
    fill: none;
    stroke-width: 3;
}

    .ip-header .ip-loader svg path.ip-loader-circlebg {
        stroke: #ddd;
    }

    .ip-header .ip-loader svg path.ip-loader-circle {
        -webkit-transition: stroke-dashoffset 0.2s;
        transition: stroke-dashoffset 0.2s;
    }

.loading .ip-loader {
    opacity: 1;
    -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loading .ip-loader {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes animInitialHeader {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,800px,0);
    }
}

@keyframes animInitialHeader {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,800px,0);
        transform: translate3d(0,800px,0);
    }
}

.loaded .ip-loader {
    opacity: 1;
}

@-webkit-keyframes animLoadedLogo {
    to {
        -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1);
    }
}

@keyframes animLoadedLogo {
    to {
        -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1);
        transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1);
    }
}

.loaded .ip-loader {
    -webkit-animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLoader 0.5s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1);
    }
}

@keyframes animLoadedLoader {
    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1);
        transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1);
    }
}

.loaded .ip-header {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
    to {
        -webkit-transform: translate3d(0,-100%,0);
    }
}

@keyframes animLoadedHeader {
    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
    }
}

.no-js .ip-header {
    position: relative;
    min-height: 0px;
}

    .no-js .ip-header .ip-logo {
        margin-top: 20px;
        height: 180px;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }

        .no-js .ip-header .ip-logo svg path {
            fill: #fff;
        }

nav.navbar.bootsnav ul.nav > li > a {
    font-family: 'Segoe UI';
    font-size: 12px;
    font-weight: 500;
    padding: 17px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
    font-family: 'Segoe UI';
    font-size: 12px;
    font-weight: 300;
    padding: 5px 10px;
    text-transform: uppercase;
}

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, .side .widget ul.link li a:hover, .side .widget ul.link li a:focus, .check-list li:before, ul.cart-list > li > h6 > a, .attr-nav > ul > li > a:hover, .attr-nav > ul > li > a:focus, nav.navbar-sidebar ul.nav li.dropdown.on > a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar.navbar-inverse ul.nav li.dropdown.on > a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav > li > a:hover, nav.navbar ul.nav li.active > a, nav.navbar li.dropdown ul.dropdown-menu > li a:hover {
        color: #708800 !important;
        background: rgba(0,0,0,0.07);
    }

nav.navbar.navbar-transparent ul.nav > li > a:hover, nav.navbar.no-background ul.nav > li > a:hover, nav.navbar ul.nav li.scroll.active > a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar-dark ul.nav li.dropdown.on > a {
    color: #ff3333;
    background: rgba(0,0,0,0.07);
}

@media(max-width:920px) {
    nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover {
        color: #121212 !important;
        background: rgba(0,0,0,0.07);
    }
}

ul.cart-list > li.total > .btn {
    border-color: #121212;
}

nav.navbar li.dropdown ul.dropdown-menu {
    border-top-color: #121212 !important;
}

ul.cart-list > li.total > .btn, .attr-nav > ul > li > a span.badge, nav.navbar .share ul > li > a:hover, nav.navbar .share ul > li > a:focus {
    background-color: #121212;
}

    ul.cart-list > li.total > .btn:hover, ul.cart-list > li.total > .btn:focus {
        background-color: #121212 !important;
    }

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
    font-family: 'Segoe UI';
    content: "\f107";
    margin-left: 4px;
    margin-top: 2px;
}

.top-search .input-group {
    margin: 0px auto;
}

.attr-nav > ul > li > a {
    padding: 16px 15px;
}

.sticky-navigation {
    min-height: 60px;
    background: #FFFFFF;
    opacity: 1;
    padding: 0 !important;
    margin-bottom: 0 !important;
    -webkit-backface-visibility: hidden;
    -webkit-box-shadow: 0px 2px 8px 0px rgba(50,50,50,0.08);
    box-shadow: 0px 2px 8px 0px rgba(50,50,50,0.08);
}

    .sticky-navigation .navbar-header img {
        max-height: 30px;
        -webkit-backface-visibility: hidden;
    }

    .sticky-navigation .main-navigation .current a {
        position: relative;
        outline: none;
    }

    .sticky-navigation .main-navigation li a {
        font-family: 'Segoe UI';
        letter-spacing: 1px;
        font-weight: 400;
        font-size: 13px;
        text-transform: uppercase;
    }

        .sticky-navigation .main-navigation li a:hover {
            background: none;
        }

        .sticky-navigation .main-navigation li a:active {
            background: none;
        }

        .sticky-navigation .main-navigation li a:focus {
            background: none;
        }

.navbar-brand {
    padding: 10px;
}

    .navbar-brand .logo-title {
        padding-left: 10px;
        display: inline-block;
        vertical-align: middle;
        font-family: 'Segoe UI';
        text-transform: uppercase;
        font-weight: 400;
        font-size: 12px;
        letter-spacing: 3px;
    }

.navbar-header a:hover {
    color: rgba(0,0,0,0.5);
}

.navbar-header a:focus {
    color: rgba(0,0,0,0.5);
}

.navbar-header a:active {
    color: rgba(0,0,0,0.5);
}

header .only-logo .navbar {
    background: none;
    padding: 60px;
}

    header .only-logo .navbar .navbar-header {
        float: none;
    }

.intro-section {
    margin: 30vh auto;
}

.intro-section-pad {
    padding-top: 30vh;
}

.about-2-bg-color {
    background-color: #1b2943;
}

.srv-cmn-t {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 38px;
    padding-top: 150px;
    padding-bottom: 20px;
    padding-left: 80px;
    color: #2c2c2c;
    padding-right: 80px;
}

.srv-cmn-t-2 {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 38px;
    padding-top: 150px;
    padding-left: 80px;
    padding-bottom: 20px;
    color: #2c2c2c;
    padding-right: 80px;
}

.srv-cmn-d {
    font-family: 'Segoe UI';
    font-weight: 300;
    font-size: 17px;
    padding-left: 80px;
    padding-top: 15px;
    padding-right: 80px;
}

.srv-cmn-d-2 {
    font-family: 'Segoe UI';
    font-weight: 300;
    font-size: 17px;
    padding-top: 15px;
    padding-left: 80px;
    padding-right: 80px;
}

.srv-cmn-right-pic {
    width: 100%;
    height: 400px;
    background: url(/D8/jovan/themes/custom/jovan/images/common/rp-1.jpg) no-repeat;
    background-size: cover;
}

.srv-cmn-left-pic {
    width: 100%;
    height: 400px;
    background: url(/D8/jovan/themes/custom/jovan/images/common/lp-1.jpg) no-repeat;
    background-size: cover;
}

.srv-quote {
    padding-top: 130px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 30px;
    font-family: 'Segoe UI';
    font-size: 40px;
    text-align: left;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 50px;
}

.srv-quote-st {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    font-family: 'Segoe UI';
    font-size: 22px;
    text-align: left;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 30px;
}

.up-title {
    letter-spacing: .7em;
    color: #282828;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Segoe UI';
}

.text-white-1 {
    font-family: 'Segoe UI';
    font-weight: 100;
    font-size: 90px;
    color: #bd5f1f;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-bottom: 10px;
}

.sub-intro {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 100;
    font-family: 'Segoe UI';
    padding: 10px;
}

video {
    width: auto;
    height: inherit;
}

.video-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100vh;
}

    .video-wrap iframe {
        width: 100%;
        height: 100%;
    }

.video-overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,0.2);
    -webkit-backface-visibility: hidden;
}

.call-subtitle-arch {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.arch-bg-color {
    background-color: #f6f3f1;
}

.arch-about {
    padding: 80px 75px 100px;
}

.rslides li .divide-w3ls {
    padding-left: 0px;
    padding-right: 0px;
}

.constr-abt {
    margin-bottom: 20px;
    overflow: hidden;
}

.archi-about-image-1 {
    width: 60%;
    position: relative;
    float: right;
    padding: 20px 0px;
}

.archi-about-image-2 {
    width: 50%;
    position: absolute;
    top: 18%;
    left: 15%;
}

@media screen and (min-width:480px) {
    .archi-about-image-2 {
        width: 50%;
        position: absolute;
        top: 45%;
        left: 15%;
    }
}

@media screen and (min-width:640px) {
    .index-about-grid {
        padding: 0;
    }

    .archi-about-image-2 {
        top: 40%;
        left: 5%;
    }
}

@media screen and (min-width:768px) {
    .index-about-image {
        padding-bottom: 125px;
    }

    .archi-about-image-1 {
        width: 60%;
        top: 20px;
        height: auto;
        left: 30%;
    }

    .archi-about-image-2 {
        top: 20%;
        left: 30%;
        width: 50%;
        height: auto;
    }
}

@media screen and (min-width:1024px) {
    .archi-about-image-1 {
        width: 60%;
        top: 20px;
        height: auto;
        left: 0;
    }

    .archi-about-image-2 {
        top: 20%;
        left: 20%;
        width: 50%;
        height: auto;
    }
}

.arch-bg-color .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.arch-abt-us {
    padding-top: 30px;
    padding-right: 30px;
}

.arch-serv {
    padding-left: 100px;
    padding-right: 100px;
}

.arch-featured-item .icon i {
    text-align: left;
    color: #cb5750;
    font-size: 40px;
}

.arch-serv-title h4 {
    font-family: 'Segoe UI';
    font-weight: 400;
    text-align: left;
    font-size: 17px;
    color: #2c2c2c;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.arch-serv-desc {
    font-family: 'Segoe UI';
    font-weight: 300;
    text-align: left;
    font-size: 16px;
    color: #484848;
    padding-right: 30px;
}

.serv-icon {
    display: inline-block;
    margin: auto;
    vertical-align: middle;
    opacity: 0.7;
    font-size: 50px;
    text-align: center;
    -webkit-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.services {
    margin: 0 auto;
}

.arch-abt-t {
    font-family: 'Segoe UI';
    font-size: 28px;
    text-align: center;
    font-weight: 300;
}

.arch-abt-st {
    font-family: 'Segoe UI';
    font-size: 17px;
    text-align: center;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #2c2c2c;
}

.divide-info1, .divide-info2 {
    position: absolute;
    z-index: 99;
    width: 100%;
    text-align: justify;
    bottom: 5px;
    padding: 0 100px;
    margin-left: 0px;
}

    .divide-info1 h3, .divide-info2 h3 {
        font-family: 'Segoe UI';
        font-size: 25px;
        font-weight: 400;
        color: #fff;
        padding-bottom: 15px;
        text-transform: uppercase;
    }

    .divide-info1 p.divide-p1, .divide-info2 p.divide-p1 {
        font-size: 16px;
        font-weight: bold;
        padding-bottom: 60px;
        line-height: 35px;
        color: #fff;
        text-transform: uppercase;
    }

    .divide-info1 p.divide-p2, .divide-info2 p.divide-p2 {
        font-size: 16px;
        color: #fff;
        line-height: 35px;
    }

.col-lg-6.col-md-6.col-sm-6.divide-w3ls {
    padding: 0;
}

section.divider i.fa {
    font-size: 50px;
    color: #fff;
    padding-bottom: 20px;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
    }

.rslides {
    margin: 0 auto;
}

.rslides-overlay {
    background: rgba(0,0,0,0.9);
}

.arch-team {
    padding-bottom: 40px;
    background-color: #292a2e;
}

.arch-portfolio {
    background-color: #292a2e;
}

.arch-testimonial {
    background-color: #292a2e;
}

.contact-arch {
    background: url(/D8/jovan/themes/custom/jovan/images/interior/bg-1.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

.contact-arch-overlay {
    background-color: rgba(27,41,67,.5);
}

.arch-blog {
    background-color: #292a2e;
}

.work-steps {
    background-color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.steps {
    margin-top: 80px;
}

    .steps .step-1-image {
        background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(252,95,69,0.1) 100%),-webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(252,95,69,0.1) 100%),url(/D8/jovan/themes/custom/jovan/images/architecht/cs-1.jpg) no-repeat top;
        background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(252,95,69,0.1) 100%),linear-gradient(to bottom,rgba(255,0,0,0) 0%,rgba(252,95,69,0.1) 100%),url(/D8/jovan/themes/custom/jovan/images/architecht/cs-1.jpg) no-repeat top;
        background-size: cover;
    }

    .steps .step-2-image {
        background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(56,198,149,0.1) 100%),-webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(56,198,149,0.1) 100%),url(/D8/jovan/themes/custom/jovan/images/architecht/cs-2.jpg) no-repeat top;
        background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(56,198,149,0.1) 100%),linear-gradient(to bottom,rgba(255,0,0,0) 0%,rgba(56,198,149,0.1) 100%),url(/D8/jovan/themes/custom/jovan/images/architecht/cs-2.jpg) no-repeat top;
        background-size: cover;
    }

    .steps .step-3-image {
        background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(178,124,245,0.1) 100%),-webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(178,124,245,0.1) 100%),url(/D8/jovan/themes/custom/jovan/images/architecht/cs-3.jpg) no-repeat top;
        background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(178,124,245,0.1) 100%),linear-gradient(to bottom,rgba(255,0,0,0) 0%,rgba(178,124,245,0.1) 100%),url(/D8/jovan/themes/custom/jovan/images/architecht/cs-3.jpg) no-repeat top;
        background-size: cover;
    }

    .steps .step-4-image {
        background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(254,185,96,0.1) 100%),-webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(254,185,96,0.1) 100%),url(/D8/jovan/themes/custom/jovan/images/work-steps/step-4.jpg) no-repeat top;
        background: -webkit-linear-gradient(top,rgba(255,0,0,0) 0%,rgba(254,185,96,0.1) 100%),linear-gradient(to bottom,rgba(255,0,0,0) 0%,rgba(254,185,96,0.1) 100%),url(/D8/jovan/themes/custom/jovan/images/work-steps/step-4.jpg) no-repeat top;
        background-size: cover;
    }

    .steps .step {
        padding-bottom: 50px;
    }

        .steps .step .step-image {
            position: relative;
        }

            .steps .step .step-image img {
                width: 100%;
            }

        .steps .step .step-box-left {
            position: relative;
            padding: 38px;
            float: left;
            margin-left: -293px;
            margin-top: -50px;
            z-index: 10;
            width: 458px;
            height: 300px;
        }

        .steps .step .step-box-right {
            position: relative;
            padding: 38px;
            float: right;
            margin-right: -293px;
            margin-top: -50px;
            z-index: 10;
            width: 458px;
            height: 300px;
        }

        .steps .step .step-number {
            position: relative;
            z-index: 1;
            float: left;
            font-size: 50px;
            font-family: 'Segoe UI';
            font-weight: 700;
            color: #d9ac95;
            width: 67px;
            height: 100%;
            margin-top: 12px;
            margin-left: -10px;
            margin-right: 26px;
        }

            .steps .step .step-number:after {
                content: "";
                background: #d9ac95;
                position: absolute;
                z-index: -1;
                top: -26px;
                right: 20px;
                width: 1px;
                height: 115px;
                -webkit-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            }

        .steps .step .content-area {
            margin-top: 28px;
        }

            .steps .step .content-area p {
                padding-right: 13px;
            }

.arch-cs-t {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media screen and (max-width:1199px) {
    .steps {
        margin-top: 75px;
    }

        .steps .step .step-box-left {
            margin-left: 0;
            margin-top: 0;
        }

        .steps .step .step-box-right {
            margin-right: 0;
            margin-top: 0;
        }
}

@media screen and (max-width:640px) {
    .steps .step .step-box-left, .steps .step .step-box-right {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width:480px) {
    .steps .step .step-number {
        margin-bottom: 50px;
    }
}

.archi-project {
    margin-left: 10px;
    padding-top: 75px;
}

.arch-cs-grid1 {
    position: relative;
    margin-top: 10%;
    left: 30%;
    padding: 5px;
    width: 80%;
    background: #f6f3f1;
    z-index: 1;
}

.arch-cs-grid1-grid1-pos {
    padding: 35px 60px 10px 80px;
}

.banner-bottom-grid-sub-pos {
    padding: 2em;
}

.arch-abt-p-st {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 13px;
    text-align: right;
    padding-right: 25px;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.arch-abt-p-t {
    padding-top: 20px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 23px;
    text-transform: none;
    text-align: right;
    padding-right: 25px;
    text-transform: uppercase;
    color: #000;
}

.arch-right-pic-1 {
    margin-top: 80px;
    width: 80%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/architecht/rp-1.jpg) no-repeat;
    background-size: cover;
}

.arch-right-pic-2 {
    margin-top: 80px;
    width: 80%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/architecht/rp-2.jpg) no-repeat;
    background-size: cover;
}

.left-pic-1 {
    margin-top: 80px;
    width: 100%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/architecht/lp-1.jpg) no-repeat;
    background-size: cover;
}

.center-pic img {
    width: 100%;
    padding: 40px 0px;
}

.arch-srv-block-1 {
    padding-bottom: 50px;
}

.arch-srv-heading {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 17px;
    margin-top: 80px;
    padding-right: 70px;
    text-transform: uppercase;
    text-align: right;
    color: #000;
}

    .arch-srv-heading.right {
        text-align: left;
        padding-left: 70px;
    }

.arch-srv-subhead {
    font-family: 'Segoe UI';
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: right;
    padding-right: 70px;
}

    .arch-srv-subhead.right {
        text-align: left;
        padding-left: 70px;
    }

.arch-desc-left-1 {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    padding-left: 70px;
    padding-right: 70px;
    text-transform: none;
    text-align: right;
    color: #18191b;
}

.arch-desc-left-2 {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    padding-left: 70px;
    padding-right: 70px;
    text-transform: none;
    text-align: right;
    color: #18191b;
}

.arch-desc-right {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    padding-left: 70px;
    padding-right: 70px;
    text-transform: none;
    text-align: left;
    color: #18191b;
}

.archit-project-t {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: left;
    font-family: 'Segoe UI';
    letter-spacing: 6px;
}

.archit-project-info {
    list-style: none;
    padding-top: 2px;
    text-align: left;
}

    .archit-project-info li {
        font-family: 'Segoe UI';
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 15px 0;
        color: rgba(0,0,0,.9);
    }

        .archit-project-info li span {
            font-family: 'Segoe UI';
            color: #6d747c;
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 1px;
        }

        .archit-project-info li a {
            font-size: 32px;
            color: #000;
        }

            .archit-project-info li a i {
                vertical-align: middle;
            }

.archi-project-desc .portfolio-project-title {
    padding-top: 60px;
    color: #718c9e;
    font-family: 'Segoe UI';
    letter-spacing: 6px;
}

.arch-call .promo-info span {
}

.contact .contact-box .contact-form.archi-contact .input-box {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}

.contact .contact-box .contact-form.archi-contact .textarea-box {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}

.interior .featured-item .desc {
    padding-left: 0px;
}

.interior-color-overlay {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
}

.intr-bg-color {
    background: #f5f5f5;
    background-size: 400% 400%;
}

.about-int {
    padding-bottom: 50px;
}

.service-int {
    background: url(/D8/jovan/themes/custom/jovan/images/interior/bg-1.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

.section-header .smt-interior {
    text-align: center;
    font-family: 'Segoe UI';
    font-weight: 200;
    position: relative;
    font-size: 36px;
    padding: 0 22px;
    text-transform: uppercase;
}

.section-top-interior {
    padding-top: 50px;
}

.dropcap-base-2 {
    font-family: 'Segoe UI';
    width: 40px;
    height: 40px;
    float: left;
    clear: left;
    font-size: 46px;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    padding: 1px;
    margin: 5px 0px 0 0;
}

.dropcap-base-2 {
    color: #e2beab;
}

.serv-int-icon {
    position: relative;
    left: 30px;
    width: 30%;
    height: auto;
}

    .serv-int-icon :active, .serv-int-icon :hover {
        color: #d9ac95;
    }

.service-int .color-overlay {
    background: rgba(30,33,38,.8);
    padding-top: 10px;
    padding-bottom: 10px;
}

.int-under-line {
    z-index: 1;
    width: 35px;
    height: 1px;
    background: #d9ac95;
    text-align: left;
    margin-bottom: 10px;
}

.int-under-line-2 {
    z-index: 1;
    width: 95px;
    height: 1px;
    background: #d9ac95;
    text-align: center;
    margin-bottom: 10px;
}

.int-under-line-3 {
    position: relative;
    left: -200px;
    z-index: 1;
    width: 325px;
    height: 1px;
    background: #d9ac95;
    margin-bottom: 10px;
}

    .int-under-line-3.right {
        position: relative;
        left: 400px;
        width: 625px;
    }

.int-srv-title h4 {
    font-family: 'Segoe UI';
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.int-srv-title a {
    color: #fff;
}

.int-srv-title h4:active, .int-srv-title h4:hover, .int-srv-title h4:focus {
    color: #d9ac95;
}

.int-srv-title i {
    font-size: 38px;
}

.int-srv-head {
    font-family: 'Segoe UI';
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #acacac;
}

.int-srv-desc {
    font-size: 16px;
    font-weight: 300;
    color: #acacac;
}

.int-title {
    font-size: 16px;
    font-family: 'Segoe UI';
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding-bottom: 8px;
}

.featured-item.feature-outline {
    position: relative;
    padding: 0 0 0 50px;
}

    .featured-item.feature-outline .icon {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

.bann-third-block-left {
    padding: 0px;
}

.bann-third-block-middle {
    padding: 0px;
}

.bann-third-block-right {
    padding: 0px;
}

@media (max-width:991px) {
    .bann-third-block-left {
        float: left;
        width: 33.3%;
    }
}

@media (max-width:480px) {
    .bann-third-block-left {
        float: none;
        width: 100%;
    }
}

.img-box, .text-box {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

    .img-box img, .text-box img {
        display: block;
        position: relative;
        max-width: 100%;
        max-height: 100%;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

.img-box {
    position: relative;
}

.text-box {
    top: 0;
    left: 0;
    position: absolute;
}

    .text-box .text-content {
        display: block;
        position: relative;
        padding: 2%;
        float: left;
        left: 50%;
        top: 50%;
        position: relative;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

        .text-box .text-content .smt {
            font-family: 'Segoe UI';
            color: #e2beab;
            font-weight: 200;
            display: table;
            position: relative;
            font-size: 24px;
            padding: 0 22px;
            text-transform: uppercase;
            text-align: left;
        }

            .text-box .text-content .smt:after {
                display: inline-block;
                content: "";
                border-bottom: 1px solid #fff;
                position: absolute;
                left: 0;
                top: 50%;
                width: 42px;
                margin-top: -1px;
            }

            .text-box .text-content .smt > span {
                display: block;
                padding: 0 30px;
            }

.grid-waves-effect {
    display: block;
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    overflow: hidden;
}

    .grid-waves-effect .text-content {
        z-index: 2 !important;
        filter: alpha(opacity=0);
        -wekbit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .grid-waves-effect .img-box:after, .grid-waves-effect .img-box:before, .grid-waves-effect .text-box:after, .grid-waves-effect .text-box:before {
        content: "";
        display: block;
        position: absolute;
        background-color: rgba(0,0,0,0.8);
        z-index: 1;
        -webkit-transition: 0.8s ease-in-out;
        -moz-transition: 0.8s ease-in-out;
        -ms-transition: 0.8s ease-in-out;
        -o-transition: 0.8s ease-in-out;
        transition: 0.8s ease-in-out;
        filter: alpha(opacity=0);
        -wekbit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
    }

    .grid-waves-effect.horizontal .img-box:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 25%;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    .grid-waves-effect.horizontal .img-box:after {
        top: 25%;
        left: 0;
        width: 100%;
        height: 25%;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    .grid-waves-effect.horizontal .text-box:after {
        top: 50%;
        left: 0;
        width: 100%;
        height: 25%;
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    .grid-waves-effect.horizontal .text-box:before {
        top: 75%;
        left: 0;
        width: 100%;
        height: calc(25% + 1px);
        -webkit-transform: rotateX(90deg);
        -moz-transform: rotateX(90deg);
        -ms-transform: rotateX(90deg);
        -o-transform: rotateX(90deg);
        transform: rotateX(90deg);
    }

    .grid-waves-effect:hover .img-box:after, .grid-waves-effect:hover .img-box:before, .grid-waves-effect:hover .text-box:after, .grid-waves-effect:hover .text-box:before {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
        filter: alpha(opacity=100);
        -wekbit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

    .grid-waves-effect:hover .text-content {
        filter: alpha(opacity=100);
        -wekbit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
    }

.text-content h3 {
    font-family: 'Segoe UI';
    font-size: 24px;
    color: #e2beab;
    text-align: center;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

.text-content p {
    font-size: 1em;
    color: #fff;
    line-height: 1.8em;
    text-align: center;
    width: 65%;
    margin: 0 auto;
}

.bann-four-block-left {
    padding: 1em 2em 1em 3em;
}

.ban-four-block-text {
    float: left;
    width: 70%;
}

.bann-four-block-left p {
    text-align: left;
    font-size: 16px;
    color: #464646;
    width: 86%;
    line-height: 1.8em;
}

.bann-four-block-grid {
    margin-bottom: 1em;
}

.bann-four-block-middle {
    padding: 1em 2em;
}

    .bann-four-block-middle .ban-four-block-text h4 {
        font-size: 1.3em;
        color: #fff;
    }

    .bann-four-block-middle .ban-four-block-text h3 {
        font-size: 24px;
        letter-spacing: 1px;
        font-weight: 400;
        color: #000;
        font-family: 'Segoe UI';
        text-align: left;
        text-transform: uppercase;
    }

    .bann-four-block-middle p {
        text-align: left;
        font-size: 16px;
        color: #18191b;
        width: 86%;
        line-height: 1.8em;
    }

.ban-four-block-text h4 {
    font-size: 1.3em;
    color: #000;
}

.ban-four-block-text h3 {
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    margin-top: 0.2em;
    font-family: 'Segoe UI';
    text-transform: uppercase;
    letter-spacing: 1px;
}

.int-skill {
    padding-top: 50px;
    padding-bottom: 20px;
}

.intr-page-t {
    padding-top: 210px;
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 45px;
    text-align: right;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 3px;
}

.interior-counter {
    letter-spacing: 5px;
}

    .interior-counter.sub-title-overlay {
        color: #e2beab;
        padding-left: 90px;
    }

.intr-abt-desc {
    padding-bottom: 40px;
}

.intr-abt-title {
    font-size: 25px;
    font-family: 'Segoe UI';
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: none;
    color: rgba(0,0,0,.7);
}

.intr-srv-desc .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.right-pic-1 {
    width: 100%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/interior/rp-1.jpg) no-repeat;
    background-size: cover;
}

.right-pic-2 {
    width: 100%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/interior/rp-2.jpg) no-repeat;
    background-size: cover;
}

.left-pic {
    width: 100%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/interior/lp-1.jpg) no-repeat;
    background-size: cover;
}

.center-pic img {
    width: 100%;
    padding: 40px 0px;
}

.pr-heading {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 23px;
    margin-top: 80px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #000;
}

.pr-desc-left-1 {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    text-transform: none;
    text-align: center;
    color: #18191b;
}

.pr-desc-left-2 {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    padding-left: 90px;
    padding-right: 50px;
    text-transform: none;
    text-align: center;
    color: #18191b;
}

.pr-desc-right {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 300;
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 90px;
    text-transform: none;
    text-align: center;
    color: #18191b;
}

#testimonial {
    background: url(/D8/jovan/themes/custom/jovan/images/bg-3.jpg);
    background-size: cover;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}

    #testimonial:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.65);
        z-index: -1;
    }

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 50px;
}

    #quote-carousel .carousel-inner {
        height: 400px;
    }

    #quote-carousel .carousel-control {
        background: none;
        color: #e2beab;
        font-size: 28px;
        text-shadow: none;
        margin-top: 30px;
    }

        #quote-carousel .carousel-control.left {
            left: -60px;
        }

        #quote-carousel .carousel-control.right {
            right: -60px;
        }

    #quote-carousel .carousel-indicators {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
    }

        #quote-carousel .carousel-indicators li {
            width: 50px;
            height: 50px;
            margin: 5px;
            cursor: pointer;
            border: 4px solid #e2beab;
            border-radius: 50px;
            opacity: 0.4;
            overflow: hidden;
            transition: all 0.4s;
            background-size: cover;
        }

        #quote-carousel .carousel-indicators .active {
            background: #333333;
            width: 128px;
            height: 128px;
            border-radius: 100px;
            border-color: #ce7b72;
            opacity: 1;
            overflow: hidden;
        }

.carousel-inner {
    min-height: 300px;
}

.item blockquote {
    border-left: none;
    margin: 0;
}

    .item blockquote p:before {
        content: "";
        font-family: 'Segoe UI';
        float: left;
        margin-right: 10px;
        padding-top: 30px;
    }

blockquote .small, blockquote footer, blockquote small {
    font-family: 'Segoe UI';
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    font-size: 30px;
    line-height: 1.42857143;
    color: #F1F1F1;
}

.qute-text {
    padding-top: 30px;
    color: #fff;
    padding-bottom: 5px;
}

.intr-clients {
    padding-top: 80px;
    padding-bottom: 100px;
}

.agency-abt {
    background-color:
}

.fin-st-srv {
    padding-top: 20px;
    padding-left: 80px;
    padding-right: 80px;
}

.featured-item-2 .icon-red {
    padding: 0 0 10px 0;
}

    .featured-item-2 .icon-red i {
        font-size: 45px;
        color: #f12e4c;
    }

.featured-item-2 .icon-blue {
    padding: 0 0 10px 0;
}

    .featured-item-2 .icon-blue i {
        font-size: 45px;
        color: #0099ff;
    }

.featured-item-2 .icon-purple {
    padding: 0 0 10px 0;
}

    .featured-item-2 .icon-purple i {
        font-size: 45px;
        color: #a071d9;
    }

.featured-item .icon-feature {
    padding: 0 0 10px 0;
}

    .featured-item .icon-feature i {
        font-size: 42px;
        color: #f12e4c;
    }

.about-us-fin {
    text-align: left;
    height: 512px;
}

    .about-us-fin .col-md-6 {
        padding-right: 0px;
        background: #f7f7f7;
        height: inherit;
    }

    .about-us-fin .fin-img .fit-img {
        height: 512px;
    }

    .about-us-fin .accordion {
        padding-right: 60px;
    }

.studio-sub-heading {
    color: #fefefe;
}

.finance-home {
    height: 512px;
}

    .finance-home .col-md-6 {
        height: inherit;
    }

.agency-2-abt-clr {
    background-color: #f7f7f7;
}

.dropcap-base {
    width: 40px;
    height: 40px;
    float: left;
    clear: left;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    padding: 1px;
    margin: 5px 10px 0 0;
}

.dropcap-base {
    color: #263a5f;
}

.agency-2-about {
    text-align: left;
    padding-left: 120px;
    padding-right: 40px;
    padding-bottom: 20px;
}

.agency-2-abt-t {
    letter-spacing: 1px;
    font-family: 'Segoe UI';
    font-size: 31px;
    font-weight: 200;
    text-align: left;
    text-transform: capitalize;
    color: #263a5f;
    padding-bottom: 20px;
}

.agency-2-abt-st {
    padding-top: 50px;
    font-family: 'Segoe UI';
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    text-transform: capitalize;
    color: #263a5f;
}

.agency-2-skl-t {
    padding-left: 40px;
    letter-spacing: 1px;
    font-family: 'Segoe UI';
    font-size: 31px;
    font-weight: 200;
    text-align: left;
    text-transform: capitalize;
    color: #FFFFFF;
}

.agency-2-skl-st {
    padding-top: 50px;
    padding-left: 40px;
    font-family: 'Segoe UI';
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    text-transform: capitalize;
    color: #f7f7f7;
}

.agency-2-skl-d {
    padding-top: 10px;
    padding-left: 40px;
    padding-bottom: 20px;
    padding-right: 80px;
    font-family: 'Segoe UI';
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    text-transform: capitalize;
    color: #f2f2f2;
}

.agency-2-skl {
    text-align: left;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 80px;
    padding-bottom: 20px;
}

.consult-pie-title {
    font-family: 'Segoe UI';
    font-size: 15px;
    font-weight: 300;
    text-align: left;
    text-transform: capitalize;
    color: #f2f2f2;
}

.piechart-v2 .piechart-v2-title-consult {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Segoe UI';
    font-weight: 400;
    color: #6f8b9d;
}

.agency-2-skl-clr {
    background-color: #454f8a;
}

.agency-2-clnt-clr {
    background-color: #f2f2f2;
}

.agency-2-fdk-clr {
    background-color: #454f8a;
}

.agency-2-fdk {
    padding-top: 50px;
    padding-left: 120px;
    padding-right: 60px;
}

.agency-2-clnt {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 120px;
}

.agency-2-clnt-t {
    padding-left: 40px;
    letter-spacing: 1px;
    font-family: 'Segoe UI';
    font-size: 31px;
    font-weight: 200;
    text-align: left;
    text-transform: capitalize;
    color: #263a5f;
}

.agency-2-clnt-st {
    padding-top: 50px;
    padding-left: 40px;
    font-family: 'Segoe UI';
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    text-transform: capitalize;
    color: #263a5f;
}

.agency-2-clnt-t-1 {
    padding-left: 120px;
    letter-spacing: 1px;
    font-family: 'Segoe UI';
    font-size: 31px;
    font-weight: 200;
    text-align: left;
    text-transform: capitalize;
    color: #FFFFFF;
}

.agency-2-clnt-st-1 {
    padding-top: 50px;
    padding-left: 120px;
    font-family: 'Segoe UI';
    font-size: 20px;
    font-weight: 600;
    text-align: left;
    text-transform: capitalize;
    color: #f5f5f5;
}

.agency-2-faq-t {
    padding-left: 8px;
    padding-bottom: 20px;
    letter-spacing: 1px;
    font-family: 'Segoe UI';
    font-size: 31px;
    font-weight: 200;
    text-align: left;
    text-transform: capitalize;
    color: #273e50;
}

.agency-case-study .container {
    width: 100%;
}

.fin-feature .container {
    width: 100%;
}

.fin-features {
    background: url(/D8/jovan/themes/custom/jovan/images/finance/feature.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

    .fin-features .color-overlay {
        background: rgba(12,19,31,.8);
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .fin-features .progress-skill-bar .label {
        color: #fff;
        border-right: 1px solid transparent;
    }

.fin-overlay {
    background: rgba(0,0,0,.8);
    padding-top: 90px;
    padding-bottom: 90px;
}

.t-middle {
    height: 400px;
    display: table;
    vertical-align: middle;
    width: 100%;
}

    .t-middle h3 {
        font-family: 'Segoe UI';
        font-size: 30px;
        font-weight: 200;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

.agency-case-studys-1 {
    background: url(/D8/jovan/themes/custom/jovan/images/finance/bg-c1.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

    .agency-case-studys-1 .color-overlay {
        background: rgba(12,19,31,.6);
        padding-top: 70px;
        padding-bottom: 70px;
    }

.agency-case-studys-2 {
    background: url(/D8/jovan/themes/custom/jovan/images/finance/bg-c2.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

    .agency-case-studys-2 .color-overlay {
        background: rgba(0,0,0,.6);
        padding-top: 70px;
        padding-bottom: 70px;
    }

.agency-case-studys-3 {
    background: url(/D8/jovan/themes/custom/jovan/images/finance/bg-c3.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

    .agency-case-studys-3 .color-overlay {
        background: rgba(0,0,0,.4);
        padding-top: 70px;
        padding-bottom: 70px;
    }

.ct-middle {
    height: 200px;
    display: table;
    vertical-align: middle;
    width: 100%;
}

    .ct-middle h3 {
        font-family: 'Segoe UI';
        font-size: 32px;
        font-weight: 400;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

.case-desc {
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

    .case-desc p {
        font-family: 'Segoe UI';
        font-size: 16px;
        color: #fff;
        font-weight: 200;
    }

.cs-title:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.8);
}

.fin-page-overlay {
    background-color: rgba(23,37,48,.6);
}

.fin-page-st {
    padding-top: 200px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 47px;
    text-align: left;
    text-transform: uppercase;
    color: #FFFFFF;
}

.fin-page-t {
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 47px;
    text-align: left;
    text-transform: uppercase;
    color: #ffffff;
}

.fin-abtus-st {
    font-family: 'Segoe UI';
    font-size: 14px;
    text-align: left;
    text-transform: uppercase;
    color: #273e50;
}

.fin-abtus-t {
    padding-top: 10px;
    padding-bottom: 30px;
    font-family: 'Segoe UI';
    font-size: 28px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 400;
}

.fin-faq {
    height: 483px;
    background-color: #f7f7f7;
    padding-top: 30px;
    padding-right: 100px;
    padding-left: 50px;
}

.fin-faq-t {
    color: #263a5f;
    text-align: left;
}

.fin-img-overlay {
    position: absolute;
    top: 0%;
    left: 10%;
    padding: 1em;
    width: 81%;
    height: 100%;
}

.fin-img-overlay-t h4 {
    padding-top: 30px;
    padding-bottom: 5px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-transform: none;
}

.fin-img-overlay-t h3 {
    padding-bottom: 20px;
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 31px;
    color: #fff;
    text-transform: capitalize;
}

.fin-story-img {
    background: url(/D8/jovan/themes/custom/jovan/images/finance/feature.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: initial;
    background-repeat: no-repeat;
}

.fin-story-overlay {
    position: relative;
    background-color: rgba(12,19,31,0.5);
}

.fin-srv-title {
    font-family: 'Segoe UI';
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    color: #1f213f;
}

.fin-block {
    margin: 0 auto;
}

    .fin-block .single-block {
        margin: 10px;
        padding: 15px;
        border: 1px solid rgba(69,79,138,0.9);
    }

        .fin-block .single-block h5 {
            font-family: 'Segoe UI';
            padding-top: 5px;
            padding-bottom: 10px;
            font-size: 15px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 3px;
            line-height: 14px;
            color: #263a5f;
        }

        .fin-block .single-block p {
            text-align: center;
        }

        .fin-block .single-block .icon-container {
            display: block;
            min-height: 60px;
            margin-top: 5px;
            padding-top: 5px;
        }

            .fin-block .single-block .icon-container .icon-red {
                width: 55px;
                height: 55px;
                border-radius: 50%;
                line-height: 55px;
                font-size: 31px;
                color: red;
                text-align: center;
                color: #f12e4c;
            }

            .fin-block .single-block .icon-container .icon-blue {
                width: 55px;
                height: 55px;
                border-radius: 50%;
                line-height: 55px;
                font-size: 31px;
                color: red;
                text-align: center;
                color: #0099ff;
            }

            .fin-block .single-block .icon-container .icon-purple {
                width: 55px;
                height: 55px;
                border-radius: 50%;
                line-height: 55px;
                font-size: 30px;
                color: red;
                text-align: center;
                color: #9071d9;
            }

.funfactor.consult-fun .color-overlay {
    padding-top: 70px;
}

.text-white-8 {
    font-family: 'Segoe UI';
    font-size: 60px;
    letter-spacing: 3px;
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
}

    .text-white-8 span {
        font-family: 'Segoe UI';
        font-size: 45px;
        letter-spacing: 1px;
        color: #ffffff;
        font-weight: 200;
        text-transform: capitalize;
        padding-bottom: 20px;
        text-align: left;
    }

.srv-block-1 {
    background: #1b2943;
}

.srv-block-2 {
    background: #224c6e;
}

.srv-block-3 {
    background: #223455;
}

.srv-block-4 {
    background: #224c6e;
}

.banner-text_grid {
    padding: 2em 2em;
}

.const-serv .tabs li a:hover, .const-serv .tabs li.active a {
    border-right: 3px solid #1b2943 !important;
    color: #000 !important;
}

.const-serv .tabs li a {
    font-family: "Segoe UI";
    font-size: 17px;
    padding: 10px;
    font-weight: 400;
    color: #777777;
    border-right: 3px solid #4884a9;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.banner-sec {
    position: relative;
}

.banner-top {
    position: absolute;
    bottom: -10em;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 0px 30px;
}

.banner-text_grid .icon i {
    font-size: 40px;
    color: #fff;
    padding: 0 0 0 10px 0;
}

.banner-text_grid h4 {
    font-family: "Segoe UI";
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.banner-text_grid p {
    font-family: "Segoe UI";
    font-weight: 300;
    font-size: 16px;
    padding: 0.5em 0;
    color: #f5f5f5;
}

@media (max-width:900px) {
    .banner-text {
        float: left;
        width: 33.3%;
    }
}

@media (max-width:800px) {
    .banner-top {
        bottom: -8em;
        width: 100%;
    }

    .banner-text {
        float: left;
        width: 33.3%;
    }

    .banner-text_grid img {
        border: 4px solid #eee;
        width: 52%;
    }
}

@media (max-width:768px) {
    .banner-text {
        float: left;
        width: 33.3%;
    }

    .banner-top {
        bottom: -8em;
        width: 100%;
    }
}

@media (max-width:640px) {
    .banner-top {
        margin: 2em 0px 0px;
        position: inherit;
    }

    .banner-text {
        float: none;
        width: 100%;
        margin-bottom: 1em;
    }
}

@media (max-width:480px) {
    .banner-top {
        bottom: -2em;
        width: 100%;
        position: inherit;
    }

    .banner-text_grid {
        padding: 1em 2em;
    }

    .banner-text {
        width: 100%;
        margin-bottom: 2em;
    }
}

.consult-item .title h4 {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fcfcfc;
}

.consult-item .desc {
    font-family: "Segoe UI";
    font-weight: 300;
    font-size: 16px;
    color: #f1f1f1;
    padding-bottom: 25px;
}

.consult-cover .desc {
    padding-right: 60px;
}

.consult-item .icon {
    padding: 0 0 10px 0;
}

.consult-cover-bg-color {
    background-color: #343a46;
}

.border-black {
    border-color: #ffd460 !important
}

.consult-item .icon i {
    font-size: 40px;
    color: #4884a9;
}

.consult-fun-info-t {
    font-family: "Segoe UI";
    font-size: 38px;
    text-align: left;
    font-weight: 200;
    text-transform: none;
    padding-bottom: 30px;
    padding-left: 90px;
    color: #FFFFFF;
}

.consult-fun-info {
    font-size: 30px;
    font-family: "Segoe UI";
    font-weight: 400;
    color: #4884a9;
    padding-left: 80px;
}

.consult-fun-info-2 {
    font-size: 30px;
    font-family: "Segoe UI";
    font-weight: 400;
    color: #4884a9;
}

.const-abt-us {
    background: #f8f8f8;
    padding-top: 250px;
    padding-bottom: 80px;
}

.const-abt-title {
    font-family: "Segoe UI";
    font-weight: 200;
    font-size: 38px;
    text-transform: none;
    text-align: right;
    padding-right: 25px;
    border-right: 1px solid #4884a9;
    line-height: 1.3em;
}

    .const-abt-title span {
        font-family: "Segoe UI";
        font-weight: 600;
        font-size: 38px;
        text-transform: none;
        text-align: left;
        color: #4884a9;
    }

.const-abt-desc {
    font-family: "Segoe UI";
    font-weight: 300;
    font-size: 16px;
    text-align: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 30px;
}

.const-sign {
    text-align: right;
    padding-top: 20px;
    padding-right: 30px;
}

.const-srv-title-1 {
    padding-top: 60px;
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 30px;
    padding-left: 8%;
    color: #2c2c2c;
}

.const-srv-title {
    padding-top: 80px;
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 32px;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 30px;
    padding-left: 80px;
    color: #707070;
}

.const-srv {
    padding: 30px 8% 0;
}

.const-img-border-small-fix {
    border: 5px solid rgba(255,255,255,0.5);
    height: 90%;
    width: 90%;
    left: 6%;
    top: 6%;
    position: absolute;
}

.piechart-v2 {
    text-align: center;
}

    .piechart-v2 .piechart-v2-title {
        font-size: 15px;
        text-transform: uppercase;
        font-family: "Segoe UI";
        font-weight: 400;
        color: #222222;
    }

    .piechart-v2 .circle-v2 .circles-text-v2 {
        font-family: "Segoe UI";
        font-weight: 600;
        font-size: 20px !important;
        color: #fff;
    }

.content-md {
    padding-bottom: 30px;
}

.events {
    padding: 10em 0 5em;
}

.const-cs-1 {
    background: url(/D8/jovan/themes/custom/jovan/images/consult/cs-01.jpg) no-repeat;
    padding-left: 0px;
    padding-right: 0px;
}

.const-overlay {
    background: rgba(44,44,44,0.7);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 60px;
    padding-bottom: 45px;
}

.const-cs-2 {
    background: url(/D8/jovan/themes/custom/jovan/images/consult/cs-02.jpg) no-repeat;
    padding-left: 0px;
    padding-right: 0px;
}

.const-cs-3 {
    background: url(/D8/jovan/themes/custom/jovan/images/consult/cs-03.jpg) no-repeat;
    padding-left: 0px;
    padding-right: 0px;
}

.mnth-date-left h4 {
    font-family: "Segoe UI";
    font-size: 22px;
    border-right: 1px solid #ffffff;
    color: #ffffff;
    margin: 0;
    padding-left: 20px;
    padding-right: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.mnth-date-right p {
    font-size: 18px;
    font-family: "Segoe UI";
    font-weight: 400;
    color: #ffffff;
    margin: 1em 0 0;
    line-height: 1.8em;
    text-transform: capitalize;
}

p.quasi {
    font-family: "Segoe UI";
    font-weight: 300;
    text-align: left;
    margin: 4em 2em 2em;
    color: #ffffff;
    font-size: 16px;
}

.mnth-date-left {
    padding: 0;
}

.more a {
    color: #ffffff;
    text-align: center;
}

.consult-fdk-msg {
    padding-top: 20px;
    padding-right: 80px;
    padding-bottom: 20px;
    text-align: left;
}

.consult-fdk-img {
    border: 2px solid transparent;
    -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
    box-shadow: 0px 0px 0px 2px #ffffff;
    width: 120px;
    height: 100px;
    line-height: 80px;
    margin-top: 5px;
    overflow: hidden;
    text-align: left;
}

.consult-fdk-cn {
    padding-top: 10px;
    font-weight: 400;
    font-family: "Segoe UI";
    text-transform: uppercase;
    font-size: 16px;
    color: #4884a9;
    text-align: left;
}

.consult-fdk-cc {
    font-weight: 300;
    font-family: "Segoe UI";
    font-size: 15px;
    color: #2c2c2c;
    text-align: left;
}

.const-fun-factor {
    padding-left: 40px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.const-srv-call-btn {
    float: left;
    margin-left: 60px;
}

.const-srv-call-2 .container {
    width: 100%;
}

.const-srv-call-2 {
    background: url(/D8/jovan/themes/custom/jovan/images/finance/bg-3.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

    .const-srv-call-2 .color-overlay {
        background: rgba(28,52,67,.7);
        padding-top: 100px;
        padding-bottom: 100px;
    }

.const-srv-call p {
    text-align: left;
    text-transform: none;
    padding-left: 60px;
    font-family: "Segoe UI";
    font-size: 17px;
    font-weight: 400;
    color: #f5f5f5;
    padding-bottom: 15px;
}

.const-srv-call-title {
    padding-left: 60px;
    font-family: "Segoe UI";
    font-size: 33px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.const-page-st {
    padding-top: 200px;
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 30px;
    text-align: left;
    text-transform: uppercase;
    color: #f5f5f5;
    letter-spacing: 2px;
}

.const-page-t {
    font-family: "Segoe UI";
    font-weight: 700;
    font-size: 52px;
    text-align: left;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 4px;
}

.const-abt-page {
    padding-top: 80px;
}

.const-abt-p-st {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 17px;
    text-align: right;
    color: #4884a9;
    padding-right: 25px;
    text-transform: uppercase;
}

.const-abt-p-st2 {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-align: right;
    text-transform: uppercase;
    color: #4884a9;
    padding-right: 25px;
}

.const-abt-p-t {
    font-family: "Segoe UI";
    font-weight: 200;
    font-size: 38px;
    text-transform: none;
    text-align: right;
    padding-right: 25px;
    text-transform: none;
}

.consult-our-work h4 {
    padding-top: 70px;
    font-family: "Segoe UI";
    font-weight: 700;
    color: #4884a9;
    font-size: 50px;
    padding-right: 5px;
    text-align: left;
    padding-bottom: 10px;
}

.consult-our-work .right h4 {
    text-align: right;
}

@media(min-width:480px) {
    .consult-our-work-item {
        margin-left: 20px;
    }
}

@media(min-width:640px) {
    .consult-our-work-item {
        margin-left: 20px;
    }
}

@media(min-width:768px) {
    .consult-our-work-item {
        margin-left: 0px;
    }
}

@media(min-width:1024px) {
    .consult-our-work-item {
        margin-left: 0px;
    }
}

.consutl-wrk-prcs-t {
    font-family: "Segoe UI";
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #2c2c2c;
}

.consutl-wrk-prcs-t-2 {
    font-family: "Segoe UI";
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 5px;
    color: #2c2c2c;
}

.consutl-wrk-prcs-d {
    font-family: "Segoe UI";
    font-weight: 300;
    font-size: 17px;
    text-align: left;
    padding-bottom: 5px;
    padding-right: 80px;
}

.consutl-wrk-prcs-d-2 {
    font-family: "Segoe UI";
    font-weight: 300;
    font-size: 17px;
    text-align: right;
    padding-bottom: 5px;
    padding-left: 80px;
}

.consult-right-pic-1 {
    width: 100%;
    height: 355px;
    background: url(/D8/jovan/themes/custom/jovan/images/consult/rp-1.jpg) no-repeat;
    background-size: cover;
}

.consult-right-pic-2 {
    width: 100%;
    height: 355px;
    background: url(/D8/jovan/themes/custom/jovan/images/consult/rp-2.jpg) no-repeat;
    background-size: cover;
}

.consult-left-pic {
    width: 100%;
    height: 355px;
    background: url(/D8/jovan/themes/custom/jovan/images/consult/lp-1.jpg) no-repeat;
    background-size: cover;
}

.const-img-overlay {
    position: absolute;
    top: 70%;
    bottom: 0%;
    left: 10%;
    padding: 1em;
    width: 81%;
    height: 100%;
}

.const-img-overlay-st {
    padding-bottom: 5px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-transform: none;
}

.const-img-overlay-t {
    padding-bottom: 20px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 31px;
    color: #fff;
    text-transform: capitalize;
}

.consult-srv-img {
    padding-bottom: 15px;
}

.consult-srv-details {
    padding-left: 50px;
}

.conslt-facts {
    text-align: left;
}

    .conslt-facts h4 {
        color: #000;
        letter-spacing: 2px;
        text-transform: uppercase;
        text-align: left;
        font-family: 'Segoe UI';
        font-size: 20px;
        font-weight: 400;
    }

.consult-srv-img {
    padding-bottom: 15px;
}

.conslt-tabs li a {
    font-family: "Segoe UI";
    font-size: 16px;
    padding: 0.5em;
    font-weight: 400;
    color: #777777;
    border-right: 3px solid #656565;
    text-align: left;
    text-transform: uppercase;
}

    .conslt-tabs li a span {
        margin-right: 1em;
    }

    .conslt-tabs li a:hover, .tabs li.active a {
        border-right: 3px solid #f9b701 !important;
        color: #000 !important;
    }

.tab-content {
    padding-left: 0px;
}

.consult-srv-feature {
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-family: "Segoe UI";
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
}

.consult-srv-feature-title {
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 18px;
    font-family: "Segoe UI";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.fun-fact-icon {
    text-align: left;
    padding-bottom: 30px;
    font-size: 60px;
    padding-left: 90px;
    color: #4884a9;
}

.const-srv .nav-tabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid rgba(161,161,161,0.5);
    font-size: 14px;
    font-family: "Segoe UI";
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase;
}

    .const-srv .nav-tabs > li > a {
        border: none;
        color: #a1a1a1;
    }

        .const-srv .nav-tabs > li.active > a, .const-srv .nav-tabs > li > a:hover {
            border: none;
            color: #4884a9 !important;
            background: transparent;
        }

        .const-srv .nav-tabs > li > a::after {
            content: "";
            background: #4884a9;
            height: 1px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: 0px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

.const-srv .tab-nav > li > a::after {
    background: #4884a9 none repeat scroll 0% 0%;
    color: #fff;
}

.const-srv p {
    color: #a1a1a1;
}

.const-contact {
    background-color: #f8f8f8;
    padding-top: 60px;
    padding-bottom: 60px;
}

.consult-abt .content-md {
    padding-bottom: 50px;
}

.consult-work-proc {
    padding-top: 70px;
}

.business-carousel-overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(40,40,40,.6);
    -webkit-backface-visibility: hidden;
}

.biz-news {
    padding-top: 40px;
}

.business-abt {
    height: 550px;
}

    .business-abt .col-md-6 {
        height: inherit;
    }

        .business-abt .col-md-6 .fit-img {
            height: 550px;
        }

.text-brown-1 {
    font-family: 'Segoe UI';
    font-size: 60px;
    font-weight: 700;
    line-height: 75px;
    text-align: left;
    margin-left: 50px;
    text-transform: none;
}

    .text-brown-1 span {
        font-family: 'Segoe UI';
        font-size: 67px;
        font-weight: 700;
        text-align: left;
        text-transform: none;
        color: #ff7f7f;
    }

.features-section-agency {
    background-color: #f1f1f1;
    padding-bottom: 60px;
}

    .features-section-agency .title {
        font-family: "Segoe UI";
        font-weight: 400;
        font-size: 21px;
        text-align: left;
        letter-spacing: 1px;
        line-height: 70px;
        margin: 0 0 37px 0;
        text-transform: uppercase;
        color: rgba(0,0,0,.9);
    }

.sub-title-overlay {
    font-family: 'Segoe UI';
    font-weight: 700;
    position: absolute;
    color: rgba(176,142,158,0.3);
}

    .sub-title-overlay.counter {
        font-size: 88px;
        line-height: 70px;
    }

    .sub-title-overlay .icon {
        font-size: 65px;
    }

.features-image img {
    position: absolute;
    height: 100%;
    max-height: 1300px;
    width: auto;
    top: 0;
    left: 0;
}

.features-item {
    counter-reset: section;
}

    .features-item .each-features .inner {
        margin-bottom: 45px;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        -ms-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .features-item .each-features:last-child .inner {
        margin-bottom: 0px;
    }

    .features-item .each-features .sub-title-overlay.counter::before {
        content: counter(section);
        counter-increment: section;
    }

    .features-item .each-features:nth-child(-n+9) {
    }

        .features-item .each-features:nth-child(-n+9) .sub-title-overlay.counter::before {
            content: "0" counter(section);
        }

@media (min-width:1199px) {
    .features-item.three-col .each-features:nth-last-child(-n + 3) .inner {
        margin-bottom: 0px;
    }
}

@media (min-width:767px) {
    .features-item.three-col .each-features:nth-last-child(-n + 2) .inner {
        margin-bottom: 0px;
    }
}

@media (min-width:1199px) {
    .features-item.two-col .each-features:nth-last-child(-n + 2) .inner {
        margin-bottom: 0px;
    }
}

@media (min-width:767px) {
    .features-item.two-col .each-features:nth-last-child(-n + 1) .inner {
        margin-bottom: 0px;
    }
}

.dig-slider {
    height: 510px;
}

    .dig-slider .col-md-6 {
        height: inherit;
    }

        .dig-slider .col-md-6 .fit-img {
            height: 510px;
        }

.dig-img-overlay {
    position: absolute;
    top: 0%;
    left: 10%;
    padding: 1em;
    width: 81%;
    height: 100%;
}

.dig-img-overlay-t {
    padding-top: 10px;
    padding-bottom: 8px;
    font-family: 'Segoe UI';
    font-weight: 700;
    font-size: 40px;
    text-transform: uppercase;
    color: #000000;
    text-transform: none;
}

.dig-img-overlay-st {
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 25px;
    color: #000000;
    text-transform: none;
}

.dig-agency-logo {
    padding-top: 100px;
}

    .dig-agency-logo img {
        width: 100px;
        height: auto;
    }

.avatar-1 {
    background: url(/D8/jovan/themes/custom/jovan/images/intro-img1.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

.avatar-2 {
    background: url(/D8/jovan/themes/custom/jovan/images/intro-img2.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
}

.intro-abt {
    text-align: left;
    background-color: rgba(176,142,158,0.4);
    position: relative;
}

    .intro-abt blockquote {
        border: 0;
        margin: 0;
        padding: 30px 15% 0;
    }

    .intro-abt h1 {
        color: #000;
        font-family: "Segoe UI";
        font-weight: 400;
        font-size: 30px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .intro-abt p {
        color: #000;
        font-family: "Segoe UI";
        display: block;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        margin-top: 20px;
    }

.no-gutter [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.double-border-2 {
    padding: 50px 50px;
    outline: 10px solid rgba(255,255,255,.5);
    outline-offset: 10px;
    width: 555px;
    height: 250px;
    position: relative;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.abt-image-color-overlay {
    height: 30vh;
    background: rgba(0,0,0,.75);
}

.img-border-small-fix {
    border: 5px solid rgba(255,255,255,0.5);
    height: 90%;
    width: 90%;
    left: 5%;
    top: 5%;
    position: absolute;
}

.border-gray {
    border-color: #d7d7d7 !important
}

#wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    background-image: url(/D8/jovan/themes/custom/jovan/images/creative/bg-6.jpg);
    background-size: 350px;
    background-position: top left;
    -webkit-animation-name: bg-animation;
    animation-name: bg-animation;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes bg-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 -350px;
    }
}

.double-border {
    padding: 50px 50px;
    background: rgba(255,255,255,.4);
    outline: 10px solid rgba(255,255,255,.5);
    outline-offset: 10px;
    width: 555px;
    height: 250px;
    position: relative;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%
}

.banner-box {
    max-height: 100%;
    max-width: 100%;
    margin: 150px auto;
}

.image-color-overlay {
    height: 100vh;
    background: rgba(0,19,36,.8);
}

.youtube-overlay {
    height: 100vh;
    background: rgba(255,255,255,.2);
}

.text-blue-2 {
    color: #0099ff;
    font-size: 70px;
    letter-spacing: 1px;
    font-family: "Segoe UI";
    font-weight: 100;
    padding-top: 200px;
    margin-left: 50px;
    padding-bottom: 20px;
    text-align: left;
}

    .text-blue-2 span {
        color: #0099ff;
        font-size: 75px;
        font-family: "Segoe UI";
        font-weight: 400;
        text-align: left;
    }

.image-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100vh;
}

.text-black-2 {
    font-family: 'Segoe UI',cursive;
    text-transform: uppercase;
    color: #282828;
    padding-top: 10px;
    font-size: 90px;
    font-weight: 300;
    letter-spacing: 6px;
}

.text-pink-2 {
    font-family: 'Segoe UI',cursive;
    text-transform: uppercase;
    color: #dfd2d8;
    padding-top: 10px;
    font-size: 90px;
    font-weight: 300;
    letter-spacing: 6px;
}

.dropcap-dark-bg, .dropcap-dark-bordered {
    font-family: "Segoe UI";
    width: 45px;
    height: 45px;
    float: left;
    clear: left;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    padding: 1px;
    margin: 10px 10px 0 0;
}

.radius-circle {
    border-radius: 50% !important;
}

.dropcap-dark-bordered {
    color: #002e57;
    border: 1px solid #002e57;
}

.dropcap-dark-bg {
    color: #fff;
    background: #34343c;
}

.slider-section {
    height: 100vh;
    -webkit-background-size: cover;
    background-size: cover;
}

.slider-overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,0.4);
    -webkit-backface-visibility: hidden;
}

.tt-carousel .carousel-inner {
    min-height: 590px;
}

.carousel-indicators li {
    margin: 0;
    width: 8px;
    height: 8px;
    border: 1px solid #282828;
    border-radius: 20px;
    margin-bottom: 7%;
}

.carousel-indicators .active {
    margin: 0;
    width: 8px;
    height: 8px;
    background-color: #000;
    border-radius: 20px;
    margin-bottom: 7%;
}

.text-black-4 {
    font-family: 'Segoe UI';
    font-size: 90px;
    letter-spacing: 6px;
    color: #000;
    font-weight: 200;
    text-transform: uppercase;
    padding-bottom: 20px;
}

.content-slider-subtitle {
    text-transform: uppercase;
    font-size: 20px;
    color: #000;
    letter-spacing: .8em;
}

@media (min-width:992px) and (max-width:1199px) {
    .carousel-intro {
        padding-top: 100px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tt-carousel .carousel-inner {
        min-height: 430px;
    }

    .carousel-intro {
        padding-top: 100px;
    }

        .carousel-intro h1 {
            font-size: 25px;
        }

        .carousel-intro h2 {
            font-size: 38px;
        }

    .layer-two {
        padding-top: 70px;
    }
}

@media (max-width:767px) {
    .tt-carousel .carousel-inner {
        min-height: 450px;
    }

    .carousel-intro {
        padding-top: 80px;
    }
}

@media (max-width:530px) {
    .carousel-intro h1 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .carousel-intro h2 {
        font-size: 30px;
    }

    .carousel-intro p {
        font-size: 14px;
        line-height: 20px;
    }
}

.text-blue {
    color: #ffffff;
    font-size: 70px;
    letter-spacing: 1px;
    font-family: "Segoe UI";
    font-weight: 100;
    margin-left: 50px;
    padding-bottom: 20px;
    text-align: left;
}

    .text-blue span {
        color: #0099ff;
        font-size: 75px;
        font-family: "Segoe UI";
        font-weight: 400;
        text-align: left;
    }

.text-blue-sub {
    color: #0099ff;
    margin-left: 50px;
}

.agency-srv {
    padding-left: 70px;
    padding-right: 70px;
}

.agency-srv-desc {
    padding-left: 15px;
    padding-right: 15px;
}

.feature-bg-box {
    padding: 30px;
    position: relative;
    border-radius: 4px;
    margin-bottom: 100px;
}

.gray-bg {
    background: #f6f6f6;
}

.feature-bg-box, .feature-bg-box:hover .icon {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .feature-bg-box .icon {
        position: absolute;
        top: -40px;
        left: 50%;
        width: 80px;
        height: 80px;
        margin-left: -40px;
        line-height: 80px;
        background: #fff;
        border-radius: 50%;
        text-align: center;
        box-shadow: 0 0 0px 5px #f6f6f6;
    }

.featured-item.feature-bg-box .icon i {
    color: #0099ff;
    font-size: 30px;
    line-height: 80px;
}

.feature-bg-box .title {
    margin-top: 40px;
    display: inline-block;
}

.main-title::before {
    content: '';
    width: 20vw;
    height: 20vw;
    min-width: 3.5em;
    min-height: 3.5em;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

.main-title {
    position: absolute;
    margin: 0;
    padding: 0;
    color: #f9f1e9;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

.text-green-3 {
    font-family: 'Cinzel Decorative',cursive;
    color: #9ed8b0;
    text-transform: uppercase;
    text-shadow: 1px 1px #000;
    font-size: 90px;
    font-weight: 400;
    letter-spacing: .1em;
    margin-bottom: 30px;
}

.text-green-4 {
    font-family: 'Cinzel Decorative',cursive;
    color: #bbc0a7;
    text-transform: uppercase;
    text-shadow: 1px 1px #000;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: .1em;
    margin-bottom: 30px;
}

.agency-2.services .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.agency-logo-2 {
    padding-top: 60px;
}

    .agency-logo-2 img {
        width: 100px;
        height: auto;
    }

.ag-img-overlay-t {
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 30px;
    color: #0b303c;
    text-transform: uppercase;
}

.ag-img-overlay-st {
    padding-bottom: 20px;
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 26px;
    color: #0b303c;
    text-transform: capitalize;
}

.agency-2-item .icon {
    padding: 0 0 10px 0;
}

    .agency-2-item .icon i {
        font-size: 35px;
        color: #2c2c2c;
    }

.constr-bottom-border {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    display: inline-block;
}

.agency-2-item .title h4 {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #2c2c2c;
}

.agency-2-item .desc {
    font-family: "Segoe UI";
    font-weight: 300;
    font-size: 15px;
    color: #8d8d8d;
    padding-bottom: 25px;
}

.const-choice .desc {
    padding-right: 60px;
}

.agency-video-image {
    background: url(/D8/jovan/themes/custom/jovan/images/agency/bg-2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: initial;
    background-repeat: no-repeat;
}

.agency-video-overlay {
    position: relative;
    background-color: rgba(0,0,0,0.6);
}

.video-intro-t {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    padding-bottom: 13px;
    margin: 0;
}

.video-intro-st {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 16px;
    color: #f5f5f5;
}

.up-title {
    letter-spacing: .5em;
    color: #F32e4a;
    font-size: 21px;
    text-transform: none;
    font-family: 'Segoe UI';
    font-weight: 400;
    text-transform: uppercase;
}

.text-black-1 {
    font-family: 'Segoe UI';
    font-weight: 100;
    font-size: 100px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .1em;
    padding-bottom: 10px;
}

.fourbox-overlay {
    position: absolute;
    width: 100%;
    height: 110vh;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,.4);
    -webkit-backface-visibility: hidden;
}

.four-box-wrap {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100vh;
}

.intro-section-2 {
    z-index: 10;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.jv-st-srv {
    padding-top: 80px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 40px;
}

.jv-st-desc {
    padding-right: 10px;
    padding-left: 10px;
}

.jv-st-bg-color {
    background-color: #1b2943;
}

.agency-logo {
    padding-top: 150px;
}

    .agency-logo img {
        width: 100px;
        height: auto;
    }

.st-img-overlay-t {
    padding-top: 15px;
    padding-bottom: 20px;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 34px;
    color: #1b2943;
    text-transform: uppercase;
}

.st-img-overlay-st {
    padding-bottom: 20px;
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 15px;
    color: #313e55;
    text-transform: capitalize;
}

.jv-st-item .icon {
    padding: 0 0 10px 0;
}

    .jv-st-item .icon i {
        font-size: 35px;
        color: #f12e4c;
    }

.constr-bottom-border {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    display: inline-block;
}

.jv-st-srv-t {
    padding-top: 40px;
    padding-left: 50px;
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 26px;
    text-transform: uppercase;
    text-align: left;
    color: #74757e;
}

.jv-st-item .title h4 {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
}

.jv-st-item .desc {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 16px;
    color: #74757e;
    padding-bottom: 25px;
}

.st-cs-1 {
    background: url(/D8/jovan/themes/custom/jovan/images/consult/cs-01.jpg) no-repeat;
    padding-left: 0px;
    padding-right: 0px;
}

.st-cs-overlay {
    background: rgba(27,41,67,0.9);
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 60px;
    padding-bottom: 45px;
}

.st-cs-2 {
    background: url(/D8/jovan/themes/custom/jovan/images/consult/cs-02.jpg) no-repeat;
    padding-left: 0px;
    padding-right: 0px;
}

.st-cs-3 {
    background: url(/D8/jovan/themes/custom/jovan/images/consult/cs-03.jpg) no-repeat;
    padding-left: 0px;
    padding-right: 0px;
}

.agency-2-work {
    background-color: #fff;
}

.agency-slider-fix {
    height: 458px;
}

    .agency-slider-fix .col-md-6 .fit-img {
        height: 458px;
    }

    .agency-slider-fix .col-md-6 {
        height: inherit;
    }

.agency-2-test .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.agency-2-work .sub-title-overlay {
    color: rgba(27,41,67,0.3);
}

.text-black {
    font-family: 'Segoe UI';
    color: #000;
    font-size: 150px;
    font-weight: 100;
    letter-spacing: 9px;
}

.dark-image-bg {
    -webkit-background-size: cover;
    background-size: cover;
}

.image-color-overlay-2 {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,0.2);
    -webkit-backface-visibility: hidden;
}

.up-title-2 {
    letter-spacing: .7em;
    color: #b2b2b2;
    font-size: 24px;
    text-transform: capitalize;
    font-family: 'Segoe UI';
}

.kenburn-overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
}

.text-white-5 {
    font-family: 'Segoe UI',cursive;
    color: #b2b2b2;
    text-transform: uppercase;
    text-shadow: 1px 1px #000;
    font-size: 90px;
    font-weight: 400;
    letter-spacing: .1em;
    margin-bottom: 30px;
}

.kenburn-sub-intro {
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: 'Segoe UI';
    padding: 10px;
}

.cr-srv-title {
}

    .cr-srv-title h4 {
        font-family: "Segoe UI";
        font-size: 12px;
        font-weight: 400;
        color: #282828;
        text-transform: uppercase;
    }

    .cr-srv-title i {
        font-size: 38px;
    }

.cr-srv-head {
    font-family: "Segoe UI";
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #525252;
}

.type-text-wrap {
    -webkit-background-size: cover;
    background-size: cover;
}

.text-white-2 {
    font-family: 'Segoe UI';
    color: #FFFFFF;
    font-size: 80px;
    font-weight: 400;
}

.type-color-overlay {
    height: 100vh;
    background: rgba(0,0,0,0.2);
}

.type-home-overlay {
    height: 100vh;
    background: rgba(0,0,0,0.5);
}

.rest-intro-img {
    width: 100%;
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 100vh;
}

    .carousel-inner .item img {
        width: 100%;
        height: 100%;
    }

.full-screen {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.carousel-color-overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(0,0,0,0.5);
    -webkit-backface-visibility: hidden;
}

.text-white-6 {
    font-family: 'Segoe UI',cursive;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 400;
    letter-spacing: .1em;
}

.rest-title-format {
    padding: 0px 0px;
}

    .rest-title-format h2 {
        margin-top: 0px;
        line-height: 2.5rem;
        font-weight: 200;
        font-size: 45px;
    }

#recipe {
    text-align: center;
    font-weight: bold;
    padding-top: 60px;
}

img.MiddleArt {
    text-align: center;
    position: absolute;
    left: 9px;
    right: 0;
    margin: auto;
    padding-top: 14px;
    width: 12%;
}

#recipe > span {
    font-size: 27px;
    font-weight: 500;
}

.Print {
    color: white !important;
    background-color: #87a508 !important;
}


#recipeMainPage {
    text-align: center;
    font-weight: bold;
}

    #recipeMainPage > span {
        font-size: 27px;
        font-weight: 500;
    }

.rest-title-format h4 {
    font-family: 'Great Vibes',cursive;
    font-size: 50px;
    margin: 0px;
    color: #b59c78;
}

.res-story {
    font-family: "Segoe UI";
    font-weight: 300;
    font-size: 16px;
    padding: 20px;
}

.banner-bottom-grid, .banner-bottom-grid-left, .banner-bottom-grid-sub {
    padding: 0;
}

.banner-bottom-grid-left {
    padding: 7em 0 0 12em;
}

    .banner-bottom-grid-left h2 {
        font-size: 2.5em;
        color: #454445;
        margin: 0;
        line-height: 1.5em;
        text-transform: capitalize;
    }

        .banner-bottom-grid-left h2 span {
            color: #F3AD45;
        }

    .banner-bottom-grid-left p {
        margin: 1em 0 4em;
        color: #999;
        line-height: 1.8em;
        font-size: 14px;
        width: 70%;
    }

.banner-bottom-grid1 {
    position: relative;
    margin-top: 10%;
    left: 30%;
    padding: 5px;
    width: 80%;
    background: #dfd2d8;
    z-index: 1;
}

.banner-bottom-grid1-pos {
    padding: 25px;
}

.banner-bottom-grid-sub-pos {
    padding: 2em;
}

.banner-bottom-grid, .banner-bottom-grid-sub {
    position: relative;
}

.banner-bottom-grid1-pos h3 {
    font-size: 2.5em;
    color: #fff;
    text-transform: capitalize;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    line-height: 1.5em;
}

.banner-bottom-grid-sub1 {
    position: absolute;
    top: 0%;
    left: 0%;
    padding: 1em;
    width: 81%;
    height: 100%;
}

.banner-bottom-grid-sub-pos h3 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Segoe UI',cursive;
    font-size: 28px;
    color: #fff;
    text-transform: capitalize;
}

.banner-bottom-grid-left1 {
    padding: 12em 0 0;
}

@media (max-width:1680px) {
    .banner-bottom-grid-sub1 {
        width: 77%;
    }
}

@media (max-width:1600px) {
    .banner-bottom-grid-sub1 {
        width: 81%;
    }
}

@media (max-width:1440px) {
    .banner-bottom-grid-sub1 {
        width: 89.5%;
    }

    .banner-bottom-grid-left1 p {
        width: 95%;
    }

    .banner-bottom-grid-left {
        padding: 4em 0 0 12em;
    }
}

@media (max-width:1280px) {
    .banner-bottom-grid-left {
        padding: 3em 0 0 5em;
    }

    .banner-bottom-grid-sub1 {
        width: 100%;
        top: 0%;
    }

    .banner-bottom-grid-left1 p:before {
        left: 2%;
    }
}

@media (max-width:1080px) {
    .banner-bottom-grid-left h2 {
        font-size: 2em;
    }

    .banner-bottom-grid1-pos h3 {
        font-size: 1.8em;
    }

    .banner-bottom-grid-left {
        padding: 2em 0 0 3em;
    }

        .banner-bottom-grid-left p {
            margin: 1em 0 2em;
            width: 76%;
        }

    .banner-bottom-grid-left1 p {
        font-size: 1.6em;
    }

    .banner-bottom-grid1-pos, .banner-bottom-grid-sub-pos {
        padding: 1.5em;
    }

        .banner-bottom-grid-sub-pos h3 {
            font-size: 2.1em;
        }

    .banner-bottom-grid-left1 {
        padding: 11em 0 0;
    }
}

@media (max-width:1024px) {
    .banner-bottom-grid1 {
        width: 100%;
        left: 20%;
        height: 50%;
        margin-top: 3%;
    }
}

@media (max-width:991px) {
    .banner-bottom-grid img {
        width: auto;
        margin: 0 auto;
    }

    .banner-bottom-grid-left {
        padding: 2em 0 3em 13em;
    }

    .banner-bottom-grid1 {
        width: 100%;
        left: 0%;
    }

    .banner-bottom-grid-sub {
        width: 43%;
        margin: 13em auto 0;
    }

    .banner-bottom-grid-sub-pos h3 {
        font-size: 2.5em;
    }

    .banner-bottom-grid1-pos, .banner-bottom-grid-sub-pos {
        padding: 1.8em;
    }

    .banner-bottom-grid-left1 {
        padding: 3em 0;
        width: 70%;
        margin: 0 auto;
    }

        .banner-bottom-grid-left1 p:before {
            left: -1%;
        }
}

@media (max-width:768px) {
    .banner-bottom-grid-left {
        padding: 2em 0 3em 3em;
    }

    .banner-bottom-grid-sub {
        width: 57%;
    }

    .banner-bottom-grid-left1 {
        width: 90%;
    }
}

@media (max-width:640px) {
    .banner-bottom-grid-left h2, .footer-copy-grid h3, .comments-list h3, .about-grid h3, .team h3, h2.title, .mail h2, .map-grid h3, .recent-comments h3, .leave-comment h3 {
        font-size: 1.7em;
    }

    .banner-bottom-grid-left {
        padding: 2em 0 3em 2em;
    }

    .banner-bottom-grid1 {
        width: 100%;
        left: 0%;
    }

    .banner-bottom-grid-sub {
        width: 69%;
        margin: 6em auto 0;
    }

    .banner-bottom-grid-sub1 {
        width: 99.5%;
    }
}

@media (max-width:480px) {
    .banner-bottom-grid1-pos h3 {
        font-size: 1.5em;
    }

    .banner-bottom-grid1-pos, .banner-bottom-grid-sub-pos {
        padding: 1em;
    }

    .banner-bottom-grid-sub {
        width: 84%;
        margin: 5em auto 0;
    }

    .banner-bottom-grid-sub-pos h3 {
        line-height: 1.58em;
    }

    .banner-bottom-grid-left1 p {
        font-size: 1.4em;
    }
}

.rest-menu-heading {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    text-align: center;
    padding-top: 120px;
    font-size: 30px;
    font-weight: 200;
    letter-spacing: 1px;
    color: #000;
}

.res-icon-container .res-icon {
    line-height: 55px;
    font-size: 44px;
    text-align: center;
    -webkit-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.resturant-gal .post-thumbnail {
    margin-bottom: 0px;
}

.rest-service {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 50px;
}

.rest-page-t {
    padding-top: 210px;
    font-family: 'Great Vibes',cursive;
    font-weight: 200;
    font-size: 50px;
    text-align: right;
    text-transform: capitalize;
    color: #ffffff;
}

.res-chef-spcl {
    background: url(/D8/jovan/themes/custom/jovan/images/resturant/chef-spl.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

.chef-color-overlay {
    background: rgba(0,0,0,.4);
    padding-top: 20px;
    padding-bottom: 20px;
}

.res-chef-title {
    height: 400px;
    display: table;
    vertical-align: middle;
    width: 100%;
}

    .res-chef-title h3 {
        font-family: 'Great Vibes',cursive;
        color: #ffffff;
        font-size: 40px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        letter-spacing: 3px;
        text-transform: capitalize;
    }

.chef-sub-title {
    padding-top: 150px;
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
    text-align: left;
    text-transform: uppercase;
}

.chef-title {
    padding-top: 10px;
    font-family: "Segoe UI";
    font-weight: 200;
    font-size: 27px;
    letter-spacing: 3px;
    text-align: left;
    text-transform: uppercase;
}

.resturant-menu .container {
    width: 100%;
    padding-bottom: 30px;
}

.resturant-menus {
    text-align: center;
}

.res-platter {
    padding-bottom: 50px;
    background-color: #f2f2f2;
    position: relative;
}

.res-branch {
    padding-top: 50px;
    padding-bottom: 50px;
}

.res-bg-color {
    background: linear-gradient(270deg,#f4dac2,#fdf6f0);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;

    @-webkit-keyframes AnimationName {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @-moz-keyframes AnimationName {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }

    @keyframes AnimationName {
        0% {
            background-position: 0% 50%
        }

        50% {
            background-position: 100% 50%
        }

        100% {
            background-position: 0% 50%
        }
    }
}

.rest-fdk {
}

.menu-border {
    margin: 10px 0;
    text-align: center;
    border: 4px double #282828;
}

.price-menu-list {
    text-align: center;
    padding: 0;
    list-style: none;
}

.menu-subtitle {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 20px;
}

.food-subtitle {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    color: #282828;
    letter-spacing: 2px;
}

.price-menu-list li {
}

.price-menu-list .menu-list__item-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Macondo',cursive;
    font-weight: 400;
    font-size: 19px;
    letter-spacing: 2px;
    text-align: center;
    color: #b7995e;
    text-transform: capitalize;
}

.price-menu-list .menu-list__item-desc {
    position: relative;
    margin-bottom: 0;
    text-align: center;
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #000;
}

.price-menu-list .menu-list__item-price span {
    font-family: "Segoe UI";
    font-weight: 200;
    font-size: 14px;
    color: #c7af81;
}

.price-menu-list .menu-list__item-price {
    font-family: "Segoe UI";
    letter-spacing: 3px;
    font-size: 25px;
    font-weight: 400;
    color: #c7af81;
}

.entry-content {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #FFFFFF;
    position: relative;
    height: 140px;
}

.news-blog {
    margin-bottom: 10px;
}

.post-single .post-img {
    position: relative;
}

.post-single .post-img {
    width: 100%;
}

    .post-single .post-img img {
        width: 100%;
        height: 100%;
    }

    .post-single .post-img.top:after {
        top: -7px;
    }

    .post-single .post-img.bottom:after {
        bottom: -7px;
    }

    .post-single .post-img.top:after, .post-single .post-img.bottom:after {
        /*background-color: #FFFFFF;*/
        border-color: #fff;
        border-image: none;
        border-right: 1px solid #fff;
        border-style: none;
        content: "";
        display: block;
        height: 14px;
        left: 50%;
        margin-left: -7px;
        position: absolute;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        width: 15px;
    }

.entry-content a h4 {
    color: #454545;
    line-height: 32px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media (max-width:480px) {
    .post-thumbnail {
        margin-bottom: 0px;
    }
}

.platter .post-thumbnail {
    margin-bottom: 0px;
    overflow: auto;
}

.platter-title {
    text-align: center;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 28px;
    letter-spacing: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #000;
}

.platter-sub-title {
    text-align: center;
    font-family: 'Segoe UI';
    text-transform: uppercase;
    font-weight: 200;
    font-size: 13px;
    padding-top: 15px;
    letter-spacing: 1.5px;
    color: #000;
}

.platter p {
    padding-top: 0px;
    text-align: center;
}

.feature-food {
    overflow: auto;
}

    .feature-food, .feature-food .feature-food-img {
        position: relative;
        width: 100%;
        padding: 5px;
    }

        .feature-food .feature-food-img img {
            width: 100%;
            height: auto;
        }

.res-promo-no {
    font-family: "Segoe UI";
    font-size: 28px;
    font-weight: 400;
    color: #282828;
    letter-spacing: 1px;
}

.feature-top {
    padding-top: 10px;
}

.text-white-4 {
    font-family: 'Segoe UI';
    color: #FFFFFF;
    font-size: 50px;
    padding-bottom: 10px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.constr-color-overlay {
    height: 100vh;
    background: rgba(0,0,0,.6);
}

.constr-home-item {
    padding-top: 130px;
}

.dn-title-3 {
    font-family: 'Segoe UI',serif;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

.construct-project .pf-filter li:hover {
    color: #f9b701;
}

.construct-project .pf-filter li.active {
    color: #f9b701;
}

.construct-project #clients-1 {
    padding-bottom: 60px;
}

.construct-project.pad-bot-30 #clients-1 {
    padding-bottom: 30px;
}

.constr-about-title {
    font-family: "Segoe UI";
    font-weight: 200;
    font-size: 38px;
    text-transform: none;
    text-align: left;
    padding-right: 25px;
    line-height: 1.3em;
}

.constr-page-image-parallax {
    width: 100%;
    height: 500px;
    padding-bottom: 20px;
}

.constr-page-overlay {
    background-color: rgba(0,0,0,.6);
}

.constr-p-t {
    padding-top: 200px;
    padding-bottom: 10px;
    font-family: "Segoe UI";
    font-weight: 700;
    font-size: 55px;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #ffffff;
}

.constr-bg-color {
    background-color: #f4f4f4;
}

.constr-home-abt {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 16px;
    padding-bottom: 60px;
}

.constr-abt {
    margin-bottom: 20px;
    overflow: hidden;
}

.constr-abt-image-1 {
    width: 60%;
    position: relative;
    float: right;
    padding: 20px 0px;
}

.constr-abt-image-2 {
    width: 50%;
    position: absolute;
    top: 18%;
    left: 15%;
    border: 5px solid #f9dc02;
}

@media screen and (min-width:480px) {
    .constr-abt-image-2 {
        width: 50%;
        position: absolute;
        top: 45%;
        left: 15%;
        border: 5px solid #f9dc02;
    }
}

@media screen and (min-width:640px) {
    .index-about-grid {
        padding: 0;
    }

    .constr-abt-image-2 {
        top: 40%;
        left: 5%;
    }
}

@media screen and (min-width:768px) {
    .index-about-image {
        padding-bottom: 125px;
    }

    .constr-abt-image-1 {
        width: 60%;
        top: 20px;
        height: auto;
        left: 30%;
    }

    .constr-abt-image-2 {
        top: 20%;
        left: 30%;
        width: 50%;
        height: auto;
    }
}

@media screen and (min-width:1024px) {
    .constr-abt-image-1 {
        width: 60%;
        top: 20px;
        height: auto;
        left: 0;
    }

    .constr-abt-image-2 {
        top: 20%;
        left: 10%;
        width: 50%;
        height: auto;
    }
}

.constr-abt-subtitle {
    font-size: 18px;
    font-family: "Segoe UI";
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    font-style: italic;
}

.constr-abt-title {
    font-family: "Segoe UI";
    font-size: 17px;
    text-align: left;
    text-transform: uppercase;
}

.constr-abt-desc-1 {
    text-align: left;
    padding-bottom: 30px;
}

.section-top-abt {
    padding-top: 40px;
}

.constr-abt-desc {
    text-align: left;
    padding-bottom: 60px;
}

.constr-abt-us-title {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 22px;
    text-align: left;
    text-transform: uppercase;
}

.constr-abt-us-subtitle {
    font-family: "Segoe UI";
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
}

.constr-under-line {
    z-index: 1;
    width: 55px;
    height: 2px;
    background: #000;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 30px;
}

.constr-under-line-2 {
    margin: auto;
    z-index: 1;
    width: 55px;
    height: 1.5px;
    background: #fff44f;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.constr-service {
    padding-top: 80px;
    padding-bottom: 60px;
}

.constr-ftr-subtitle {
    font-family: "Segoe UI";
    font-size: 18px;
    font-weight: 600;
    padding-top: 200px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.constr-ftr-title {
    font-family: "Segoe UI";
    font-size: 26px;
    font-weight: 400;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    color: #2c2c2c;
}

.constr-ftr-desc {
    font-family: "Segoe UI";
    font-size: 16px;
    font-weight: 400;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.consult-skills {
    padding-top: 80px;
}

.constr-skills {
    padding-top: 80px;
    padding-bottom: 50px;
}

.constr-skill-chart {
    padding-top: 30px;
}

.constr-item .icon {
    padding: 0 0 10px 0;
}

.constr-why-bg-color {
    background-color: #2c2c2c;
}

.border-black {
    border-color: #fff44f !important
}

.constr-item .icon i {
    font-size: 40px;
    color: #fff44f;
}

.constr-bottom-border {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    display: inline-block;
}

.constr-item .title h4 {
    font-family: "Segoe UI";
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fcfcfc;
}

.constr-item .desc {
    font-family: "Segoe UI";
    font-weight: 600;
    font-size: 15px;
    color: #8d8d8d;
    padding-bottom: 25px;
}

.const-choice .desc {
    padding-right: 60px;
}

.tab-head {
}

.tabs li a {
    font-family: "Segoe UI";
    font-size: 17px;
    padding: 10px;
    font-weight: 400;
    color: #777777;
    border-right: 3px solid #656565;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
}

    .tabs li a span {
        margin-right: 1em;
    }

    .tabs li a:hover, .tabs li.active a {
        border-right: 3px solid #f9b701 !important;
        color: #000 !important;
    }

.tab-content {
    padding-left: 0px;
}

.facts {
    text-align: left;
}

    .facts h4 {
        color: #000;
        text-transform: uppercase;
        text-align: left;
        font-family: 'Segoe UI';
        font-size: 24px;
        font-weight: 400;
        letter-spacing: 1px;
    }

    .facts p {
        font-family: "Segoe UI";
        font-weight: 400;
        font-size: 16px;
        color: #41454a;
        line-height: 2em;
        text-align: left;
    }

.constr-funfactor {
    background: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
}

.constr-numbers {
    font-family: "Segoe UI";
    font-size: 45px;
    font-weight: 700;
    color: #ffd460;
}

.constr-funfactor .fun-info {
    color: #000;
    padding-bottom: 20px;
}

.constr-funfactor .icon-container {
    display: block;
    margin-top: 5px;
}

    .constr-funfactor .icon-container i {
        font-size: 30px;
        text-align: center;
        -webkit-transition: all ease-in 0.25s;
        transition: all ease-in 0.25s;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

.constr-funfactor h2 {
    line-height: 2rem;
}

.constr-funfactor .fun-info .fun-work {
    text-transform: uppercase;
    font-weight: 400;
    font-family: "Segoe UI";
    font-size: 12px;
    letter-spacing: 1px;
}

.constr-srv-details {
    padding-left: 50px;
}

    .constr-srv-details .service-covers p {
        padding-left: 15px;
    }

.constr-srv-img {
    padding-top: 80px;
    padding-bottom: 30px;
}

.constr-srv-img-2 {
    padding-left: 10px;
    padding-top: 20px;
    padding-bottom: 15px;
}

.constr-srv-feature {
    text-align: left;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 15px;
    font-family: "Segoe UI";
    font-weight: 400;
    text-transform: capitalize;
}

.constr-srv-feature-title {
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 18px;
    font-family: "Segoe UI";
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.portfolio-project {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 60px;
}

.portfolio-project-heading {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    text-align: left;
    padding-top: 120px;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #bcc6cc
}

.case-study-heading {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #282828;
    padding-bottom: 30px;
}

.case-study-title {
    padding-top: 35px;
    font-family: 'Segoe UI';
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #282828;
}

.case-study-details {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    padding-bottom: 30px;
}

.case-study-info {
    list-style: none;
    padding-top: 80px;
    text-align: left;
}

    .case-study-info li {
        font-family: 'Segoe UI';
        font-size: 13px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin: 15px 0;
        color: rgba(0,0,0,.9);
    }

        .case-study-info li span {
            font-family: monospace;
            color: #464646;
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 400;
            letter-spacing: 2px;
        }

.constr-work-process {
    background-image: url(/D8/jovan/themes/custom/jovan/images/construct/bg-3.jpg);
    height: 400px;
}

    .constr-work-process .overlay {
        padding-top: 80px;
        height: 400px;
        background-color: rgba(44,62,80,0.90);
    }

.process-number {
    position: relative;
    top: 20px;
    left: 40%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.constr-prcs-title {
    font-family: "Segoe UI";
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 19px;
    font-weight: 400;
    color: #fff44f;
}

.constr-prcs-desc {
    font-family: "Segoe UI";
    font-size: 16px;
    font-weight: 300;
    color: #fefefe;
}

@media(min-width:480px) {
    .constr-work-process {
        height: 800px;
    }

        .constr-work-process .overlay {
            height: 800px;
        }
}

@media(min-width:640px) {
    .constr-work-process {
        height: 700px;
    }

        .constr-work-process .overlay {
            height: 700px;
        }
}

@media(min-width:768px) {
    .constr-work-process {
        height: 600px;
    }

        .constr-work-process .overlay {
            height: 600px;
        }
}

@media(min-width:1024px) {
    .constr-work-process {
        height: 400px;
    }

        .constr-work-process .overlay {
            height: 400px;
        }
}

.text-white-3 {
    font-family: 'Segoe UI';
    color: #FFFFFF;
    font-size: 100px;
    padding-bottom: 20px;
    font-weight: 100;
    letter-spacing: 0.1em;
}

.particle-color-overlay {
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.4);
    -webkit-backface-visibility: hidden;
}

.up-title-3 {
    letter-spacing: 4px;
    font-family: 'Segoe UI',serif;
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 100;
}

.bg-image-2 {
    background: url(/D8/jovan/themes/custom/jovan/images/personal/bg-2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: initial;
    background-repeat: no-repeat;
}

.studio-features-section .section-header {
    margin-top: 30px;
    margin-bottom: 0px;
}

.btn-video .btn {
    min-width: 0;
    width: 115px;
}

.studio-overlay-color {
    position: relative;
    background-color: rgba(0,0,0,0.8);
}

.section-separator {
    display: block;
    padding-top: 80px;
    padding-bottom: 15px;
}

.m-b-30 {
    margin-bottom: 30px;
}

.studio-section-heading {
    color: rgba(255,255,255,0.9);
    font-family: "Segoe UI";
    font-size: 35px;
    font-weight: 200;
    display: inline-block;
    padding-bottom: 13px;
    margin: 0;
}

.studio-section-header {
    margin-bottom: 60px;
    text-align: center;
}

    .studio-section-header .sub-heading {
        font-size: 15px;
        line-height: 25px;
        font-weight: 400;
        color: rgba(248,248,248,0.9);
        margin: 0;
    }

.particles-js {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 80%;
    height: 80%;
    overflow: hidden;
    opacity: .8;
    z-index: -1;
}

.particle-agency {
    height: 490px;
}

    .particle-agency .col-md-6 {
        height: inherit;
    }

        .particle-agency .col-md-6 .fit-img {
            height: 490px;
        }

.funfactor.particle-fun .color-overlay {
    padding-top: 60px;
}

.aya-color-overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(0,0,0,0.8);
    -webkit-backface-visibility: hidden;
}

.services {
    margin: 0 auto;
}

    .services .single-service {
        margin: 10px;
        padding: 15px;
        border: 1px solid rgba(125,125,125,0.3);
    }

        .services .single-service h5 {
            font-family: 'Segoe UI';
            padding-bottom: 10px;
            font-size: 15px;
            font-weight: 400;
            text-transform: uppercase;
            letter-spacing: 3px;
            line-height: 14px;
        }

        .services .single-service p {
            text-align: center;
        }

        .services .single-service .icon-container {
            display: block;
            min-height: 60px;
            margin-top: 5px;
            padding-top: 5px;
        }

            .services .single-service .icon-container .icon {
                width: 50px;
                height: 50px;
                border-radius: 50%;
                line-height: 55px;
                font-size: 24px;
                text-align: center;
                -webkit-transition: all ease-in 0.25s;
                transition: all ease-in 0.25s;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
            }

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.hvr-ripple-out-static {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

    .hvr-ripple-out-static:before {
        content: '';
        position: absolute;
        border-radius: 50%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

.serv-block {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.serv-block-title {
    font-family: "Segoe UI";
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #282828;
    padding-bottom: 5px;
}

.featured-box .one-third {
    float: left;
    padding: 0px 0px;
}

    .featured-box .one-third:nth-child(2) {
        padding: 0px 0px;
    }

    .featured-box .one-third .featured-item {
        padding: 10% 15%;
        min-height: 260px;
    }

        .featured-box .one-third .featured-item, .featured-box .one-third .featured-item h4, .featured-box .one-third .featured-item .desc {
            color: #fff;
        }

.color-1 {
    background: #718c9e;
}

.color-2 {
    background: #a89080;
}

.color-3 {
    background: #719e9a;
}

.color-4 {
    background: #a88085;
}

.height-fix {
    height: 300px;
}

.service-item {
    width: 100%;
    height: 280px;
    margin: 10px 0;
    margin-top: 50px;
    text-align: center;
    border: 4px double rgba(0,86,164,.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .service-item i {
        position: relative;
        top: 80px;
        display: inline-block;
        margin-bottom: 20px;
        padding: 10px;
        background: #fff;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
        font-size: 48px;
    }

    .service-item h5 {
        color: #777;
        font-family: "Segoe UI";
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 400;
        position: relative;
        top: 80px;
        -webkit-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        -moz-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        -o-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        -ms-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
    }

    .service-item .service-desc {
        width: 80%;
        margin: 0 auto;
        opacity: 0;
        -khtml-opacity: 0;
        -moz-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        -moz-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        -o-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        -ms-transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        transition: all 500ms cubic-bezier(0.68,-0.55,0.265,1.55);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    .service-item:hover {
    }

        .service-item:hover i {
            top: -30px;
        }

        .service-item:hover h5 {
            top: -30px;
        }

        .service-item:hover .service-desc {
            opacity: 1;
            -ms-filter: none;
            filter: none;
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -o-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

.funfactor.person-agen .color-overlay {
    padding-top: 50px;
}

.home-vid video {
    width: 100%;
    height: auto;
}

.resturant-nav .navbar-nav li a {
    margin-top: 5px;
}

.navbar-nav li a.outlined-link {
    background: #121212;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
}

    .navbar-nav li a.outlined-link:hover {
        background: #fff;
        color: #121212;
    }

.strt-up-button {
    margin-left: 60px;
}

.creame-bg {
    background: #f6f3f1;
}

.funfactor.strt-up .color-overlay {
    padding-top: 50px;
}

.funfactor.strt-up .icon-container i {
    color: #7198ab;
}

.featured-item .icon {
    padding: 0 0 10px 0;
}

    .featured-item .icon i {
        font-size: 40px;
    }

.featured-item .title h4 {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.featured-item .desc {
    padding-bottom: 5px;
    padding-left: 25px;
    padding-right: 25px;
}

.featured-item.border-box {
    border: 1px solid #efefef;
    padding: 40px;
    margin-left: -1px;
    margin-bottom: -1px;
}

    .featured-item.border-box:hover {
        border: 1px solid transparent;
    }

        .featured-item.border-box:hover h4 {
            color: #fff;
        }

        .featured-item.border-box, .featured-item.border-box:hover, .featured-item.border-box h4, .featured-item.border-box:hover h4, .featured-item.border-box .icon i
        /* Footer */
        .featured-item.border-box:hover .icon i {
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

.feature-box-grid .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.feature-box-grid .featured-item {
    text-align: center;
}

.featured-item-2 .icon {
    padding: 0 0 10px 0;
}

    .featured-item-2 .icon i {
        font-size: 50px;
        color: #f12e4c;
    }

.featured-item-2 .title h4 {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #1b2943;
}

.featured-item-2 .desc {
    color: #515151;
    padding-bottom: 5px;
}

.isotope {
    max-width: 100%;
}

    .isotope:after {
        content: '';
        display: block;
        clear: both;
    }

.item {
    float: left;
    width: 100%;
    height: auto;
}

    .item.width2 {
        width: 200%;
    }

    .item.height2 {
        height: auto;
    }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#portfolio .container {
}

.portfolio-button-group {
    padding-bottom: 45px;
}

.pf-filter {
    margin-bottom: 40px;
    text-align: center;
    overflow: hidden;
    cursor: default;
}

.pf-filter-page {
    margin-top: -20px;
}

.pf-filter li {
    font-family: 'Segoe UI';
    display: inline-block;
    height: 34px;
    margin: 0 15px 10px;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
    text-transform: uppercase;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: border-color 160ms linear;
    -moz-transition: border-color 160ms linear;
    -o-transition: border-color 160ms linear;
    transition: border-color 160ms linear;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .pf-filter li {
        line-height: 36px;
    }
}

.pf-filter li:hover {
    cursor: pointer;
}

.active-filter .line-top, .active-filter .line-bottom {
    width: 100%;
}

.active-filter .line-left, .active-filter .line-right {
    height: 100%;
}

.btn-lines {
    position: relative;
}

    .btn-lines .line-top, .btn-lines .line-bottom, .btn-lines .line-left, .btn-lines .line-right {
        position: absolute;
        background: #666;
        -webkit-transition: width 210ms ease-out 10ms,height 210ms ease-out 10ms;
        -moz-transition: width 210ms ease-out 10ms,height 210ms ease-out 10ms;
        -o-transition: width 210ms ease-out 10ms,height 210ms ease-out 10ms;
        transition: width 220ms ease-out 10ms,height 220ms ease-out 10ms;
    }

    .btn-lines .line-top, .btn-lines .line-bottom {
        width: 0;
        height: 1px;
    }

    .btn-lines .line-top {
        top: 0;
        left: 0;
    }

    .btn-lines .line-bottom {
        bottom: 0;
        right: 0;
    }

    .btn-lines .line-left, .btn-lines .line-right {
        width: 1px;
        height: 0;
    }

    .btn-lines .line-left {
        bottom: 0;
        left: 0;
    }

    .btn-lines .line-right {
        top: 0;
        right: 0;
    }

    .btn-lines:hover .line-top, .btn-lines:hover .line-bottom {
        width: 100%;
    }

    .btn-lines:hover .line-left, .btn-lines:hover .line-right {
        height: 100%;
    }

.grid {
    margin: 0px;
    max-width: 100%;
    text-align: center;
}

    .grid:after {
        content: '';
        display: block;
        clear: both;
    }

.grid-item {
    width: 100%;
    height: auto;
    background: #FFFFFF;
}

.grid-item-gut {
    width: 95%;
    height: auto;
    background: #FFFFFF;
}

.grid-masonry {
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
}

.m-grid-item {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    padding: 5px;
}

.m-grid-item--height2 {
    height: 100%;
}

.m-grid-item-2 {
    width: 100%;
    height: 100%;
    background: #FFFFFF;
}

.m-grid-item-2--height2 {
    height: 100%;
}

.masonry-pad {
    padding: 5px;
}

.portfolio-hover {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.masonry-grid-3 .portfolio-hover, .masonry-grid-4 .portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.portfolio-hover .action-btn {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 25px;
}

    .portfolio-hover .action-btn a {
        color: #000;
    }

    .portfolio-hover .action-btn .port-title {
        font-family: 'Segoe UI';
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

    .portfolio-hover .action-btn .port-subt {
        font-family: 'Segoe UI';
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 3px;
        text-transform: uppercase;
    }

.similar-project .portfolio-hover {
    position: absolute;
    top: 0;
    left: 5%;
    width: 95%;
    height: 95%;
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.grids-item:hover .portfolio-hover, .grids-item:hover .portfolio-hover .portfolio-description, .grids-item:hover .portfolio-hover .action-btn {
    opacity: 1;
}

    .grids-item:hover .portfolio-hover .portfolio-description {
        bottom: 45%;
        margin-bottom: -90px;
    }

    .grids-item:hover .portfolio-hover .action-btn {
        top: 50%;
        margin-top: -55px;
    }

.portfolio-project-title {
}

.portfolio-back-link {
    padding-top: 12%;
}

.portfolio-image-parallax {
    width: 100%;
    height: 350px;
    padding-bottom: 20px;
}

.portfolio-image-parallax-2 {
    width: 100%;
    height: 500px;
    padding-bottom: 20px;
}

.project-color-overlay {
    background-color: rgba(44,44,44,.6);
}

.portfolio-project-heading {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    text-align: left;
    padding-top: 120px;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #bcc6cc
}

.portfolio-project-title {
    padding-top: 20px;
    font-family: 'Segoe UI';
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #bcc6cc
}

.portfolio-project-details {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
    padding-bottom: 50px;
}

.portfolio-project-info {
    list-style: none;
    padding-top: 80px;
    text-align: left;
}

    .portfolio-project-info li {
        font-family: 'Segoe UI';
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 2px;
        margin: 15px 0;
        color: rgba(0,0,0,.7);
    }

        .portfolio-project-info li span {
            font-family: "Segoe UI";
            color: #6d747c;
            font-size: 13px;
            text-transform: uppercase;
            font-weight: 300;
            letter-spacing: 1px;
        }

        .portfolio-project-info li a {
            font-size: 32px;
            color: #000;
        }

            .portfolio-project-info li a i {
                vertical-align: middle;
            }

            .portfolio-project-info li a:hover {
            }

.portfolio-project-media {
}

.similar-project {
    padding-top: 20px;
    padding-bottom: 120px;
}

.similar-project-title {
    font-family: 'Segoe UI';
    padding-bottom: 50px;
    text-align: left;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 30px 0 0 0;
}

.similar-project-title-1 {
    font-family: 'Segoe UI';
    padding-bottom: 30px;
    text-align: left;
    font-size: 20px;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 10px 0 0 0;
}

.similar-project-grid-item {
    width: 300px;
    height: 250px;
    background: #FFFFFF;
    padding: 15px;
}

.about {
    background: #FFFFFF;
}

.about-us {
    text-align: left;
    font-size: 16px;
}

.about-descrp p {
    padding-bottom: 15px;
}

.about-us .col-md-6 {
    padding: 0px 30px;
}

.about-subtitle {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}

.about-subtitle-2 {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
}

.about-us a {
    font-size: 17px;
    font-weight: 400;
    color: #000;
}

.transition, .accordion ul li p, .accordion ul li i:before, .accordion ul li i:after {
    transition: all 0.25s ease-in-out;
}

.flipIn, h3, .accordion ul li {
    animation: flipdown 0.5s ease both;
}

    .no-select, .accordion ul li h4 {
        font-family: 'Segoe UI';
        text-transform: none;
        margin: 0;
        padding: 0;
        font-size: 17px;
        font-weight: 400;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .accordion ul li p {
        font-family: "Segoe UI";
        font-weight: 300;
        padding-top: 7px;
        font-size: 16px;
        color: #2c2c2c;
        position: relative;
        overflow: hidden;
        opacity: 1;
        transform: translate(0,0);
        z-index: 2;
    }

.accordion ul {
    list-style: none;
    perspective: 900;
    margin: 0;
    padding-bottom: 10px;
}

    .accordion ul li {
        position: relative;
        padding: 0;
        margin: 0;
    }

        .accordion ul li:nth-of-type(1) {
            animation-delay: 0.5s;
        }

        .accordion ul li:nth-of-type(2) {
            animation-delay: 0.75s;
        }

        .accordion ul li:nth-of-type(3) {
            animation-delay: 1s;
        }

        .accordion ul li:last-of-type {
            padding-bottom: 0;
        }

        .accordion ul li i {
            position: absolute;
            transform: translate(-6px,0);
            margin-top: 10px;
            right: 0;
        }

            .accordion ul li i:before, .accordion ul li i:after {
                content: "";
                position: absolute;
                background-color: #000;
                width: 1px;
                height: 16px;
            }

            .accordion ul li i:before {
                height: 12px;
                transform: translate(1px,-1px) rotate(-45deg);
            }

            .accordion ul li i:after {
                height: 12px;
                transform: translate(1px,-1px) rotate(45deg);
            }

        .accordion ul li input[type=checkbox] {
            position: absolute;
            cursor: pointer;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0;
        }

            .accordion ul li input[type=checkbox]:checked ~ p {
                margin-top: 0;
                max-height: 0;
                opacity: 0;
                transform: translate(0,50%);
            }

            .accordion ul li input[type=checkbox]:checked ~ i:before {
                height: 8px;
                transform: translate(-6px,10px) rotate(135deg);
            }

            .accordion ul li input[type=checkbox]:checked ~ i:after {
                height: 16px;
                transform: translate(-1px,2px) rotate(-155deg);
            }

@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
    }

    5% {
        opacity: 1;
    }

    80% {
        transform: rotateX(8deg);
    }

    83% {
        transform: rotateX(6deg);
    }

    92% {
        transform: rotateX(-3deg);
    }

    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
    }
}

.nav-tabs {
    border-bottom: 1px solid #DDD;
    font-size: 14px;
    font-family: "Segoe UI";
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase;
}

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border-width: 0;
    }

    .nav-tabs > li > a {
        border: none;
        color: #666;
    }

        .nav-tabs > li.active > a, .nav-tabs > li > a:hover {
            border: none;
            color: #282828 !important;
            background: transparent;
        }

        .nav-tabs > li > a::after {
            content: "";
            background: #282828;
            height: 1px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: 0px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
        transform: scale(1);
    }

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane {
    padding: 5px 0;
}

.tab-content {
    padding: 5px;
    text-align: left;
}

.square-tabs .nav-pills {
    display: inline-block;
}

    .square-tabs .nav-pills > li > a:hover, .square-tabs .nav-pills > li.active > a, .square-tabs .nav-pills > li.active > a:focus, .square-tabs .nav-pills > li.active > a:hover {
        color: #d9ac95;
        background: none;
    }

.round-tabs .nav > li > a, .square-tabs .nav > li > a, {
    position: relative;
    display: block;
    padding: 10px 25px;
}

.round-tabs .nav-pills > li + li, .square-tabs .nav-pills > li + li {
    margin-left: 20px;
}

.round-tabs .nav-pills, .square-tabs .nav-pills {
    padding-top: 10px;
    display: inline-block;
    color: black;
}

    .round-tabs .nav-pills > li > a {
        border-radius: 30px;
        border: 1px solid #252525;
        color: #252525;
    }

    .round-tabs .nav-pills > li.active > a {
        background: transparent;
        border: 1px solid #aaa;
        color: #aaa;
    }

.round-tabs .nav > li > a {
    padding: 4px 10px;
}

    .round-tabs .nav > li > a:visited {
        opacity: 1;
    }

.round-tabs .nav-pills > li > a:hover, .round-tabs .nav-pills > li.active > a, .round-tabs .nav-pills > li.active > a:focus, .round-tabs .nav-pills > li.active > a:hover, {
    color: red;
    border: 1px solid #222;
    background: none;
}

.round-tabs .nav > li > a, .square-tabs .nav > li > a, {
    position: relative;
    display: block;
    padding: 0px 0px;
}

.round-tabs .nav-pills > li + li, .square-tabs .nav-pills > li + li {
    margin-left: 20px;
}

.progress {
    width: 80%;
    background: none repeat scroll 0 0 #F1F1F1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    height: 2px;
    margin-bottom: 15px;
}

    .progress .bar {
        line-height: 30px;
        text-align: left;
        font-weight: bold;
        text-indent: 15px;
        text-transform: uppercase;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        text-shadow: none;
        -webkit-transition: width 1.5s ease;
        -moz-transition: width 1.5s ease;
        -o-transition: width 1.5s ease;
        transition: width 1.5s ease;
    }

    .progress:hover .bar {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
        background: #2c3e50 !important;
        color: #fff;
        cursor: pointer;
    }

.progress-skill-bar {
    margin-bottom: 20px;
    margin-left: 0;
    margin-top: 15px;
}

    .progress-skill-bar li {
        font-family: "Segoe UI";
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        overflow: hidden;
    }

    .progress-skill-bar .label {
        float: right;
        color: #000;
        font-size: 15px;
        font-weight: bold;
        border-right: 1px transparent solid;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 8px;
    }

.progress-success .bar, .progress .bar-success {
    filter: none;
    background: #15b994;
}

.workprocess {
    background: #ffffff;
}

#work-process .divider {
    margin-bottom: 60px;
}

@media (max-width:767px) {
    #work-process .divider {
        margin-right: auto;
        margin-left: auto;
    }
}

.work-process {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (min-width:768px) {
    .work-process {
        margin-top: 50px;
        margin-bottom: 30px;
        padding: 0px 15px;
    }
}

.work-process .itemz {
    position: relative;
    padding: 0;
}

@media (max-width:767px) {
    .work-process .itemz {
        margin: 0 auto;
        width: 200px;
        height: 132px;
    }
}

@media (max-width:767px) {
    .work-process .itemz:before {
        position: absolute;
        z-index: 10;
        content: '';
        bottom: 0;
        left: 0;
        width: 1px;
        height: 100%;
        margin-bottom: -66px;
        border-left: 1px dashed #6e6e6e;
    }
}

.work-process .itemz .inner-content {
    z-index: 5;
    position: relative;
    width: 100%;
    height: 132px;
}

@media (min-width:768px) {
    .work-process .itemz .inner-content {
        margin-top: 102px;
        height: 102px;
    }
}

.work-process .itemz .inner-content:before {
    position: absolute;
    z-index: 10;
    content: '';
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #9c9b9b;
}

.work-process .itemz .inner-content:after {
    position: absolute;
    z-index: 10;
    content: '';
    top: 50%;
    right: 0;
    width: 1px;
    height: 100%;
    margin-top: -132px;
    border-left: 1px dashed #9c9b9b;
}

@media (min-width:768px) {
    .work-process .itemz .inner-content:after {
        margin-top: -102px;
    }
}

.work-process .itemz .inner-content > i {
    position: absolute;
    z-index: 15;
    top: 50%;
    left: 50%;
    display: block;
    width: 86px;
    height: 66px;
    line-height: 58px;
    margin-top: -33px;
    margin-left: -43px;
    font-size: 30px;
    text-align: center;
    border-radius: 3px;
    border: 4px double #bebebe;
}

.work-process .itemz .inner-content > span.title {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 66px;
    line-height: 66px;
    margin-top: -18px;
    text-align: center;
    text-transform: uppercase;
    font-style: 400;
    font-size: 14px;
}

@media (min-width:768px) {
    .work-process .itemz .inner-content > span.title {
        margin-top: -33px;
    }
}

.work-process .itemz .inner-content > span.dot {
    position: absolute;
    z-index: 15;
    content: '';
    top: 50%;
    left: 0;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background-color: #9c9b9b;
    border-radius: 25%;
}

.work-process .itemz > i.icon-Arrow {
    display: block;
    position: absolute;
    z-index: 15;
    top: 45%;
    right: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: 45px;
    margin-right: -25px;
    font-size: 24px;
    text-align: center;
}

@media (min-width:768px) {
    .work-process .itemz > i.icon-Arrow.icon-Down-3 {
        margin-top: 25px;
    }
}

@media (max-width:767px) {
    .work-process .itemz > i.icon-Arrow.icon-Up-3 {
        left: 0;
        margin-left: -25px;
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@media (min-width:768px) {
    .work-process .itemz > i.icon-Arrow.icon-Up-3 {
        margin-top: -25px;
    }
}

.work-process .itemz.first .inner-content:before {
    left: auto;
    right: 0;
}

@media (max-width:767px) {
    .work-process .itemz.last:before {
        display: none;
    }
}

@media (max-width:767px) {
    .work-process .itemz.last .inner-content:before {
        left: auto;
        right: 0;
    }
}

.work-process .itemz.last .inner-content:after {
    display: none;
}

@media (min-width:768px) {
    .work-process .itemz.last .inner-content > span.dot {
        right: 0;
        left: auto;
    }
}

@media (max-width:767px) {
    .work-process .itemz.no-margin:before {
        display: none;
    }
}

.work-process .itemz.no-margin .inner-content {
    margin-top: 0px;
}

    .work-process .itemz.no-margin .inner-content:after {
        margin-top: 0px;
    }

@media (min-width:768px) {
    .work-process .itemz.no-margin .inner-content > span.title {
        top: auto;
        bottom: 0;
        margin-bottom: -33px;
    }
}

.testimonial .container {
    width: 100%;
}

.testimonials {
    background: url(/D8/jovan/themes/custom/jovan/images/bg-3.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

    .testimonials .color-overlay {
        background: rgba(0,0,0,.4);
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .testimonials .feedback {
        max-width: 750px;
        margin: 0 auto;
    }

        .testimonials .feedback .image {
            font-size: 24px;
            border: 2px solid transparent;
            -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
            box-shadow: 0px 0px 0px 2px #ffffff;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            line-height: 80px;
            margin: auto;
            margin-top: 5px;
            overflow: hidden;
        }

            .testimonials .feedback .image img {
                width: 100%;
                vertical-align: top;
            }

        .testimonials .feedback .message {
            font-style: normal;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .testimonials .feedback .name {
            margin-top: 15px;
            font-weight: 400;
        }

        .testimonials .feedback .company-info {
            font-size: 12px;
        }

    .testimonials .owl-theme .owl-controls .owl-page span {
        border-radius: 20%;
        max-height: 2px;
    }

    .testimonials .customNavigation a {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

.testimonial .container {
    width: 100%;
}

.center-col {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.testimonial .container {
    width: 100%;
}

.testimonials-2 {
    -webkit-background-size: cover;
    background-size: cover;
}

    .testimonials-2 .feedback {
        max-width: 850px;
    }

        .testimonials-2 .feedback .message {
            font-family: "Segoe UI";
            font-size: 16px;
            font-weight: 300;
            text-align: left;
            color: #000;
            font-style: normal;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .testimonials-2 .feedback .name {
            color: #282828;
            margin-top: 15px;
            font-weight: 400;
            font-size: 13px;
            text-transform: uppercase;
            font-family: "Segoe UI";
        }

        .testimonials-2 .feedback .image {
            font-size: 24px;
            border: 2px solid transparent;
            -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
            box-shadow: 0px 0px 0px 2px #ffffff;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            line-height: 80px;
            margin: auto;
            margin-top: 5px;
            overflow: hidden;
        }

            .testimonials-2 .feedback .image img {
                width: 100%;
                vertical-align: top;
            }

        .testimonials-2 .feedback .company-info {
            text-transform: uppercase;
            color: #9ba0ae;
            font-weight: 400;
            font-size: 12px;
            font-family: "Segoe UI";
        }

    .testimonials-2 .owl-theme .owl-controls .owl-page span {
        border-radius: 20%;
        max-height: 2px;
    }

    .testimonials-2 .customNavigation a {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

.testimonials-3 .container {
    width: 100%;
}

.testimonials-3 {
    -webkit-background-size: cover;
    background-size: cover;
}

    .testimonials-3.color-overlay {
        padding-top: 900px;
        padding-bottom: 90px;
    }

    .testimonials-3 .feedback {
        max-width: 750px;
        margin: 0 auto;
    }

        .testimonials-3 .feedback .image {
            font-size: 24px;
            border: 2px solid transparent;
            -webkit-box-shadow: 0px 0px 0px 2px #ffffff;
            box-shadow: 0px 0px 0px 2px #ffffff;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            line-height: 80px;
            margin: auto;
            margin-top: 5px;
            overflow: hidden;
        }

            .testimonials-3 .feedback .image img {
                width: 100%;
                vertical-align: top;
            }

        .testimonials-3 .feedback .message {
            font-style: normal;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .testimonials-3 .feedback .name {
            margin-top: 15px;
            font-weight: 400;
        }

        .testimonials-3 .feedback .company-info {
            font-size: 12px;
        }

    .testimonials-3 .owl-theme .owl-controls .owl-page span {
        border-radius: 20%;
        max-height: 2px;
    }

    .testimonials-3 .customNavigation a {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }

    .testimonials-3 .container {
        width: 100%;
    }

#clients-1 {
    padding-top: 30px;
}

.clients .owl-theme .owl-controls .owl-page span {
    border-radius: 20%;
    max-height: 2px;
}

.clients {
    margin: 0;
    list-style: none;
    overflow: hidden;
}

    .clients li {
        float: left;
        position: relative;
        padding: 20px 0;
        text-align: center;
    }

        .clients li a img {
            width: 100%;
        }

        .clients li a, .clients li img {
            display: block;
            width: 75%;
            margin-left: auto;
            margin-right: auto;
        }

    .clients.grid-2 li {
        width: 50%;
    }

    .clients.grid-3 li {
        width: 33.33%;
    }

    .clients.grid-4 li {
        width: 25%;
    }

    .clients.grid-5 li {
        width: 20%;
    }

    .clients.grid-6 li {
        width: 16.66%;
    }

    .clients.plus-box li:before {
        height: 100%;
        top: 0;
        right: -2px;
        border-right: 1px solid #DDD;
    }

    .clients.plus-box li:after {
        width: 100%;
        height: 0;
        top: auto;
        right: 0;
        bottom: -1px;
        border-bottom: 1px solid #DDD;
    }

    .clients.plus-box li:after, .clients.plus-box li:before, .clients.angle-box li:after, .clients.angle-box li:before {
        content: '';
        position: absolute;
    }

.callto {
    background: url(/D8/jovan/themes/custom/jovan/images/bg-5.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

    .callto .color-overlay {
        background: rgba(0,0,0,.4);
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .callto .call-info {
        padding-bottom: 20px;
    }

.call-title {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 36px;
    letter-spacing: 2px;
}

.call-number {
    font-family: 'Segoe UI';
    font-weight: 200;
    font-size: 36px;
    letter-spacing: 2px;
}

.callto h2 {
    line-height: 2rem;
}

.call-subtitle {
    text-transform: uppercase;
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
}

.promo-box {
    padding: 40px;
    display: block;
    width: 100%;
}

.promo-box, .text-center .promo-btn, .text-center .promo-btn a, .full-width.promo-box .container {
    position: relative;
}

    .promo-box h1, .promo-box h2, .promo-box h3, .promo-box h4, .promo-box h5, .promo-box h6 {
        margin-bottom: 0;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

    .text-center .promo-btn, .text-center .promo-btn a, .text-center .promo-info span, .text-center .promo-info {
        display: inline-block;
    }

.promo-info {
    padding-right: 200px;
}

    .promo-info h4 {
        font-family: 'Segoe UI';
        font-weight: 500;
        font-size: 20px;
    }

.text-center .promo-info {
    padding-right: 0px;
}

.promo-info h1 span, .promo-info h2 span, .promo-info h3 span, .promo-info h4 span, .promo-info h5 span, .promo-info h6 span {
    margin-top: 0px;
    display: inline;
}

.promo-info span {
    margin-top: 10px;
    display: block;
    color: #282828;
}

.highlight-color {
    color: #fff;
}

.promo-box.gray-bg {
    background: #f5f5f5;
}

.promo-box.offwhite-bg {
    background: #e6ebeb;
}

.promo-box.green-bg {
    background: #0d3948;
}

.promo-box.dark-bg {
    background: #222;
}

.light-txt, .light-txt p {
    color: #fff !important;
}

.round-5 {
    border-radius: 5px;
}

.promo-btn {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -28px;
}

    .promo-btn a.btn {
        margin-right: 0px;
    }

.text-center .promo-info span {
    margin-bottom: 20px;
    width: 100%;
}

.promo-info-2 h4 {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
    width: 100%;
}

.promo-info-2 span {
    color: #fff;
}

.promo-btn a.btn, .promo-box a.btn {
    padding: 15px 30px;
}

.promo-box.border-box {
    border: 1px solid #ececec;
}

.full-width.promo-box {
    padding: 60px 0;
}

    .full-width.promo-box .promo-btn {
        right: 0px;
    }

.full-team {
    padding-top: 60px;
    padding-bottom: 40px;
}

.team-member {
    overflow: hidden;
}

    .team-member, .team-member .team-img {
        position: relative;
        width: 100%;
        padding: 5px;
    }

        .team-member .team-img img {
            width: 100%;
            height: auto;
        }

        .team-member .s-link a {
            margin: 0 10px;
            color: #1d1d1d;
            font-size: 24px;
        }

.team-hover {
    width: 100%;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.90);
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.team-member:hover .team-hover, .team-member:hover .team-hover .desk, .team-member:hover .team-hover .s-link {
    opacity: 1;
}

    .team-member:hover .team-hover .s-link {
        bottom: 10%;
    }

    .team-member:hover .team-hover .desk {
        top: 35%;
    }

.team-hover .desk {
    position: absolute;
    padding: 10px;
    top: 0%;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(-55%);
    -ms-transform: translateY(-55%);
    transform: translateY(-55%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
}

.team-hover .s-link {
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transform: translateY(45%);
    -ms-transform: translateY(45%);
    transform: translateY(45%);
    -webkit-transition: all 0.3s 0.2s;
    transition: all 0.3s 0.2s;
    font-size: 35px;
}

    .team-hover .s-link a {
        text-align: center;
        color: #6f8b9d;
    }

    .desk, .desk h4, .team-hover .s-link a {
        text-align: center;
        color: #222;
    }

.t-name {
    font-family: "Segoe UI";
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.t-deg {
    font-family: "Segoe UI";
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: capitalize;
}

.desk p {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: normal;
    line-height: 30px;
}

.team .owl-theme .owl-controls .owl-page span {
    border-radius: 20%;
    max-height: 2px;
}

.team-title {
    position: static;
    display: inline-block;
    letter-spacing: 2px;
    width: 100%;
}

    .team-title h5 {
        font-family: "Segoe UI";
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px;
        display: block;
        text-transform: uppercase;
        text-align: center;
    }

    .team-title span {
        font-family: "Segoe UI";
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
        color: #a5a5a5;
        letter-spacing: 1px;
        text-align: center;
    }

    .team-title p {
        text-align: left;
        padding-top: 10px;
        letter-spacing: normal;
        line-height: 30px;
    }

.packages {
    padding-bottom: 60px;
    background: #FFFFFF;
    width: 100%;
}

.package-heading {
    margin-top: 40px;
    font-family: 'Segoe UI';
    font-size: 21px;
    font-weight: 400;
    text-transform: uppercase;
}

.single-package {
    width: 100%;
    background: #FFFFFF;
    overflow: auto;
    border: 1px solid #c9c9c9;
    border-radius: 0px;
    margin-bottom: 60px;
}

    .single-package .price {
        background: #FFFFFF;
    }

        .single-package .price h2 {
            color: #000;
            font-size: 50px;
            font-family: "Segoe UI";
            font-weight: 200;
            padding: 0px;
            margin: 0px;
        }

        .single-package .price p {
            font-family: 'Segoe UI';
            font-size: 14px;
            margin-bottom: 25px;
        }

        .single-package .price .sign {
            vertical-align: super;
            font-size: 16px;
        }

    .single-package .package-feature {
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .single-package .package-feature > li {
            border-top: 1px solid rgba(125,125,125,0.2);
            margin-top: 7px;
            margin-bottom: 7px;
        }

.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #111;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
        color: white;
    }

        .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66);
            transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66);
        }

.hvr-bounce-to-right-white {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-to-right-white:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-right-white:hover, .hvr-bounce-to-right-white:focus, .hvr-bounce-to-right-white:active {
    }

        .hvr-bounce-to-right-white:hover:before, .hvr-bounce-to-right-white:focus:before, .hvr-bounce-to-right-white:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66);
            transition-timing-function: cubic-bezier(0.52,1.64,0.37,0.66);
        }

.price-col {
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 40px;
    text-align: center;
}

    .price-col.feature {
        background: #222222;
        border: 1px solid #222222;
    }

    .price-col h1 {
        font-family: "Segoe UI";
        font-weight: 400;
        letter-spacing: 3px;
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .price-col .p-value {
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 0;
        margin-bottom: 30px;
    }

    .price-col.feature .p-value {
        border-top: 1px solid rgba(255,255,255,.2);
        border-bottom: 1px solid rgba(255,255,255,.2);
        padding: 15px 0;
        margin-bottom: 30px;
    }

    .price-col .dollar {
        font-size: 42px;
        font-weight: normal;
        font-family: "Segoe UI";
        font-weight: 400;
    }

        .price-col .dollar span {
            font-size: 16px;
            margin-left: -10px;
        }

    .price-col .duration {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .price-col ul {
        list-style: none;
        padding: 0;
        margin-bottom: 30px;
        display: block;
    }

        .price-col ul li {
            font-family: "Segoe UI";
            font-weight: 500;
            font-size: 16px;
            margin-bottom: 15px;
            color: #222222;
            text-transform: capitalize;
        }

    .price-col.feature ul li {
        color: #7d7d7d;
        text-transform: capitalize;
    }

    .price-col .p-btn {
        border: 1px solid #e8e8e8;
        padding: 5px 20px;
        display: inline-block;
        color: #222222;
        text-transform: uppercase;
        display: inherit;
        font-family: 'Segoe UI';
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 2px;
    }

        .price-col .p-btn:hover {
            border: 1px solid #222;
            background: #222;
        }

    .price-col.feature .p-btn, .price-col.feature .p-btn:hover {
        background: #282828;
        color: #e8e8e8;
    }

        .price-col.feature .p-btn:hover, .price-col .p-btn:hover, .price-col.feature {
            color: #fff;
        }

.price-col-2 {
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 10px;
    text-align: center;
}

    .price-col-2.feature {
        background: #222222;
        border: 1px solid #222222;
    }

    .price-col-2 h1 {
        font-family: "Segoe UI";
        font-weight: 400;
        letter-spacing: 3px;
        font-size: 17px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .price-col-2 .p-value {
        padding: 15px 0;
        margin-bottom: 30px;
    }

    .price-col-2.feature .p-value {
        padding: 15px 0;
        margin-bottom: 30px;
    }

    .price-col-2 .dollar {
        font-size: 42px;
        font-weight: normal;
        font-family: "Segoe UI";
        font-weight: 400;
    }

        .price-col-2 .dollar span {
            font-size: 16px;
            margin-left: -10px;
        }

    .price-col-2 .duration {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .price-col-2 ul {
        list-style: none;
        padding: 0;
        margin-bottom: 30px;
        display: block;
    }

        .price-col-2 ul li {
            margin-bottom: 15px;
            color: #222222;
            text-transform: capitalize;
        }

    .price-col-2.feature ul li {
        color: #7d7d7d;
        text-transform: capitalize;
    }

    .price-col-2 .p-btn {
        border: 1px solid #e8e8e8;
        padding: 5px 20px;
        display: inline-block;
        color: #222222;
        text-transform: uppercase;
        display: inherit;
        font-family: 'Segoe UI';
        font-size: 12px;
        font-weight: normal;
        letter-spacing: 2px;
    }

        .price-col-2 .p-btn:hover {
            border: 1px solid #222;
            background: #222;
        }

    .price-col-2.feature .p-btn, .price-col.feature .p-btn:hover {
        background: #282828;
        color: #e8e8e8;
    }

        .price-col-2.feature .p-btn:hover, .price-col-2 .p-btn:hover, .price-col-2.feature {
            color: #fff;
        }

.funfactor {
    background: url(/D8/jovan/themes/custom/jovan/images/funfactor/bg-1.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #efefef;
}

    .funfactor .color-overlay {
        background: rgba(0,0,0,.4);
        padding-top: 140px;
        padding-bottom: 40px;
    }

    .funfactor .fun-info {
        padding-bottom: 20px;
    }

    .funfactor .icon-container {
        display: block;
        margin-top: 5px;
    }

        .funfactor .icon-container i {
            font-size: 30px;
            color: #279aae;
            text-align: center;
            -webkit-transition: all ease-in 0.25s;
            transition: all ease-in 0.25s;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
        }

    .funfactor h2 {
        line-height: 2rem;
    }

.funfactor-1 {
    background: url(/D8/jovan/themes/custom/jovan/images/funfactor/bg-2.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
    color: #ffffff;
}

    .funfactor-1 .color-overlay {
        background: rgba(0,0,0,.7);
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .funfactor-1 .fun-info {
        padding-bottom: 20px;
    }

    .funfactor-1 .icon-container {
        display: block;
        margin-top: 5px;
    }

        .funfactor-1 .icon-container i {
            font-size: 40px;
            color: #b2b2b2;
            text-align: center;
            -webkit-transition: all ease-in 0.25s;
            transition: all ease-in 0.25s;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
        }

    .funfactor-1 h2 {
        line-height: 2rem;
    }

.fun-work {
    font-size: 16px;
    letter-spacing: 1px;
}

.funfactor-2 {
    background: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
}

    .funfactor-2 .color-overlay {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .funfactor-2 .fun-info {
        padding-bottom: 20px;
    }

    .funfactor-2 .icon-container {
        display: block;
        margin-top: 5px;
    }

        .funfactor-2 .icon-container i {
            font-size: 35px;
            color: #abbbc6;
            text-align: center;
            -webkit-transition: all ease-in 0.25s;
            transition: all ease-in 0.25s;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
        }

    .funfactor-2 h2 {
        line-height: 2rem;
    }

.fun-work-2 {
    padding-top: 5px;
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.res-funfactor {
    background: #ffffff;
    -webkit-background-size: cover;
    background-size: cover;
}

    .res-funfactor .fun-info {
        color: #000;
        padding-bottom: 20px;
    }

    .res-funfactor .icon-container {
        display: block;
        margin-top: 5px;
    }

        .res-funfactor .icon-container i {
            font-size: 30px;
            text-align: center;
            -webkit-transition: all ease-in 0.25s;
            transition: all ease-in 0.25s;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding;
            background-clip: padding-box;
        }

    .res-funfactor h2 {
        line-height: 2rem;
    }

    .res-funfactor .fun-info .fun-work {
        text-transform: uppercase;
        font-weight: 400;
        font-family: "Segoe UI";
        font-size: 12px;
        letter-spacing: 1px;
    }

.icon-container-2 {
    font-size: 40px;
    color: #b2b2b2;
    text-align: center;
    -webkit-transition: all ease-in 0.25s;
    transition: all ease-in 0.25s;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.blog {
    position: relative;
    text-align: left;
    margin-top: 60px;
    z-index: 1;
}

.post-img {
}

.figure {
    position: relative;
}

    .figure i {
        position: absolute;
        bottom: -8px;
        right: 30px;
        color: #fff;
        font-size: 18px;
        z-index: 100;
    }

        .figure i:after {
            position: absolute;
            content: "";
            left: -12px;
            top: -10px;
            width: 40px;
            height: 40px;
            background-color: #68c3a3;
            z-index: -1;
            border-radius: 3px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.post-thumbnail {
    margin-bottom: 20px;
    overflow: auto;
}

    .post-thumbnail img {
        width: 100%;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }

        .post-thumbnail img:hover {
            opacity: 1;
            /*-webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05);*/
        }

.blog-post-thumbnail {
    margin-bottom: 20px;
    overflow: hidden;
}

    .blog-post-thumbnail img {
        width: 100%;
        opacity: 0.8;
    }

.blog-title {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 5px;
    color: #000;
}

.blog-post {
    color: #949494;
}

.author {
    font-family: "Segoe UI";
    font-weight: 400;
    color: #282828;
    font-size: 13px;
    padding-right: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.date {
    font-family: "Segoe UI";
    font-weight: 400;
    color: #1e1e1e;
    font-size: 12px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.read-more {
    color: #949494;
}

    .read-more :hover {
        color: #279aae;
    }

.blog-card {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
}

    .blog-card img {
        display: table;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
    }

    .blog-card .card-overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.7)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
        background-image: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7));
        background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        opacity: 0;
    }

    .blog-card .card-content {
        height: 50%;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 0;
    }

        .blog-card .card-content:before {
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            top: 0;
            left: 0;
            background: #fff;
            z-index: -1;
            -webkit-transition: top 0.3s cubic-bezier(0.36,0.71,0.44,0.97);
            transition: top 0.3s cubic-bezier(0.36,0.71,0.44,0.97);
        }

        .blog-card .card-content h3 {
            font-family: "Segoe UI";
            font-weight: 300;
            text-transform: capitalize;
            font-size: 22px;
            padding: 0 20px;
            margin-top: 0;
            position: absolute;
            top: 35%;
            width: 100%;
        }

        .blog-card .card-content h4 {
            font-family: "Playfair",serif;
            font-weight: 700;
            text-transform: capitalize;
            letter-spacing: 1px;
            font-size: 20px;
            padding: 0 20px;
            margin-top: 0;
            position: absolute;
            top: 35%;
            width: 100%;
        }

        .blog-card .card-content h3 a {
            color: #000;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

    .blog-card .blog-date {
        display: block;
        position: relative;
        font-size: 1.125em;
        line-height: 1;
        font-weight: 800;
        margin-top: -15px;
    }

        .blog-card .blog-date span {
            clear: both;
            display: block;
            font-size: 0.6111111111111111em;
            text-transform: uppercase;
        }

        .blog-card .blog-date:before {
            content: '';
            position: absolute;
            height: 58px;
            width: 58px;
            background: #fff;
            border-radius: 16%;
            top: -14px;
            left: 50%;
            margin-left: -29px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg);
            z-index: -1;
            -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
            -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
            box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
        }

    .blog-card .category {
        position: absolute;
        display: block;
        top: 20%;
        width: 100%;
        text-transform: uppercase;
        font-family: "Segoe UI";
        font-weight: 400;
        font-size: 13px;
        color: #bcc6cc;
    }

    .blog-card:hover .card-overlay {
        opacity: 1;
    }

    .blog-card:hover .card-content:before {
        top: 100%;
    }

    .blog-card:hover .card-content h3 a {
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

    .blog-card:hover .card-content h4 a {
        color: #fff;
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
    }

@media (max-width:580px) {
    .blog-col {
        width: 100%;
        margin-bottom: 40px;
    }
}

.blog-cr-bg {
    background-color: #f8f8f8;
    padding-bottom: 50px;
}

.blog-cr-heading {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 24px;
    margin-top: 80px;
    padding-right: 70px;
    text-transform: uppercase;
    text-align: right;
    color: #7fa3c7;
}

    .blog-cr-heading.right {
        text-align: left;
        padding-left: 70px;
    }

.cr-blog-under-line {
    position: relative;
    left: -200px;
    z-index: 1;
    width: 325px;
    height: 1px;
    background: #5877f6;
    margin-bottom: 10px;
}

    .cr-blog-under-line.right {
        position: relative;
        left: 400px;
        width: 625px;
    }

.blog-cr-author {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 15px;
    color: #464646;
    text-align: right;
    text-transform: capitalize;
    padding-right: 70px;
    letter-spacing: 1px;
}

.blog-right-pic-1 {
    margin-top: 80px;
    width: 80%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/blog/rp-1.jpg) no-repeat;
    background-size: cover;
}

.blog-right-pic-2 {
    margin-top: 80px;
    width: 80%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/blog/rp-2.jpg) no-repeat;
    background-size: cover;
}

.blog-left-pic-1 {
    margin-top: 80px;
    width: 100%;
    height: 385px;
    background: url(/D8/jovan/themes/custom/jovan/images/blog/lp-1.jpg) no-repeat;
    background-size: cover;
}

.blog-list-title {
    background-color: #f8f8f8;
    padding-top: 100px;
    padding-bottom: 70px;
    width: 100%;
    display: block;
}

.blog-item-date {
    width: 100px;
    position: absolute;
    top: 0px;
    left: -50px;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    color: #1d1d1d;
}

.date-num {
    float: right;
    font-family: 'Segoe UI';
    color: black;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    vertical-align: middle;
    color: #464646;
}

.inline-date {
    display: none;
}

.year {
    padding-left: 3px;
    padding-bottom: 10px;
}

.breadcrumb {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    letter-spacing: 0.2em;
}

    .breadcrumb li {
        text-transform: uppercase;
    }

        .breadcrumb li > a {
            color: #000;
        }

            .breadcrumb li > a:hover {
                color: #222;
            }

    .breadcrumb > .active {
        color: #222;
    }

.blog-page-heading {
    font-family: 'Segoe UI' sans-serif;
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
}

.blog-image {
    width: 100%;
    height: auto;
}

.blog-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0px;
}

.blog-image-parallax {
    width: 100%;
    height: 400px;
    position: relative;
}

.blog-media {
    margin-bottom: 30px;
}

.blog-figure a img {
    width: 100%;
}

.h_iframe {
    position: relative;
}

    .h_iframe .ratio {
        display: block;
        width: 100%;
        height: auto;
    }

iframe {
    outline: none;
    border: none;
}

.h_iframe iframe {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.all-blog {
    width: 100%;
}

.blog-post-title {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 24px;
    text-transform: uppercase;
    color: rgba(0,0,0,.8);
    letter-spacing: 1px;
    text-align: left;
}

    .blog-post-title :hover {
        color: #279aae;
    }

.blog-list-item-detail {
    text-align: left;
    position: relative;
    top: -25px;
    text-transform: capitalize;
    vertical-align: super;
    font-weight: 300;
    font-size: 16px;
}

    .blog-list-item-detail a {
        color: #949494;
        padding-right: 5px;
    }

        .blog-list-item-detail a:hover {
            color: #279aae;
            padding-right: 5px;
        }

    .blog-list-item-detail i {
        padding-right: 5px;
    }

.blog-list-item-body {
    text-align: left;
}

.blog-list {
    padding-top: 50px;
    margin: 0 auto;
}

#content-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}

.all-blog .owl-carousel .owl-controls .owl-page span {
    margin-top: -70px;
}

.all-blog .pull-top {
    position: relative;
    top: -30px;
}

.pagination {
    font-size: 11px;
    font-family: "Segoe UI";
    padding-top: 40px;
}

    .pagination a {
        display: inline-block;
        min-width: 20px;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 4px 8px;
        color: #5b5b5b;
        font-size: 11px;
        font-weight: 400;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        -webkit-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
        -moz-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
        -o-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
        -ms-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
        transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
    }

    .pagination .fa {
        margin-top: 1px;
        font-size: 16px;
    }

.blog-grid-left {
    text-align: right;
}

.blog-grid-right {
    text-align: left;
}

    .blog-grid-right.blog-cr-author {
        padding-left: 70px;
        padding-right: 0px;
    }

.single-post {
    padding-top: 50px;
    padding-left: 20px;
}

.sidebarfixed {
    position: fixed !important;
    top: 0;
}

.blog-item {
    position: relative;
    margin-bottom: 60px;
}

.blog-item-detail {
    position: relative;
    padding: 10px 0;
    margin: 0 10px;
    text-transform: capitalize;
    font-weight: 300;
    font-size: 13px;
}

    .blog-item-detail a {
        color: #949494;
        padding-right: 7px;
    }

        .blog-item-detail a:hover {
            padding-right: 7px;
        }

    .blog-item-detail i {
        padding-right: 5px;
    }

.blog-item-title-wrapper {
    padding-top: 40px;
    margin: 0 10px;
}

.blog-item-title h1 {
    margin-top: 0;
    font-weight: 300;
}

.blog-item-title span {
    font-weight: 700;
}

.blog-page-post-title {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    color: rgba(0,0,0,.8);
    font-weight: 400;
    font-size: 23px;
    letter-spacing: 2px;
    text-align: left;
    margin: 30px 0 0 0;
}

.post-date {
    font-family: "Segoe UI";
    margin: 15px 0;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 300 !important;
}

.blog-item-body {
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.8;
}

    .blog-item-body blockquote {
        padding-left: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

.blog-post {
    margin-bottom: 80px;
}

    .blog-post .blog-item-body {
        margin: 30px 0;
    }

    .blog-post .blog-item-detail {
        font-size: 16px;
        padding: 15px 0;
        text-align: left;
    }

.article-nav {
    font-family: "Segoe UI";
    font-weight: 300;
    text-transform: capitalize;
    text-align: center;
    margin: 30px 0;
    border-top: 1px solid #ebebf5;
    border-bottom: 1px solid #ebebf5;
}

.article-nav-link {
    display: inline-block;
    padding: 30px 0;
}

    .article-nav-link p {
        display: inline-block;
        margin: 0;
        font-size: 18px;
    }

    .article-nav-link span {
        font-weight: 500;
    }

    .article-nav-link i {
        font-size: 32px;
    }

.sidebar {
    padding: 0px 30px;
}

.sidebar-left {
    margin: 0 auto;
    padding-right: 20px;
}

.widget {
    width: 100%;
    margin-bottom: 60px;
    padding: 5px;
}

.widget-title {
    font-family: "Segoe UI";
    margin-bottom: 15px;
    margin-top: 0;
    padding: 5px;
    border: 1px solid #858585;
    color: rgba(0,0,0,.9);
    background-color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.widget-body {
    font-size: 15px;
    padding: 10px;
}

    .widget-body .post-date {
        margin: 0;
    }

    .widget-body a {
        font-family: "Segoe UI";
        text-transform: uppercase;
        color: rgba(0,0,0,.8);
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 1px;
    }

        .widget-body a:hover {
        }

.widget-text {
    line-height: 1.7;
}

.search-wrap {
    position: relative;
}

.input-field {
    color: #949494;
    outline: none;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 8px 10px;
    border: 1px solid #858585;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .05em;
    line-height: 1.5;
    width: 100%;
    background: transparent;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
    -webkit-appearance: none;
}

    .input-field:focus {
        color: #949494;
    }

.search-button {
    background: transparent;
    position: absolute;
    top: 40%;
    right: 1px;
    overflow: hidden;
    width: 42px;
    height: 35px;
    line-height: 38px;
    margin-top: -20px;
    border: none;
    outline: none;
    font-size: 20px;
    cursor: pointer;
    z-index: 2;
}

.widget-posts-recent ul li {
    position: relative;
    margin: 0;
    padding: 8px 0;
    line-height: 1.5em;
}

    .widget-posts-recent ul li span {
        font-family: "Segoe UI";
        font-size: 11px;
        font-weight: 400;
        color: #000;
        display: block;
        padding-top: 3px;
    }

.widget-posts-recent ul i {
    position: absolute;
    top: 9px;
    left: -4px;
    font-size: 20px;
}

.widget-posts-img {
    float: left;
    margin: 0 7px 0 0;
    width: 70px;
    height: auto;
}

.widget-posts-descr {
    overflow: hidden;
    text-transform: capitalize;
}

.widget-categories {
    font-size: 13px;
}

    .widget-categories li {
        line-height: 1.5em;
        padding: 4px 0;
        position: relative;
    }

        .widget-categories li a {
            padding-bottom: 2px;
            border-bottom: 1px solid transparent;
        }

        .widget-categories li small {
            font-size: 10px;
            color: #757a86;
        }

        .widget-categories li i {
            position: absolute;
            top: 9px;
            left: -4px;
            font-size: 20px;
            opacity: 0.5;
        }

.tags {
    text-align: left;
    padding: 5px;
}

    .tags a {
        font-weight: 500;
        width: auto;
        color: #ffffff;
        display: inline-block;
        margin: 3px 0px;
        padding: 0px 5px;
        border: 1px solid #949494;
        background: #4b4b4b;
        font-size: 10px;
        text-transform: uppercase;
        letter-spacing: 3px;
    }

        .tags a:hover {
        }

.default-tabs > li > a {
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: .05em;
}

.default-tabs-cont {
    padding: 30px 0 0;
    line-height: 1.8;
}

.media-list {
    padding-top: 30px;
}

.widget-comments li {
    padding: 8px 0;
    border-bottom: 1px solid #f5f5fa;
}

.blog-comment-section {
    margin: 40px 0;
}

    .blog-comment-section .form-message {
    }

li.comment-item {
    padding: 30px 0;
    border-bottom: 1px solid #ebebf5;
    margin-bottom: 5px;
}

.comment-item {
    padding: 30px 0 0 0;
    font-size: 14px;
    overflow: hidden;
}

    .comment-item:first-child {
        padding-top: 0;
    }

    .comment-item p {
        margin-bottom: 10px;
    }

    .comment-item a {
        font-weight: 500;
        color: #555555;
        opacity: 1;
        -webkit-transition: opacity 0.27s ease-out;
        transition: opacity 0.27s ease-out;
    }

        .comment-item a:hover {
            opacity: .8;
        }

.comment-body {
    text-align: left;
}

.comment-item i {
    padding-top: 9px;
}

.comment-item-data {
    font-family: "Segoe UI";
    font-weight: 300;
    letter-spacing: 1px;
    float: left;
    text-transform: uppercase;
    font-size: 12px;
}

.comment-author {
    display: inline-block;
    margin-right: 10px;
    font-weight: 500;
}

    .comment-author a {
        color: #000;
        display: inline-block;
        margin-right: 10px;
        font-weight: 500;
    }

.comment-avatar {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    font-size: 50px;
    line-height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.comment-child .comment-avatar {
    margin-left: 20px;
}

.comment-body {
    float: left;
}

.comment-child {
    padding-top: 20px;
    float: left;
}

.comment-reply {
    float: left;
    font-size: 13px;
}

.pagination {
    font-size: 13px;
}

    .pagination a {
        display: inline-block;
        min-width: 30px;
        margin: 2px;
        padding: 3px 5px;
        border: 1px solid #b8b7cb;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
    }

        .pagination a.active, .pagination a.active:hover {
            cursor: default;
        }

        .pagination a i {
            vertical-align: middle;
        }

    .pagination .fa, .pagination .icon {
        line-height: 21px;
        font-size: 18px;
    }

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

.comment-reply .contact-box {
    padding-bottom: 20px;
}

    .comment-reply .contact-box .contact-button {
        height: 80px;
        width: 80px;
        border-radius: 50%;
        margin: auto;
        position: relative;
        font-size: 30px;
        line-height: 60px;
        vertical-align: middle;
        margin-top: -40px;
        background: #232323;
        -webkit-box-shadow: 0px 0px 0px 3px #232323;
        box-shadow: 0px 0px 0px 3px #232323;
        -webkit-backface-visibility: hidden;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
    }

        .comment-reply .contact-box .contact-button:hover {
            color: #ffffff;
        }

    .comment-reply .contact-box .contact-form {
        margin-top: 20px;
        margin-left: -20px;
        margin-bottom: 80px;
    }

        .comment-reply .contact-box .contact-form .success, .comment-reply .contact-box .contact-form .error {
            display: none;
        }

        .comment-reply .contact-box .contact-form .input-box {
            margin-bottom: 10px;
            margin-top: 10px;
            height: 40px;
            -webkit-box-shadow: none;
            box-shadow: none;
            background: #FFFFFF;
            border: 1px solid #bbbbbb;
        }

        .comment-reply .contact-box .contact-form .textarea-box {
            margin-top: 20px;
            margin-bottom: 20px;
            -webkit-box-shadow: none;
            box-shadow: none;
            background: #FFFFFF;
            border: 1px solid #bbbbbb;
        }

            .comment-reply .contact-box .contact-form .textarea-box:active, .comment-reply.contact-box .contact-form .textarea-box:focus, {
                color: #FFF;
            }

.address-title {
    font-family: "Segoe UI";
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2px;
    color: #000;
    text-transform: uppercase;
}

.contact .contact-box {
}

.contact .contact-address {
    margin-top: 10px;
    margin-bottom: 30px;
}

    .contact .contact-address i {
        font-size: 22px;
        vertical-align: middle;
        margin-right: 6px;
    }

    .contact .contact-address ul li {
        text-transform: uppercase;
        font-family: 'Segoe UI';
        font-weight: 700;
        font-size: 12px;
        line-height: 18px;
        padding: 10px;
        letter-spacing: 2px;
    }

        .contact .contact-address ul li span {
            font-family: 'Segoe UI';
            font-weight: 400;
            font-size: 14px;
            text-transform: none;
            letter-spacing: 1px;
        }

.contact .contact-box .contact-button {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    font-size: 30px;
    line-height: 60px;
    vertical-align: middle;
    margin-top: -40px;
    background: #232323;
    -webkit-box-shadow: 0px 0px 0px 3px #232323;
    box-shadow: 0px 0px 0px 3px #232323;
    -webkit-backface-visibility: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .contact .contact-box .contact-button:hover {
        color: #ffffff;
    }

.contact .contact-box .contact-form {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .contact .contact-box .contact-form .success, .contact .contact-box .contact-form .error {
        display: none;
    }

    .contact .contact-box .contact-form .input-box {
        margin-bottom: 10px;
        margin-top: 10px;
        height: 50px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #FFFFFF;
        border: 1px solid #949494;
        border-radius: 3px;
    }

    .contact .contact-box .contact-form .textarea-box {
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #FFFFFF;
        height: 140px;
        border-radius: 3px;
        border: 1px solid #949494;
    }

.contact-2 .contact-box {
}

.contact-2 .contact-address {
    margin-top: 10px;
    margin-bottom: 30px;
}

    .contact-2 .contact-address i {
        font-size: 22px;
        vertical-align: middle;
        margin-right: 6px;
    }

    .contact-2 .contact-address ul li {
        text-transform: uppercase;
        font-family: 'Segoe UI';
        font-weight: 700;
        font-size: 12px;
        line-height: 18px;
        padding: 10px;
        letter-spacing: 2px;
    }

        .contact-2 .contact-address ul li span {
            font-family: 'Segoe UI';
            font-weight: 400;
            font-size: 14px;
            text-transform: none;
            letter-spacing: 1px;
        }

.contact-2 .contact-box .contact-button {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: auto;
    position: relative;
    font-size: 30px;
    line-height: 60px;
    vertical-align: middle;
    margin-top: -40px;
    background: #232323;
    -webkit-box-shadow: 0px 0px 0px 3px #232323;
    box-shadow: 0px 0px 0px 3px #232323;
    -webkit-backface-visibility: hidden;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .contact-2 .contact-box .contact-button:hover {
        color: #ffffff;
    }

.contact-2 .contact-box .contact-form {
    margin-top: 10px;
}

    .contact-2 .contact-box .contact-form .success, .contact .contact-box .contact-form .error {
        display: none;
    }

    .contact-2 .contact-box .contact-form .input-box {
        margin-bottom: 10px;
        margin-top: 10px;
        height: 40px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        border: 1px solid #ffffff;
    }

    .contact-2 .contact-box .contact-form .textarea-box {
        margin-top: 20px;
        margin-bottom: 20px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: transparent;
        height: 120px;
        border: 1px solid #949494;
    }

#map {
    width: 100%;
    height: 400px;
}

#map2 {
    width: 100%;
    height: 500px;
}

.footer-section {
    background: #1d1d1d;
    padding-top: 30px;
    overflow-x: hidden;
}

.footer-logo p {
    display: inline-block;
    font-family: "Segoe UI";
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 4px;
    padding-left: 4px;
    padding-top: 18px;
    text-transform: uppercase;
}

.list-inline {
    text-align: center;
    margin: 0 auto;
    padding: 30px 0;
}

    .list-inline > li {
        text-align: center;
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        margin: 15px;
        position: relative;
        font-family: 'Segoe UI';
        font-weight: 400;
        font-size: 12px;
        text-transform: capitalize;
    }

    .list-inline a {
        color: #949494;
    }

.input-group {
    margin: 30px auto;
    width: 90%;
    font-family: 'Segoe UI';
    color: #949494;
}

.subscriber {
    border: 2px solid #fff;
}

    .subscriber:focus {
        color: #949494;
    }

#widget-subscribe-submit-button {
    position: relative;
    margin: 0px auto;
}

.modal-backdrop.in {
    opacity: .75;
}

.modal-content {
    box-shadow: none;
    border-radius: 0;
}

.modal-header {
    position: relative;
}

    .modal-header .close {
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -10px;
        height: 20px;
        font-size: 15px;
    }

.form-control {
    height: 100%;
}

.footer-logo {
    padding-left: 60px;
}

    .footer-logo img {
        width: 40px;
        height: 40px;
    }

.footer-content {
    padding: 0 0 20px 0;
    text-align: left;
    color: #949494;
}

    .footer-content .footer-column {
        padding: 0px auto;
    }

.footer-title {
    font-family: 'Segoe UI';
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    color: #ccc;
}

.list-tweets li {
    margin: 0 auto;
    padding-bottom: 10px;
    text-align: left;
    padding-left: 20px;
}

    .list-tweets li:before {
        margin-left: -25px;
        position: absolute;
        font-family: fontawesome;
        content: "\f099";
    }

.list-tweets .list-tweets-date {
    display: block;
    font-size: 12px;
    font-style: italic;
    opacity: 0.8;
}

.list-tweets li a {
    color: #ddd;
}

.social-icons {
    padding: 30px;
    margin-left: 40px;
    text-align: left;
}

    .social-icons li {
        display: inline-block;
        margin: 5px;
    }

        .social-icons li a {
            margin: 0 10px;
            height: 35px;
            width: 35px;
            border-radius: 50%;
            line-height: 37px;
            font-size: 14px;
            color: #949494;
        }

.copyright {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 15px;
    color: #808080;
    padding-top: 0px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

    .copyright .creo {
        color: #808080;
        font-size: 14px;
        letter-spacing: .4em;
    }

.footer__nav-link {
    color: #949494;
}

.footer-1 .footer__nav-item--heading {
    margin-bottom: 25px;
    font-weight: 400;
    color: #949494;
    font-family: "Segoe UI";
}

.footer-1 .footer-desc {
    padding: 10px 60px 20px 60px;
    text-align: left;
    font-size: 14px;
}

.footer-2 {
    background: #fafafa;
}

.footer-2-dark {
    background: #f2f2f2;
}

.footer-2 .footer-column p {
    text-transform: uppercase;
    font-size: 14px;
    color: #1d1d1d;
    font-weight: 700;
    padding-left: 120px;
    font-family: "Segoe UI";
}

.footer-2-dark .footer-column p {
    color: #fafafa;
}

.footer-2-light {
    background: #fafafa;
}

    .footer-2-light .footer-column p {
        color: #1d1d1d;
    }

    .footer-2-light .footer-desc {
        color: #1d1d1d;
    }

.footer-2 .col-md-6 {
    text-align: right
}

.footer-2 .copyright-2 {
    font-size: 14px;
    line-height: 1.25rem;
}

.footer-2 .social-icons {
    text-align: right;
    padding: 0px;
}

    .footer-2 .social-icons li a {
        margin: 0px 2px;
    }

.footer-2 .footer__nav-link {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "Segoe UI";
}

.footer-1 .copyright-3 {
    padding-left: 60px;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: "Segoe UI";
}

.email-3 {
    padding-top: 20px;
    font-family: "Segoe UI";
}

.social-li a {
    padding-right: 10px;
    font-size: 10px;
    font-family: "Segoe UI";
    font-weight: 700;
    letter-spacing: 1px;
}

.social-2 {
    padding-left: 10px;
}

.shop-page {
    padding-top: 80px;
}

.shop-page-title {
    background-color: #f6f6f6;
    padding-top: 90px;
    padding-bottom: 60px;
    width: 100%;
    display: block;
}

.shop-page-heading {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    text-align: center;
    font-size: 38px;
    font-weight: 400;
    letter-spacing: 1.5px;
}

.shop-page-t {
    font-family: 'Segoe UI';
    text-transform: uppercase;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1.5px;
}

.body-content {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page-content {
    padding: 40px 0;
    display: inline-block;
    width: 100%;
    text-align: left;
}

.page-content-2 {
    padding: 40px 0;
    display: inline-block;
    width: 100%;
}

.m-bot-50 {
    padding-top: 50px;
    margin-bottom: 90px;
}

.m-bot-80 {
    padding-top: 50px;
    margin-bottom: 80px;
}

.m-top-10 {
    font-family: 'Segoe UI';
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
}

.product-grid input {
    box-shadow: none;
    border-radius: 0;
    height: 40px;
}

    .product-grid input:focus, .product-grid .form-control:focus, .portfolio-meta .form-control:focus {
        box-shadow: none;
        border-color: #000;
    }

.product-grid .form-control, .p-quantity .form-control, .portfolio-meta .form-control {
    box-shadow: none;
    text-align: center;
}

.p-values {
    text-align: left;
}

.product-list {
    margin-bottom: 50px;
    min-height: 440px;
}

    .product-list .product-img {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px;
    }

.product-img:hover > a:nth-of-type(2) {
    opacity: 1;
    z-index: 2;
}

.product-img > a:nth-of-type(2) {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}

.sale-label {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    background-color: #1b2943;
    color: #ffffff;
    text-transform: uppercase;
    z-index: 10;
}

.product-img > a, .product-img:hover > a {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.product-list .product-img img, .product-img img, .product-img > a {
    display: block;
    width: 100%;
    height: 100%;
}

.product-title h5 {
    font-family: 'Segoe UI';
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

    .product-title h5 a {
        color: #222;
    }

.product-price {
    font-family: 'Segoe UI';
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.product-rating {
    font-size: 18px;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    color: #d6b161;
}

.product-grid .col-lg-1, .product-grid .col-lg-10, .product-grid .col-lg-11, .product-grid .col-lg-12, .product-grid .col-lg-2, .product-grid .col-lg-3, .product-grid .col-lg-4, .product-grid .col-lg-5, .product-grid .col-lg-6, .product-grid .col-lg-7, .product-grid .col-lg-8, .product-grid .col-lg-9, .product-grid .col-md-1, .product-grid .col-md-10, .product-grid .col-md-11, .product-grid .col-md-12, .product-grid .col-md-2, .product-grid .col-md-3, .product-grid .col-md-4, .product-grid .col-md-5, .product-grid .col-md-6, .product-grid .col-md-7, .product-grid .col-md-8, .product-grid .col-md-9, .product-grid .col-sm-1, .product-grid .col-sm-10, .product-grid .col-sm-11, .product-grid .col-sm-12, .product-grid .col-sm-2, .product-grid .col-sm-3, .product-grid .col-sm-4, .product-grid .col-sm-5, .product-grid .col-sm-6, .product-grid .col-sm-7, .product-grid .col-sm-8, .product-grid .col-sm-9, .product-grid .col-xs-1, .product-grid .col-xs-10, .product-grid .col-xs-11, .product-grid .col-xs-12, .product-grid .col-xs-2, .product-grid .col-xs-3, .product-grid .col-xs-4, .product-grid .col-xs-5, .product-grid .col-xs-6, .product-grid .col-xs-7, .product-grid .col-xs-8, .product-grid .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.product-grid .row {
    margin-right: -10px;
    margin-left: -10px;
}

#demo0 {
    padding-left: 15px;
    color: #000;
    width: 130px;
}

.p-quantity label {
    font-family: "Segoe UI";
    font-weight: 400;
    display: inline-block;
    width: 130px;
    letter-spacing: 2px;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
}

.product-details {
    text-align: left;
    padding-top: 90px;
}

.single-product-img {
    overflow: hidden;
}

.single-product-img {
    width: 100%;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.single-product-title h2 {
    font-family: "Segoe UI";
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 32px;
    text-transform: uppercase;
    text-align: left;
}

.review-comment-section {
    margin: 40px 0;
}

.normal-tabs {
    padding-top: 50px;
}

    .normal-tabs .panel-body {
        padding: 30px 0;
    }

    .normal-tabs ul.nav-tabs {
        padding-left: 20px;
    }

.tab-pane {
    line-height: 30px;
}

.product-description {
    font-size: 16px;
    text-align: left;
}

.cart-img img {
    width: 60px;
    height: auto;
}

.cart-table {
    border: 1px solid #ddd;
}

    .cart-table td a {
        font-family: "Segoe UI";
        text-transform: uppercase;
        font-weight: 400;
        font-size: 14px;
        color: #000;
    }

        .cart-table td a:hover {
            color: #000;
        }

    .cart-table thead th {
        text-transform: uppercase;
    }

    .cart-table.table > tbody > tr > td, .cart-table.table > tbody > tr > th, .cart-table.table > tfoot > tr > td, .cart-table.table > tfoot > tr > th, .cart-table.table > thead > tr > td, .cart-table.table > thead > tr > th {
        vertical-align: middle;
    }

.cart-action input {
    padding: 6px 3px 6px 6px;
}

.cart-action input, .cart-action button {
    float: left;
    margin-right: 3px;
    color: #000;
}

    .cart-action button:hover i {
        color: #222;
    }

.cart-quantity {
    width: 45px;
    border-radius: 0;
}

.cart-action .btn {
    margin: 0px 0px;
}

.accordion > dt {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

    .accordion > dt > a {
        display: block;
        position: relative;
        color: #222222;
        text-decoration: none;
        padding: 14px 20px;
        border: 1px solid #e8e8e8;
        font-family: 'Abel';
        letter-spacing: 3px;
    }

        .accordion > dt > a:hover {
            text-decoration: none;
            border-color: #ddd;
            background: #fbfbfb;
        }

        .accordion > dt > a.active {
            color: #000;
            border-color: #ddd;
            background: #f8f8f8;
            cursor: default;
        }

        .accordion > dt > a:after {
            content: "\f107";
            width: 15px;
            height: 15px;
            margin-top: -8px;
            position: absolute;
            top: 50%;
            right: 10px;
            font-family: 'FontAwesome';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            font-size: 15px;
            line-height: 15px;
            text-align: center;
            color: #999;
            -webkit-font-smoothing: antialiased;
        }

        .accordion > dt > a.active:after, .accordion > dt > a.active:hover:after {
            content: "\f106";
            color: #111;
        }

        .accordion > dt > a:hover:after {
            color: #444;
        }

.accordion > dd {
    margin-bottom: 10px;
    padding: 10px 20px 20px;
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}

.accordion > dt > a, .accordion > dt > a:after, .toggle > dt > a, .toggle > dt > a:after {
    -webkit-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
    -o-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
    transition: all 0.27s cubic-bezier(0.000,0.000,0.580,1.000);
}

.portfolio-meta li {
    margin: 15px 0;
    color: #666;
}

    .portfolio-meta li span {
        font-family: "Segoe UI";
        font-weight: 400;
        display: inline-block;
        width: 130px;
        letter-spacing: 2px;
        color: #000;
        font-size: 14px;
        text-transform: uppercase;
    }

    .portfolio-meta li a {
        margin-right: 10px;
        color: #cdcdcd;
    }

        .portfolio-meta li a:hover {
            color: #323232;
        }

.cart-btn-row {
    padding-right: 50px;
    padding-top: 200px;
}

    .cart-btn-row a {
        position: relative;
        right: -210px;
        margin-right: 5px;
    }

.coupon-form input {
    margin-right: 10px;
    height: 40px;
    border-radius: 0;
}

.coupon-form label {
    margin-right: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

.btn {
    display: inline-block;
    border-radius: 0;
}

    .btn.btn-default.focus, .btn.btn-default:focus, .btn.btn-default:hover {
        color: #222;
    }

.btn-small {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-medium {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: bold;
}

.btn-dark-solid {
    background: #222;
    color: #fff;
}

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

.input-box:active, .textarea-box:active, .input-box:focus, .textarea-box:focus {
    border: 1px solid #004dff;
    color: #111;
}

.shortcode-head-bg {
    background-color: rgba(18,28,46,.8);
    padding-top: 100px;
    padding-bottom: 90px;
    width: 100%;
    display: block;
}

.shortcode-page-heading {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 36px;
    text-align: center;
    text-transform: uppercase;
    color: #f5f5f5;
    letter-spacing: 1px;
}

.shortcode-item-title {
    font-family: "Segoe UI";
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding-bottom: 50px;
}

.padding-left-8 {
    padding-left: 8%;
}

.funfactor.serv-1 .color-overlay {
    padding-top: 50px;
}

.btn-home-blk {
    float: left;
    margin-left: 10px:color:#121212;
    border: 1px solid #121212;
}

.abt-us-3 {
    padding-bottom: 40px;
}

.feature-2 .featured-item .desc:hover {
    color: #121212;
}

.scroll-up {
    position: fixed;
    display: none;
    z-index: 999;
    bottom: 0;
    right: 1em;
}

    .scroll-up a {
        display: block;
        width: 50px;
        height: 30px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 28px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

        .scroll-up a:hover, .scroll-up a:active {
            background-color: rgba(235,235,235,.8);
            color: #222;
        }

@media (min-width:481px) {
    .hs1-h1 {
        font-size: 60px;
    }

    .hs2-h1 {
        font-size: 60px;
    }

    .hs3-h1 {
        font-size: 60px;
    }

    .hs4-h1 {
        font-size: 60px;
    }

    .hs5-h1 {
        font-size: 60px;
    }

    .hs6-h1 {
        font-size: 60px;
    }

    .hs7-h1 {
        font-size: 60px;
    }

    .hs8-h1 {
        font-size: 60px;
    }

    .hs9-h1 {
        font-size: 60px;
    }

    .hs10-h1 {
        font-size: 60px;
    }

    .hs11-h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 28px;
    }
}

@media (max-width:767px) {
    .hs1-h1 {
        font-size: 60px;
    }

    .hs2-h1 {
        font-size: 60px;
    }

    .hs3-h1 {
        font-size: 60px;
    }

    .hs4-h1 {
        font-size: 60px;
    }

    .hs5-h1 {
        font-size: 60px;
    }

    .hs6-h1 {
        font-size: 60px;
    }

    .hs7-h1 {
        font-size: 60px;
    }

    .hs8-h1 {
        font-size: 60px;
    }

    .hs9-h1 {
        font-size: 60px;
    }

    .hs10-h1 {
        font-size: 60px;
    }

    .hs11-h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 28px;
        line-height: 1em;
        padding-bottom: 20px;
    }

    .content-slider-subtitle {
        font-size: 14px;
    }

    .carousel-indicators li {
        margin-bottom: 20%;
    }

    .carousel-indicators .active {
        margin-bottom: 20%;
    }

    .text-black-4 {
        padding-bottom: 0px;
    }

    .text-blue {
        margin-left: 0px;
    }

    .text-blue-sub {
        margin-left: 0px;
    }

    .cd-headline {
        padding-top: 40%;
    }
}

@media (min-width:768px) {
}

@media (min-width:992px) {
    .hs1-h1 {
        font-size: 90px;
    }

    .hs2-h1 {
        font-size: 60px;
    }

    .hs3-h1 {
        font-size: 60px;
    }

    .hs4-h1 {
        font-size: 90px;
    }

    .hs5-h1 {
        font-size: 90px;
    }

    .hs6-h1 {
        font-size: 90px;
    }

    .hs7-h1 {
        font-size: 90px;
    }

    .hs8-h1 {
        font-size: 90px;
    }

    .hs9-h1 {
        font-size: 70px;
    }

    .hs10-h1 {
        font-size: 90px;
    }

    .hs11-h1 {
        font-size: 90px;
    }

    h2 {
        font-size: 36px;
    }

    .text-blue {
        margin-top: 300px;
    }
}

@media (min-width:1200px) {
    .hs1-h1 {
        font-size: 100px;
    }

    .hs2-h1 {
        font-size: 60px;
    }

    .hs3-h1 {
        font-size: 60px;
    }

    .hs4-h1 {
        font-size: 90px;
    }

    .hs5-h1 {
        font-size: 100px;
    }

    .hs6-h1 {
        font-size: 70px;
    }

    .hs7-h1 {
        font-size: 90px;
    }

    .hs8-h1 {
        font-size: 80px;
    }

    .hs9-h1 {
        font-size: 70px;
    }

    .hs10-h1 {
        font-size: 90px;
    }

    .hs11-h1 {
        font-size: 100px;
    }

    h2 {
        font-size: 42px;
    }

    .text-blue {
        margin-top: 250px;
    }
}

@media (max-width:480px) {
    .hs1-h1 {
        font-size: 30px;
    }

    .hs2-h1 {
        font-size: 30px;
    }

    .hs3-h1 {
        font-size: 30px;
    }

    .hs4-h1 {
        font-size: 30px;
    }

    .hs5-h1 {
        font-size: 30px;
    }

    .hs6-h1 {
        font-size: 30px;
    }

    .hs7-h1 {
        font-size: 30px;
    }

    .hs8-h1 {
        font-size: 30px;
    }

    .hs9-h1 {
        font-size: 30px;
    }

    .hs10-h1 {
        font-size: 30px;
    }

    .hs11-h1 {
        font-size: 30px;
    }

    .inline-date {
        text-align: left;
        display: inline;
        vertical-align: middle;
    }

    .date-num {
        display: none;
    }

    .content-slider-subtitle {
        font-size: 14px;
    }

    .carousel-indicators li {
        margin-bottom: 30%;
    }

    .carousel-indicators .active {
        margin-bottom: 30%;
    }

    .text-black-4 {
        padding-bottom: 0px;
    }

    .text-blue {
        margin-left: 0px;
    }

    .text-blue-sub {
        margin-left: 0px;
    }

    .cd-headline {
        padding-top: 50%;
    }
}

@media (min-width:1200px) {
    .blog-list-wrap {
        margin: 0px 80px;
    }
}

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

.wrap-sticky {
    z-index: 1000;
}

.pad-top-60 {
    padding-top: 60px;
}

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

.pad-top-40 {
    padding-top: 40px;
}

.pad-bot-30 {
    padding-bottom: 50px;
}

.pad-bot-31 {
    padding-bottom: 30px;
}

.pad-bot-0 {
    padding-bottom: 0px;
}

.pad-top-100 {
    padding-top: 100px;
}

.pad-0 {
    padding: 0px 0px;
}

/* Menu */
nav.bootsnav .dropdown.megamenu-fw {
    position: static;
}

nav.bootsnav .container {
    position: relative;
}

nav.bootsnav .megamenu-fw .dropdown-menu {
    left: auto;
}

nav.bootsnav .megamenu-content {
    padding: 15px;
    width: 100% !important;
}

    nav.bootsnav .megamenu-content .title {
        margin-top: 0;
    }

nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: none;
    background-color: black !important;
    z-index: 9;
}

    nav.navbar.bootsnav ul.nav > li > a {
        color: white !important;
        background-color: transparent !important;
    }

    nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a {
        background-color: transparent;
    }

    nav.navbar.bootsnav .navbar-toggle {
        background-color: #fff;
        border: none;
        padding: 0;
        font-size: 18px;
        position: relative;
        top: 5px;
    }

    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
        top: 0;
        left: 100%;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a {
        white-space: normal;
    }

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

    ul.menu-col li a {
        color: #6f6f6f;
    }

        ul.menu-col li a:hover, ul.menu-col li a:focus {
            text-decoration: none;
        }

nav.bootsnav.navbar-full {
    padding-bottom: 10px;
    padding-top: 10px;
}

    nav.bootsnav.navbar-full .navbar-header {
        display: block;
        width: 100%;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        margin-right: 0;
        position: relative;
        top: 0;
        font-size: 30px;
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }

    nav.bootsnav.navbar-full .navbar-collapse {
        position: fixed;
        width: 100%;
        height: 100% !important;
        top: 0;
        left: 0;
        padding: 0;
        display: none !important;
        z-index: 9;
    }

        nav.bootsnav.navbar-full .navbar-collapse.in {
            display: block !important;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full {
            overflow: auto;
        }

        nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu {
            display: table-cell;
            vertical-align: middle;
            background-color: #fff;
            overflow: auto;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
            width: 0;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
            width: 0;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
            width: 0;
        }

        nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
            width: 0;
        }

        nav.bootsnav.navbar-full .navbar-collapse ul.nav {
            display: block;
            width: 100%;
            overflow: auto;
        }

            nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a {
                background-color: transparent;
            }

            nav.bootsnav.navbar-full .navbar-collapse ul.nav > li {
                float: none;
                display: block;
                text-align: center;
            }

                nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a {
                    display: table;
                    margin: auto;
                    text-transform: uppercase;
                    font-weight: bold;
                    letter-spacing: 2px;
                    font-size: 24px;
                    padding: 10px 15px;
                }

li.close-full-menu > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

li.close-full-menu {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.attr-nav {
    float: right;
    display: inline-block;
    margin-left: 13px;
    margin-right: -15px;
}

    .attr-nav > ul {
        padding: 0;
        margin: 0 0 -7px 0;
        list-style: none;
        display: inline-block;
    }

        .attr-nav > ul > li {
            float: left;
            display: block;
        }

            .attr-nav > ul > li > a {
                color: #6f6f6f;
                display: block;
                padding: 28px 15px;
                position: relative;
            }

                .attr-nav > ul > li > a span.badge {
                    position: absolute;
                    top: 50%;
                    margin-top: -15px;
                    right: 5px;
                    font-size: 10px;
                    padding: 0;
                    width: 15px;
                    height: 15px;
                    padding-top: 2px;
                }

            .attr-nav > ul > li.dropdown ul.dropdown-menu {
                -moz-border-radius: 0px;
                -webkit-border-radius: 0px;
                -o-border-radius: 0px;
                border-radius: 0px;
                -moz-box-shadow: 0px 0px 0px;
                -webkit-box-shadow: 0px 0px 0px;
                -o-box-shadow: 0px 0px 0px;
                box-shadow: 0px 0px 0px;
                border: solid 1px #e0e0e0;
            }

ul.cart-list {
    padding: 0 !important;
    width: 250px !important;
}

    ul.cart-list > li {
        position: relative;
        border-bottom: solid 1px #efefef;
        padding: 15px 15px 23px 15px !important;
    }

        ul.cart-list > li > a.photo {
            padding: 0 !important;
            margin-right: 15px;
            float: left;
            display: block;
            width: 50px;
            height: 50px;
            left: 15px;
            top: 15px;
        }

        ul.cart-list > li img {
            width: 50px;
            height: 50px;
            border: solid 1px #efefef;
        }

        ul.cart-list > li > h6 {
            margin: 0;
        }

            ul.cart-list > li > h6 > a.photo {
                padding: 0 !important;
                display: block;
            }

        ul.cart-list > li > p {
            margin-bottom: 0;
        }

        ul.cart-list > li.total {
            background-color: #f5f5f5;
            padding-bottom: 15px !important;
        }

            ul.cart-list > li.total > .btn {
                display: inline-block;
                border-bottom: solid 1px #efefef !important;
            }

        ul.cart-list > li .price {
            font-weight: bold;
        }

        ul.cart-list > li.total > span {
            padding-top: 8px;
        }

.top-search {
    background-color: #333;
    padding: 10px 0;
    display: none;
}

    .top-search input.form-control {
        background-color: transparent;
        border: none;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        color: #fff;
        height: 40px;
        padding: 0 15px;
    }

    .top-search .input-group-addon {
        background-color: transparent;
        border: none;
        color: #fff;
        padding-left: 0;
        padding-right: 0;
    }

        .top-search .input-group-addon.close-search {
            cursor: pointer;
        }

body {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    body.on-side {
        margin-left: -280px;
    }

.side {
    position: fixed;
    overflow-y: auto;
    top: 0;
    right: -280px;
    width: 280px;
    padding: 25px 30px;
    height: 100%;
    display: block;
    background-color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9;
}

    .side.on {
        right: 0;
    }

    .side .close-side {
        float: right;
        color: #fff;
        position: relative;
        z-index: 2;
        font-size: 16px;
    }

    .side .widget {
        position: relative;
        z-index: 1;
        margin-bottom: 25px;
    }

        .side .widget .title {
            color: #fff;
            margin-bottom: 15px;
        }

        .side .widget ul.link {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .side .widget ul.link li a {
                color: #9f9f9f;
                letter-spacing: 1px;
            }

                .side .widget ul.link li a:focus, .side .widget ul.link li a:hover {
                    color: #fff;
                    text-decoration: none;
                }

nav.navbar.bootsnav .share {
    padding: 0 30px;
    margin-bottom: 30px;
}

    nav.navbar.bootsnav .share ul {
        display: inline-block;
        padding: 0;
        margin: 0 0 -7px 0;
        list-style: none;
    }

        nav.navbar.bootsnav .share ul > li {
            float: left;
            display: block;
            margin-right: 5px;
        }

            nav.navbar.bootsnav .share ul > li > a {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                width: 35px;
                height: 35px;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                -o-border-radius: 50%;
                border-radius: 50%;
                background-color: #cfcfcf;
                color: #fff;
            }

nav.navbar.bootsnav.navbar-fixed {
    position: fixed;
    display: block;
    width: 100%;
}

nav.navbar.bootsnav.no-background {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.wrap-sticky {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .wrap-sticky nav.navbar.bootsnav {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }

        .wrap-sticky nav.navbar.bootsnav.sticked {
            position: fixed;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {
    left: -280px;
}

@media (min-width:1024px) and (max-width:1400px) {
    body.wrap-nav-sidebar .wrapper .container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (min-width:1024px) {
    nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
        margin-top: -2px;
    }

    nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
        left: -200px;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 30px 15px;
        font-weight: 600;
    }

    nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
        font-family: 'FontAwesome';
        content: "\f0d7";
        margin-left: 5px;
        margin-top: 2px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        padding: 0;
        width: 200px;
        background: #fff;
        border: solid 1px #e0e0e0;
        border-top: solid 5px;
    }

        nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {
            background-color: transparent;
        }

        nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a {
            padding: 10px 15px;
            border-bottom: solid 1px #eee;
            color: #6f6f6f;
        }

        nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a {
            border-bottom: none;
        }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
        text-align: right;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        float: right;
        content: "\f105";
        margin-top: 0;
    }

    nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        float: left;
        content: "\f104";
        margin-top: 0;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
        top: -3px;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
        padding: 0 15px !important;
    }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
            padding: 25px 0 20px;
        }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
            padding: 0;
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li {
                padding: 0;
            }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
            padding: 0 30px;
            margin: 0 -0.5px;
            border-left: solid 1px #f0f0f0;
            border-right: solid 1px #f0f0f0;
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
                border-left: none;
            }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
                border-right: none;
            }

        nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
            display: none;
        }

            nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
                text-align: left;
                padding: 5px 0;
                display: block;
                width: 100%;
                margin-bottom: 0;
                border-bottom: none;
                color: #6f6f6f;
            }

    nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
        display: block !important;
        height: auto !important;
    }

    nav.navbar.bootsnav.no-background {
        background-color: transparent !important;
        border: none;
    }


    nav.navbar.bootsnav.navbar-transparent .attr-nav {
        padding-left: 15px;
        margin-left: 30px;
    }

    nav.navbar.bootsnav.navbar-transparent.white {
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark {
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #555;
    }

    nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
        border-left: solid 1px #bbb;
    }

    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
        border-left: solid 1px #555;
    }

    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a {
        color: #f5f5f5;
    }

    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a {
        color: #eee;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
        display: block;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block;
    }

    .attr-nav > ul > li.dropdown ul.dropdown-menu {
        margin-top: 0;
        margin-left: 55px;
        width: 250px;
        left: -250px;
    }

    nav.navbar.bootsnav.menu-center .container {
        position: relative;
    }

    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
        float: none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }

    nav.navbar.bootsnav.menu-center .navbar-header, nav.navbar.bootsnav.menu-center .attr-nav {
        position: absolute;
    }

    nav.navbar.bootsnav.menu-center .attr-nav {
        right: 15px;
    }

    nav.bootsnav.navbar-brand-top .navbar-header {
        display: block;
        width: 100%;
        text-align: center;
    }

    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 2px;
    }

    nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
        display: inline-block;
        float: none;
        margin: 0;
    }

    nav.bootsnav.navbar-brand-top .navbar-collapse {
        text-align: center;
    }

    nav.bootsnav.navbar-brand-top ul.nav {
        display: inline-block;
        float: none;
        margin: 0 0 -5px 0;
    }

    nav.bootsnav.brand-center .navbar-header {
        display: block;
        width: 100%;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
    }

    nav.bootsnav.brand-center .navbar-brand {
        display: inline-block;
        float: none;
    }

    nav.bootsnav.brand-center .navbar-collapse {
        text-align: center;
        display: inline-block;
        padding-left: 0;
        padding-right: 0;
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu {
        margin-top: 2px;
    }

    nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu {
        margin-top: 0;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 50%;
        float: left;
        display: block;
    }

        nav.bootsnav.brand-center .navbar-collapse .col-half.left {
            text-align: right;
            padding-right: 100px;
        }

        nav.bootsnav.brand-center .navbar-collapse .col-half.right {
            text-align: left;
            padding-left: 100px;
        }

    nav.bootsnav.brand-center ul.nav {
        float: none !important;
        margin-bottom: -5px !important;
        display: inline-block !important;
    }

        nav.bootsnav.brand-center ul.nav.navbar-right {
            margin: 0;
        }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
        text-align: left;
        padding-right: 100px;
    }

    nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
        text-align: right;
        padding-left: 100px;
    }

    body.wrap-nav-sidebar .wrapper {
        padding-left: 260px;
        overflow-x: hidden;
    }

    nav.bootsnav.navbar-sidebar {
        position: fixed;
        width: 260px;
        overflow: hidden;
        left: 0;
        padding: 0 0 0 0 !important;
        background: #fff;
        -moz-box-shadow: 1px 0px 1px 0px #eee;
        -webkit-box-shadow: 1px 0px 1px 0px #eee;
        -o-box-shadow: 1px 0px 1px 0px #eee;
        box-shadow: 1px 0px 1px 0px #eee;
    }

        nav.bootsnav.navbar-sidebar .scroller {
            width: 280px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container {
            padding: 0 !important;
        }

        nav.bootsnav.navbar-sidebar .navbar-header {
            float: none;
            display: block;
            width: 260px;
            padding: 10px 15px;
            margin: 10px 0 0 0 !important;
        }

        nav.bootsnav.navbar-sidebar .navbar-collapse {
            padding: 0 !important;
            width: 260px;
        }

        nav.bootsnav.navbar-sidebar ul.nav {
            float: none;
            display: block;
            width: 100%;
            padding: 0 15px !important;
            margin: 0 0 30px 0;
        }

            nav.bootsnav.navbar-sidebar ul.nav li {
                float: none !important;
            }

            nav.bootsnav.navbar-sidebar ul.nav > li > a {
                padding: 10px 15px;
                font-weight: bold;
            }

            nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after {
                float: right;
            }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
                left: 100%;
                top: 0;
                position: relative !important;
                left: 0 !important;
                width: 100% !important;
                height: auto !important;
                background-color: transparent;
                border: none !important;
                padding: 0;
                -moz-box-shadow: 0px 0px 0px;
                -webkit-box-shadow: 0px 0px 0px;
                -o-box-shadow: 0px 0px 0px;
                box-shadow: 0px 0px 0px;
            }

            nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
                border: none !important;
            }

            nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu {
                margin-bottom: 15px;
            }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
                padding-left: 0;
                float: none;
                margin-bottom: 0;
            }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
                    padding: 5px 15px;
                    color: #6f6f6f;
                    border: none;
                }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
                    padding-left: 15px;
                    margin-top: 0;
                }

                nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before {
                    font-family: 'FontAwesome';
                    content: "\f105";
                    float: right;
                }

            nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before {
                content: "\f107";
            }

        nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li {
            padding: 0 !important;
        }

        nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
            display: block;
            float: none !important;
            padding: 0;
            margin: 0;
            width: 100%;
        }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
                padding: 7px 0;
                text-transform: none;
                font-weight: 400;
                letter-spacing: 0px;
                margin-bottom: 0;
                cursor: pointer;
                color: #6f6f6f;
            }

                nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
                    font-family: 'FontAwesome';
                    content: "\f105";
                    float: right;
                }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
                content: "\f107";
            }

        nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
            border: none;
        }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
                padding: 0 0 0 15px;
            }

            nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
                padding: 3px 0 !important;
            }
}

@media (max-width:992px) {
    nav.navbar.bootsnav .navbar-brand {
        display: inline-block;
        float: none !important;
    }

    nav.navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
    }

    nav.navbar.bootsnav .navbar-toggle {
        display: inline-block;
        float: left;
        margin-right: -200px;
        margin-top: 10px;
    }

    nav.navbar.bootsnav .navbar-collapse {
        border: none;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: 350px;
        overflow-y: auto !important;
    }



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

        nav.navbar.bootsnav .navbar-collapse.collapse.in {
            display: block !important;
            background-color: white !important;
        }

    nav.navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0px -15px;
    }

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

    nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
    }

    nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before {
        content: "\f107";
    }

    nav.navbar.bootsnav .navbar-nav > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        border-top: solid 1px #e0e0e0;
        margin-bottom: -1px;
    }

    nav.navbar.bootsnav .navbar-nav > li:first-child > a {
        border-top: none;
    }

    nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu {
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
        float: none !important;
        position: relative;
        display: block;
        width: 100%;
    }

    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
        width: 100%;
        position: relative !important;
        background-color: transparent;
        float: none;
        border: none;
        padding: 0 0 0 15px !important;
        margin: 0 0 -1px 0 !important;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px;
        -o-border-radius: 0px 0px 0px;
        border-radius: 0px 0px 0px;
    }

        nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
            display: block;
            width: 100%;
            border-bottom: solid 1px #e0e0e0;
            padding: 10px 0;
            color: #6f6f6f;
        }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
        background-color: transparent;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
        float: none !important;
        left: 0;
        padding: 0 0 0 15px;
        position: relative;
        background: transparent;
        width: 100%;
    }

    nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu {
        display: inline-block;
        margin-top: -10px;
    }

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after {
        display: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
        padding: 10px 15px 10px 0;
        line-height: 24px;
        text-transform: none;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 0;
        cursor: pointer;
        border-bottom: solid 1px #e0e0e0;
        color: #6f6f6f;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a {
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 8px 0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
        font-family: 'FontAwesome';
        content: "\f105";
        float: right;
        font-size: 16px;
        margin-left: 10px;
        position: relative;
        right: -15px;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
        border-bottom: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
        border-bottom: solid 1px #e0e0e0;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
        border-bottom: none;
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
        content: "\f107";
    }

    nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
        padding: 0 0 0 15px;
    }

    nav.bootsnav.brand-center .navbar-collapse {
        display: block;
    }

    nav.bootsnav.brand-center ul.nav {
        margin-bottom: 0px !important;
    }

    nav.bootsnav.brand-center .navbar-collapse .col-half {
        width: 100%;
        float: none;
        display: block;
    }

        nav.bootsnav.brand-center .navbar-collapse .col-half.left {
            margin-bottom: 0;
        }

    nav.bootsnav .megamenu-content {
        padding: 0;
    }

        nav.bootsnav .megamenu-content .col-menu {
            padding-bottom: 0;
        }

        nav.bootsnav .megamenu-content .title {
            cursor: pointer;
            display: block;
            padding: 10px 15px;
            margin-bottom: 0;
            font-weight: normal;
        }

        nav.bootsnav .megamenu-content .content {
            display: none;
        }

    .attr-nav {
        position: absolute;
        right: 60px;
    }

        .attr-nav > ul {
            padding: 0;
            margin: 0 -15px -7px 0;
        }

            .attr-nav > ul > li > a {
                padding: 16px 15px 15px;
            }

            .attr-nav > ul > li.dropdown > a.dropdown-toggle:before {
                display: none;
            }

            .attr-nav > ul > li.dropdown ul.dropdown-menu {
                margin-top: 2px;
                margin-left: 55px;
                width: 250px;
                left: -250px;
                border-top: solid 5px;
            }

    .top-search .container {
        padding: 0 45px;
    }

    nav.bootsnav.navbar-full ul.nav {
        margin-left: 0;
    }

        nav.bootsnav.navbar-full ul.nav > li > a {
            border: none;
        }

    nav.bootsnav.navbar-full .navbar-brand {
        float: left !important;
        padding-left: 0;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        display: inline-block;
        float: right;
        margin-right: 0;
        margin-top: 10px;
    }

    nav.bootsnav.navbar-full .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 15px;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav .megamenu-content.tabbed {
        padding-left: 0 !mportant;
    }

    nav.navbar.bootsnav .tabbed > li {
        padding: 25px 0;
        margin-left: -15px !important;
    }

    body > .wrapper {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #fff;
        z-index: 99;
        width: 280px;
        height: 100% !important;
        left: -280px;
        top: 0;
        padding: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
            left: 0;
        }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        width: 293px;
        padding-right: 0;
        padding-left: 15px;
    }

        nav.navbar.bootsnav.navbar-mobile ul.nav > li > a {
            padding: 15px 15px;
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a {
            padding-right: 15px !important;
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
            padding-right: 30px !important;
            padding-top: 13px !important;
            padding-bottom: 13px !important;
        }

        nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
            padding-top: 13px !important;
            padding-bottom: 13px !important;
        }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
        width: 100%;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
        display: block !important;
    }

    nav.navbar.bootsnav.navbar-fixed .logo-display {
        display: none !important;
    }

    nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content {
        width: 100%;
        display: block;
    }
}

@media (max-width:767px) {
    nav.navbar.bootsnav .navbar-header {
        padding-left: 15px;
        padding-right: 15px;
    }

    nav.navbar.bootsnav .navbar-nav {
        padding-left: 15px;
        padding-right: 15px;
    }

    .attr-nav {
        right: 30px;
    }

        .attr-nav > ul {
            margin-right: -10px;
        }

            .attr-nav > ul > li > a {
                padding: 16px 10px 15px;
                padding-left: 0 !important;
            }

            .attr-nav > ul > li.dropdown ul.dropdown-menu {
                left: -275px;
            }

    .top-search .container {
        padding: 0 15px;
    }

    nav.bootsnav.navbar-full .navbar-collapse {
        left: 15px;
    }

    nav.bootsnav.navbar-full .navbar-header {
        padding-right: 0;
    }

    nav.bootsnav.navbar-full .navbar-toggle {
        margin-right: -15px;
    }

    nav.bootsnav.navbar-full ul.nav > li > a {
        font-size: 18px !important;
        line-height: 24px !important;
        padding: 5px 10px !important;
    }

    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 15px !important;
    }

    nav.navbar.bootsnav.navbar-sidebar .share {
        padding: 30px 0 !important;
        margin-bottom: 0;
    }

    nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {
        padding: 30px 15px !important;
        margin-bottom: 0;
    }

    body.side-right > .wrapper {
        margin-left: 280px;
        margin-right: -280px !important;
    }

    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        margin-left: 0;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        margin-left: -15px;
    }

    nav.navbar.bootsnav.navbar-mobile ul.nav {
        border-top: solid 1px #fff;
    }

    li.close-full-menu {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width:480px) and (max-width:640px) {
    nav.bootsnav.navbar-full ul.nav {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

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

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background: 0 0
}

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

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

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

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

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

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

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

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

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

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

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

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    select {
        background: #fff !important
    }

    .navbar {
        display: none
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table-bordered th, .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    font-family: 'Segoe UI';
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background-color: #fff
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    text-decoration: none
}

    a:hover, a:focus {
        color: #2a6496;
        text-decoration: underline;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

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

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
        font-weight: 400;
        line-height: 1;
        color: #999
    }

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

    h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
        font-size: 65%
    }

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

    h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
        font-size: 75%
    }



h2, .h2 {
    font-size: 27px
}

h3, .h3 {
    font-size: 22px
}

h4, .h4 {
    font-size: 18px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

p {
    margin: 0 0 0px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 200;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

small, .small {
    font-size: 85%
}

cite {
    font-style: normal
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-muted {
    color: #999
}

.text-primary {
    color: #428bca
}

a.text-primary:hover {
    color: #3071a9
}

.text-success {
    color: #3c763d
}

a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #428bca
}

a.bg-primary:hover {
    background-color: #3071a9
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px
}

    ul ul, ol ul, ul ol, ol ol {
        margin-bottom: 0
    }

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

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

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dt, dd {
    line-height: 1.428571429
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

    blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
        margin-bottom: 0
    }

    blockquote footer, blockquote small, blockquote .small {
        display: block;
        font-size: 80%;
        line-height: 1.428571429;
        color: #999
    }

        blockquote footer:before, blockquote small:before, blockquote .small:before {
            content: '\2014 \00A0'
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right
    }

        .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
            content: ''
        }

        .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
            content: '\00A0 \2014'
        }

    blockquote:before, blockquote:after {
        content: ""
    }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429
}

code, kbd, pre, samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

    pre code {
        padding: 0;
        font-size: inherit;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border-radius: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

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

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.row {
    margin-left: -21px;
    margin-right: -24px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666666666666%
}

.col-xs-10 {
    width: 83.33333333333334%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666666666666%
}

.col-xs-7 {
    width: 58.333333333333336%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666666666667%
}

.col-xs-4 {
    width: 33.33333333333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.666666666666664%
}

.col-xs-1 {
    width: 8.333333333333332%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666666666666%
}

.col-xs-pull-10 {
    right: 83.33333333333334%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666666666666%
}

.col-xs-pull-7 {
    right: 58.333333333333336%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666666666667%
}

.col-xs-pull-4 {
    right: 33.33333333333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.666666666666664%
}

.col-xs-pull-1 {
    right: 8.333333333333332%
}

.col-xs-pull-0 {
    right: 0
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666666666666%
}

.col-xs-push-10 {
    left: 83.33333333333334%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666666666666%
}

.col-xs-push-7 {
    left: 58.333333333333336%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666666666667%
}

.col-xs-push-4 {
    left: 33.33333333333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.666666666666664%
}

.col-xs-push-1 {
    left: 8.333333333333332%
}

.col-xs-push-0 {
    left: 0
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666666666666%
}

.col-xs-offset-10 {
    margin-left: 83.33333333333334%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666666666666%
}

.col-xs-offset-7 {
    margin-left: 58.333333333333336%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666666666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.666666666666664%
}

.col-xs-offset-1 {
    margin-left: 8.333333333333332%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left
    }



    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666666666666%
    }

    .col-sm-10 {
        width: 83.33333333333334%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666666666666%
    }

    .col-sm-7 {
        width: 58.333333333333336%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666666666667%
    }

    .col-sm-4 {
        width: 33.33333333333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.666666666666664%
    }

    .col-sm-1 {
        width: 8.333333333333332%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666666666666%
    }

    .col-sm-pull-10 {
        right: 83.33333333333334%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666666666666%
    }

    .col-sm-pull-7 {
        right: 58.333333333333336%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666666666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.666666666666664%
    }

    .col-sm-pull-1 {
        right: 8.333333333333332%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666666666666%
    }

    .col-sm-push-10 {
        left: 83.33333333333334%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666666666666%
    }

    .col-sm-push-7 {
        left: 58.333333333333336%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666666666667%
    }

    .col-sm-push-4 {
        left: 33.33333333333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.666666666666664%
    }

    .col-sm-push-1 {
        left: 8.333333333333332%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-sm-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-sm-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666666666666%
    }

    .col-md-10 {
        width: 83.33333333333334%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666666666666%
    }

    .col-md-7 {
        width: 58.333333333333336%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666666666667%
    }

    .col-md-4 {
        width: 33.33333333333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.666666666666664%
    }

    .col-md-1 {
        width: 8.333333333333332%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666666666666%
    }

    .col-md-pull-10 {
        right: 83.33333333333334%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666666666666%
    }

    .col-md-pull-7 {
        right: 58.333333333333336%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666666666667%
    }

    .col-md-pull-4 {
        right: 33.33333333333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.666666666666664%
    }

    .col-md-pull-1 {
        right: 8.333333333333332%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666666666666%
    }

    .col-md-push-10 {
        left: 83.33333333333334%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666666666666%
    }

    .col-md-push-7 {
        left: 58.333333333333336%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666666666667%
    }

    .col-md-push-4 {
        left: 33.33333333333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.666666666666664%
    }

    .col-md-push-1 {
        left: 8.333333333333332%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-md-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-md-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666666666666%
    }

    .col-lg-10 {
        width: 83.33333333333334%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666666666666%
    }

    .col-lg-7 {
        width: 58.333333333333336%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666666666667%
    }

    .col-lg-4 {
        width: 33.33333333333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.666666666666664%
    }

    .col-lg-1 {
        width: 8.333333333333332%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666666666666%
    }

    .col-lg-pull-10 {
        right: 83.33333333333334%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666666666666%
    }

    .col-lg-pull-7 {
        right: 58.333333333333336%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666666666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.666666666666664%
    }

    .col-lg-pull-1 {
        right: 8.333333333333332%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666666666666%
    }

    .col-lg-push-10 {
        left: 83.33333333333334%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666666666666%
    }

    .col-lg-push-7 {
        left: 58.333333333333336%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666666666667%
    }

    .col-lg-push-4 {
        left: 33.33333333333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.666666666666664%
    }

    .col-lg-push-1 {
        left: 8.333333333333332%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666666666666%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333333334%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666666666666%
    }

    .col-lg-offset-7 {
        margin-left: 58.333333333333336%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666666666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.666666666666664%
    }

    .col-lg-offset-1 {
        margin-left: 8.333333333333332%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

table {
    max-width: 100%;
    background-color: transparent
}

th {
    text-align: left
}

.table {
    width: 100%;
    margin-bottom: 20px
}

    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.428571429;
        vertical-align: top;
        border-top: 1px solid #ddd
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd
    }

    .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
        border-top: 0
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd
    }

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

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

    .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
        border: 1px solid #ddd
    }

    .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
        border-bottom-width: 2px
    }

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

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

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
    background-color: #f5f5f5
}

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

.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
    background-color: #dff0d8
}

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

.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    background-color: #d9edf7
}

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

.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
    background-color: #fcf8e3
}

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

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #f2dede
}

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

@media (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        -webkit-overflow-scrolling: touch
    }

        .table-responsive > .table {
            margin-bottom: 0
        }

            .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap
            }

        .table-responsive > .table-bordered {
            border: 0
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0
            }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio], input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .form-control:-moz-placeholder {
        color: #999
    }

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

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

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

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1
    }

textarea.form-control {
    height: auto
}

input[type=date] {
    line-height: 34px
}

.form-group {
    margin-bottom: 15px
}

.radio, .checkbox {
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px
}

    .radio label, .checkbox label {
        display: inline;
        font-weight: 400;
        cursor: pointer
    }

    .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
        float: left;
        margin-left: -20px
    }

    .radio + .radio, .checkbox + .checkbox {
        margin-top: -5px
    }

.radio-inline, .checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-top: 0;
        margin-left: 10px
    }

    input[type=radio][disabled], input[type=checkbox][disabled], .radio[disabled], .radio-inline[disabled], .checkbox[disabled], .checkbox-inline[disabled], fieldset[disabled] input[type=radio], fieldset[disabled] input[type=checkbox], fieldset[disabled] .radio, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox, fieldset[disabled] .checkbox-inline {
        cursor: not-allowed
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
    height: auto
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
    height: auto
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

    .has-feedback .form-control-feedback {
        position: absolute;
        top: 25px;
        right: 0;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 34px;
        text-align: center
    }

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.form-control-static {
    margin-bottom: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

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

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio, .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }

        .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] {
            float: none;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-control-static {
    padding-top: 7px
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    top: 0;
    right: 15px
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

    .btn:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

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

    .btn:active, .btn.active {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .65;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad
    }

    .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        background-image: none
    }

    .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc
    }

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

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e
    }

    .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        background-image: none
    }

    .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
        background-color: #428bca;
        border-color: #357ebd
    }

    .btn-primary .badge {
        color: #428bca;
        background-color: #fff
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #47a447;
        border-color: #398439
    }

    .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        background-image: none
    }

    .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #39b3d7;
        border-color: #269abc
    }

    .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
        background-image: none
    }

    .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ed9c28;
        border-color: #d58512
    }

    .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
        background-image: none
    }

    .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #d2322d;
        border-color: #ac2925
    }

    .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
        background-image: none
    }

    .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff
    }

.btn-link {
    color: #428bca;
    font-weight: 400;
    cursor: pointer;
    border-radius: 0
}

    .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
            border-color: transparent
        }

            .btn-link:hover, .btn-link:focus {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent
            }

            .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
                color: #999;
                text-decoration: none
            }

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

    .btn-block + .btn-block {
        margin-top: 5px
    }

input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(/D8/jovan/themes/custom/jovan/fonts/glyphicons-halflings-regular.eot);
    src: url(/D8/jovan/themes/custom/jovan/fonts/glyphicons-halflings-regular.eot#iefix) format('embedded-opentype'),url(/D8/jovan/themes/custom/jovan/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/D8/jovan/themes/custom/jovan/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/D8/jovan/themes/custom/jovan/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.428571429;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #999
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
            cursor: not-allowed
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .btn-group > .btn, .btn-group-vertical > .btn {
        position: relative;
        float: left
    }

        .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active {
            z-index: 2
        }

        .btn-group > .btn:focus, .btn-group-vertical > .btn:focus {
            outline: 0
        }

    .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
        margin-left: -1px
    }

.btn-toolbar {
    margin-left: -5px
}

    .btn-toolbar .btn-group, .btn-toolbar .input-group {
        float: left
    }

    .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
        margin-left: 5px
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .btn-group > .btn-group:last-child > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn .caret {
    margin-left: 0
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

    .btn-group-vertical > .btn-group > .btn {
        float: none
    }

    .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

    .btn-group-justified > .btn, .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%
        }

[data-toggle=buttons] > .btn > input[type=radio], [data-toggle=buttons] > .btn > input[type=checkbox] {
    display: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        float: left;
        width: 100%;
        margin-bottom: 0
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px
}

textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn {
    height: auto
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px
}

textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn {
    height: auto
}

.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell
}

    .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
        border-radius: 0
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] {
        margin-top: 0
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
            z-index: 2
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        margin-left: -1px
    }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

    .nav > li {
        position: relative;
        display: block
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #999
        }

            .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
                color: #999;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed
            }

    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
        background-color: #eee;
        border-color: #428bca
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.428571429;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom-color: transparent;
            cursor: default
        }

    .nav-tabs.nav-justified {
        width: 100%;
        border-bottom: 0
    }

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

            .nav-tabs.nav-justified > li > a {
                text-align: center;
                margin-bottom: 5px
            }

        .nav-tabs.nav-justified > .dropdown .dropdown-menu {
            top: auto;
            left: auto
        }

@media (min-width:768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

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

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd
}

@media (min-width:768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 4px
    }

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

    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
        color: #fff;
        background-color: #428bca
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified {
    width: 100%
}

    .nav-justified > li {
        float: none
    }

        .nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media (min-width:768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

    .navbar-collapse.in {
        overflow-y: auto
    }

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important
        }

        .navbar-collapse.in {
            overflow-y: visible
        }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width:768px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media (min-width:768px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        border-radius: 0
    }
}

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

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
    height: 20px
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none
    }

@media (min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

    .navbar-toggle:focus {
        outline: 0
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px
    }

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

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

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

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none
            }
}

@media (min-width:768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

        .navbar-nav > li {
            float: left
        }

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

        .navbar-nav.navbar-right:last-child {
            margin-right: -15px
        }
}

@media (min-width:768px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important
    }
}

.navbar-form {
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin-top: 8px;
    margin-bottom: 8px
}

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

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio, .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        vertical-align: middle
    }

        .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] {
            float: none;
            margin-left: 0
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-form.navbar-right:last-child {
            margin-right: -15px
        }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

    .navbar-btn.btn-sm {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .navbar-btn.btn-xs {
        margin-top: 14px;
        margin-bottom: 14px
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width:768px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px
    }

        .navbar-text.navbar-right:last-child {
            margin-right: 0
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

    .navbar-default .navbar-brand {
        color: #777
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent
        }

    .navbar-default .navbar-text {
        color: #777
    }

    .navbar-default .navbar-nav > li > a {
        color: #777
    }

        .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd
    }

        .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
            background-color: #ddd
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background-color: #e7e7e7;
        color: #555
    }

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777
    }

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

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #777
}

    .navbar-default .navbar-link:hover {
        color: #333
    }

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

    .navbar-inverse .navbar-brand {
        color: #999
    }

        .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
            color: #fff;
            background-color: transparent
        }

    .navbar-inverse .navbar-text {
        color: #999
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #999
    }

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

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

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }

    .navbar-inverse .navbar-toggle {
        border-color: #333
    }

        .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
            background-color: #333
        }

        .navbar-inverse .navbar-toggle .icon-bar {
            background-color: #fff
        }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #101010
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #080808;
        color: #fff
    }

@media (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #999
    }

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

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #999
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block
    }

        .breadcrumb > li + li:before {
            content: "/\00a0";
            padding: 0 5px;
            color: #ccc
        }

    .breadcrumb > .active {
        color: #999
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.428571429;
            text-decoration: none;
            color: #428bca;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px
        }

        .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
            color: #2a6496;
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        z-index: 2;
        color: #fff;
        background-color: #428bca;
        border-color: #428bca;
        cursor: default
    }

    .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
        color: #999;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:hover, .pager li > a:focus {
                text-decoration: none;
                background-color: #eee
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
        color: #999;
        background-color: #fff;
        cursor: not-allowed
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

    .label[href]:hover, .label[href]:focus {
        color: #fff;
        text-decoration: none;
        cursor: pointer
    }

    .label:empty {
        display: none
    }

.btn .label {
    position: relative;
    top: -1px
}

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

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: gray
    }

.label-primary {
    background-color: #428bca
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #3071a9
    }

.label-success {
    background-color: #5cb85c
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #449d44
    }

.label-info {
    background-color: #5bc0de
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #31b0d5
    }

.label-warning {
    background-color: #f0ad4e
}

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

.label-danger {
    background-color: #d9534f
}

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

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px
}

    .badge:empty {
        display: none
    }

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge {
    top: 0;
    padding: 1px 5px
}

a.badge:hover, a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #428bca;
    background-color: #fff
}

.nav-pills > li > a > .badge {
    margin-left: 3px
}

.jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

    .jumbotron h1, .jumbotron .h1 {
        color: inherit
    }

    .jumbotron p {
        margin-bottom: 15px;
        font-size: 21px;
        font-weight: 200
    }

.container .jumbotron {
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1, .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

    .thumbnail > img, .thumbnail a > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto
    }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
    border-color: #428bca
}

.thumbnail .caption {
    padding: 9px;
    color: #333
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable {
    padding-right: 35px
}

    .alert-dismissable .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1)
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)
}

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

    .media, .media .media {
        margin-top: 15px
    }

        .media:first-child {
            margin-top: 0
        }

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media > .pull-left {
    margin-right: 10px
}

.media > .pull-right {
    margin-left: 10px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .list-group-item > .badge {
        float: right
    }

        .list-group-item > .badge + .badge {
            margin-right: 5px
        }

a.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:hover, a.list-group-item:focus {
        text-decoration: none;
        background-color: #f5f5f5
    }

    a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
        z-index: 2;
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }

        a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {
            color: inherit
        }

        a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
            color: #e1edf7
        }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:hover, a.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:hover, a.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:hover, a.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:hover, a.list-group-item-danger:focus {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel > .list-group {
    margin-bottom: 0
}

    .panel > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0
    }

        .panel > .list-group .list-group-item:first-child {
            border-top: 0
        }

        .panel > .list-group .list-group-item:last-child {
            border-bottom: 0
        }

    .panel > .list-group:first-child .list-group-item:first-child {
        border-top-right-radius: 3px;
        border-top-left-radius: 3px
    }

    .panel > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

    .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
        border-top-left-radius: 3px
    }

    .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
        border-top-right-radius: 3px
    }

    .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
        border-bottom-left-radius: 3px
    }

    .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
        border-bottom-right-radius: 3px
    }

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

    .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0
    }

    .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0
    }

    .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tfoot > tr:first-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tfoot > tr:first-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td {
        border-top: 0
    }

    .panel > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0
    }

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

    .panel-heading > .dropdown .dropdown-toggle {
        color: inherit
    }

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

    .panel-title > a {
        color: inherit
    }

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        margin-bottom: 0;
        border-radius: 4px;
        overflow: hidden
    }

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

    .panel-group .panel-heading {
        border-bottom: 0
    }

        .panel-group .panel-heading + .panel-collapse .panel-body {
            border-top: 1px solid #ddd
        }

    .panel-group .panel-footer {
        border-top: 0
    }

        .panel-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd
        }

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd
    }

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

    .panel-default > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ddd
    }

.panel-primary {
    border-color: #428bca
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #428bca;
        border-color: #428bca
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #428bca
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #428bca
    }

.panel-success {
    border-color: #d6e9c6
}

    .panel-success > .panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6
    }

        .panel-success > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6
        }

    .panel-success > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6
    }

.panel-info {
    border-color: #bce8f1
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1
    }

        .panel-info > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #bce8f1
        }

    .panel-info > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #bce8f1
    }

.panel-warning {
    border-color: #faebcc
}

    .panel-warning > .panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc
    }

        .panel-warning > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #faebcc
        }

    .panel-warning > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #faebcc
    }

.panel-danger {
    border-color: #ebccd1
}

    .panel-danger > .panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1
    }

        .panel-danger > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #ebccd1
        }

    .panel-danger > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #ebccd1
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: auto;
}

.modal {
    display: none;
    overflow: auto;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0,-25%);
        -ms-transform: translate(0,-25%);
        transform: translate(0,-25%);
        -webkit-transition: -webkit-transform .3s ease-out;
        -moz-transition: -moz-transform .3s ease-out;
        -o-transition: -o-transform .3s ease-out;
        transition: transform .3s ease-out
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.428571429px
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.428571429
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    margin-top: 0px;
    padding: 0px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }

    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal
}

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

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

    .popover .arrow:after {
        border-width: 10px;
        content: ""
    }

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

    .popover.top .arrow:after {
        content: " ";
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

    .popover.right .arrow:after {
        content: " ";
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

    .popover.bottom .arrow:after {
        content: " ";
        top: 1px;
        margin-left: -10px;
        border-top-width: 0;
        border-bottom-color: #fff
    }

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,.25)
}

    .popover.left .arrow:after {
        content: " ";
        right: 1px;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

.carousel {
    position: relative
}

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

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: .6s ease-in-out left;
        transition: .6s ease-in-out left
    }

        .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            display: block;
            max-width: 100%;
            height: auto;
            line-height: 1
        }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block
    }

    .carousel-inner > .active {
        left: 0
    }

    .carousel-inner > .next, .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner > .next {
        left: 100%
    }

    .carousel-inner > .prev {
        left: -100%
    }

        .carousel-inner > .next.left, .carousel-inner > .prev.right {
            left: 0
        }

    .carousel-inner > .active.left {
        left: -100%
    }

    .carousel-inner > .active.right {
        left: 100%
    }

.carousel-control {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15%;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

    .carousel-control.left {
        background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5) 0),color-stop(rgba(0,0,0,.0001) 100%));
        background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)
    }

    .carousel-control.right {
        left: auto;
        right: 0;
        background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001) 0),color-stop(rgba(0,0,0,.5) 100%));
        background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)
    }

    .carousel-control:hover, .carousel-control:focus {
        outline: 0;
        color: #fff;
        text-decoration: none;
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        position: absolute;
        top: 50%;
        z-index: 5;
        display: inline-block
    }

    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
        left: 50%
    }

    .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
        right: 50%
    }

    .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        font-family: serif
    }

        .carousel-control .icon-prev:before {
            content: '\2039'
        }

        .carousel-control .icon-next:before {
            content: '\203a'
        }

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center
}

    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        border: 1px solid #fff;
        border-radius: 10px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0,0,0,0)
    }

    .carousel-indicators .active {
        margin: 0;
        width: 12px;
        height: 12px;
        background-color: #fff
    }

.carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6)
}

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

@media screen and (min-width:768px) {
    .carousel-control .glyphicons-chevron-left, .carousel-control .glyphicons-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 30px
    }

    .carousel-caption {
        left: 20%;
        right: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table
}

.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs, tr.visible-xs, th.visible-xs, td.visible-xs {
    display: none !important
}

@media (max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs, td.visible-xs {
        display: table-cell !important
    }
}

.visible-sm, tr.visible-sm, th.visible-sm, td.visible-sm {
    display: none !important
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm, td.visible-sm {
        display: table-cell !important
    }
}

.visible-md, tr.visible-md, th.visible-md, td.visible-md {
    display: none !important
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md, td.visible-md {
        display: table-cell !important
    }
}

.visible-lg, tr.visible-lg, th.visible-lg, td.visible-lg {
    display: none !important
}

@media (min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg, td.visible-lg {
        display: table-cell !important
    }
}

@media (max-width:767px) {
    .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm {
        display: none !important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg {
        display: none !important
    }
}

.visible-print, tr.visible-print, th.visible-print, td.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print, td.visible-print {
        display: table-cell !important
    }
}

@media print {
    .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print {
        display: none !important
    }
}

/* Reservation */
.section-top {
    padding-bottom: 50px;
}

#block-jovanfooter a {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "Segoe UI";
    color: #949494;
}

#block-contactblock label, #block-contactblock h4, #edit-preview {
    display: none;
}

.btn:hover {
    /*background-color: #ff3333;
    color: #ff3333;*/
}



.button:hover {
    background-color: #ff3333;
    color: #ffffff;
}

@media screen and (min-width: 320px) and (max-width: 990px) {
    .logo {
        width: 67px !important;
        height: auto !important;
    }

    .cranberries {
        padding-left: inherit;
    }

    .aboutUSleft {
        height: auto;
        width: 100%;
    }

    .aboutUsText {
        float: none;
        text-align: center;
    }

    .aboutUsParagraph {
        text-align: center;
        margin-right: auto;
        padding: 0px 40px 0px 40px;
    }

    .readMore {
        float: none;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    a#buynow {
        text-align: center !important;
        display: block;
        margin: 0 auto;
        width: 100px;
        background-color: #90242d !important;
    }

    .no-background a#buynow {
        background-color: #90242d !important;
        color: white !important;
    }



    nav.navbar.bootsnav.no-background {
        background-color: transparent !important;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        color: black !important;
    }

    nav.navbar.bootsnav.no-background {
        margin-top: 0px !important;
    }

    .navbar-collapse {
        /*position: absolute;*/
        top: 54px;
        right: 100%;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        /*width: 100%;*/
        transition: all 0.3s ease;
        display: block;
    }

    .aboutusbar {
        width: 25% !important;
    }

    .platter-title {
        font-size: 26px;
    }

    .platter_spacing {
        padding-bottom: inherit !important;
    }

    img.MiddleArt {
        padding-top: 0px;
    }

    .productheading {
        padding-bottom: unset;
    }

    .storeBar {
        width: 50%;
    }

    img.MiddleArt {
        text-align: center;
        position: absolute;
        left: 9px;
        right: 0;
        margin: auto;
        width: 38%;
    }

    .aboutUsText {
        margin-top: 40px;
    }

    #recipe > span {
        font-size: 25px;
        font-weight: 300;
    }

    .leftBerry {
        width: 60%;
    }

    .SiteName {
        position: absolute;
        top: 42px;
        color: white;
        left: 13px;
        font-family: 'Enchanting Celebrations';
        font-weight: 100;
        font-size: 20px;
    }

    .SiteDesc {
        position: absolute;
        top: 73px;
        color: white;
        left: 13px;
        font-family: 'Segoe UI';
        font-weight: 200;
        font-size: 10px;
    }

    div.InsideHeader {
        position: absolute;
        top: 34px;
        text-align: center;
        width: 40%;
        left: 110px;
    }

    .healthbenefits {
        margin: auto;
        font-weight: 500;
    }

    .healthdesc {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 15px;
    }

    .healthbar {
        margin-top: -16px;
        width: 43%;
    }

    .contactUSdesc {
        display: block;
        width: 100%;
        height: 100%;
    }

    .contactusSide {
        object-fit: cover;
        width: 100%;
        height: 350px;
    }

    .contactusForm {
        flex: none;
        background-color: white;
        padding-top: 1px;
    }

    #sendButton {
        float: none;
    }
}

@media screen and (min-width: 320px) and (max-width: 375px) {
    .innerImage {
        text-align: center;
        position: absolute;
        top: 2%;
        left: 0%;
    }

    h2.recipeHeadig {
        position: absolute;
        top: 205px;
        color: white;
    }

    .packet {
        width: 40%;
    }


    div.recipeDiv {
        height: 1615px;
    }
}

@media screen and (min-width: 376px) and (max-width: 382px) {
    div.recipeDiv {
        height: 1637px;
    }

    .innerImage {
        text-align: center;
        position: absolute;
        top: 2%;
        left: 0%;
    }

    .packet {
        width: 40%;
    }

    h2.recipeHeadig {
        position: absolute;
        top: 227px;
        color: white;
    }
}

@media screen and (min-width: 377px) and (max-width: 450px) {
    div.recipeDiv {
        height: 1386px;
    }

    .innerImage {
        text-align: center;
        position: absolute;
        top: 2%;
        left: 0%;
    }

    .packet {
        width: 40%;
    }

    h2.recipeHeadig {
        position: absolute;
        top: 227px;
        color: white;
    }

    div.secondText {
        top: 707px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.thirdtext {
        top: 1005px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 413px) and (max-width: 420px) {
    div.recipeDiv {
        height: 1400px;
    }

    .innerImage {
        text-align: center;
        position: absolute;
        top: 2%;
        left: 0%;
    }

    .packet {
        width: 40%;
    }

    h2.recipeHeadig {
        position: absolute;
        top: 227px;
        color: white;
    }

    div.recipeLeftDiv {
        position: absolute;
        top: 275px;
        margin-left: 0px;
        margin-right: 0px;
        background-color: #83111b;
    }

    div.reciperightDiv {
        position: absolute;
        top: 905px;
        left: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
        background-color: #83111b;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 700px) and (max-width: 768px) {
    div.InsideHeader {
        position: absolute;
        top: 34px;
        text-align: center;
        width: 43%;
        left: 200px;
    }

    .packet {
        width: 59%;
    }

    .innerImage {
        text-align: center;
        position: absolute;
        top: 2%;
        left: 14%;
    }

    h2.recipeHeadig {
        position: absolute;
        top: 447px;
        color: white;
    }

    div.recipeLeftDiv {
        position: absolute;
        top: 502px;
        margin-left: 0px;
        margin-right: 0px;
        background-color: #8f1723;
    }

    div.reciperightDiv {
        position: absolute;
        top: 896px;
        left: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
        background-color: #8f1723;
        padding-bottom: 20px;
    }

    div.recipeDiv {
        height: 1358px;
    }
}

@media screen and (min-width: 1400px) {
    .recipeDiv {
        padding: 32% 0% 0% 0%;
    }

    .innerImage {
        left: 33%
    }
}

@media screen and (min-width: 320px) and (max-width: 328px) {
    div.firsttext {
        top: 280px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.secondText {
        top: 815px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.thirdtext {
        top: 1152px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 329px) and (max-width: 330px) {
    div.firsttext {
        top: 280px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.secondText {
        top: 795px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.thirdtext {
        top: 1132px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 334px) and (max-width: 350px) {
    div.thirdtext {
        top: 1112px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 331px) and (max-width: 333px) {

    div.thirdtext {
         top: 1132px; 
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 331px) and (max-width: 350px) {
    div.firsttext {
        top: 280px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.secondText {
        top: 795px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }
}

@media screen and (min-width: 351px) and (max-width: 351px) {
    div.firsttext {
        top: 280px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.secondText {
        top: 766px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.thirdtext {
        top: 1083px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 352px) and (max-width: 359px) {
    div.firsttext {
        top: 280px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.secondText {
        top: 746px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.thirdtext {
        top: 1063px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 360px) and (max-width: 385px) {
    div.firsttext {
        top: 280px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.secondText {
        top: 746px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.thirdtext {
        top: 1043px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }

    div.recipeDiv {
        height: 1477px;
    }
}

@media screen and (min-width: 386px) and (max-width: 435px) {
    div.recipeDiv {
        height: 1432px;
    }
    div.firsttext {
        top: 280px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.secondText {
        top: 706px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.thirdtext {
        top: 1003px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 436px) and (max-width: 450px) {
    div.firsttext {
        top: 280px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.secondText {
        top: 677px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
    }

    div.thirdtext {
        top: 974px;
        position: absolute;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #991c28;
        padding-bottom: 12px;
    }
}

@media print {
    body * {
        visibility: hidden;
    }

    .modal * {
        visibility: visible;
    }

    .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible !important;
    }
}