/*
Theme Name: Costagrúas
Theme URI:
Author: maridlcrmn
Author URI: https://www.maicreativos.com
Description:
Requires at least: WordPress 4.9.6
Version: 0.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gdlc
*/
/** Body **/
html {
    height: 100%;
    overflow: hidden
}
body {
    position: relative;
    font-size: 17px;
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}
::selection {
    background: rgba(255, 0, 0, .125);
    color: #d00000;
}
/** Typography **/
.title {
    font-size: 3em;
    letter-spacing: .5px;
    font-weight: 700;
}
strong {
    font-weight: 600!important;
}
p {
    line-height: 1.6;
}
a {
    color: #d00201;
}
a,
a.btn.btn-link,
a.btn.btn-danger,
a.btn.btn-outline-danger {
    font-weight: 500!important;
}
a:hover,
a:focus {
    text-decoration: none!important;
}
/** Colors **/
.text-muted {
    color: #757575!important;
}
.text-danger {
    color: #d00201!important;
}
.bg-danger {
    background-color: #bd030f!important;
}
.bg-dark {
    background: #343537!important;
}
/** Spacing **/
.inner-gap {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.inner-gap-top {
    padding-top: 6rem;
}
.inner-gap-bottom {
    padding-bottom: 6rem;
}
.inner-gap .title {
    font-size: 3em;
    letter-spacing: .5px;
    font-weight: 700;
    margin-top: 2.5rem;
    padding-top: 4.5rem;
    border-top: 5px dotted red;
}
/** Custom buttons **/
.btn {
    border-radius: 4em;
    padding: .275em 1.325em;
}
.btn.btn-icon-only {
    border-radius: 50%;
    padding: 0;
    text-align: center;
    width: 42px;
    height: 42px;
}
.btn.btn-icon-only.btn-md {
    padding: .5rem;
    width: 50px;
    height: 50px;
}
.btn.btn-icon-only.btn-lg {
    padding: 1em 0;
    width: 4.5em;
    height: 4.5em;
    position: relative;
    mix-blend-mode: multiply;
}
#footer .btn.btn-icon-only.btn-lg {
    mix-blend-mode: normal!important;
}
.btn.btn-icon-only.btn-lg:hover > i {
    color: #fff;
}
.btn.btn-icon-only.btn-lg:hover > svg > path.icon-whatsapp {
    stroke: #fff;
}
.btn.btn-icon-only.btn-lg:hover > svg > path.icon-phone {
    fill: #fff;
}
.btn.btn-icon-only.btn-lg::after {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #BD030D;
    transform: scale(.5);
    opacity: 0;
    transform-origin: 50% 50%;
    transition: all .5s cubic-bezier(.165,.84,.44,1);
}
.btn.btn-icon-only.btn-lg:hover::after {
    opacity: 1;
    transform: scale(1);
}
.btn.btn-outline-danger {
    background-color: #fff!important;
    border: 1px solid #bd030e!important;
    color: #bd030e!important;
}
.btn.btn-danger,
.btn.btn-danger:hover,
.btn.btn-danger:focus,
.btn.btn-danger:active,
.btn.btn-outline-danger:hover,
.btn.btn-outline-danger:focus,
.btn.btn-outline-danger:active {
    color: #fff!important;
    background-color: #bd030e!important;
    border-color: #bd030e!important;
}
.btn.btn-outline-white,
.btn.btn-outline-white:hover,
.btn.btn-outline-white:focus,
.btn.btn-outline-white:active {
    background-color: transparent;
    border: 1px solid #fff!important;
    color: #fff!important;
}
.btn.btn-secondary {
    background: #707070;
}
.btn.btn-secondary:hover,
.btn.btn-secondary:focus,
.btn.btn-secondary:active {
    background: #4d4d4d;
}
.btn.btn-success,
.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.btn-success:active {
    background: #1ad741;
    border: 1px solid #1ad741!important;
    color: #fff!important;
}
/** Icons **/
.icon-sm {
    font-size: 1.5em;
    line-height: 1.7em;
    display: inline-block;
    vertical-align: middle;
}
.icon-lg {
    font-size: 2.5em;
}
.icon-xl {
    font-size: 3.5em;
    font-weight: 700;
}
/** Custom navbar **/
.navbar-brand {
    height: 60px;
}
.navbar .nav > a,
.navbar-nav > li > a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: .9em;
}
/** Custom carousel **/
#slider .carousel-inner .carousel-item {
    max-height: 90vh;
    max-width: 100vw;
    overflow: hidden;
}
.carousel.custom-carousel {
    position: relative;
}
.carousel .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: auto;
    background-color: rgba(0,0,0,.5);
}
.carousel-caption {
    bottom: auto;
    top: calc(50% - 25%);
}
.carousel-caption h2 {
    font-size: 3em;
    letter-spacing: .5px;
    font-weight: 700;
}
.carousel-control-next,
.carousel-control-prev {
    z-index: 12;
}
/** Top bar +*/
.top-bar {
    padding: .275em;
    background: rgb(189, 3, 14);
    background: -moz-linear-gradient(left, rgb(147, 12, 12) 0%, rgb(189, 3, 14) 50%, rgb(147, 12, 12) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(147, 12, 12)), color-stop(50%, rgb(189, 3, 14)), color-stop(100%, rgb(147, 12, 12)));
    background: -webkit-linear-gradient(left, rgb(147, 12, 12) 0%, rgb(189, 3, 14) 50%, rgb(147, 12, 12) 100%);
    background: -o-linear-gradient(left, rgb(147, 12, 12) 0%, rgb(189, 3, 14) 50%, rgb(147, 12, 12) 100%);
    background: -ms-linear-gradient(left, rgb(147, 12, 12) 0%, rgb(189, 3, 14) 50%, rgb(147, 12, 12) 100%);
    background: linear-gradient(to right, rgb(147, 12, 12) 0%, rgb(189, 3, 14) 50%, rgb(147, 12, 12) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#930c0c', endColorstr='#bd030e', GradientType=1 );
}
/** Cards **/
.card-body {
    padding: 2.2em 1em;
}
.card-title {
    margin-bottom: .75rem;
    font-size: .9em;
}
.card .card-body > div .card-icon a.btn.btn-icon-only.btn-lg::after {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #BD030D;
    transform: scale(.5);
    opacity: 0;
    transform-origin: 50% 50%;
    transition: all .5s cubic-bezier(.165,.84,.44,1);
}
.card:hover .card-body > div .card-icon a.btn.btn-icon-only.btn-lg::after {
    transform: scale(1);
    opacity: 1;
    transition: all .5s cubic-bezier(.165,.84,.44,1);
}
.card:hover .card-body > div .card-icon a.btn.btn-icon-only.btn-lg>i {
    color: #fff;
}
/** Custom shadows **/
.shadow-lg {
    box-shadow: 2px 4px 24px rgba(10, 10, 10, .1)!important;
}
/** Custom form control **/
.form-control {
    height: 42px;
}
label.required {
    position: relative;
}
label.required::after {
    content: ' * ';
    position: absolute;
    color: #F44333;
    border-radius: 50%;
    left: 110%;
    font-size: 1.2rem;
    top: calc(5% - .5rem);
}
/** Containers overlaping  **/
#actions .container {
    margin-top: -100px;
}


/** Parallax CSS effect **/
.parallax {
    position: relative;
    min-height: 70vh;
    position: relative;
    width: 100vw;
    overflow: hidden;
}
.parallax, #parallax:before{
    background: 50% 50% / cover;
}
.parallax .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.5);
}
.parallax-caption {
    position: absolute;
    right: 15%;
    top: calc(50% - 25%);
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.parallax-caption h2 {
    font-size: 3em;
    letter-spacing: .5px;
    font-weight: 700;
}
#parallax::before{
    bottom: 0;
    content: ' ';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    background-image: url('../costagruas/assets/images/costa-gruas.jpg');
    background-size: cover;
    z-index: -1;
    min-height: 100vh;
}
/** Ekko Lightbox **/
.ekko-lightbox-nav-overlay a {
    color: #fff!important;
}
/** Contact info + google maps **/
#map-info {
    position: relative;
    height: 70vh;
    width: 100vw;
    overflow: hidden;
}
.google-maps {
    position: relative;
    background: #999;
    width: 100vw;
    height: 70vh;
}
/** Footer **/
.footer a {
    font-weight: 400;
    font-size: .9em;
    color: #fff;
}
/*
.footer .payment-method img {
	opacity: .5;
	-webkit-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out
}
.payment-method img:hover {
	opacity: 1;
	-webkit-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out
}
*/

/** Highlight **/
span.highlight {
    position: relative;
}
span.highlight::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: -5px;
    background: red;
    height: 100%;
    opacity: .4;
    width: 100%;
}

/** Addons **/
.api-whatsapp {
    background: #1ad741;
    border-radius: 4em;
    color: #fff;
}
.api-whatsapp img {
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
#back-to-top {
    position: fixed;
    bottom: 5px;
    right: 10px;
    z-index: 1000;
}
#whatsappBtn {
    position: fixed;
    z-index: 999;
    right: 10px;
    bottom: 60px;
}
.step-number {
    width: 30%;
    text-align: center;
}

/** Media queries **/
@media screen and (min-width: 992px) {
    /** Sticky area **/
    .sticky-area .sticky-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 350px;
        max-width: 100%;
    }
    .sticky-item {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    .sticky-area .make-me-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 10px;
    }
    /** Typography **/
    .lead {
        font-size: 1.4em;
        line-height: 1.6;
    }
    /** Contact info + google maps **/
    .google-maps {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #999;
    }
}
@media screen and (max-width: 768px) {
    /** Custom carousel **/
    .carousel-caption h2 {
        font-size: 2em;
    }
    /** Custom navbar **/
    .navbar-brand img {
        max-height: 32px;
    }
    .navbar-nav .nav-item {
        padding: .5em;
    }
    /** Parallax **/
    .parallax-caption {
        top: calc(50% - 35%);
    }
    .parallax-caption h2 {
        font-size: 2.5em;
    }
}
@media screen and (max-width: 414px) {
    .inner-gap .title, .title {
        font-size: 1.8em;
    }
    #slider .carousel-inner .carousel-item {
        max-height: 100vh;
    }
    .carousel-caption {
        bottom: auto;
        top: calc(50% - 40%);
    }
    .carousel-caption h2 {
        font-size: 1.8em;
    }
}

/** Loaders **/
#loading {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
#loading div {
    position: absolute;
    width: 300px;
    animation: car-moving 2s infinite linear;
}

@keyframes car-moving {
    0% {
        left: 10%;
    }
    100% {
        left: 80%;
    }
}
/* 404 ERROR */
body.page-template-404,
body.error404 {
    display: table;
    height: 100vh;
    width: 100%;
    padding-top: 0;
    background: #142849;
    background: -webkit-radial-gradient(circle,#343537,#333a3b) !important;
    background: -moz-radial-gradient(circle,#343537,#333a3b) !important;
    background: -o-radial-gradient(circle, #343537,#333a3b) !important;
    background-repeat: no-repeat;

}
.ajuste_error {
    display: table-cell!important;
    vertical-align: middle!important;
}
.img-404 img {
    height: 40vh!important;
}
.title-404 {
    font-size: 2em;
    color: white;
}
.subtitle-404 {
    color: white;
}
.text-404 hr {
    border-color: transparent;
}
/* .active a:not(.dropdown-item) {
    color: #060649;
    background-color: transparent;
    border-bottom: 1px solid #bb932d;
    border-radius: 0!important;
} */
#political .inner-gap .title {
	font-size: 1.5em!important;
}