/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    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;
    }
}

/*------------------------------------------------------------------
[Main Stylesheet]

Project:  Seline - HTML5 Responsive Clean Template
Version:  1.0
Last change:  01/02/17
Updated By:  ThemesTrace
-------------------------------------------------------------------*/


/*
Import Files
==================================================================
*/

@import "../../Resources/public/css/loaders.min.css";
@import "../../Resources/public/css/slicknav.min.css";
@import "../../Resources/public/css/bootstrap.min.css";
@import "../../Resources/public/css/font-awesome.min.css";
@import "../../Resources/public/css/owl.carousel.css";
@import "../../Resources/public/css/owl.theme.css";
@import "../../Resources/public/css/lightbox.min.css";
@import "../../Resources/public/css/normalize.css";
@import "../../Resources/public/css/default.css";
@import "../../Resources/public/css/seline.css";
@import "../../Resources/public/css/responsive.css";

/*------------------------------------------------------------------
[Table of contents]

1. Body / Typography
2. Seline Preloader
3. Header Area
4. About Area
5. Portfolio Area
6. Latest Blog Area
7. Subscribe Area
8. Author Area
9. Works History Area
10. Testimonial Area
11. Map Area
12. Contact Area
11. Footer Area
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
# [Color codes]

# Dark grey: #463f3a
# Primary Color: #F5F6F1
# Seline Default Color: #ff7f50
# White: #FFFFFF
# */


/*
Generic
==========================================================
*/

body {
    font-family: "Lato", sans-serif;
    position: relative;
}

a {
    color: #f5f6f1;
}

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

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

li {
    list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    line-height: 1.5em;
    font-family: "Roboto Condensed", sans-serif;
}

.title {
    font-size: 50px;
    color: #f5f6f1;
    text-transform: uppercase;
}

.subtitle {
    font-size: 40px;
    text-transform: uppercase;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
    background-color: transparent !important;
}

.table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.cd-title {
    position: relative;
    height: 160px;
    line-height: 230px;
    text-align: center;
}

.cd-title h1 {
    font-size: 2.4rem;
    font-weight: 700;
}

@media only screen and (min-width: 768px) {
    .cd-title {
        line-height: 250px;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-title {
        height: 200px;
        line-height: 300px;
    }
    .cd-title h1 {
        font-size: 3rem;
    }
}

.cd-intro {
    width: 90%;
    max-width: 768px;
    text-align: center;
}

.cd-intro {
    margin: 4em auto;
}

@media only screen and (min-width: 768px) {
    .cd-intro {
        margin: 5em auto;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-intro {
        margin: 6em auto;
    }
}

.cd-headline {
    font-size: 3rem;
    line-height: 1.2;
}

@media only screen and (min-width: 768px) {
    .cd-headline {
        font-size: 2.4rem;
        font-weight: 300;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-headline {
        font-size: 3rem;
    }
}

.cd-words-wrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}

.cd-words-wrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
}

.cd-words-wrapper b.is-visible {
    position: relative;
}

.cd-words-wrapper b span.eshan-dot {
    padding: 0;
    display: inline-block;
    margin-left: 4px;
}

.no-js .cd-words-wrapper b {
    opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
    opacity: 1;
}

.no-js .cd-words-wrapper b span.eshan-dot {
    padding: 0;
    display: inline-block;
    margin-left: 4px;
}

.cd-headline.clip span {
    display: inline-block;
    padding: .2em 0;
}

.cd-headline.clip .cd-words-wrapper {
    overflow: hidden;
    vertical-align: top;
}

.cd-headline.clip .cd-words-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #aebcb9;
}

.cd-headline.clip b {
    opacity: 0;
}

.cd-headline.clip b.is-visible {
    opacity: 1;
}

.cd-headline.clip b span.eshan-dot {
    padding: 0;
    display: inline-block;
    margin-left: 4px;
}

.seline-text-input {
    padding: 18px 15px;
    background: transparent;
    border: 1px solid #463f3a;
    color: #f5f6f1;
    text-transform: uppercase;
    outline: 0;
}

.seline-text-input:active {
    box-shadow: transparent;
}

.seline-textarea-input {
    padding: 18px 15px;
    color: #463f3a;
    border: 1px solid #463f3a;
    background: transparent;
    text-transform: uppercase;
    outline: 0;
    resize: none;
}

.seline-submit-input {
    background: #ff7f50;
    border: none;
    padding: 19px 35px;
    color: #f5f6f1;
    text-transform: uppercase;
    letter-spacing: .1em;
    border-radius: 0;
}

.primary-bg-area {
    background: #f5f6f1 none repeat scroll 0 0;
    border-bottom: 2px solid #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.primary-bg-area .seline-diamond {
    background: #ffffff;
}

.primary-bg-area .seline-diamond i {
    color: #ff7f50;
    padding: 15px;
    font-size: 30px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.primary-bg-area .primary-bg {
    padding: 80px 0;
    overflow: hidden;
}

.primary-bg-area .primary-bg .single-primary {
    background: #ffffff;
    padding: 30px;
    box-sizing: border-box;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.primary-bg-area .primary-bg .single-primary:hover {
    background: #ff7f50;
}

.primary-bg-area .primary-bg .single-primary:hover .heading3,
.primary-bg-area .primary-bg .single-primary:hover .description {
    color: #ffffff;
}

.primary-bg-area .primary-bg h2 {
    font-weight: 700;
    letter-spacing: 0.03em;
}

.primary-bg-area .primary-bg .seline-border {
    background: #ff7f50;
}

.heading3 {
    color: #463f3a;
    font-weight: 300;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.heading4 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 5px;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.description {
    color: #463f3a;
    line-height: 1.7em;
    font-size: 15px;
    margin-top: 10px;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.owl-theme .owl-controls {
    display: block !important;
}

.owl-theme .owl-controls .owl-buttons .owl-prev,
.owl-theme .owl-controls .owl-buttons .owl-next {
    font-size: 25px;
    border-radius: 0;
    width: 40px;
}

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

.background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.navbar {
    margin-bottom: 0;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
}

.navbar-default .navbar-brand {
    color: #f5f6f1;
    margin-left: 10px !important;
    padding: 30px 25px;
    height: 80px;
    font-size: 30px;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.navbar-default .navbar-brand:hover {
    color: #f5f6f1;
}

.navbar-default .navbar-toggle {
    border-color: #463f3a;
    margin-top: 20px;
    padding: 15px;
    border-radius: 0;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.seline-border {
    background-color: #ff7f50;
    width: 80px;
    height: 3px;
    margin: 2px auto;
}

.seline-zoom,
.seline-unzoom {
    border: 1px solid #463f3a;
    color: #463f3a;
    display: block;
    font-size: 40px;
    height: 60px;
    margin: 0 auto;
    width: 60px;
    font-weight: 300;
    font-family: "Roboto Condensed", sans-serif;
    border-radius: 50%;
    padding: 1px 0px 0 3px;
}

.nav-tabs li {
    float: none;
    display: inline-block;
}

.nav-tabs li a {
    border-radius: 0;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    color: #463f3a;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}

.tab-content .seline-border {
    margin-bottom: 20px;
}

.tab-content .heading3 {
    text-transform: uppercase;
}

.tab-content .description {
    font-family: "Roboto Condensed", sans-serif;
    color: #463f3a;
    padding: 5px 20px;
    font-size: 16px;
    text-align: justify;
    margin: 0;
}

.progress {
    height: 35px;
    border-radius: 0;
    border-color: transparent;
    box-shadow: none;
    margin-bottom: 10px;
}

.progress .skill {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    line-height: 35px;
    padding: 0;
    margin: 0 0 0 20px;
    text-transform: uppercase;
}

.progress .skill .val {
    float: right;
    font-style: normal;
    margin: 0 20px 0 0;
}

.progress .progress-bar {
    background: #463f3a;
    text-align: left;
    font-weight: 700;
    box-shadow: none;
    -webkit-transition: all 3s ease;
    -moz-transition: all 3s ease;
    -ms-transition: all 3s ease;
    -o-transition: all 3s ease;
    transition: all 3s ease;
}

.no-padding {
    padding-right: 0;
    padding-left: 0;
}

.padding2px {
    padding-right: 2px;
    padding-left: 2px;
}

.padding4px {
    padding-right: 4px;
    padding-left: 4px;
}

.margin2px {
    margin-top: 2px;
    margin-bottom: 2px;
}

.lightbox .lb-image {
    border-radius: 0;
}

.slicknav_menu {
    display: none;
}

.seline-parallax {
    background-attachment: fixed;
}

.seline-right {
    float: right;
}

.btn {
    padding: 20px 40px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 0.02em;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    background: transparent;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.seline-btn-clean {
    background: transparent;
    border: 1px solid #463f3a;
    color: #f5f6f1;
}

.seline-btn-clean:hover {
    color: #f5f6f1;
}

.seline-preloader {
    position: fixed;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #ffffff;
}

.seline-preloader .loader-inner {
    width: 50px;
    display: block;
    margin: 0 auto;
}

.seline-preloader .loader-inner div {
    border: 2px solid #ff7f50;
}

.countdown {
    text-align: center;
    position: relative;
    z-index: 1;
    color: #ffffff;
    border: 15px solid #463f3a;
    width: 450px;
    height: 240px;
    display: block;
    margin: -120px auto 0;
    font-family: "Roboto Condensed", sans-serif;
}

.countdown div {
    font-size: 30px;
    padding-top: 50px;
    text-align: center;
    margin: 10px;
    display: inline-block;
}

.countdown div span {
    text-transform: uppercase;
    display: block;
}

.panel-group .panel {
    border-radius: 0;
}

.panel-group .panel .panel-heading {
    border-radius: 0;
}

.panel-group .panel .panel-body {
    overflow: hidden;
}

.panel-group .panel .panel-body textarea {
    width: 100%;
    resize: none;
    color: #a94442;
    font-weight: 700;
    outline: 0;
    border: none;
}

.panel-group .panel .panel-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.panel-group .panel .panel-title i {
    margin-right: 5px;
}

.alert {
    border-radius: 0;
}

.alert.seline-alert-success {
    border: 1px solid rgba(60, 118, 61, 0.5);
    color: #3c763d;
}

.alert.seline-alert-info {
    border: 1px solid #bce8f1;
    color: #31708f;
}

.alert.seline-alert-warning {
    border: 1px solid #faebcc;
    color: #8a6d3b;
}

.alert.seline-alert-danger {
    border: 1px solid #ebccd1;
    color: #a94442;
}

.modal .heading4 {
    font-size: 18px;
    font-weight: 700;
}

.modal .seline-btn-clean {
    color: #463f3a;
}

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

.modal .modal-content .modal-body .description {
    font-family: "Roboto Condensed", sans-serif;
}


/*
Header Area
==========================================================
*/

.header-area {
    background-image: url(http://placehold.it/2000x1400);
    height: 100vh;
    position: relative;
}

.header-area.blog-page,
.header-area.portfolio-page,
.header-area.about-page,
.header-area.contact-page,
.header-area.pricing-table,
.header-area.tab-page,
.header-area.progress-page,
.header-area.collapse-page,
.header-area.button-page,
.header-area.shortcode-page,
.header-area.all-pages-header {
    height: 80vh;
}

.header-area.page404 .header-content i {
    font-size: 250px;
    color: #463f3a;
}

.header-area.page404 .header-content a {
    color: #fff;
}

.header-area.seline-bg2 {
    background-image: url(http://placehold.it/2000x1400);
}

.header-area.seline-bg3 {
    background-image: url(http://placehold.it/2000x1400);
}

.header-area.seline-bg4 {
    background-image: url(http://placehold.it/2000x1400);
}

.header-area.seline-bg5 {
    background-image: url(http://placehold.it/2000x1400);
}

.header-area.seline-bg6 {
    background-image: url(http://placehold.it/2000x1400);
}

.header-area.seline-bg7 {
    background-image: url(http://placehold.it/2000x1400);
}

.header-area.personal-page {
    background-image: url(http://placehold.it/2000x1400);
}

.header-area.seline-video,
.header-area.slider-background {
    background-image: none;
}

.header-area.comming-soon {
    overflow: hidden;
}

.header-area.slider-background .seline-navbar {
    position: relative;
    z-index: 5;
}

.header-area.slider-background:hover .carousel-control {
    opacity: 1;
}

.header-area.slider-background:hover .carousel-control.left i,
.header-area.slider-background:hover .carousel-control.right i {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.header-area .seline-navbar {
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .seline-navbar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .navbar-right li {
    position: relative;
}

.header-area .navbar-right li.active a,
.header-area .navbar-right li.focus a {
    background-color: transparent;
    color: #ff7f50;
}

.header-area .navbar-right li.active a:after,
.header-area .navbar-right li.focus a:after {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 1;
}

.header-area .navbar-right li.active a:hover,
.header-area .navbar-right li.active a:active,
.header-area .navbar-right li.active a:focus,
.header-area .navbar-right li.focus a:hover,
.header-area .navbar-right li.focus a:active,
.header-area .navbar-right li.focus a:focus {
    background-color: transparent;
    color: #ff7f50;
}

.header-area .navbar-right li .megamenu,
.header-area .navbar-right li .dropdown {
    position: absolute;
    top: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: all 220ms ease;
    -moz-transition: all 220ms ease;
    -ms-transition: all 220ms ease;
    -o-transition: all 220ms ease;
    transition: all 220ms ease;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
}

.header-area .navbar-right li .megamenu {
    left: -700%;
    float: left;
    width: 1210%;
    padding: 35px 10px;
    box-sizing: border-box;
    overflow: hidden;
}

.header-area .navbar-right li .megamenu h4 {
    color: #463f3a;
    text-transform: uppercase;
    font-size: 16px;
    margin-left: 10px;
}

.header-area .navbar-right li .megamenu ul li a {
    padding: 10px 5px;
    display: block;
    font-size: 14px;
    color: #f5f6f1;
    letter-spacing: 0.02em;
    word-spacing: 0.05em;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .navbar-right li .megamenu ul li a:after {
    background: transparent;
    color: transparent;
}

.header-area .navbar-right li .megamenu ul li a:hover {
    margin-left: 10px;
    color: #ff7f50;
}

.header-area .navbar-right li a {
    font-family: "Roboto Condensed", sans-serif;
    color: #f5f6f1;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 16px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding: 30px 15px;
    margin: 0 5px;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .navbar-right li a:after {
    position: absolute;
    content: '';
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: #ff7f50;
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .navbar-right li:hover a {
    color: #ff7f50;
}

.header-area .navbar-right li:hover a:after {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    background: #ff7f50;
    opacity: 1;
}

.header-area .navbar-right li:hover .dropdown,
.header-area .navbar-right li:hover .megamenu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.header-area .navbar-right li ul.dropdown {
    width: 230px;
    left: -15px;
}

.header-area .navbar-right li ul.dropdown li a {
    padding: 10px 5px;
    display: block;
    font-size: 14px;
    color: #f5f6f1;
    letter-spacing: 0.02em;
    word-spacing: 0.05em;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .navbar-right li ul.dropdown li a:after {
    background: transparent;
    color: transparent;
}

.header-area .navbar-right li ul.dropdown li a:hover {
    margin-left: 10px;
    color: #ff7f50;
}

.header-area .navbar-right li:last-child .dropdown {
    left: -35px;
    width: 175px;
}

.header-area .header-content {
    position: relative;
    z-index: 1;
    color: #f5f6f1;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    height: 80%;
}

.header-area .header-content h2 {
    margin: 30px 0;
}

.header-area .header-content .buttons {
    margin-top: 40px;
}

.header-area .header-content .buttons button {
    margin-top: 20px;
    margin-right: 10px;
}

.header-area .header-content .scroll-down {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #463f3a;
    cursor: pointer;
    z-index: 1;
}

.header-area .header-content .scroll-down a {
    color: #463f3a;
}

.header-area .seline-carousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

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

.header-area .seline-carousel .carousel-inner .item .carousel-caption {
    top: 20%;
}

.header-area .seline-carousel .carousel-control {
    background-image: none;
    text-shadow: none;
    background-color: none;
    opacity: 0;
    filter: alpha(opacity=50);
    width: auto;
    font-size: 30px;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .seline-carousel .carousel-control .preview-container {
    position: relative;
    background: transparent;
    padding: 10px;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .seline-carousel .carousel-control .preview-container .thumbnail-container {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    background: #999;
    border-radius: 50%;
    top: 1px;
    background-size: cover;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.header-area .seline-carousel .carousel-control.left .preview-container {
    padding-right: 80px;
    border-radius: 0 35px 35px 0;
}

.header-area .seline-carousel .carousel-control.left .preview-container .thumbnail-container {
    right: 1px;
}

.header-area .seline-carousel .carousel-control.left i {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .seline-carousel .carousel-control.right .preview-container {
    padding-left: 80px;
    border-radius: 35px 0 0 35px;
}

.header-area .seline-carousel .carousel-control.right .preview-container .thumbnail-container {
    left: 1px;
}

.header-area .seline-carousel .carousel-control.right i {
    -webkit-transform: translateX(25px);
    -moz-transform: translateX(25px);
    -ms-transform: translateX(25px);
    -o-transform: translateX(25px);
    transform: translateX(25px);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.header-area .seline-carousel .carousel-control:hover .preview-container {
    background: rgba(0, 0, 0, 0.6);
}

.header-area .seline-carousel .carousel-control:hover .preview-container .thumbnail-container {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.header-area .comming-soon-form {
    position: relative;
    z-index: 1;
}

.header-area .comming-soon-form .seline-text-input {
    width: 25%;
    margin-top: 40px;
}


/*
What We Do Area
==========================================================
*/

.what-we-do-area.about-alt {
    background: #ffffff;
}

.what-we-do-area .what-we-do-content {
    margin-top: 40px;
}


/*
About Us Area
==========================================================
*/

.about-us-area .about-us .about-us-content {
    margin-top: 40px;
}

.about-us-area .about-us .about-us-content .single-about-des {
    background: #ffffff;
    margin-top: 70px;
    padding: 15px 30px;
}

.about-us-area .about-us .about-us-content .single-about-des .heading3 {
    text-transform: uppercase;
    font-size: 22px;
}

.about-us-area .about-us .about-us-content .single-about-des h4 {
    margin: 5px 0 15px;
}

.about-us-area .about-us .about-us-content .single-about-des .description {
    text-align: justify;
    font-family: "Roboto Condensed", sans-serif;
}


/*
Portfolio Area
==========================================================
*/

.portfolio-area {
    background: #ffffff;
}

.portfolio-area .portfolio .portfolio-nav ul {
    margin: 25px 0;
}

.portfolio-area .portfolio .portfolio-nav ul li {
    border: 1px solid #eee;
    display: inline-block;
    margin: 5px 2px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    cursor: pointer;
}

.portfolio-area .portfolio .single-portfolio-image {
    position: relative;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.portfolio-area .portfolio .single-portfolio-image .background-overlay {
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.portfolio-area .portfolio .single-portfolio-image:hover .background-overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/*
Latest Blog Area
==========================================================
*/

.latest-blog-area .latest-blog .latest-blog-content {
    margin-top: 40px;
}

.latest-blog-area .latest-blog .latest-blog-content a {
    color: #463f3a;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog {
    padding: 0;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-image {
    position: relative;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-image .background-overlay {
    opacity: 0;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description {
    background: #ffffff;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description .heading3 {
    margin-bottom: 10px;
    font-size: 25px;
    color: #232323;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-details span {
    margin-right: 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-details span i {
    margin-right: 3px;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog:hover .background-overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog:hover .heading3,
.latest-blog-area .latest-blog .latest-blog-content .single-blog:hover .description {
    color: #463f3a;
}

.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description {
    padding: 10px;
}


/*
Subscribe Area
==========================================================
*/

.subscribe-area {
    background-image: url(http://placehold.it/2000x1400);
    position: relative;
}

.subscribe-area .seline-diamond {
    border: 1px solid #463f3a;
}

.subscribe-area .seline-diamond i {
    color: #ff7f50;
}

.subscribe-area .subscribe {
    padding: 60px 0;
}

.subscribe-area .subscribe .subtitle {
    color: #f5f6f1;
    font-weight: 300;
}

.subscribe-area .subscribe i {
    color: #ff7f50;
    padding: 15px;
    font-size: 30px;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.subscribe-area .subscribe form {
    margin-top: 40px;
}

.subscribe-area .subscribe form .seline-text-input {
    width: 30%;
}


/*
Our Skills Area
==========================================================
*/

.our-skills-area .our-skills .our-skills-content {
    margin-top: 40px;
}

.our-skills-area .our-skills .our-skills-content .skills-description {
    background: #ffffff;
    padding: 20px;
}

.our-skills-area .our-skills .our-skills-content .seline-progress-bars {
    margin-top: 20px;
}


/*
Author Area
==========================================================
*/

.author-area.about-alt {
    background: #ffffff;
}

.author-area .author .author-content {
    margin-top: 50px;
}

.author-area .author .author-content .single-author .single-author-image {
    position: relative;
}

.author-area .author .author-content .single-author .single-author-image .background-overlay {
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.author-area .author .author-content .single-author .single-author-image .background-overlay .social-profile ul {
    margin-top: 30px;
}

.author-area .author .author-content .single-author .single-author-image .background-overlay .social-profile li {
    display: inline-block;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.author-area .author .author-content .single-author .single-author-image .background-overlay .social-profile li a {
    border: 1px solid #463f3a;
    color: #463f3a;
    display: inline-block;
    height: 40px;
    margin: 5px 1px;
    padding: 10px;
    width: 40px;
}

.author-area .author .author-content .single-author .single-author-image .background-overlay .seline-zoom,
.author-area .author .author-content .single-author .single-author-image .background-overlay .seline-unzoom {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    font-size: 30px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    cursor: pointer;
    padding: 3px 0px 0 3px;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.author-area .author .author-content .single-author .single-author-image .background-overlay .seline-unzoom {
    opacity: 0;
    visibility: hidden;
}

.author-area .author .author-content .single-author .single-author-image .background-overlay .single-author-description {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -o-transform: translateY(90px);
    transform: translateY(90px);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.author-area .author .author-content .single-author .single-author-image .background-overlay .single-author-description .heading3,
.author-area .author .author-content .single-author .single-author-image .background-overlay .single-author-description .description {
    color: #f5f6f1;
    text-transform: uppercase;
}

.author-area .author .author-content .single-author:hover .background-overlay {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/*
Works History Area
==========================================================
*/

.works-history-area {
    position: relative;
    background-image: url(http://placehold.it/2000x1400);
}

.works-history-area .works-history {
    padding: 80px 0;
}

.works-history-area .works-history .single-history {
    color: #ffffff;
    padding: 20px;
}

.works-history-area .works-history .single-history i {
    font-size: 50px;
    margin-bottom: 30px;
    color: #f5f6f1;
}

.works-history-area .works-history .single-history .heading3 {
    color: #ffffff;
    text-transform: uppercase;
}

.works-history-area .works-history .single-history .count {
    font-size: 30px;
}

.works-history-area .panel-group {
    position: relative;
    z-index: 1;
}


/*
Testimonial Area
==========================================================
*/

.testimonial-area {
    background: #ffffff;
}

.testimonial-area .testimonial .single-testimonial {
    margin-top: 70px;
    padding: 15px;
    border: 1px solid #f5f6f1;
}

.testimonial-area .testimonial .single-testimonial .heading3,
.comments .heading3 {
    margin-top: 10px;
}

.testimonial-area .testimonial .single-testimonial .image-wrapper,
.comments .image-wrapper {
    position: relative;
}

.testimonial-area .testimonial .single-testimonial .image-wrapper img,
.comments .image-wrapper img {
    width: 90px;
    height: 90px;
    border: 1px solid #f5f6f1;
    box-sizing: border-box;
    margin-right: 15px;
    background: #ffffff;
    border-radius: 50%;
    padding: 5px;
}


.testimonial-area .testimonial .single-testimonial .image-wrapper img {
    width: 90px;
    height: 90px;
    border: 1px solid #f5f6f1;
    box-sizing: border-box;
    margin-right: 15px;
    margin-top: -60px;
    background: #ffffff;
    border-radius: 50%;
    padding: 5px;
}

.testimonial-area .testimonial .single-testimonial:hover .background-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

.testimonial-area .testimonial .owl-controls .owl-buttons {
    margin-top: 30px;
}

.testimonial-area .testimonial .owl-controls .owl-buttons .owl-prev,
.testimonial-area .testimonial .owl-controls .owl-buttons .owl-next {
    border: 1px solid #f5f6f1;
    background: transparent;
    margin: 1px;
    opacity: 1;
}

.testimonial-area .testimonial .owl-controls .owl-buttons i {
    padding: 0;
    color: #463f3a;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


/* Comments Section */
.comments {
    margin: 10px 0 50px;
}

.comments h4,
.comments-section h4 {
    font-weight: 700;
    font-size: 16px;
}

.single-comments {
    background: #fff;
    overflow: hidden;
    padding: 15px;
    margin: 4px 0;
}

.single-comments-reply {
    margin-top: 40px;
    margin-left: 90px;
}

.comments .image-wrapper img {
    float: left;
    margin-right: 10px;
}

.comments .description {
    margin-top: 0;
}

.reply,
.reply:hover,
.reply:focus,
.reply:active {
    color: #ff7f50;
}


/*
Map Area
==========================================================
*/

#map {
    height: 500px;
    width: 100%;
}


/*
Contact Area
==========================================================
*/

.contact-area.contact-alt .seline-submit-input {
    padding: 20px 60px;
}

.contact-area.contact-alt .map-area {
    margin-bottom: 20px;
}

.contact-area .contact form {
    margin-top: 40px;
}

.contact-area .contact .seline-text-input,
.contact-area .contact .seline-textarea-input,
.comments-section .seline-text-input,
.comments-section .seline-textarea-input {
    width: 100%;
    margin-bottom: 3%;
    background: #ffffff;
    border: transparent;
    color: #463f3a;
}

.contact-area .contact .seline-text-input::-webkit-input-placeholder,
.contact-area .contact .seline-text-input::-moz-placeholder,
.contact-area .contact .seline-textarea-input::-webkit-input-placeholder,
.contact-area .contact .seline-textarea-input::-moz-placeholder {
    color: #463f3a;
}

.contact-area .contact .seline-textarea-input,
.comments-section .seline-textarea-input {
    height: 123px;
}

.contact-area .contact .seline-submit-input {
    background: #ff7f50;
    border: transparent;
    color: #ffffff;
}

_::-moz-range-track,
.contact-area .contact .seline-submit-input {
    margin-top: -13px;
}


/*
Footer Area
==========================================================
*/

.footer-area {
    background: #121212;
    color: #f5f6f1;
    padding: 60px 0 25px;
}

.footer-area .footer .single-footer a {
    color: #f5f6f1;
    font-family: "Roboto Condensed", sans-serif;
}

.footer-area .footer .single-footer h2 {
    text-transform: uppercase;
    border: 1px solid #463f3a;
    display: inline-block;
    padding: 8px 25px;
    margin-bottom: 25px;
}

.footer-area .footer .single-footer h4 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.03em;
    margin-bottom: 5px;
}

.footer-area .footer .single-footer li {
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.footer-area .footer .single-footer li i {
    margin-right: 3px;
}

.footer-area .footer .single-footer .seline-border {
    margin: 0 0 20px 0;
}

.footer-area .footer .single-footer.flicker-image ul li {
    margin-bottom: 0;
    float: left;
    margin: 0;
}

.footer-area .footer .single-footer.flicker-image ul li a img {
    width: 70px;
    height: 70px;
}

.footer-area .footer .single-footer.useful-links li a {
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.footer-area .footer .single-footer.useful-links li a:hover {
    margin-left: 5px;
}

.footer-area .footer .single-footer .seline-text-input {
    width: 100%;
}

.footer-area .footer .single-footer .seline-submit-input {
    padding: 15px;
    margin-top: 10px;
    letter-spacing: 0;
    width: 100%;
}


/*
Footer Bottom Area
==========================================================
*/

.footer-bottom-area {
    padding: 25px 0;
    background: #141414;
}

.footer-bottom-area .footer-bottom p {
    color: #ffffff;
    margin: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    letter-spacing: 0.05em;
}

.footer-bottom-area .footer-bottom p a {
    color: #ff7f50;
}


/*
Blog Page Area
==========================================================
*/

.blog-page-area {
    background: #f5f6f1;
}

.blog-page-area .blog-page {
    padding: 40px 0;
    overflow: hidden;
}

.blog-page-area .blog-page .blog-page-posts.blog-without-sidebar .single-post {
    margin-bottom: 50px;
}

.blog-page-area .blog-page .blog-page-posts.grid-blog .single-post {
    background: #ffffff;
}

.blog-page-area .blog-page .blog-page-posts.grid-blog .single-post .single-blog-description {
    padding: 10px;
}

.blog-page-area .blog-page .blog-page-posts .single-post {
    overflow: hidden;
    margin-bottom: 30px;
}

.blog-page-area .blog-page .blog-page-posts .single-post.quote-post-format .description {
    background: #ffffff;
    padding: 10px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 300;
    font-style: italic;
    border-right: 5px solid #463f3a;
}

.blog-page-area .blog-page .blog-page-posts .single-post h2,
.blog-page-area .blog-page .blog-page-posts .single-post h3 {
    margin-bottom: 10px;
}

.blog-page-area .blog-page .blog-page-posts .single-post h2 a,
.blog-page-area .blog-page .blog-page-posts .single-post h3 a {
    color: #463f3a;
    -webkit-transition: color 320ms ease;
    -moz-transition: color 320ms ease;
    -ms-transition: color 320ms ease;
    -o-transition: color 320ms ease;
    transition: color 320ms ease;
}

.blog-page-area .blog-page .blog-page-posts .single-post h2 a:hover,
.blog-page-area .blog-page .blog-page-posts .single-post h3 a:hover {
    color: #333;
}

.blog-page-area .blog-page .blog-page-posts .single-post .single-blog-details {
    margin-bottom: 10px;
}

.blog-page-area .blog-page .blog-page-posts .single-post .single-blog-details span {
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
}

.blog-page-area .blog-page .blog-page-posts .single-post .single-blog-details span a {
    color: #463f3a;
}

.blog-page-area .blog-page .blog-page-posts .single-post .single-blog-details span span {
    color: #ff7f50;
}

.blog-page-area .blog-page .blog-page-posts .single-post .single-blog-image {
    position: relative;
}

.blog-page-area .blog-page .blog-page-posts .single-post .single-blog-image .background-overlay {
    opacity: 0;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.blog-page-area .blog-page .blog-page-posts .single-post .single-blog-image:hover .background-overlay {
    opacity: 1;
}

.blog-page-area .blog-page .blog-page-posts .single-post .seline-btn-clean {
    color: #463f3a;
    font-size: 16px;
    margin-top: 15px;
}

.blog-page-area .blog-page .blog-page-posts .single-post .audio-post iframe {
    width: 100%;
    height: 166px;
    border: 0;
}

.blog-page-area .blog-page .blog-page-posts .pagination {
    border-radius: 0;
    display: block;
    margin: 60px auto 20px;
    width: 250px;
    overflow: hidden;
}

.blog-page-area .blog-page .blog-page-posts .pagination li:first-child a,
.blog-page-area .blog-page .blog-page-posts .pagination li:last-child a {
    border-radius: 0;
}

.blog-page-area .blog-page .blog-page-posts .pagination li a,
.blog-page-area .blog-page .blog-page-posts .pagination li span {
    color: #ff7f50;
    background-color: transparent;
    border: none;
}

.blog-page-area .blog-page .blog-page-posts .pagination li.active a {
    background: #ff7f50;
    color: #ffffff;
}

.blog-page-area .blog-page .blog-page-widget .single-widget {
    margin-bottom: 30px;
}

.blog-page-area .blog-page .blog-page-widget .single-widget.categories ul li,
.blog-page-area .blog-page .blog-page-widget .single-widget.latest-posts ul li {
    border-bottom: 1px solid #ddd;
    padding: 7px 0;
}

.blog-page-area .blog-page .blog-page-widget .single-widget.categories ul li:last-child,
.blog-page-area .blog-page .blog-page-widget .single-widget.latest-posts ul li:last-child {
    border-bottom: 0;
}

.blog-page-area .blog-page .blog-page-widget .single-widget.tags ul li {
    border: 1px solid #463f3a;
    display: inline-block;
    padding: 5px;
    margin: 0px 3px 5px 0px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
}

.blog-page-area .blog-page .blog-page-widget .single-widget .heading4 {
    color: #333;
    font-weight: 700;
    font-size: 16px;
}

.blog-page-area .blog-page .blog-page-widget .single-widget h5 {
    font-size: 14px;
}

.blog-page-area .blog-page .blog-page-widget .single-widget.search-area .seline-text-input {
    width: 90%;
    font-family: "Roboto Condensed", sans-serif;
    color: #463f3a;
}

.blog-page-area .blog-page .blog-page-widget .single-widget ul li a {
    color: #463f3a;
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
}

.blog-page-area .blog-page .blog-page-widget .single-widget ul li a:hover {
    color: #ff7f50;
}


/*
Pricing Table Area
==========================================================
*/

.pricing-table-area {
    background: #f5f6f1;
}

.pricing-table-area .subtitle {
    margin-top: 40px;
}

.pricing-table-area .pricing-table {
    padding: 40px 0;
    overflow: hidden;
}

.pricing-table-area .pricing-table .single-table {
    background: #ffffff;
    padding: 25px 10px;
    position: relative;
    margin-bottom: 4px;
}

.pricing-table-area .pricing-table .single-table .table-title h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
}

.pricing-table-area .pricing-table .single-table .table-price h3 .duration {
    position: absolute;
    top: 5px;
    right: 0;
    background: #ff7f50;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0;
    line-height: 20px;
    padding: 5px;
    letter-spacing: 0.03em;
}

.pricing-table-area .pricing-table .single-table .price-des ul li {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.pricing-table-area .pricing-table .single-table .price-des ul li:last-child {
    border-bottom: 0;
}

.pricing-table-area .pricing-table .single-table .buy-now {
    margin-top: 15px;
}

.pricing-table-area .pricing-table .single-table .buy-now a {
    color: #463f3a;
    font-weight: bold;
}


/*
Pricing Table Area
==========================================================
*/

.collapse-page-area,
.alert-page-area {
    padding-bottom: 40px;
    overflow: hidden;
}

.collapse-page-area .subtitle,
.alert-page-area .subtitle {
    margin-top: 40px;
}

.collapse-page-area .seline-border,
.alert-page-area .seline-border {
    margin-bottom: 40px;
}

.collapse-page-area .heading4,
.alert-page-area .heading4 {
    font-weight: 700;
    font-size: 18px;
}

.collapse-page-area .panel-group,
.alert-page-area .panel-group {
    margin-bottom: 40px;
}


/*
Button Page Area
==========================================================
*/

.button-page-area {
    background: #121212;
    color: #fff;
    border-bottom: 5px solid #ff7f50;
}

.button-page-area .seline-border {
    margin-bottom: 30px;
}

.button-page-area .panel-group {
    margin: 15px 0;
}


/*
Modal Shortcode Page Area
==========================================================
*/

.modal-shortcode-page .seline-border {
    margin-bottom: 40px;
}


/*
Map Shortcode Page Area
==========================================================
*/

.map-area .panel-group {
    margin-top: 20px;
}


/*
Personal Page Area
==========================================================
*/

.personal-about {
    background: #ffffff;
}

.personal-about .about-us .about-us-content .single-about-des {
    background: transparent;
    margin-top: 0;
}

.personal-about .about-us .about-us-content .single-about-des .seline-btn-clean {
    color: #463f3a;
}


/*
All Pages Area
==========================================================
*/

.all-pages-area .all-pages .pages-area .single-page {
    margin-bottom: 30px;
}

.all-pages-area .all-pages .pages-area .subtitle {
    font-size: 35px;
}

.all-pages-area .all-pages .pages-area .seline-border {
    margin-bottom: 20px;
}

.all-pages-area .all-pages .pages-area .single-page .heading4 {
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}

.all-pages-area .all-pages .pages-area .single-page .page-image-wrapper {
    border: 10px solid #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    height: 500px;
    overflow: hidden;
}

.all-pages-area .seline-more-info {
    margin-left: 15px;
}

.all-pages-area .seline-more-info .heading3 {
    text-transform: uppercase;
    font-weight: 700;
}

.all-pages-area .seline-more-info .more-info-nav {
    margin-left: 15px;
}

.all-pages-area .seline-more-info .more-info-nav li {
    text-transform: capitalize;
    font-weight: 700;
    padding-bottom: 7px;
}
/*
 * Large Device
 */
@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .navbar-right li ul.dropdown li a {
        font-size: 13px
    }
    .header-area .navbar-right li a {
        margin: 0 3px
    }
    .header-area .navbar-right li:last-child .dropdown {
        left: -30px
    }
    .header-area .navbar-right li .megamenu {
        left: -465%;
        width: 1080%
    }
    .header-area .navbar-right li .megamenu ul li a {
        font-size: 13px
    }
    .header-area .comming-soon-form .seline-text-input {
        width: 30%
    }
    .about-us-area .about-us .about-us-content .single-about-des {
        margin-top: 20px
    }
    .latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description .heading3 {
        font-size: 22px
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .heading3 {
        font-size: 20px
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .description {
        font-size: 15px;
        line-height: 1.5em
    }
    .our-skills-area .our-skills .our-skills-content .seline-progress-bars {
        margin-top: 30px
    }
}

/*
 * Medium Device
 */
@media (min-width: 768px) and (max-width: 991px) {
	.header-area {
		height: 60vh;
	}
    .header-area .navbar-right li ul.dropdown {
        top: 90px;
        width: 220px
    }
    .header-area .navbar-right li ul.dropdown li a {
        font-size: 13px
    }
    .header-area .navbar-right li a {
        padding: 35px 2px;
        margin: 0 3px;
        font-size: 14px;
    }
    .header-area .navbar-right li:last-child .dropdown {
        left: -55px
    }
    .header-area .navbar-right li .megamenu {
        left: -412%;
        width: 1085%;
        top: 90px
    }
    .header-area .navbar-right li .megamenu ul li a {
        font-size: 13px
    }
    .header-area .seline-carousel .carousel-inner .item {
        height: 100vh
    }
    .header-area .comming-soon-form .seline-text-input {
        width: 35%
    }
    .about-us-area .about-us .about-us-content .single-about-des {
        margin-top: 4px;
        padding: 12px
    }
    .about-us-area .about-us .about-us-content .single-about-des .heading3 {
        font-size: 18px
    }
    .about-us-area .about-us .about-us-content .single-about-des h4 {
        font-size: 18px;
        margin-bottom: -5px
    }
    .about-us-area .about-us .about-us-content .single-about-des .description {
        font-size: 13px
    }
    .latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description .heading3 {
        font-size: 22px
    }
    .works-history-area .works-history .single-history {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .works-history-area .works-history .single-history i {
        font-size: 40px;
        margin-bottom: 15px
    }
    .works-history-area .works-history .single-history .heading3 {
        font-size: 22px
    }
    .works-history-area .works-history .single-history .count {
        font-size: 20px
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .heading3 {
        font-size: 20px
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .description {
        font-size: 15px;
        line-height: 1.5em
    }
    .our-skills-area .our-skills .our-skills-content .skills-description .description:last-child {
        display: none
    }
    .our-skills-area .our-skills .our-skills-content .seline-progress-bars {
        margin-top: 7px
    }
    .subscribe-area .subscribe form .seline-text-input {
        width: 40%
    }
    .blog-page-area .blog-page .blog-page-posts .single-post h2 a {
        font-size: 24px
    }
    .blog-page-area .blog-page .blog-page-widget .single-widget.search-area .seline-text-input {
        width: 88%
    }
    .footer-area .footer .single-footer {
        overflow: hidden;
        margin-bottom: 50px
    }
    .footer-area .footer .single-footer.flicker-image ul li a img {
        width: 80px;
        height: 80px
    }
}

/*
 * Small Device
 */
@media (min-width: 481px) and (max-width: 767px) {
    .slicknav_menu {
        display: block;
        background: transparent;
        padding: 5px;
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 10;
        font-size: 25px
    }
    .slicknav_menu .megamenu {
        display: none
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #463f3a
    }
    .slicknav_menu .slicknav_nav {
        clear: both;
        color: #463f3a;
        margin: 0;
        font-size: 14px;
        width: 400px;
        background: rgba(0, 0, 0, 0.8);
        padding: 15px
    }
    .slicknav_menu .slicknav_nav a {
        -webkit-transition: all 320ms ease;
        -moz-transition: all 320ms ease;
        -ms-transition: all 320ms ease;
        -o-transition: all 320ms ease;
        transition: all 320ms ease;
        text-transform: uppercase
    }
    .slicknav_menu .slicknav_nav a:hover,
    .slicknav_menu .slicknav_nav a:active,
    .slicknav_menu .slicknav_nav a:focus {
        background: transparent;
        color: coral
    }
    .slicknav_menu .slicknav_nav .slicknav_arrow {
        display: none
    }
    .slicknav_menu .slicknav_nav .slicknav_row:hover {
        background: transparent;
        color: #f5f6f1
    }
    .slicknav_menu .slicknav_btn.slicknav_collapsed,
    .slicknav_menu .slicknav_btn.slicknav_open {
        background: transparent;
        border: 1px solid #463f3a;
        border-radius: 0;
        padding: 15px
    }
	.header-area {
	    height: 60vh;
	}
	.header-area.slider-background {
		height: 100vh;
	}
	.header-area.personal-page {
		height: 45vh;
	}
    .header-area .seline-navbar.fixed .navbar-brand {
        width: 100%;
        text-align: center
    }
    .header-area .header-content h2 {
        font-size: 30px
    }
    .header-area .seline-carousel .carousel-inner .item {
        height: 100vh
    }
    .header-area .countdown {
        width: 330px;
        height: 200px
    }
    .header-area .countdown div {
        font-size: 20px
    }
    .header-area .comming-soon-form .seline-text-input {
        width: 50%
    }
    .primary-bg-area .primary-bg {
        padding: 30px 0
    }
    .primary-bg-area .primary-bg .single-primary {
        margin-bottom: 10px
    }
    .portfolio-area .portfolio .portfolio-nav {
        display: none
    }
    .portfolio-area .portfolio .seline-border {
        margin-bottom: 30px
    }
    .latest-blog-area .latest-blog .latest-blog-content .single-blog {
        margin-bottom: 30px
    }
    .about-us-area .about-us .about-us-content .single-about-des {
        margin-top: 0;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .about-us-area .about-us .about-us-content .single-about-des .heading3 {
        font-size: 21px
    }
    .subscribe-area .subscribe form .seline-text-input {
        width: 90%;
        display: block;
        margin: 10px auto
    }
    .works-history-area .works-history .single-history {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .works-history-area .works-history .single-history i {
        font-size: 35px;
        margin-bottom: 15px
    }
    .works-history-area .works-history .single-history .heading3 {
        font-size: 18px
    }
    .works-history-area .works-history .single-history .count {
        font-size: 17px
    }
    #map {
        height: 300px
    }
	.blog-page-area .blog-page {
		padding: 10px 0;
	}
	.blog-page-area .blog-page .blog-page-posts .single-post {
		margin-bottom: 15px;
	}
    .blog-page-area .blog-page .blog-page-posts .single-post h2 a {
        font-size: 24px
    }
    .blog-page-area .blog-page .blog-page-widget {
        display: none
    }
	.comments {
		margin: 10px 0 20px;
	}
	.footer-area {
		padding: 30px 0 15px;
	}
    .footer-area .footer .single-footer {
        text-align: center;
        overflow: hidden;
        margin-bottom: 50px
    }
    .footer-area .footer .single-footer .seline-border {
        margin: 10px auto
    }
    .footer-area .footer .single-footer.flicker-image ul li {
        width: 25%
    }
    .footer-area .footer .single-footer.flicker-image ul li a img {
        width: 100%;
        height: 100%
    }
}



/*
 * Extra Small Device
 */
@media (max-width: 480px) {
	h3 {
		font-size: 20px;
	}
	.title {
		font-size: 35px;
	}
	.subtitle {
		font-size: 30px;
	}
	.megamenu h4 {
		color: #ff7f50;
		text-align: center;
		text-transform: uppercase;
	}
    .slicknav_menu {
        display: block;
        background: transparent;
        padding: 5px;
        position: absolute;
        top: 5px;
        right: 0;
        z-index: 10;
        font-size: 25px
    }
	.slicknav_menu .slicknav_nav a {
		text-align: center;
	}
    .slicknav_menu .megamenu {
        display: none
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #463f3a
    }
    .slicknav_menu .slicknav_nav {
        clear: both;
        color: #463f3a;
        margin: 0;
        font-size: 14px;
        width: 400px;
        background: rgba(0, 0, 0, 0.8);
        padding: 15px
    }
    .slicknav_menu .slicknav_nav a {
        -webkit-transition: all 320ms ease;
        -moz-transition: all 320ms ease;
        -ms-transition: all 320ms ease;
        -o-transition: all 320ms ease;
        transition: all 320ms ease;
        text-transform: uppercase
    }
    .slicknav_menu .slicknav_nav a:hover,
    .slicknav_menu .slicknav_nav a:active,
    .slicknav_menu .slicknav_nav a:focus {
        background: transparent;
        color: coral
    }
    .slicknav_menu .slicknav_nav .slicknav_arrow {
        display: none
    }
    .slicknav_menu .slicknav_nav .slicknav_row:hover {
        background: transparent;
        color: #f5f6f1
    }
    .slicknav_menu .slicknav_btn.slicknav_collapsed,
    .slicknav_menu .slicknav_btn.slicknav_open {
        background: transparent;
        border: 1px solid #463f3a;
        border-radius: 0;
        padding: 15px
    }
    .navbar-default .navbar-brand {
    	letter-spacing: 0;
    }
	.header-area {
	    height: 60vh;
	}
	.header-area.slider-background {
		height: 100vh;
	}
    .header-area .seline-navbar.fixed .navbar-brand {
        width: 100%;
        text-align: center
    }
	.header-area .header-content h2 {
		font-size: 25px;
		letter-spacing: 0;
		margin: 10px 0;
	}
    .header-area .seline-carousel .carousel-inner .item {
        height: 100vh
    }
    .header-area .countdown {
        width: 330px;
        height: 200px
    }
    .header-area .countdown div {
        font-size: 20px
    }
    .header-area .comming-soon-form .seline-text-input {
        width: 50%
    }
    .primary-bg-area .primary-bg {
        padding: 20px 0
    }
    .primary-bg-area .primary-bg .single-primary {
        margin-bottom: 10px
    }
    .about-us-area .about-us .about-us-content {
    	margin-top: 20px;
    }
    .about-us-area .about-us .about-us-content .single-about-des {
        margin-top: 0;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .about-us-area .about-us .about-us-content .single-about-des h4 {
    	margin: 5px 0 10px;
    }
    .about-us-area .about-us .about-us-content .single-about-des .heading3 {
        font-size: 18px
    }
	.what-we-do-area .what-we-do-content {
		margin-top: 20px;
	}
    .portfolio-area .portfolio .portfolio-nav {
        display: none
    }
    .portfolio-area .portfolio .seline-border {
        margin-bottom: 30px
    }
	.latest-blog-area .latest-blog .latest-blog-content {
		margin-top: 20px;
	}
    .latest-blog-area .latest-blog .latest-blog-content .single-blog {
        margin-bottom: 30px
    }
    .latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-description .heading3 {
    	font-size: 20px;
    }
	.latest-blog-area .latest-blog .latest-blog-content .single-blog .single-blog-details span {
		font-size: 12px;
		margin-right: 5px;
	}
	.subscribe-area .subscribe {
		padding: 20px 0;
	}
	.subscribe-area .subscribe form {
		margin-top: 20px;
	}
    .subscribe-area .subscribe form .seline-text-input {
        width: 90%;
        display: block;
        margin: 10px auto
    }
	.author-area .author .author-content {
		margin-top: 30px;
	}
    .works-history-area .works-history .single-history {
        margin-top: 4px;
        margin-bottom: 4px
    }
    .works-history-area .works-history .single-history i {
        font-size: 35px;
        margin-bottom: 15px
    }
    .works-history-area .works-history .single-history .heading3 {
        font-size: 18px
    }
    .works-history-area .works-history .single-history .count {
        font-size: 17px
    }
    #map {
        height: 300px
    }
	.blog-page-area .blog-page {
		padding: 10px 0;
	}
	.blog-page-area .blog-page .blog-page-posts .single-post {
		margin-bottom: 0;
	}
	.blog-page-area .blog-page .blog-page-posts .single-post h2, .blog-page-area .blog-page .blog-page-posts .single-post h3 {
		margin-bottom: 0;
	}
    .blog-page-area .blog-page .blog-page-posts .single-post h2 a {
        font-size: 20px
    }
    .blog-page-area .blog-page .blog-page-widget {
        display: none
    }
	.comments {
		margin: 0 0 10px;
	}
	.single-comments-reply {
		margin-left: 25px;
		margin-top: 35px;
	}
	.footer-area {
		padding: 30px 0 10px;
	}
    .footer-area .footer .single-footer {
        text-align: center;
        overflow: hidden;
        margin-bottom: 15px
    }
    .footer-area .footer .single-footer .seline-border {
        margin: 10px auto
    }
    .footer-area .footer .single-footer.flicker-image ul li {
        width: 25%
    }
    .footer-area .footer .single-footer.flicker-image ul li a img {
        width: 100%;
        height: 100%
    }
}
.primary-bg-area {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: none;
    box-shadow: none;
}


/* social buttons */

.social-buttons {
    position: fixed;
    width:50px;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 200;
}

.social-buttons li {
    padding:0px 2px 2px 2px;
    width: 50px;
    height: 50px;
}

.social-buttons li:first-child {
    padding-top:2px;
    height:52px;
}

.social-buttons li a {
    display: block;
    height: 48px;
    width: 46px;
    background-color: #fe942b;
    line-height: 48px;
    font-size: 31px;
    text-align: center;
}

.social-buttons li a:hover {
    color: #fe942b;
    background-color: #fff !important;
}

.social-buttons li a.facebook {
    background-color: #385998;
}

.social-buttons li a.facebook:hover {
    color: #385998;
}

.social-buttons li span.fblike{
    display: block;
    height: 48px;
    width: 46px;
    line-height: 48px;
    font-size: 31px;
    text-align: center;
    overflow:hidden;
    background-color: #4267b2;
}

.social-buttons li span.fblike:hover{
    background-color: #385998;
}

.social-buttons li a.allegro {
    background-color: #ff5a00;
    background-image: url('/bundles/frontbase/images/social/allegro_inv_min.png');
}

.social-buttons li a.allegro:hover {
    color: #ff5a00;
    background-image: url('/bundles/frontbase/images/social/allegro_min.png');
}

.social-buttons li a.socemail {
    background-color: #dd4b39;
}

.social-buttons li a.socemail:hover {
    color: #dd4b39;
}

/* nav */

.navbar-brand.main-logo {
    font-family: 'Arial Black';
    font-size: 28px;
    line-height: 33px;
    font-weight: bold;
    text-transform: none;
    letter-spacing: -0.1px;
}

.header-area.no-background {
    height: auto !important;
}

.navbar-brand>img {
    height:35px;
}

.language-change {
    padding-top:20px;
}

.language-change a{
    padding: 0px 0px 3px 0px !important;
    height: 20px;
}

.language-change:hover a:after{
    content:none !important;
}

.language-change a img{
    height:100%
}

.navbar-default .navbar-brand {
    height: 48px;
    padding: 7px 25px;
}

.header-area .navbar-right li a {
    padding: 12px 15px 15px 15px;
    cursor: pointer;
}

.header-area .navbar-right li a:after {
    bottom: -10px;
}

.lang_separator span {
    margin: 12px 0px 13px -5px;
    display: inline-block;
}

.lang_separator span:after {
    border-left: 2px solid #ff7f50;
    content: '';
}

.languages-dropdown-mobile {
    display:none !important;
}

.languages-dropdown .dropdown-menu {
    min-width: 70px;
}

.languages-dropdown .dropdown-menu li {
    text-align: center;
}

.header-area .navbar-right li.languages-dropdown a.language-toggle {
    padding: 0 0 0px 2px;
    font-size: 13px;
    margin-top: -5px;
    margin-bottom: -1px;
    line-height: 14px;
}

.languages-dropdown a:after {
    content: none !important;
    border:none !important;
}

.header-area .navbar-right li.languages-dropdown a.language-toggle-up {
    margin-top: 1px;
    margin-bottom: -4px;
}

ul.language-menu {
    overflow: hidden;
    margin-left: 1px;
    width: 36px;
}

.language-menu li {
    display: none;
}

.language-menu li.current {
    display: list-item;
}

.header-area .navbar-right li.languages-dropdown:hover a {
    color: #f5f6f1;;
}

.header-area .navbar-right li.languages-dropdown a:hover {
    color: #ff7f50;
}

a.language-arrow {
    width:20px;
    height:7px;
    overflow:hidden;
    background-image: url('/bundles/frontbase/images/saulenia_arrow.png');
    background-size: 20px 28px;
    text-indent: -9999px;
    padding:0 !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}

a.language-arrow-up {
    background-position: -1px -14px;
    margin: 4px 0 0 5px !important;
}

a.language-arrow-down {
    background-position: -1px -21px;
    margin: 0px 0 0 5px !important;
}

a.language-arrow-up:hover {
    background-position: -1px 0px;
}

a.language-arrow-down:hover {
    background-position: -1px -7px;
}


@media  (max-width: 425px) {
    .lang_separator {
        display: none !important;
    }
    
    .slicknav_menu .slicknav_btn.slicknav_collapsed, .slicknav_menu .slicknav_btn.slicknav_open {
        padding: 4px;
    }
    
    .slicknav_menu {
        top: 2px;;
        z-index: 30;
    }
    
    .slicknav_menu .slicknav_nav {
        background: rgba(0, 0, 0, 1);
    }
    
    .footer-bottom-area .footer-bottom p {
        text-align: left;
    }
    
    .languages-dropdown {
        display:none !important;
    }
    
    .languages-dropdown-mobile {
        display:block !important;
    }
}

@media  (max-width: 320px) {    
    .footer-bottom-area .footer-bottom p {
        font-size: 13px;
    }
}

a.lang_link {
    padding-left: 0px !important;
    padding-right: 2px !important;
}

.header-area .seline-navbar{
    z-index: 25 !important;
    position:relative;
}

.header-area .seline-carousel .carousel-inner .item img {
    width: auto;
    height: 100vh;
    min-width: 100%;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: none;
    height: auto;
}

.search_form {
    text-align: center;
}

.search_form input {
    display: inline-block;
    margin:4px;
    border-radius: 14px;
    padding: 9px 0px 9px 14px;
    background: #ffffff url('/bundles/frontbase/images/topsearchb.png') no-repeat right 14px center;
    color:#000;
}

@media  (max-width: 767px) {
    .search_form input {
        width:214px;
    }
}



/* footer */

.footer-bottom-area.home {
    margin-top: -77px;
    background: rgba(20,20,20,1);
    z-index: 20;
    position: relative;
}

.footer-bottom-area {
    position: fixed;
    z-index: 24;
    bottom: 0px;
    width: 100%;
    padding: 13px 0;
}

.footer-bottom-area .footer-social-links {
    position: absolute;
    top:11px;
    right:6%;
    padding: 0 0;
}

.footer-bottom-area .footer-social-links ul {
    display:block;
}

.footer-bottom-area .footer-social-links ul>li {
    display:inline-block;
    overflow:hidden;
    height:30px;
    margin-right:3px;
}

.footer-bottom-area .footer-social-links ul>li a {
    display:inline-block;
    color: #000;
    width: 27px;
    height: 27px;
    text-align: center;
    font-size:21px;
    padding: 0 2px 0 0;
    background-color: #e5e5e5;
    border-radius: 1px;
    line-height: 29px;
    position: relative;
}

.footer-bottom-area .footer-social-links ul>li a i {
    position: absolute;
    top:5px;
    left:7px;
}

.footer-bottom-area .footer-social-links ul>li a:hover {
    background-color: #fe942b;
}

.footer-bottom-area .footer-social-links .allegro-icon-link {
    padding: 5px 0px 0px 2px;
}
.footer-bottom-area .footer-social-links .allegro-icon {
    width:25px;
    /*height:23px;*/
    background-image: url('/bundles/frontbase/images/social/allegro_a.svg');
    /*margin: 1px 0px 0px 2px;*/
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 3px 1px;
    display: block;
    top:5px;
    left:2px;
}

.footer-bottom-area .footer-bottom p {
    font-size: 11px;
    line-height: 20px;
}

/* page */

.header-area.blog-page, .header-area.portfolio-page, .header-area.about-page, .header-area.contact-page, .header-area.pricing-table, .header-area.tab-page, .header-area.progress-page, .header-area.collapse-page, .header-area.button-page, .header-area.shortcode-page, .header-area.all-pages-header {
    height: 27vh;
    background-position: 50% -363px;
}


/* index */

.header-area .seline-carousel .carousel-inner .item .carousel-caption {
    top: 20%;
}

.header-area .header-content h2 {
    font-size: 58px;
    text-transform: none;
}

@media  (max-width: 767px) {
    .header-area .header-content h2 {
        font-size: 33px;
    }
}

.header-area .seline-navbar {
    background-color: rgba(0, 0, 0, 1);
}

.background-overlay {
    background-color: transparent;
}

.seline-btn-clean {
    background-color: rgba(29, 28, 27, 0.84);
}

.seline-btn-clean:hover {
    background-color: rgba(255, 127, 80, 0.84);
    border:1px solid rgba(255, 127, 80, 0.7);
}


/* products */

.single-portfolio a:focus {
    outline: 0 !important;
}

#categories_container {
}

.single-widget.categories {
    background-color: #000;
    border-radius: 5px;
    margin:12px;
    top: 51px;
    position: fixed;
    max-height: 80%;
    overflow-y: auto;
    width: 17%;
    min-width: 250px;
    left: 31px;
}

@media  (max-height: 550px) {
    .single-widget.categories {
        max-height: 70%;
    }
}

@media  (max-width: 425px) {
    .single-widget.categories {
        position: static;
        width:94%;
        height:40vh;
    }
}


.jspVerticalBar {
    width: 11px;
    background-color: #ccc;
}

.jspTrack {
    background-color: #888888;
}

.jspDrag {
    background-color: #888888;
    padding: 4px 2px 4px 2px;
}

.jspDragTop {
    height: 100%;
    width: 100%;
    margin: 0;
    background-color: #545454;
    border-radius: 5px;
}

.jspDragBottom {
    display: none;
}

.single-widget.categories ul {
    padding:5px 0 0 0;
}

.single-widget.categories li {
    padding:5px 22px;
}

.single-widget.categories li a {
    color: #ffffff;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    width:100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #696969;
    display: inline-block;
}

.single-widget.categories li a:hover, .single-widget.categories li a.active {
    color: #ff7f50;
}


.single-widget.categories li:last-child a {
    border-bottom: none;
}

.products-can-scroll {
    position:fixed;
    height:22px;
    z-index:10;
    text-align: center;
}

.products-can-scroll a {
    cursor:pointer;
    color:#000;
}

#products-can-scroll-top {
    top:53px;
}
#products-can-scroll-bottom {
    bottom:49px;
}




/*.single-widget.categories a {
    color: #ff7f50;
    padding: 7px 20px;
    display: inline-block;
    background-color: #000;
    width: 100%;
    margin-top: 2px;
    font-size: 19px;
}
.single-widget.categories a:hover {
    color: #23527c;
}*/

.header-area.seline-bg4 {
    background-image: url('/bundles/frontbase/images/slider/1_jakosc.jpg');
}
.header-area.seline-bg5 {
    background-image: url('/bundles/frontbase/images/slider/3_doswiadczenie.jpg');
}
.header-area.seline-bg6 {
    background-image: url('/bundles/frontbase/images/slider/2_rozwiazania.jpg');
}

.primary-bg-area .primary-bg {
    padding: 0;
    padding-bottom: 44px;
}

 .portfolio .img-responsive{
    width: 100%;
}

.portfolio-area-nomixitup .portfolio .single-portfolio-image .background-overlay {
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 320ms ease;
    -moz-transition: all 320ms ease;
    -ms-transition: all 320ms ease;
    -o-transition: all 320ms ease;
    transition: all 320ms ease;
    cursor:pointer;
}

.modal-backdrop.in {
    filter: alpha(opacity=88);
    opacity: .88;
}

.portfolio-area-nomixitup .modal .modal-content {
    background-color: transparent;
    border:none;
    box-shadow: none;
}
.portfolio-area-nomixitup .modal .modal-header {
    border:none;
}
.portfolio-area-nomixitup .modal .modal-body{
    min-width: 300px;
    width: 50%;
    margin: 0 auto;
    color: #f5f6f1
}

@media (max-width: 1280px){
    .portfolio-area-nomixitup .modal .modal-body{
        width: 753px;
    }
}
@media (max-width: 768px){
    .portfolio-area-nomixitup .modal .modal-body{
        width: 100%;
    }
}

.portfolio-area-nomixitup .modal .modal-title{
    font-size: 27px;
}

.portfolio-area-nomixitup .modal .product-description{
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    margin: 23px 0 40px 0;
    text-align: justify;
}

.portfolio-area-nomixitup .close {
    font-size: 31px;
    color:#fff;
    opacity: .9;
}
.portfolio-area-nomixitup .navbar-header {
        margin: -77px 0 0 17px;
}

@media (min-width: 768px){
    .portfolio-area-nomixitup .modal-dialog {
        width: 100%;
        margin: 56px auto;
    }
}

.product-description table {
    background-color: #525252;
    width: 100%;
}
.product-description table th{
    padding:6px;
    background-color: #323232;
}
.product-description table td{
    padding:4px 4px 4px 8px;
}

.product-description table tr:nth-child(2n){
    background-color: #727272;
}

.product-description table td, .product-description table th{
    border: 1px solid #fff;
}


/* contact */

#contact-wrapper {
    position:relative;
}

#contact-info {
    position: absolute;
    width: 17%;
    min-width: 265px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 5px;
    top: 23%;
    left: 43px;
    z-index: 12;
    min-height: 67%;
}

@media  (max-height: 744px) {
    
/*    #contact-info {
        top:0px;
        bottom:0px;
        left: 0px;
        border-radius: 0px;
    }*/
}

.contact_info_m {
    padding:20px;
    color: #fff;
    font-size:18px;
    font-family: "Roboto Condensed", sans-serif;
}

@media  (max-height: 564px) and (min-width: 426px) {
    
    .contact_info_m {
        padding: 0px 21px;
        font-size: 16px;
        margin-top:-20px;
    }
}

.contact_info_m p{
    margin-top:35px;
}

.contact_info_m a.color{
    color: #fe942b;
}

.contact_info_m a:hover {
    text-decoration: underline;
}

#map {
    height: 87vh;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#map .img_container{
    position: absolute;
}

#map img{
    width:100%;
    height:100%;
}

#dot_container {
    position: absolute;
    background: #45453f;
    z-index:20;
    margin-top: -6px;
    margin-left: -10px;
}

.pulse {
    width: 20px;
    height: 20px;
    border: 5px solid #fe942b;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #716f42;
    z-index: 10;
    position: absolute;
}

.dot {
    border: 10px solid #fe942b;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 40px;
    width: 40px;
    -webkit-animation: pulse 2s ease-out;
    -moz-animation: pulse 2s ease-out;
    animation: pulse 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 1;
    opacity: 0;
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -moz-transform: scale(0.3);
        opacity: 0.3;
    }
    50% {
        -moz-transform: scale(0.6);
        opacity: 0.8;
    }
    75% {
        -moz-transform: scale(0.8);
        opacity: 0.3;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@-webkit-keyframes "pulse" {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }
    25% {
        -webkit-transform: scale(0.3);
        opacity: 0.3
    }
    50% {
        -webkit-transform: scale(0.6);
        opacity: 0.8;
    }
    75% {
        -webkit-transform: scale(0.8);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}

@media  (max-width: 425px) {
    
    #map {
        height: 40vh;
        display:none;
    }
    #contact-info {
        position: static;
        width: 100%;
        border-radius: 0px;
        padding-bottom: 27px;
    }
    
    #contact-info {
        background-color: rgba(0, 0, 0, 0.85);
    }
}

/* about us */

.about-us-area {
    width: 100%;
    height:100vh;
    background-image: url('/bundles/frontbase/images/onas_bg3.jpg');
    background-size: auto 100%;
    background-position: 86% 0%;
    position:relative;
}



@media  (min-width: 1025px) {

    .about-us-area {
        background-position: 86% 0%;
    }
}

#aboutus-info {
    position: absolute;
    width: 54%;
    min-width: 250px;
    background-color: rgba(0, 0, 0, 0.65);
    border-radius: 5px;
    top: 19%;
    left: 6%;
    z-index: 12;
    min-height: 67%;
    max-width: 715px;
}

.aboutus_info_m {
    padding: 50px;
    color: #fff;
    font-size: 25px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: 44px;
}

@media  (max-height: 880px) {
    
    .aboutus_info_m {
        padding: 40px;
        font-size: 23px;
        line-height: 37px;
    }
}


@media  (max-width: 1279px) {
    
    .aboutus_info_m {
        padding: 40px;
        font-size: 21px;
        line-height: 35px;
    }
}

@media  (max-width: 1023px) {
    
    .aboutus_info_m {
        padding: 35px;
        font-size: 18px;
        line-height: 27px;
    }
}

@media  (max-height: 727px) and (max-width: 767px) {
    
    #aboutus-info {
        width: 100% !important;
        height: auto !important;
        border-radius: 0px !important;
        top: 0 !important;
        left: 0 !important;
        background-color: rgba(0, 0, 0, 1);
        max-width: none;
        min-height: 100%;
    }
    
    .aboutus_info_m {
        padding: 55px 12px;
        font-size: 16px;
    }
}


/* news */

#news {
    margin-bottom:45px;
}

#news .news-article {
    width:50%;
    float:left;
    height:33vh;
    position:relative;
    background-repeat: no-repeat;
    background-size: cover;
}

#news .news-article.first-article {
    width:100%;
    height:57vh;
}

#news .news-article h2, #article .news-article h1 {
    color:#fff;
    text-shadow: 2px 2px 4px #000;
    position:absolute;
    left:5%;
    bottom:10%;
}

#article .article-image {
    width:100%;
    height:45vh;
    position:relative;
    background-repeat: no-repeat;
    background-size: cover;
}


#article .news-content{
    padding: 20px;
}
    
.social-share-buttons {
    clear:left;
    margin-top: 24px;
}

.social-share-buttons-soap {
    display: block;
    float: left;
    padding-right: 6px;
}

@media (max-width: 767px){
    #news .news-article, #news .news-article.first-article {
        width:100%;
        height:33vh;
    }
    
    #news .news-article h2, #article .news-article h1 {
        font-size:20px;
    }
    
}