body{
    padding:0px;
    margin:0px;
    top:0;
    bottom:0;
    left:0;
    right:0;

}

.wrapper{
    width:100%;
    height:auto;
}

section.navigation{
    /*border:1px solid #000;*/
    width:100%;
    height:80px;
    position:absolute;
    display:flex;
    justify-content: space-between;
    z-index:100;
}

div.navigation-content{
    width:30%;
    height:80px;
    display:flex;
    justify-content: center;
    align-items: center;
}

div.view-btn{
    width:50px;
    height:50px;
    border:1px solid #000;
    display:none;
}

section.header{

    background-image:url('../assets/images/header-bg.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    border:1px solid rgba(0, 0, 0, 0);
    width:100%;
    height:650px;
    position:relative;

}

section.map{
    width:100%;
    background-color: #152641;
}

.header-contact{
    letter-spacing: 3px;
    font-size:20px;
    color: #ffffff;
    font-family: 'Kreon', serif;
    display:block;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
}

div.bottom-navigation{

    background: rgb(61,115,205);
    background: -moz-linear-gradient(207deg, rgba(61,115,205,1) 16%, rgba(61,115,205,0.3701855742296919) 51%, rgba(219,59,63,1) 87%);
    background: -webkit-linear-gradient(207deg, rgba(61,115,205,1) 16%, rgba(61,115,205,0.3701855742296919) 51%, rgba(219,59,63,1) 87%);
    background: linear-gradient(207deg, rgba(61,115,205,1) 16%, rgba(61,115,205,0.3701855742296919) 51%, rgba(219,59,63,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d73cd",endColorstr="#db3b3f",GradientType=1);
    position: absolute;
    width:100%;
    height:100px;
    bottom: 0;
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    transition:1s;
}

.bottom-nav-content{

    width:150px;
    height:100px;
    color:#fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.bottom-nav-image{

    width:50px;
    height:50px;
    padding:5px;
}
.bottom-nav-text{
    font-family: 'Kreon', serif;
    letter-spacing: 3px;
    font-size:16px;
    text-align:center;
}
.header-text{

    width:100%;
    height:auto;
    margin-top:200px;
    color: #ffffff;
    font-family: 'Roboto Slab', serif;
    font-size:17px;
    letter-spacing: 2px;
    padding:20px;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
}

h1{
    font-family: 'Bebas Neue', cursive;
    font-size:50px;
    margin-top:5px;
    margin-bottom:5px;
}
p{

}

.section-1{
    width:100%;
    height:auto;
    padding-top:100px;
    padding-bottom:100px;
    padding-left:50px;
    padding-right:50px;
    background-color:#fff;
    background-image: url('../assets/images/lines-white-bg.webp');
    background-size: cover ;
}
.section-1-content{
    padding-top:100px;
    padding-bottom:100px;
    box-shadow: 10px 10px 50px #969696;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 60px;
    position:relative;
    background: #fff;
}

.section-1-content::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-style: solid ;
    border-width: 0 60px 60px 0;
    border-color: #ffffff;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 10px;
    box-shadow: 10px 10px 50px #7a7a7a;
}

.section-1-content-2{
    margin-left:-40px;
    padding-left:5px;
    padding-right:5px;
    margin-top:100px;

}
.section-1-content-3{
    box-shadow: 10px 10px 50px #969696;
    background: rgb(227,227,227);
    background: linear-gradient(7deg, rgba(227,227,227,1) 7%, rgba(238,238,238,1) 17%, rgba(255,255,255,1) 40%);
    padding-top:60px;
    padding-left:40px;
    padding-right:40px;
    padding-bottom:250px;
    margin:0 auto;
    height:100%;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 60px;
    position:relative;
}

.section-1-content-3::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-style: solid ;
    border-width: 0 60px 60px 0;
    border-color: #ffffff;
    border-top-right-radius: 60px;
    border-bottom-left-radius: 10px;
    box-shadow: 10px 10px 50px #7a7a7a;
}

.section-1-img-container{
    width:100%;
    height:250px;
    background: url('../assets/images/envelope.webp');
    background-size: 100% 250px;
    background-repeat: no-repeat;
    position:absolute;
    left:0;
    bottom:0;
    display: flex;
    justify-content: center;
    align-items:center;
}

.section-1-img-container>.section-1-btn{
    background: rgb(45,240,255);
    background: -moz-linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    background: -webkit-linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    background: linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2df0ff",endColorstr="#db3b3f",GradientType=1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d73cd",endColorstr="#205ca8",GradientType=1);
    color:#fff;
    font-size:20px;
    border-radius:40px;
    padding:20px;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 5px;
    transition: 1s;

}
.section-1-img-container>.section-1-btn:hover{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(207deg, rgba(255,255,255,1) 1%, rgba(45,240,255,1) 21%, rgba(61,115,205,1) 59%, rgba(219,59,63,1) 86%);
    background: -webkit-linear-gradient(207deg, rgba(255,255,255,1) 1%, rgba(45,240,255,1) 21%, rgba(61,115,205,1) 59%, rgba(219,59,63,1) 86%);
    background: linear-gradient(207deg, rgba(255,255,255,1) 1%, rgba(45,240,255,1) 21%, rgba(61,115,205,1) 59%, rgba(219,59,63,1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#db3b3f",GradientType=1);
}

.schedule>.row>div>input{

    border-radius: 3px;
    background-color: #d9d9d9;
    font-size:20px;
    height:40px;
    border:0px;
    font-family: 'Bebas Neue', cursive;
    margin-top:10px;

}
.schedule>.row>div>textarea{

    border-radius: 3px;
    background-color: #d9d9d9;
    font-size:20px;
    border:0px;
    margin-top:10px;
    font-family: 'Bebas Neue', cursive;

}

section.section-2{
    width:100%;
    height:auto;
    padding-top:100px;
    padding-bottom:100px;
    padding-left:50px;
    padding-right:50px;
    background-color: #f7f7f7;
}

.section-2-img-container{
    padding:0px;
    background-color: #4c151d;
    display: flex;
    align-items: center;
    justify-items: center;
    flex-direction: column;
    position: relative;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.section-2-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.section-2-back {
    background-color: #ffffff;
    transform: rotateY(180deg);
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding:20px;
}

.section-2-img-container:hover{
    transform: rotateY(180deg);
}

.section-2-img-overlay{
    opacity: 0.2;
}
.section-2-icon{
    position: absolute;
    width:100%;
    margin-top:100px;
    float:left;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section-2-img-text{
    width:100%;
    height:30px;
    text-align: center;
    color:#fff;
    font-family: 'Bebas Neue', cursive;
    font-size:25px;
    letter-spacing: 3px;
    margin-top:10px;
}



.section-4{
    background:url('../assets/images/lines-bg.webp');
    background-size: cover;
    width:100%;
    height:auto;
    padding-top:100px;
    padding-bottom:100px;
    padding-left:50px;
    padding-right:50px;
    background-color: #202020;
}

.section-4-container{
    display: flex;
    flex-direction: column;
}

.section-4-content{
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.42);
    height:100%;
    position:relative;
    border-radius: 20px;
    background: #ffffff;
    display: flex;
    justify-content: center;
}


.section-4-content:after{
    content:"";
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #ffffff;
    position:absolute;
    bottom:-25px;
    margin:0 auto;
}
.section-4-content-1{
    width:100%;
    height:100%;
    padding:50px;
}

.section-4-customer{
    width:100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.section-4-image{
    width:80px;
    height:80px;
    border:5px solid #db3b3f;
    margin:0 auto;
    border-radius:50%;
    margin-top:10px;
}

.section-4-name{
    width:100%;
    font-size:15px;
    text-align:center;
    font-family: 'Kreon' , Serif;
    color: #587bff;
    padding:10px;
    letter-spacing: 3px;
}



.section-5{
    width:100%;
    height:auto;
    padding-top:50px;
    padding-bottom:50px;
    background: #2d528c;

}

.section-5-form-group{
    width:100%;
    height:50px;
    border-radius:50px;
    padding:2px;
    overflow:hidden;
}

.section-5-form-group>.input-container{
    width:100%;
    height:100%;
    background:#fff;
    border-radius:50px;
}
.section-5-form-group>.input-container>input{
    color:#0f0f0f;
    background:#fff;
    width:85%;
    height:100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border:0px;
    font-family: 'Kreon' , Serif;
    font-size:20px;
    float:left;
    padding-left:20px;
}

.section-5-form-group>.input-container>.btn-container{
    width:15%;
    height:100%;
    float:left;
    padding:1px;
}
.section-5-form-group>.input-container>.btn-container>.btn-submit{

    width:100%;
    height:100%;
    background: rgb(45,240,255);
    background: -moz-linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    background: -webkit-linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    background: linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2df0ff",endColorstr="#db3b3f",GradientType=1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d73cd",endColorstr="#205ca8",GradientType=1);
    color:#fff;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
.section-5-form-group>.input-container>.btn-container>.btn-submit->img{
    width:50px;
    height:50px;
}
.section-5-form-group>.input-container>.btn-container>.btn-submit:hover{
    background: rgb(45,240,255);
    background: -moz-linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    background: -webkit-linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    background: linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2df0ff",endColorstr="#db3b3f",GradientType=1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d73cd",endColorstr="#205ca8",GradientType=1);
    color:#fff;
    border-radius: 50px;
}


.section-6{
    width:100%;
    height:auto;
    padding-top:50px;
    padding-bottom:200px;
    background: rgb(237,237,237);
    background: -moz-linear-gradient(0deg, rgba(237,237,237,1) 17%, rgba(255,255,255,1) 38%);
    background: -webkit-linear-gradient(0deg, rgba(237,237,237,1) 17%, rgba(255,255,255,1) 38%);
    background: linear-gradient(0deg, rgba(237,237,237,1) 17%, rgba(255,255,255,1) 38%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ededed",endColorstr="#ffffff",GradientType=1);
}

.section-6-container{
    padding-top:40px;
}

.section-6-companies{
    width:200px;
    height:150px;
    margin-right:100px;
}

.section-7{
    width:100%;
    display: flex;
    justify-content: center;
}

.section-7-container{
    width:70%;
    height:auto;
    margin-top:-100px;
    background:#fff;
    position: absolute;
    padding:20px;
    letter-spacing: 2px;
}

.section-7-btn{
    background: rgb(45,240,255);
    background: -moz-linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    background: -webkit-linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    background: linear-gradient(207deg, rgba(45,240,255,1) 4%, rgba(61,115,205,1) 38%, rgba(219,59,63,1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2df0ff",endColorstr="#db3b3f",GradientType=1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d73cd",endColorstr="#205ca8",GradientType=1);
    color:#fff;
    font-size:20px;
    border-radius:40px;
    padding:5px;
    font-family: 'Bebas Neue', cursive;
    letter-spacing: 5px;
    width:150px;
    margin:0 auto;
    text-align:center;
    margin-top:10px;
}
.section-7-btn:hover{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(207deg, rgba(255,255,255,1) 1%, rgba(45,240,255,1) 21%, rgba(61,115,205,1) 59%, rgba(219,59,63,1) 86%);
    background: -webkit-linear-gradient(207deg, rgba(255,255,255,1) 1%, rgba(45,240,255,1) 21%, rgba(61,115,205,1) 59%, rgba(219,59,63,1) 86%);
    background: linear-gradient(207deg, rgba(255,255,255,1) 1%, rgba(45,240,255,1) 21%, rgba(61,115,205,1) 59%, rgba(219,59,63,1) 86%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#db3b3f",GradientType=1);
}

section.footer{
    width:100%;
    background: #1a3155;
    padding-top:200px;
    padding-bottom:100px;
}

.footer-social-media{
    width:20%;
    height:auto;
    display: flex;
    justify-content: center;
    margin:0 auto;
}

.social-media{
    width:50px;
    height:50px;
    margin:10px;
}
/*---------------------------------------*/

.start-quote-md{

}
.start-quote-md::after{
    background-image: url('../assets/images/start-quote.webp');
    background-size: 30px 25px;
    display: inline-block;
    width: 30px;
    height: 25px;
    margin-right:10px;
    content:"";
}
.end-quote-md{

}
.end-quote-md::after{
    background-image: url('../assets/images/end-quote.webp');
    background-size: 30px 25px;
    display: inline-block;
    width: 30px;
    height: 25px;
    margin-left:10px;
    content:"";
}
.header-sm{
    width:100%;
    height:auto;
    font-size:20px;
    font-family: 'Roboto Slab', serif;
    color: #4970c2;
}

.header-md{
    width:100%;
    height:auto;
    font-size:30px;
    font-family: 'Roboto Slab', serif;
    color: #4970c2;
}

.header-lg{
    width:100%;
    height:auto;
    font-size:50px;
    font-family: 'Roboto Slab', serif;
    color: #4970c2;
}

.paragraph-md{
    width:100%;
    text-justify: inter-word;
    font-size:20px;
    color: #686868;
    font-family: 'Karma' , Serif;
}

.paragraph-sm{
    width:100%;
    text-justify: inter-word;
    font-size:15px;
    color: #686868;
    font-family: 'Karma' , Serif;
}

.br {
    display: block;
    margin-bottom: 0.8em;
}

.br-md {
    display: block;
    margin-bottom: 1.5em;
}

.br-lg{
    display: block;
    margin-bottom: 2em;
}



.row-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin:0px;
}

.no-gutter {
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right 0;
}

.row{
    margin-top:10px;
    margin-bottom:10px;
}

.container.padding-90{
    padding-left:90px;
    padding-right:90px;
}

.container.padding-60{
    padding-left:60px;
    padding-right:60px;
}

.padding-30{
    padding-left:30px;
    padding-right:30px;
}

.font-1{
    font-family: 'Roboto Slab', serif;
}

.font-2{
    font-family: 'Karma' , Serif;
}
.font-3{
    font-family: 'Kreon' , Serif;
}
.font-4{
    font-family: 'Bebas Neue', cursive;
}
.font-5{
    font-family: 'Montserrat', sans-serif;
}


.text-xl{
    font-size:80px;
}
.text-lg{
    font-size:50px;
}

.text-white{
    color:#fff;
}

.text-black{
    color: #282828;
}

.text-red{
    color: #db3b3f;
}

.bg-red{
    background: rgb(38,38,38);
    background: radial-gradient(circle, rgba(38,38,38,1) 26%, rgba(0,0,0,1) 72%);
}
.bg-dark-red{
    background: #171717;
}
.bg-yellow{
    background: #bb4d32;
}
.bg-magenta{
    background: #c04260;
}
.bg-dark-magenta{
    background: #72355e;
}

#map {
    width:100%;
    height: 400px;
}

@media only screen and (max-width: 600px) {

    .section-1{
        padding:10px;
    }
    .row-flex{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section.navigation{
        height:65px;
        background: rgba(0, 0, 0, 0.79);
        display: flex;
        justify-content: space-between;
    }

    div.navigation-content{
        display:none;
    }

    div.navigation-content.navigation-brand{
        display: flex;
        width:400px;
        padding:20px;
        text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8);
    }
    div.navigation-content.navigation-brand>.header-md{
        text-align: unset;
        font-size:15px;

    }

    div.bottom-navigation{
        top:0;
        margin-top:63px;
        background: #161616;
        display: none;
        height:auto;
        flex-direction: column;
        align-items: normal;
        overflow: hidden;
        transition:0.5s;

    }

    div.view-btn{
        cursor: pointer;
        width:50px;
        height:50px;
        border:4px solid #ffffff;
        display:block;
        margin:5px;
        border-radius: 10px;
        background-image: url('../assets/images/view.webp');
        background-size: 40px 40px;
        background-position: center;
    }

    div.view-btn:hover{
        background: #272727;
        background-image: url('../assets/images/view.webp');
        background-size: 40px 40px;
        background-position: center;
    }


    .bottom-nav-content{
        bottom:0;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width:100%;
        padding-left:20px;
        /*background: #111111;*/
        font-size:20px;
        border-top:1px solid #1f1f1f;
    }

    .bottom-nav-content:hover{
        background: #252525;
    }
    .bottom-nav-content>.bottom-nav-image>img{
        width:30px;
        height:30px;
    }
}

#slider-container{
    overflow:hidden;
    white-space: nowrap;
}