/* fonts */
@font-face {
    font-family: hemi-head-it;
    src: url(/fonts/hemi-head-bd-it.ttf);
  }

@font-face {
  font-family: metropolis-bold;
  src: url(/fonts/metropolis-bold.otf);
}

@font-face {
    font-family: metropolis-bold;
    src: url(/fonts/metropolis-bold.otf);
  }
  
@font-face {
  font-family: robotica;
  src: url(/fonts/Robotica.ttf);
}

@font-face {
  font-family: metropolis-medium;
  src: url(/fonts/metropolis-medium.otf);
}

@font-face {
  font-family: hemi-head;
  src: url(/fonts/hemi-head-bd-it.ttf);
}

@font-face {
  font-family: metropolis-regular;
  src: url(/fonts/metropolis-regular.otf);
}

@font-face {
  font-family: robotica-custom;
  src: url(/fonts/Reqruit-2.otf);
}

html, body{
    height:100vh !important;
    margin: 0;
    box-sizing: border-box;
}

body, body *{
    font-family: metropolis-regular;
}

/* scrollbar */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
::-webkit-scrollbar-thumb {
    background: #c10e31;
    border-radius: 50px;
  }
  
::-webkit-scrollbar-track {
    background: #090d0e;
  }

/* particles */
canvas{
    display: block;
    vertical-align: bottom;
}

/* captcha */

#mail-recaptcha{
    margin-bottom: 1em;
    
}
/* default */

::-webkit-input-placeholder { /* Edge */
    color: #fff;
  }
  
  :-ms-input-placeholder { /* Internet Explorer */
    color: #fff;
  }
  
  ::placeholder {
    color: #fff;
  }

form{
    all:unset;
}

a{
    text-decoration: none;
}

a.magicshot-button:hover{
    color: white;
}

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

.information{
    height: 100%;
    width: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-top: 5rem;
}

.information::before{
    content: '';
    width: 6em;
    background-color: #d10a35;
    padding-top: 0.3em;
    display: inline-block;
    margin-bottom: 1.5em;
}

.section .information h1{
    font-family: hemi-head-it;
    font-size: 2.5rem;
}

.magicshot-button{
    color: white;
    text-decoration: none;
    background-color: #d10a35;
    display: inline-block;
    font-size: 0.9em;
    font-family: metropolis-medium;
    padding: 0.8em;
    border: none;
}

@media only screen and (max-width: 992px){
    .information h1{
        font-size: 1.78em !important;
        margin-right: 1em;
        margin-left: 1em;
    }
}
/*-------------------- contact widget --------------------*/
.contact-widget{
    display: inline-flex;
    position: fixed;
    bottom: 1em;
    left: 1em;
    z-index: 106;
}

.btn-group{
    height: 3.5rem;
    border-radius: 25px !important;
    background-color: #d10a35; /* Green background */
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-group a{
    
    color: white; /* White text */
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
    transition: all 0.3s;
}

.btn-group a:last-child{
    border-left: 1px solid white; /* Prevent double borders */
  }

.btn-group a:hover{
    color: #d10a35;
    text-decoration: none;
    border-radius: 25px 0px 0px 25px !important;
    background-color: white; /* Green background */
}

.btn-group a:last-child:hover{
    color: #d10a35;
    text-decoration: none;
    border-radius: 0px 25px 25px 0px !important;
    background-color: white; /* Green background */
}

.btn-group a i{
    font-size: 1.5rem;
}
  
/* alert evento */
.alert-event{
    display: inline-flex;
    position: fixed;
    right: 1em;
    z-index: 106;
    margin-top: 1rem;
    transition: all 0.5s;
}

.alert-event .alert{
    background-color: #d10a356f;
}

.alert-event .alert .data{
    display: flex;
    color: white;
    align-items: center;
}

.alert-event .alert .data i{
    cursor: pointer;
    margin-right: 0.5rem;
    transition: all 0.3s;
    font-size: 2.5rem !important;
}

.alert-event .alert .data i:hover{
    color: #d10a35;
}

.alert-event .alert .data a{
    text-decoration: none;
    color: white;
    transition: all 0.3s;
}

.alert-event .alert .data a:hover{
    color: #d10a35;
}

.fade-out {
    animation: fadeOut ease 0.5s;
    -webkit-animation: fadeOut ease 0.5s;
    -moz-animation: fadeOut ease 0.5s;
    -o-animation: fadeOut ease 0.5s;
    -ms-animation: fadeOut ease 0.5s;
  }

@keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}

/*-------------------- section 1 --------------------*/
.section-1{
    width: 100%;
    height: 100vh !important;
}

.section-1 .background{
    position: absolute;
    filter:brightness(20%);
    width: 100%;
    height: 100vh !important;
}

.section-1 .background .carousel-inner .carousel-item img{
    height: 100vh;
    object-fit: cover;
}

.section-1 #particles-js{
    position: absolute;
    width: 100%;
    height: 100%;
}

.section-1 .logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-1 .logo img{
    width: 20rem;
    max-width: 100%;
}

/*-------------------- section 2 --------------------*/
.section-2{
    background: radial-gradient(at center, rgba(34,53,57,1) 0%, rgba(9,13,14,1) 70%);
}

/* text */

.section-2 .information p{
    text-align: center;
    font-size: 1.2rem;
    margin-right: 3rem;
    margin-left: 3rem;
}

/* photos */

.section-2 .photo-list{
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.section-2 .photo-list .photo-item{
    width: 15rem;
    height: 18rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-2 .photo-list .photo-item .info{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 0.8em;
    background-color: rgba(82, 5, 5, 0.493);
}

.section-2 .photo-list .photo-item .info h2{
    font-family: metropolis-medium;
    text-align: center;
    font-size: 2em;
}

.section-2 .photo-list .photo-item .info img{
    width: 3rem;
    margin-top: 1rem;
}

.section-2 .service-list{
    display: flex;
    justify-content: center;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

.section .service-list .services{
    display: flex;
    justify-content: center;
    align-items: flex-end;

}

.section-2 .service-list .services img{
    margin-left: 2rem;
    margin-right: 2rem;
    height: 7rem;
}

@media only screen and (max-width: 992px){
    .section-2 .photo-list {
        flex-direction: column;
        align-items: center;
    }

    .section-2 .photo-list .photo-item{
        margin-bottom: 3rem;
    }

    .section-2 .service-list{
        flex-direction: column;
    }

    .section-2 .service-list .services img{
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 5rem;
    }
}

/*-------------------- section 3 --------------------*/
.section-3{
    background-image: url(/images/section_background1.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-3 .info{
    background-color: rgba(37, 3, 3, 0.767);
    text-align: center;
    padding: 7rem 0;
    height: 100%;
    width: 100%;
}

.section-3 .info img{
    width: 4rem;
    margin-bottom: 1rem;
}

.section-3 .info h1{
    font-family: hemi-head-it;
    color: white;
    margin-bottom: 1rem;
}
/*-------------------- section 4 --------------------*/
.section-4{
    background: radial-gradient(at center, rgba(34,53,57,1) 0%, rgba(9,13,14,1) 70%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-4 .events-line{
    width: 80%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    margin: 1em 0;
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event{
    border: 0 solid;
    width: 100px;
    height: 200px;
    position: relative;
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .title{
    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #fff;
    position: absolute;
    top: 16%;
    width: 120px;
    font-weight: 600;
    left: 50%;
    transform: translate(-50%, 0);
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .circle-parent{
    position: absolute;
    border: 1px solid #927676;
    width: 72%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    clip-path: inset(50% 50% 0 0);
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .circle-inside:nth-of-type(2){
    width: 30%;
    border: 1px solid #c10e31;
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .circle-inside:nth-of-type(3){
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .circle-inside{
    border: 1px solid #927676;
    position: absolute;
    width: 52%;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .circle-inside .stick{
    position: absolute;
    width: 2px;
    height: 10px;
    /* border: 1px solid; */
    top: 102%;
    height: 157%;
    left: 50%;
    transform: translateX(-50%);
    background: #c10e31;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .circle-inside .stick > .circle-stick{
    background: #c10e31;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .circle-inside-full{
    position: absolute;
    width: 15%;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #c10e31;
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .description{
    width: 140%;
    position: absolute;
    text-align: center;
    left: -20%;
    bottom: -30%;
    bottom: -40%;
    font-weight: 100;
    color: #fff;
    font-size: small;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .description img{
    width: 8rem;
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .description > span {
    padding: 0.5em;
    color: #fff;
    font-weight: normal;
    width: 100%;
}

.section-4 .events-line .owl-stage-outer .owl-stage .owl-item .new-event .description > .desc-line{
    content: '';
    background: #c10e31;
    display: block;
    position: relative;
    padding: 1px;
    top: 1em;
} 
/*-------------------- section 5 --------------------*/
.section-5{
    width: 100%;
}

.section-5 .video{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    width: 100%;
}

.section-5 .video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*-------------------- section 6 --------------------*/
.section-6{
    background: radial-gradient(at center, rgba(34,53,57,1) 0%, rgba(9,13,14,1) 70%);
}

.section-6 .portfolio{
    margin-top: 3rem;
}

.section-6 .portfolio iframe{
    width: 100%;
    height: 12rem;
}

.section-6 .portfolio p{
    color: white;
    font-size: 0.9em;
    margin-top: 7px;
    position: relative;
    display: flex;
    align-items: center;
}

.section-6 .portfolio p::before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #d11535;
    margin-right: 4px;
    transform: translateY(-1px);
}

.section-6 .information{
    margin-bottom: 3rem;
}

.section-6 .partners{
    text-align: center;
}

.section-6 .partners a{
    display: inline-block;
    vertical-align: middle;
    margin: 1rem 2rem;
    text-decoration: none;
}

.section-6 .partners a img{
    width: 6rem;
}

.white-filter{
    filter: brightness(0) invert(1);
}

.gray-filter{
    filter: grayscale(100%)
}
/*-------------------- section 7 --------------------*/
.section-7{
    background: url(/images/section_background2.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-7 .info{
    display: flex;
    justify-content: center;
    background-color: rgba(37, 3, 3, 0.767);
    padding-top: 7em;
    padding-bottom: 12em;
}

.section-7 .info img{
    width: 10rem;
    height: 100%;
    margin: 0 3rem;
}

.section-7 .info .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-7 .info .content h1{
    font-family: hemi-head-it;
    color: white;
    margin-bottom: 0.5rem;
}

@media only screen and (max-width: 992px){
    .section-7 .info{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .section-7 .info .content{
        text-align: center;
    }
}
/*-------------------- section 8 --------------------*/
.section-8{
    margin-top: -6rem;
}

.section-8 .polygon-top{
    background-color: #d10a35;
    padding-top: 5%;
    position: relative;
    margin-bottom: -1px;
    clip-path: polygon( 0% 0%, 14% 0%, 17% 34%, 27% 34%, 31% 100%, 69% 100%, 73% 34%, 83% 34%, 86% 0%, 100% 0, 100% 100%, 0% 100% );
    background: rgb(204, 20, 51);
    background: -moz-linear-gradient( 90deg, rgba(204, 20, 51, 1) 0%, rgba(145, 22, 43, 1) 10%, rgba(82, 9, 21, 1) 15%, rgba(0, 108, 213, 1) 23%, rgba(0, 108, 213, 1) 31%, rgba(0, 108, 213, 1) 69%, rgba(0, 108, 213, 1) 77%, rgba(82, 9, 21, 1) 85%, rgba(145, 22, 43, 1) 89%, rgba(204, 20, 51, 1) 100% );
    background: -webkit-linear-gradient( 90deg, rgba(204, 20, 51, 1) 0%, rgba(145, 22, 43, 1) 10%, rgba(82, 9, 21, 1) 15%, rgba(0, 108, 213, 1) 23%, rgba(0, 108, 213, 1) 31%, rgba(0, 108, 213, 1) 69%, rgba(0, 108, 213, 1) 77%, rgba(82, 9, 21, 1) 85%, rgba(145, 22, 43, 1) 89%, rgba(204, 20, 51, 1) 100% );
    background: linear-gradient( 90deg, rgba(204, 20, 51, 1) 0%, rgba(145, 22, 43, 1) 10%, rgba(82, 9, 21, 1) 15%, rgba(0, 108, 213, 1) 23%, rgba(0, 108, 213, 1) 31%, rgba(0, 108, 213, 1) 69%, rgba(0, 108, 213, 1) 77%, rgba(82, 9, 21, 1) 85%, rgba(145, 22, 43, 1) 89%, rgba(204, 20, 51, 1) 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cc1433",endColorstr="#cc1433",GradientType=1);
}

.section-8 .polygon-top::after{
    content: "";
    background: #00012e;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon( 0% 0%, 14% 13%, 17% 45%, 27% 45%, 31% 100%, 69% 100%, 73% 45%, 83% 45%, 86% 13%, 100% 0, 100% 100%, 0% 100% );
}

.section-8 .content{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7em 0;
    background: radial-gradient(circle, rgba(14, 14, 94, 1) 0%, #00012e 53%);
    z-index: 59;
    position: relative;
}

.section-8 .content .badge-logo{
    background: url(/images/badge_background.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 16em;
    height: 11em;
    display: inline-block;
    clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 10% 100%, 0 90%);
    position: relative;
    margin-right: 6em;
}

.section-8 .content .badge-logo > div{
    display: inline-flex;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    position: relative;
}

.section-8 .content .badge-logo .bg-gradient{
    background: linear-gradient( 90deg, #87092b 0%, rgba(88, 4, 4, 1) 47%, #1195fb 81% )!important;
}

.section-8 .content .badge-logo img{
    position: absolute;
    width: 8em;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.section-8 .content .text{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}

.section-8 .content .text h1{
    font-family: hemi-head-it;
    color: white;
    text-align: right;
}

.section-8 .polygon-bottom{
    padding-top: 5%;
    position: relative;
    margin-top: -1px;
    clip-path: polygon( 0% 100%, 14% 100%, 17% 66%, 27% 66%, 31% 0, 69% 0%, 73% 66%, 83% 66%, 86% 100%, 100% 100%, 100% 0, 0 0 );
    background: linear-gradient( 90deg, rgba(204, 20, 51, 1) 0%, rgba(145, 22, 43, 1) 10%, rgba(82, 9, 21, 1) 15%, rgba(0, 108, 213, 1) 23%, rgba(0, 108, 213, 1) 31%, rgba(0, 108, 213, 1) 69%, rgba(0, 108, 213, 1) 77%, rgba(82, 9, 21, 1) 85%, rgba(145, 22, 43, 1) 89%, rgba(204, 20, 51, 1) 100% );
}

.section-8 .polygon-bottom::after{
    content: "";
    background: #00012e;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: polygon( 0% 100%, 14% 87%, 17% 55%, 27% 55%, 31% 0, 69% 0, 73% 55%, 83% 55%, 86% 87%, 100% 100%, 100% 0, 0% 0 );
}

@media only screen and (max-width: 992px){
    .section-8 .polygon-top{
        padding-top: 7%;
    }

    .section-8 .polygon-top::after{
        clip-path: polygon( 0% 0%, 14% 20%, 17% 54%, 27% 54%, 31% 100%, 69% 100%, 73% 54%, 83% 54%, 86% 20%, 100% 0, 100% 100%, 0% 100% );
    }

    .section-8 .content{
        flex-direction: column;
    }

    .section-8 .content .badge-logo{
        margin: 0;
    }

    .section-8 .content .text{
        align-items: center;
    }

    .section-8 .content .text h1{
        margin-top: 1rem;
        margin-bottom: 1rem;
        text-align: center;
    }
}
/*-------------------- section 9 --------------------*/
.section-9{
    margin-top: -7rem;
    background: radial-gradient(at center, rgba(34,53,57,1) 0%, rgba(9,13,14,1) 70%);
}

.section-9 .information{
    margin-top: 5rem;
}

.section-9 .contact-form{
    margin-top: 4rem;
}

.section-9 .contact-form input, .section-9 .contact-form textarea{
    width: 100%;
    margin-bottom: 1em;
    padding: 0.3em;
    background-color: transparent;
    border: 1px solid #d10a357e;
    color: white;
    font-size: 0.8em;
    outline: none;
}

.section-9 .contact-form a{
    outline: none;
    border: 0;
}

.section-9 iframe{
    width: 100%;
    height: 80%;
    border: 0;
}

.section-9 .footer{
    display: flex;
    justify-content: space-between;
    margin: 6em 0;
}

.section-9 .footer .footer-column{
    display: flex;
    flex-direction: column;
    margin: 0 2em;
}

.section-9 .footer .footer-column img{
    width: 7rem;
}

.section-9 .footer .footer-column > h3{
    color: white;
    font-size: 1em;
    margin-bottom: 1em;
    display: flex;
    flex-direction: column;
}

.section-9 .footer .footer-column > h3::after{
    content: '';
    display: inline-block;
    background: linear-gradient(111deg, rgba(209,10,53,1) 0%, rgba(94,8,26,1) 100%);
    width: 90%;
    height: 2px;
    margin-top: 0.2em;
}

.section-9 .footer .footer-column > p{
    font-size: 0.8em;
    color: white;
    margin-bottom: 1.5em;
}

.section-9 .footer .footer-column .form-footer{
    display: flex;
    flex-direction: column;
}

.section-9 .footer .footer-column .footer-socials a{
    text-decoration: none;
}

.section-9 .footer .footer-column .footer-socials a img{
    width: 1.5rem;
    margin: 0 0.3rem;
}

@media only screen and (max-width: 992px){
    .section-9{
        margin-top: -5rem
    }

    .section-9 iframe{
        margin-top: 3em;
        height: 14em!important;
    }

    .section-9 .footer{
        flex-direction: column;
        align-items: center;
    }

    .section-9 .footer .footer-column{
        margin-bottom: 4em;
    }

    .section-9 .footer .footer-column > h3{
        text-align: center;
    }

    .section-9 .footer .footer-column > p{
        text-align: center;
    }

    .section-9 .footer .footer-column .form-footer span{
        text-align: center;
        display: flex;
        justify-content: center;
    }
}











.wrapper_events_line_new
{   

    width: 80%!important;
    position: relative!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-around!important;
    flex-direction: row!important;
    margin: 1em 0!important;
    margin-bottom: 3em!important;

}


.wrapper_events_line_new .owl-stage::before
{   

    content: '';
    position: absolute;
    width:100%;
    height:1pt;
    top:50%;
    transform: translateY(-50%);
    background-color: red;


}



.wrapper_events_line_new .event_item_new 
{  

    border: 0 solid;
    width: 100px;
    height: 200px;
    position: relative;

}




.wrapper_events_line_new .owl-nav
{

    position: absolute;
    width: 120%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: space-between;

}



.wrapper_events_line_new .owl-nav button
{

width: 2em;

}



.wrapper_events_line_new .owl-stage-outer {

    padding: 6em 0;

}

.wrapper_events_line_new .owl-nav button img
{

    width: 2em;

}



.wrapper_events_line_new .event_item_new .title
{  


    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #11bd11;
    position: absolute;
    top: 10%;
    width: 120px;
    font-weight: 600;
    left: 50%;
    transform: translate(-50%, 0);
    color: #a3bcbe;

}





.wrapper_events_line_new .event_item_new.reversed .title
{  


    top: unset;
   bottom: 10%;



}



.wrapper_events_line_new .event_item_new .circle_parent
{  


    position: absolute;
    border: 1px solid #927676;    /* background: red; */
    width: 72%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    clip-path: inset(50% 50% 0 0);
}


.wrapper_events_line_new .event_item_new.reversed .circle_parent
{


clip-path: inset(0 0 50% 50%);


}


.wrapper_events_line_new .event_item_new .circle_parent::after
{

    content: "";
  display: block;
  padding-bottom: 100%;

}


.wrapper_events_line_new .event_item_new  .circle_inside
{  

    border: 1px solid #927676;
        position: absolute;
    width: 52%;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}


.wrapper_events_line_new .event_item_new  .circle_inside:nth-of-type(2)
{


    width: 30%;

    border: 1px solid #649306;
    border: 1px solid #927676;;

}





.wrapper_events_line_new .event_item_new  .circle_inside:nth-of-type(3)
{




}


.wrapper_events_line_new .event_item_new  .circle_inside_full::after,
.wrapper_events_line_new .event_item_new  .circle_inside::after
{  

    content: "";
    display: block;
    padding-bottom: 100%;


}



.wrapper_events_line_new .event_item_new  .circle_inside_full
{  


   
        position: absolute;
    width: 15%;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);


    background: rgb(0,215,19);
background: -moz-linear-gradient(90deg, rgb(224 63 16) 0%, rgb(207 18 58) 100%);
background: -webkit-linear-gradient(90deg, rgb(224 63 16) 0%, rgb(207 18 58) 100%);
background: linear-gradient(90deg, rgb(224 63 16) 0%, rgb(207 18 58) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d713",endColorstr="#878f11",GradientType=1);

}



.wrapper_events_line_new .event_item_new .circle_inside .stick
{  

    position: absolute;
    width: 2px;
    height: 10px;
    /* border: 1px solid; */
    top: 102%;
    height: 157%;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(0,215,19);
    background: -moz-linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);
    background: linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);



    background: rgb(0,215,19);
    background: -moz-linear-gradient(90deg, rgb(224 63 16) 0%, rgb(207 18 58) 100%);
    background: -webkit-linear-gradient(90deg, rgb(224 63 16) 0%, rgb(207 18 58) 100%);
    background: linear-gradient(90deg, rgb(224 63 16) 0%, rgb(207 18 58) 100%);



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d713",endColorstr="#878f11",GradientType=1);
    display: flex;
    align-items: flex-end;
    justify-content: center;

}



.wrapper_events_line_new .event_item_new.reversed .circle_inside .stick
{  

    top: 0;
    transform: translate(-50%, -100%);

}







.wrapper_events_line_new .event_item_new .circle_inside .stick > .circle_stick
{



    background: rgb(0,215,19);
    background: -moz-linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);
    background: linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d713",endColorstr="#878f11",GradientType=1);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;



}




.wrapper_events_line_new .event_item_new.reversed .circle_inside .stick > .circle_stick
{

top: 0;

}


.wrapper_events_line_new .event_item_new .description
{  

    width: 140%;
    position: absolute;
    text-align: center;
    left: -20%;
    bottom: -30%;
    bottom: -40%;
    font-weight: 100;
    color: #5e5e6b;
    font-size: small;

    



    display: inline-flex;
    flex-direction: column;
    align-items: center;
}


.wrapper_events_line_new .event_item_new .description img
{

width: 8em;

}

.wrapper_events_line_new .event_item_new .description > span
{

    padding: 0.5em;
    color: rgb(255, 255, 255);
    font-weight: normal;
    width: 100%;

}

.wrapper_events_line_new .event_item_new.reversed .description
{  

    bottom: unset;
    top: -38%;
    display: flex;
    flex-direction: column-reverse;


}




.wrapper_events_line_new .event_item_new .description > .desc_line
{  


    content: '';
    background: rgb(0,215,19);
    background: -moz-linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);
    background: linear-gradient(90deg, rgba(0,215,19,1) 0%, rgba(135,143,17,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00d713",endColorstr="#878f11",GradientType=1);
    display: block;
    position: relative;
    padding: 1px;
    top: 1em;
    display: none;


}

.wrapper_events_line_new .event_item_new.reversed .description > .desc_line
{


    top: -1em;


}

.wrapper_events_line_new .event_item_new .line_description
{  


}




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

    .section .service-list .services {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }


/*.owl-carousel.owl-drag .owl-item*/
.wrapper_events_line_new.owl-carousel .owl-item {
    

    display: inline-flex;
    align-items: center;
    justify-content: center;


}

.alert-event{
    right: 0;
}




}