/* =============================================
------------------- 4.Content -----------------
==============================================*/

/* #content { width:100%; padding:0 0 40px; } */
#content { width:100%;  }

.no-padding { padding:0 !important; }

.no-margin { margin:0 !important; }

.no-overflow { overflow: hidden !important; }

.no-padding-bt { padding-bottom:0 !important; }

@media (min-width: 992px) { /* container-fulid give a larger padding */
    #content .container-fluid.no-padding { padding:0; }

}

@media (min-width: 992px) { /* container-fulid give a larger padding */
    #content .container-fluid { padding-left:30px; padding-right:30px; }

}

.bg-image { position: relative; -webkit-background-size: cover; background-size: cover; background-position: center; }

.parallax,
.parallax-fixed { position: relative; -webkit-background-size: cover; background-size: cover; background-position: center; /* to prevent empy bg area*/
    background-repeat: repeat-y; }

.parallax { background-attachment: scroll; }

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

.parallax-container { overflow:hidden; position: relative; }

.parallax-container .parallax { position: absolute; top:-25%; height:150%; left:0; right:0; z-index: 1; }

.parallax-container .container,
.parallax-container .container-fluid { position: relative; z-index: 2; }

.overlay-container .overlay { position: absolute; left:0; right:0; top:0; bottom:0; z-index: 1; display: block; background: #fff; opacity:0.4; }

.overlay-container .overlay.dark { background-color: #2a2a2a; opacity: 0.15; }

.overlay-container .overlay.darker { background-color: #2a2a2a; opacity: 0.2; }

.overlay-container .overlay.custom { opacity: 0.15; }

.overlay-container .container,
.overlay-container .container-fluid { position: relative; z-index: 2; }


/* vertical center with display table */
.vcenter-container { display:table; width:100%; height:100%; }

.vcenter { display:table-cell; vertical-align: middle; }

/* Page Header Styles */
.page-header { padding:30px 0 10px; margin: 0 0 40px; border-bottom: none; background-color: #fff; border-bottom:1px solid #eaeaea; }

.page-header.fullscreen { padding:0; }

.page-header.parallax { border-bottom:none; }

.page-header.homepage-page-header { position: relative; padding:0; }

.page-header.no-margin { margin:0 !important; }

.page-header.no-border { border:none; }

.page-header.larger,
.page-header.larger2x { padding:32px 0; }

.page-header h1 { margin-bottom:14px; }

.page-header-desc { margin-bottom:10px; color:#7a7a7a; font-size:15px; }

.page-header.largest { padding-top:180px; padding-bottom:20px; }

.page-header.half-largest { padding-top:130px; padding-bottom:20px; }

@media (min-width:768px) { .page-header { padding:35px 0 20px; margin-bottom:60px; }

    .page-header-desc { margin-bottom:20px; font-size:16px; }

    .page-header.largest { padding-top:240px; padding-bottom:30px; }

    .page-header.half-largest { padding-top:170px; padding-bottom:30px; }

    .page-header.larger2x { padding:50px 0; }
}

@media (min-width:992px) { .larger-desc .page-header-desc { margin-bottom:0; }

    .page-header .col-md-6 h1 { margin-bottom:0; }

    .page-header.larger-desc .col-md-6 h1 { margin-bottom:10px; }

    .page-header .col-md-6 .breadcrumb { margin-bottom:0; }

    .page-header .col-md-push-6{ text-align: right; }

    .page-header .col-md-6 .breadcrumb { margin:2px 0; text-align: right; }

    .page-header.larger-desc .col-md-6 .breadcrumb { margin:20.5px 0; }

    .page-header .col-md-6.col-md-pull-6 .breadcrumb { text-align: left; }
}

.breadcrumb { padding: 0; margin-bottom: 0; background-color: transparent; border-radius: 0; }

.breadcrumb > li { font-size:14px; font-weight: 600; }

.breadcrumb > li + li:before { padding: 0 8px; color: #aaa; }

.breadcrumb > li > a { color:#898989; }

.breadcrumb > .active { color: #6a6a6a; }


/* Image bg  + dark page headers */
.page-header.parallax h1,
.page-header.parallax h2,
.page-header.parallax h3 { color:#f1f1f1; }

.page-header.parallax .page-header-desc { color:#e1e1e1; }

.page-header.parallax .breadcrumb > li > a { color:#f1f1f1; }

.page-header.parallax .breadcrumb > li > a:hover,
.page-header.parallax .breadcrumb > li > a:focus { color:#fff; }

.page-header.parallax .breadcrumb > li + li:before,
.page-header.parallax .breadcrumb > .active { color: #e1e1e1; }

/* Page Header Dark (Same color scheme with footer-inverse class and navbar-inverse class)*/
.page-header.dark { background-color: #2a2a2a; border-bottom-color:#1e1e1e; }

.page-header.dark h1,
.page-header.dark h2,
.page-header.dark h3 { color:#bebebe; }

.page-header.dark .page-header-desc { color:#8a8a8a; }

.page-header.dark .breadcrumb > li + li:before { color: #8a8a8a; }

.page-header.dark .breadcrumb > li > a { color:#9a9a9a; }

.page-header.dark .breadcrumb > li > a:hover,
.page-header.dark .breadcrumb > li > a:focus { color:#fafafa; }

.page-header.dark .breadcrumb > .active { color: #bababa; }

/* Image bg  + dark page headers */
.page-header.parallax.dark h1,
.page-header.parallax.dark h2,
.page-header.parallax.dark h3 { color:#3e3e3e; }

.page-header.parallax.dark .page-header-desc { color:#5e5e5e; }

.page-header.parallax.dark .breadcrumb > li > a { color:#3e3e3e; }

.page-header.parallax.dark .breadcrumb > li > a:hover,
.page-header.parallax.dark .breadcrumb > li > a:focus { color:#2e2e2e; }

.page-header.parallax.dark .breadcrumb > .active { color: #5e5e5e; }

/* Page Header Gray (Same color scheme with footer-default class and navbar-default class)*/

.page-header.gray { background-color: #eaeaea; border-bottom-color:#d7d7d7; }

.page-header.gray h1,
.page-header.gray h2,
.page-header.gray h3 { color:#8a8a8a; }

.page-header.gray .page-header-desc,
.page-header.gray .breadcrumb > .active,
.page-header.gray .breadcrumb > li + li:before{ color:#6a6a6a; }

.page-header.gray .breadcrumb > li > a { color:#8a8a8a; }


/* Page Header Gray (Same color scheme with footer-custom class and navbar-custom class)
        - Changes duo to color scheme
*/
.page-header.custom h1,
.page-header.custom h2,
.page-header.custom h3 { color:#eaeaea; }

.page-header.custom .page-header-desc,
.page-header.custom .breadcrumb > .active,
.page-header.custom .breadcrumb > li + li:before{ color:#eaeaea; }


.page-header.custom .breadcrumb > li > a { color:#cacaca; }

.page-header.custom .breadcrumb > li > a:hover,
.page-header.custom .breadcrumb > li > a:focus { color:#fafafa; }


/* Title Styles - elements-titles.html */
.title-border { padding:0 0 0 0.8em; border-left:4px solid transparent; }

.title-border.text-right,
.text-right > .title-border { padding:0 0.8em 0 0; border-left:none; border-right:4px solid transparent; }

.title-border.text-center,
.text-center > .title-border{ padding:0; border:none; }

.title-block .title-border { margin-bottom:10px; }

.title-border > span { display:inline-block; background-color: #fff; position: relative; z-index:1; }

.bg-dark .title-border > span { background-color: #2a2a2a; }

.bg-gray .title-border > span { background-color: #e1e1e1; }

.bg-lightgray .title-border > span { background-color: #f2f2f2; }

.bg-lightergray .title-border > span { background-color: #fafafa; }

.bg-darkgray .title-border > span { background-color: #b7b7b7; }

.title-border.text-center > span,
.text-center > .title-border > span  { padding:0 0.8em; border-left:4px solid transparent; border-right:4px solid transparent; }

.title-bg-line,
.title-underline { position: relative; }

.title-border.title-bg-line,
.title-border.text-center.title-bg-line,
.title-border.title-bg,
.title-border.text-center.title-bg { padding:0; }

.title-bg-line > span,
.title-bg > span { padding:0 0.8em; }

.title-bg-line:after { content:''; display:block; height:1px; background-color: transparent; position: absolute; top:50%; left:0; right:0; z-index:0; }

.title-block .title { margin-bottom:10px; }

.title > .light,
.title-block .light,
.title-underblock > .light { font-weight: normal; }

.title-underblock { position: relative; padding-bottom:0.6em; }

.title-block .title-underblock { margin-bottom: 10px; padding-bottom:0.4em; }

.title-bottom-border { border-bottom:1px dashed transparent; }

.title-bottom-border.dashed { border-bottom-style: dashed; }

.title-bottom-border.dotted { border-bottom-style: dotted; }

.title-underblock:after { content:''; display:block; width:50px; height:3px; background-color: transparent; position: absolute; bottom:-2px; left:0; }

.title-underblock.title-bottom-border:after { height:5px; bottom:-3px; }

.title-underblock.text-center:after,
.text-center > .title-underblock:after  { left:50%; margin-left:-25px; }

.title-underblock.text-right:after,
.text-right > .title-underblock:after{ left:auto; right:0; }

.title-block { margin-bottom:30px; }

.title-block > p { font-size:1.1em; }

/* Dark - Black Colored border*/
.title-border.dark,
.title-border.text-right.dark,
.title-border.text-center.dark > span,
.title-bottom-border.dark { border-color: #505050; }

.title-border.title-bg.dark,
.title-bg-line.dark:after,
.title-underblock.dark:after { background-color: #505050; }

/* Gray  Colored border*/
.title-border.gray,
.title-border.text-right.gray,
.title-border.text-center.gray > span,
.title-bottom-border.gray  { border-color: #eaeaea; }

.title-border.title-bg.gray,
.title-bg-line.gray:after,
.title-underblock.gray:after { background-color: #eaeaea; }

/* White Colored border*/
.title-border.white,
.title-border.text-right.white,
.title-border.text-center.white > span,
.title-bottom-border.white  { border-color: #fff; }

.title-border.title-bg.white,
.title-bg-line.white:after,
.title-underblock.white:after { background-color: #fff; }