.sp-page-title {
background-image: url(/images/batak-reservoir.jpg);
background-position: 50% 440px !important;
padding: 16px 0;
}
.sp-page-title h2, .sp-page-title h3 {
   text-shadow: 2px 2px 4px #050;
}
.et-contact-form button:hover,
.qx-progress-bar,
#et-slider .tp-caption a,
.et-about-bottom,
.et-history-item-center i,
.projects-filter a.selected,
.projects-filter a:hover,
.et-about-item:hover i,
.et-pricing .table-footer,
.et-contact-form button,
.et-features-item,
#sp-header, #et-magic,
#et-something-button,
#et-countdown,
#et-drop-cap,
.et-sub-build-item:hover {
background-color: #2196f3 !important;
}
.post-format {
background: #2196f3;
visibility: hidden;
}
#sp-header a img {
margin-top: 0px;
max-height: 64px;
}
#sp-header, body.com-quix #sp-main-body > .container {
width: 100%!important;
max-width: 100%;
}
.get-it-now-box a {
background: #ea8f7f;
color: #fff;
font-weight: bold;
position: fixed;
bottom: 0;
margin: 10px;
z-index: 999;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.get-it-now-box a:hover {
background: #2ea3f2;
color: #fff;
}
#sp-header,
body.com-quix #sp-main-body > .container {
width: 100%!important;
}
div.qx-section {
margin-left: 0!important;
max-width: 100%!important;
}
div.qx-container {
max-width: 100%!important;
}
#sp-component {
padding: 0;
}
#sp-cookie-consent.position-bottom_left {
left: 5px;
bottom: 70px;
}
#sp-header, body.com-quix #sp-main-body > .container {
width: 100%!important;
max-width: 100%;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
color: #fff;
background-color: rgb(0 90 0 / 60%);
}
.sp-megamenu-parent {
float: right
margin-top: 5px;
background-color: #8bbe38;
opacity:0.8;
}
.sp-megamenu-parent > li > a {
font-size:1.1em !important;
padding: 0 8px !important;
text-transform: none !important;
}
@media (max-width: 1199px) and (min-width: 980px) {
.sp-megamenu-parent > li > a {padding: 0 5px!important;}
}

/****** LOGO ***/
#sp-logo .logo {
margin-left: 10px;
padding-top: 0;
opacity:0.8;
}
.sp-scroll-up {
bottom: 15px;
right: 250px;
}
#sp-header, body.com-quix #sp-main-body > .container {
width: 100%!important;
max-width: 100%;
}
body {background-color:#fff;}
.coming-soon-title {color:#fff;}
.coming-soon-content {color:#add8e6;}
html.coming-soon #coming-soon-countdown {
margin-top: 7rem;
color:#add8e6;
}
#sp-menu > div > nav > ul {
background-color: #8bbe38;
opacity:0.8;
}
#offcanvas-toggler {
line-height: 87px;
font-size: 32px;
top: 0;
position: relative;
z-index: 101;
}
#offcanvas-toggler > .fa {
border: 2px solid #aacb24;
padding: 4px;
background-color: #005500;
margin-right: 10px;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
color: #fff;
}
#offcanvas-toggler >i {
color: #fff!important;
}
.btn-primary, .sppb-btn-primary {
border-color: #2196f3 !important;
background-color: #2196f3 !important;
}
span.star {color:#ff0000;}

/* compojoom hotspots */
.hs-map-card-container.single-view.box-shadow {box-shadow: none;}
.hs-toolbar {margin-bottom: 2em;}
.hs-tab-list-item {background: none repeat scroll 0 0 #004b91;}
.hs-tab-list-item h3 {color: #ffffff;}
.hs-active-filters img {width: 100%;}
.hs-toolbar-separator::before {content: none;margin: 0;}
.hs-hotspots-overview img {max-width: 240px !important;}
.compojoom-bootstrap .hs-tabs ul li a {color: #51a351;}
.compojoom-bootstrap .btn {
text-shadow: none;
background-color: #2d7d2a;
background-image: none;
background-repeat: none;
border: 1px solid #2d7d2a;
border-bottom-color: #a2a2a2;
}
.compojoom-bootstrap .hs-toolbar .btn-mini {
background-color: #2d7d2a;
border: 2px solid #2d7d2a;
border-radius: 4px;
color: #fff;
font-size: 1em;
margin: 0;
padding: 0.25em;
}
.compojoom-bootstrap .form-actions {
padding: 10px;
margin-top: 12px;
margin-bottom: 12px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
}
div.form-actions a.btn_back {
background-color: #2d7d2a;
background-image: url("../images/left_16.png");
background-position: 4px 4px;
background-repeat: no-repeat;
border: 1px solid #2d7d2a;
border-radius: 4px;
color: #FFFFFF;
float:right;
margin: 0;
padding: 0 32px;
text-decoration: none;
}
div.form-actions a.btn-back:hover {
text-decoration: underline;
}
div.ecopatrol_office_bg_map div.thumbimage {
width:360px;
position:relative;
margin:auto;
border:none;
}
div.ecopatrol_office_bg_map div.caption {
text-align: center;
font-size: small;
font-style: italic;
}
.compojoom-bootstrap p {
margin: 0 0 9px;
text-align: justify;
text-indent: 1em;
}
.hs-hotspots-overview-short, .hs-hotspots-overview {
color: #fff;
}
/*
.compojoom-bootstrap .row-fluid [class*="span"]:first-child {
margin-left: 1em;
}
*/
.hs-tab-content-region {
min-height: 600px;
}
div.hs-place-summary div.hs-hotspots-overview-short span span.fa.fa-angle-double-down {
color:#2d7d2a;
font-size:2em;
}
div.hs-place-summary div.hs-hotspots-overview section.hs-hidden,
div.hs-place-summary div.hs-hotspots-overview section.nobossvideogallery.nobossvideogallery--model2.nb-full-width.app-controller,
div.hs-place-summary div.hs-hotspots-overview div.nobossvideogallery__modal-overlay {
visibility:hidden;
display:none;
}

.compojoom-bootstrap .small {
font-size: 12px;
padding: 10px;
line-height: 14px;
}
.compojoom-bootstrap .btn {
color: #fff;
background-color: #51a351;
border-radius:4px;
font-size: 14px;
}
.compojoom-bootstrap .btn:hover,
.compojoom-bootstrap .btn-link:hover {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #5bb75b;
background-image: linear-gradient(to bottom,#62c462,#51a351);
background-repeat: repeat-x;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
div.img_caption.none img.caption {
border: 1px solid #2196f3;
border-bottom: none;
}
p.img_caption {
font-style: italic;
font-size: 90%;
line-height: 1em !important;
text-align: center !important;
text-indent: 0 !important;
border: 1px solid #2196f3;
padding: 1em;
border-top: none;
}
label {
display: inline-block;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  padding: 5px 0px 5px 10px;
}

div.slim-status div.slim-label p {
color: #0075ff;
font-size: 90%;
background: #eee;
opacity: 0.8;
}
.error-page .error-message {
color: #fff;
background: #f08080;
padding: 16px;
border-radius: 6px;
}
div.control-group.hs-language div.control-label {
clear:both;
}
div#hs.compojoom-bootstrap div#js-hs-main-app.hotspots.hs-main-region div div#js-menu-region.hs-menu-region div#slide_menu.slide_menu div#js-tabs-region.hs-tab-region div#js-hs-tab-container.ui-tabs.ui-widget.ui-widget-content.ui-corner-all section#js-hs-tabs-content.hs-tabs-content div div#tabs-2.hs-tab-content.ui-tabs-panel.ui-widget-content.ui-corner-bottom div#hs-tab-content-region-2.hs-tab-content-region div div#js-hs-tab-filter-region div div.hs-filters div.row-fluid.hs-filters-actions.muted.small span.pull-right.js-hs-filter-counter.fa.fa-map-marker,
div#hs.compojoom-bootstrap div#js-hs-main-app.hotspots.hs-main-region div div#js-menu-region.hs-menu-region div#slide_menu.slide_menu div#js-tabs-region.hs-tab-region div#js-hs-tab-container.ui-tabs.ui-widget.ui-widget-content.ui-corner-all section#js-hs-tabs-content.hs-tabs-content div div#tabs-2.hs-tab-content.ui-tabs-panel.ui-widget-content.ui-corner-bottom div#hs-tab-content-region-2.hs-tab-content-region div div#js-hs-tab-filter-region div div.hs-filters div.row-fluid.hs-filters-actions.muted.small span.fa.fa-angle-double-down.pull-left.js-hs-show-filter.hs-toggle-show-filter {
color: #51a351;
font-size:1.2em;
}
.fa.fa-angle-double-down.pull-left.js-hs-show-filter.hs-toggle-show-filter {
border-bottom: 3px solid #f1f1f1;
}
.fa.fa-angle-double-down.pull-left.js-hs-show-filter.hs-toggle-show-filter:hover {
border-bottom: 3px solid #666;
}


.btn-link {
color: #fff;
border-radius: 6px;
padding: 0 10px;
}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: #51a351;
}
table {
   border-spacing: 8px;
   border-collapse: inherit;
}
.btn, .sppb-btn {
text-indent: 0;
}

article.item.leading-0 h1,
article.item.leading-0 h2,
article.item.leading-0 h3,
article.item.leading-0 h4,
article.item.leading-0 h5,
article.item.leading-0 h6,
article.item.item-page div h1,
article.item.item-page div h2,
article.item.item-page div h3,
article.item.item-page div h4,
article.item.item-page div h5,
article.item.item-page div h6 {
text-indent: 2em;
font-weight: 600;
}
article.item.leading-0 p,
article.item.column-1 p,
article.item.item-page div p {
text-align: justify;
text-indent: 2em;
}
#sp-footer {
background: #2196f3;
}
.dakota {
background-color: #652c99;
color: #fff;
padding: 12px;
}
.dakota p {text-align: justify;}

div.fish_common_links {
background: #fff none repeat scroll 0 0;
box-shadow: 0 4px 12px rgb(0 0 0 / 10%);
margin-top: 2rem;
}
#sp-component > div > article > div.pull-right.article-index {
background-color: #fff;
border: 1px solid #005500;
margin: 3em 1em 1em;
padding: 0.4em;
box-shadow: 1px 1px 0 #ffffff inset, -3px 4px 4px #bbbbbb;
}
div.vs_block_presentation {
width: 360px;
margin-bottom: 2em;
border-bottom: 1px solid #bbb;
}
.audio-heading, .video-heading {display: inline-block;height: 31px;font-size: 90%;color: #fff;padding-left: 50px;line-height: 31px;padding-right: 18px;margin-top: 30px;width: 100%;}
.audio-heading {background: url(../images/sound-waves.svg) no-repeat 10px center #4CAF50;background-size: 31px;}
.video-heading {background: url(../images/video-player.svg) no-repeat 10px center #4CAF50;background-size: 31px;}

article.item.item-page div div.pagenavcounter {
    box-shadow: 1px 1px 0 #ffffff inset, -3px 4px 4px #bbbbbb;
    text-align: right;
    padding: 8px;
    margin: 8px 8px 24px 8px;
}
section #sp-appinfo {
   background-color: #deefdf;
   font-size: 1.2rem;
   margin: 1rem 0;
   color: #02365e;
}
.sp-module.homepage-title {
    max-width: 60%;
    margin: 0 auto;
}
.custom.homepage-title {
    margin: 0;
    padding: 1em;
    border: 2px solid #51a351;
    bakground-image: url();
    background-repeat:norepeat;
    background-position-y: 60%;
}
div#sp-appinfo .sp-module ul >li >a:before {
    content: "\f14c";
    margin-right: 8px;
    float: left;
    margin-top: 12px;
}
div#vs-homepage {
    background-image: url("/images/batak-reservoir.jpg");
    background-position: 0 60%;
    background-repeat: no-repeat;
    padding: 1em;
}