/* Add here all your css styles (customizations) */
/* Sticky footer styles
-------------------------------------------------- */

.content-md {
    padding-top:20px;
    height:100% !important;
}
.bg-topo {
    background: url(/addons/shared_addons/themes/bootstrap_slim/img/bg/bg-topo-yellow.png) no-repeat center;
    background-size: cover;
}
.bg-eagle {
    background: url(/addons/shared_addons/themes/bootstrap_slim/img/eagle-photo.jpg) no-repeat center;
    background-size: cover;
}
.bg-mining {
    background: url(/addons/shared_addons/themes/bootstrap_slim/img/home-slider/maplife-mining-industry-banner-mockup.jpg) no-repeat center;
    background-size: cover;
}

/*
START mining industry landing page
 */
#mining-industry-call-to-action {
    background: url(/addons/shared_addons/themes/bootstrap_slim/img/bg/bg-topo-blue.png) no-repeat center;
    background-size: cover;
}
#mining-contact {
    position:relative;
    top:-50px;
    background-color: #444;
    padding:0 40px;
    min-height:150px;
}
.mining-contact-header {
    text-align:center;
    padding:10px;
    border-bottom: 2px solid #000;
}
#mining-industry-call-to-action h1 {
    margin-top: 100px;
    color: #c8b570;
    font-size: 46px;
}
#mining-industry-call-to-action h2 {
    color: #fff;
    font-size: 36px;
}
#mining-industry-call-to-action p {
    color: #fff;
}
.mining-form {
    margin-top:20px;
}

#mining-claims-inteligence .headline-center {
    background-color: #2880ba;
}

/*
END mining industry landing page
 */


.footer-v1 .footer {
    background: url(/addons/shared_addons/themes/bootstrap_slim/img/bg/bg-topo-blue.png) no-repeat center;
    background-size: cover;
}
.footer .headline h2, .footer .headline h3, .footer .headline h4 {
    border-bottom: 2px solid #c8b570;
}
/* dark background */
.footer a, .copyright a, .footer a:hover, .copyright a:hover {
    color:#c8b570;
}
.text-underline {
    text-decoration: underline;
}

.loader-container, .loader-container-sm {
    display:none;
}
.loader-container {
    position:absolute;
    width:100%;
    height:300px;
    background:rgba(0,0,0,0.1);
    z-index:999;
}

.loader {
    left:40%;
    top:30%;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 2s linear infinite;
    position: absolute;
    z-index: 1000;
}

.loader-container-sm {
    position:absolute;
    width:80%;
    height:350px;
    background:rgba(0,0,0,0.1);
    z-index:999;
}

.loader-sm {
    left:25%;
    top:40%;
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    position: absolute;
    z-index: 1000;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.header-fixed .header-v6.header-dark-transparent.header-fixed-shrink .navbar-brand img.default-logo {
    margin-top: 7px;
}


#form-response {
    display:none;
    height:50px;
}
::selection {
    color: #fff;
    background: #0b3543;
}
a {
    color: #0b3543;
    text-decoration: none;
}
a:hover {
    color: #c8b570;
    text-decoration: underline;
}

.btn-u {
    font-size:18px;
    padding: 10px 20px;
}


.content-boxes-v5:hover i {
    background:#ededed !important;
}

.content-boxes-v5:hover i .icon-layers:before {
    color:#999;
}

#slider-container {
    padding-top: 150px;
    margin-top:75px;
}











/* from godeepar.com */

.container {
    height:100%;
}
.g-page-title {
    font-size:18px;
    color:#000;
}
.navbar-brand {
    font-size:30px;
    padding:0 0 10px 30px;
    /*color:#000;*/
    text-transform: uppercase;
}
.header-v6 .navbar-brand {
    width:25%;
}
.header-v6 .navbar-brand img {
    margin-top:15px;
}
.header-v6 {
    border-bottom: solid 2px #eee;
}
.header-v6 .navbar-nav > li > a {
    padding: 20px 10px;
}
.content {
    padding-top:0;
}
.breadcrumbs {
    padding: 5px 30px 0 0;
    margin-top: 90px;
}
.link-white {
    color:#fff;
}
.small {
    font-size:60%;
}
.d-inline {
    display:inline;
}
.panel-body {
    color:#000;
}
.panel-yellow > .panel-heading {
    background: #c8b570;
}
.panel-yellow > .panel-heading h3 {
    color:#444;
    font-size:30px;
    padding-bottom:0;
    margin-bottom:0;
}
.panel-yellow {
    border-color: #c8b570;
}
.panel-green > .panel-heading {
    background: #8cc535;
}
.panel-green {
    border-color: #8cc535;
}
.panel-blue > .panel-heading {
    background: #3498db;
}
.panel-blue > .panel-heading h3 {
    color:#fff;
    font-size:30px;
    padding-bottom:0;
    margin-bottom:0;
}
.panel-heading i {
    vertical-align: middle;
    font-size:45px;
    padding-bottom:10px;
}
.panel-blue {
    border-color: #3498db;
}
.panel-red > .panel-heading {
    background: #00b2f2;
}
.panel-red {
    border-color: #127598;
}
#project-list .panel-heading h3, #project-list .panel-heading h3 a {
    font-size:22px;
    color:#555;
}
.sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover {
    background: #00b2f2;
}
.btn-primary {
    background-color:#00b2f2
}
.panel-title > a:before {
    float: left !important;
    font-family: FontAwesome;
    content:"\f077";
    padding-right: 5px;
}
.panel-title > a.collapsed:before {
    float: left !important;
    content:"\f078";
}
.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus  {
    text-decoration:none;
}
/*.promo-block {
    min-height: min-content;
}*/
.bannercontainer {
    width:100%;
    position:relative;
    padding:0;
}
.one-page-header.top-nav-collapse {
    z-index: 21;
}
.banner{
    width:100%;
    position:relative;
}
.g-pb-300 {
    padding-bottom: 300px;
}
/*.contact {
    top:62px;
    height:90%;
}*/
.one-page-header .navbar-nav > li > a {
    font-size:16px;
}

.g-pt-250 {
    padding-top:250px;
}
/*.wrapper {
    background: url(/addons/shared_addons/themes/bootstrap_slim/img/bg/bg-wood.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}*/
/*
.boxed-layout {
    background: url(/addons/shared_addons/themes/bootstrap_slim/img/bg/bg-leather-3.jpg) no-repeat;
    background-size:110%;
}*/

header {
    display: block;
    font-size: 20px;
    background: #fff;
    font-weight: 400;
    padding: 8px 30px;
    border: 1px solid rgba(0,0,0,.1);
    color:#333;
}

.interactive-slider-v2 {
    background: url(../img/home-slider/DeepAR-2018-05-14-mockup.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    height:1200px;
    width:100%;
    padding-top:250px;
}

.btn-lg {
    font-size: 20px;
}
.portfolio-item p a:hover {
    text-decoration: underline;
}

#contact-form-container {
    padding:10px;
}
.mt-10 {
    margin-top:10px;
}
.mt-20 {
    margin-top:20px;
}
.mt-30 {
    margin-top:30px;
}
.mt-40 {
    margin-top:40px;
}
.mt-50 {
    margin-top:50px;
}
.m-10 {
    margin:10px;
}
.mb-10{
    margin-bottom:10px;
}
.mb-15{
    margin-bottom:15px;
}
.mb-20{
    margin-bottom:20px;
}
.fs-20 {
    font-size:20px;
}
.fs-18 {
    font-size:20px;
}
.img-shadow {
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    margin:10px 10px 25px 0;
}
.float-left {
    float:left;
}
.default-img-container {
    margin-right: 20px;
}
.tag-box {
    font-size:16px;
}
.form-control:focus {
    border-color: #0b3543;
}
.portfolio-item {
    margin-top:20px;
}
.breadcrumbs h1 {
    color: #0b3543;
}
footer h3 {
    color:#fff;
}

.btn-u {
    text-decoration: none;
}
@media only screen and (max-width: 480px) {
    .header-v6 .navbar-brand img {
        width:200px;
    }
    .header-v6 .navbar-brand {
        padding-top:10px;
        width: 70%;
    }
    .bg-eagle, .bg-mining {
        background-position: 33% 68%;
        background-size: unset;
    }
    .color-light {
        font-size: 30px;
    }
    #slider-container {
        margin-top:0;
    }
}
@media only screen and (max-width: 768px) {
    .header-v6 .navbar-brand img {
        margin-top:0;
    }
    #slider-container {
        margin-top:0;
    }
    .bg-eagle, .bg-mining {
        background-position: 40% 46%;
        background-size: unset;
    }
}