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

-------------------------------------------------------------------*/


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

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

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

1. Body / Typography
2. 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: "Roboto Condensed", sans-serif;
    position: relative;
}

a {
    color: #030400;
}

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;
    color: #2f7f4f;
    line-height: 1.5em;
    font-family: "Roboto Condensed", sans-serif;
}

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

.subtitle {
    font-size: 40px;
    color: #2f7f4f;
    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: #2f7f4f;
    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: #2f7f4f;
    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: #2f7f4f;
}

.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: #2f7f4f;
}

.heading3 {
    color: #2f7f4f;
    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: 18px;
    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(234, 231, 231, 0.3);
}

.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: #2f7f4f;
    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: 18px;
    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: scroll;
    /* 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 #2f7f4f;
}

.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(../css/images/homepagina_foto_1600.jpg);
    height: 69vh;
    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;
}
html { 
  background: url(../css/images/homepagina_foto_1600.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.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(../images/brug.jpg);
}

.header-area.seline-bg3 {
    background-image: url(../images/brug.jpg);
}

.header-area.seline-bg4 {
    background-image: url(../css/images/homepagina_foto_1600.jpg);
    
}

.header-area.seline-bg5 {
    background-image: url(../images/brug.jpg);
    
}

.header-area.seline-bg6 {
    background-image: url(../images/brug.jpg);
   
}

.header-area.seline-bg7 {
    background-image: url(../images/brug.jpg);
   
}

.header-area.personal-page {
    background-image: url(../images/brug.jpg);
}

.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(210, 208, 208, 0.1);
    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: #2f7f4f;
}

.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: #2f7f4f;
}

.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: #2f7f4f;
}

.header-area .navbar-right li a {
    font-family: "Roboto Condensed", sans-serif;
    color: #000000;
    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: #2f7f4f;
    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: #2f7f4f;
}

.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: #2f7f4f;
    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: #2f7f4f;
}

.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: #f5f6f1;
    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('images/maastricht_brug.jpg');
    position: relative;
}

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

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

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

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

.subscribe-area .subscribe i {
    color: #2f7f4f;
    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: #2f7f4f;
}


/*
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: #2f7f4f;
    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: #2f7f4f;
}


/*
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: #2f7f4f;
}

.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: #2f7f4f;
    background-color: transparent;
    border: none;
}

.blog-page-area .blog-page .blog-page-posts .pagination li.active a {
    background: #2f7f4f;
    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: #2f7f4f;
}


/*
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: #2f7f4f;
    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 #2f7f4f;
}

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

@media (max-width: 767px) and (min-width: 481px) {

.header-area.seline-bg4 {

    background-size:contain;

}

.seline-parallax {

    background-attachment: initial;
}
}