/*  DEFAULT
====================================*/

@media screen and (prefers-reduced-motion: no-preference) {
    html {
        -webkit-tap-highlight-color: transparent;
        scroll-behavior: smooth;
    }
}

*:focus {
    outline: 0 !important
}

img {
    max-width: 100%;
    height: auto;
}


svg {
    fill: currentColor;
}

.icon {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.icon-1 {
    width: 0.25rem;
    height: 0.25rem;
}

.icon-2 {
    width: 0.5rem;
    height: 0.5rem;
}

.icon-3 {
    width: 0.75rem;
    height: 0.75rem;
}

.icon-4 {
    width: 1.25rem;
    height: 1.25rem;
}

.icon-5 {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-6 {
    width: 2rem;
    height: 2rem;
}

.icon-7 {
    width: 3rem;
    height: 3rem;
}

.icon-8 {
    width: 4rem;
    height: 4rem;
}

.icon-9 {
    width: 4.5rem;
    height: 4.5rem;
}

.icon-10 {
    width: 5rem;
    height: 5rem;
}

.circle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.error-message {
    color: #cc0000;
    font-size: 80%;
}

.parsley-errors-list {
    list-style: none;
    padding-left: 0;
    color: #cc0000;
    margin-bottom: 0;
}

    .parsley-errors-list li {
        margin-top: 0.5rem;
        font-size: 14px;
    }

.block {
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.block-top {
    padding-top: 2rem;
}

.block-bottom {
    padding-bottom: 2rem;
}

/* BTN LOADING */

.btn-loading i {
    display: none;
    width: 20px;
    height: 20px;
    border: 5px solid #fff;
    border-radius: 100%;
}

.btn-loading.loading {
    pointer-events: none;
    cursor: not-allowed;
}

    .btn-loading.loading i {
        display: inline-block;
        margin-left: 0.5rem;
        border-top: 5px solid transparent;
        -webkit-animation: loading infinite linear 1s;
        animation: loading infinite linear 1s;
    }

    .btn-loading.loading span {
        display: none;
    }

    .btn-loading.loading:before {
        content: "SENDING";
        display: inline-block;
        font-size: 1rem;
        text-indent: 0;
    }

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        opacity: 0.35;
    }

    100% {
        transform: rotate(360deg);
    }
}


main {height: 100vh}

body{background:linear-gradient(to right, transparent 50%, rgba(68, 103, 55, 0.81) 50%), url(../img/bg.jpg);background-size: cover;}

.hero-title{font-size:48px; font-weight: 600}
.hero-title span{font-size:60px;}
.hero-desc {font-size: 1rem}

.hero ul li:nth-child(n+1) {margin-right: 10px}
.hero ul li .btn{padding:.25rem 1rem; font-weight: 500; cursor: default !important}
.hero ul li .btn:hover {background-color: #fff; color:#031538; border-color: #fff}
.hero .btn-warning {font-weight: 700; padding:.5rem 1.25rem; }

.hero-img {position: absolute; bottom:-25%; right:-10% }

.block-form .form-control {padding:.75rem 1.25rem; font-size: .875rem;border:0;}

 .mobile-call-us {display:block;position:fixed;bottom:5%;width:100%;z-index:9999; left:15px;}
   .mobile-call-us a {background-color:#25D366; color:#fff; justify-content:center; align-items:center; border-radius:50%; font-size:18px; width:70px; height:70px; display:flex}
    

/*  CROSS BROWSER
====================================*/
/*Internet Explorer */
/* IE-10 */
/* Safari */
.safari .form-control,
.safari .btn {
    line-height: normal;
}


/*  MEDIA QUERY
====================================*/
@media (max-width: 1399px) {
}

@media (max-width: 1199px) {

    html,
    body {
        overflow-x: hidden;
    }
    .hero-img {max-width: 350px}
}

@media (max-width: 991px) {
    .hero br{display: none;}
.hero-title {font-size:40px}
.hero-title span{font-size:48px}
}
@media (max-width: 767px) {

    html,
    body {
        overflow-x: hidden;
    }
    body{background-image:url(../img/bg.jpg);}
    .hero-img {position: relative;right: auto;top: 30px; z-index: 999; bottom: auto;}
    .bg-form{background-color:rgba(68, 103, 55, 0.81); padding:40px 0 20px 0; margin-top:30px;}
}

@media (max-width: 567px) {
    
}



@media (min-width: 768px) {
    .block {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .block-top {
        padding-top: 2.5rem;
    }

    .block-bottom {
        padding-bottom: 2.5rem;
    }

    .icon-md-2x {
        width: 2rem;
        height: 2rem;
    }

    .icon-md-3x {
        width: 3rem;
        height: 3rem;
    }

    .icon-md-4x {
        width: 4rem;
        height: 5rem;
    }

    .icon-md-5x {
        width: 5rem;
        height: 5rem;
    }

}



@media (min-width: 992px) {
    
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {

    .block {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .block-top {
        padding-top: 5rem;
    }

    .block-bottom {
        padding-bottom: 5rem;
    }
}

@media (min-width: 1360px) {
}

@media (min-width: 1600px) {
}

@media (min-width: 1200px) and (max-width: 1899px) {
}

@media (min-width: 1900px) {
    .block {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .block-top {
        padding-top: 6rem;
    }

    .block-bottom {
        padding-bottom: 6rem;
    }

}

@media (min-width: 2100px) {
}

@media (min-width: 2500px) {
}

::-moz-selection {
    color: #ffffff;
    background-color: #2a2a2a;
}

::selection {
    color: #ffffff;
    background-color: #2a2a2a;
}

::-moz-selection {
    color: #ffffff;
    background-color: #2a2a2a;
}


::-webkit-scrollbar {
    width: 12px;
}


::-webkit-scrollbar-thumb {
    background-color: #0A245F;
    border-radius: 20px;
    cursor: pointer;
}

::-webkit-scrollbar-track {
    background: #F3E7D1;
    width: 12px;
}