alink.iconlink{
        color: #ff7e00;
}
.linka{
        text-decoration: none;
        color: #fff;
}
.link-mb-tle{
        color: #000;
        font-size: 16px;
        padding-left: 10px;
}
.lnnk{
    text-decoration: none;
    color: #c8c8c8;
}
.lnnk:hover{
   
    color: #ff9300;
}
.link-mb-tle:hover{
        color: #000;
        font-size: 16px;
        background-color: #ffcc88;
        padding-left: 10px;
        border-radius: 8px;
}
.item-circle i{
        border-radius: 100px;
        border: solid 1px #ff7e00;
        padding: 25px;
}
.item-circle{
        padding-bottom: 45px;
        padding-top: 20px;
}
.alink2{
        font-size: 16px;
        margin-left: 10px;
        margin-right: 10px;
}
.alink2:hover{
        border-bottom: solid 1px #ffcc88;
        color: #ff9300;
}
.agt{
        border-radius: 8px;
        background-color: #ff9300;
        border: none;
        color: #000;
        font-weight: bold;
}
.agt:hover{
        background-color: #ff9300;
        border: solid 2px #ff9300;
        color: #fff;
        
}
.box{
        background-color: #fff;
        box-shadow: 0px 4px 4px #faf8f6;
        color: #000;
        border: solid 2px #fffcf9;
        transition: all 0.1s ease-out;
        margin-top: 5px;
        border-radius: 15px;
}
.box:hover{
        background-color: #fff;
        box-shadow: 0px 4px 15px #eee;
        color: #000;
        
        border: solid 1px #3c3c3c;
}
.alink3{
        font-size: 14px;
        color: #b6b6b6;
}

.alink3:hover{
        background-color: #373737;
        border-radius: 6PX;
        padding-right: 15PX;
        padding-left: 15PX; 
        font-weight: bold;
        color: #ff9300;
}
.alink{
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
        border-radius: 4px;
        padding-left: 30px;
        padding-right: 30px;
}
.alink:hover{
        background-color: #ff9300;
        border-radius: 4PX;
        padding-right: 15PX;
        padding-left: 15PX; 
        font-weight: bold;
}
.barre{
        border-bottom: solid 1px #ff7e00;
        width: 100%;
}
.btp2{
        background-color: #000;
        border: solid #000 2px;
        color: #fff;
}
.btp2:hover{
        background-color: #ff7e00;
        border: solid #ff7e00 2px;
}
.btp{
        background-color: #fcfcfc;
        border: solid #000 2px;
        color: #000;
}
.btp:hover{
        background-color: #ff7e00;
        border: none;
}
.carousolBack{
		position: absolute;
        width: 100%;
        height: 100%;
        bottom:  0px;
        left:  0px;
        background: linear-gradient(transparent, 30%, black);
        opacity: 0.5;
        border-radius: 3px;
}
.carousolBackText{
	position: absolute;
        width: 50%;
        bottom:  15%;
        left:  10%;
        color:  #fff;
        padding-left: 20px;
        padding-bottom: 120px;
}

.carousolBackImage{
        position: absolute;
        width: 40%;
        bottom:  0px;
        right:  2%;
        color:  #fff;
        padding-right: 10px;
        padding-bottom: 0px;
        margin-bottom: -15px;
}

@media (max-width: 780px) {

.laptop {
        display: none;
}
.flexib{
        padding-left: 7px;
        padding-right: 7px;
}
.carousolBackImage{
        position: absolute;
        width: 40%;
        bottom:  0px;
        right:  2%;
        color:  #fff;
        padding-right: 10px;
        padding-bottom: 0px;
        margin-bottom: 5px;
}
.linka{
        font-size: 12px;
        margin-left: 10px;
        margin-right: 10px;
}

.linka h3{
        font-size: 12px;
}
.Backform{
        position: absolute;
        background-color: #fcfcfc; 
        border-radius: 5px;
        padding: 20px;
        margin-right: 10px;
        margin-top: -50px;
        border: solid 1px #eee;
}
.carousolBackText{
        position: absolute;
        width: 50%;
        bottom:  0px;
        left: 15px;
        color:  #fff;
        padding-left: 0px;
        padding-top: 35px;
}
.carousolBackImage{
        position: absolute;
        width: 40%;
        bottom:  0px;
        left:  45%;
        color:  #fff;
        padding-right: 10px;
        padding-bottom: 0px;
        margin-bottom: -15px;
}

.flec{
        padding-left: 10px;
        padding-right: 10px;
}

}

@media (min-width: 780px) {
        .mobile{
                display: none
        }
        .flexib{
        padding-left: 50px;
        padding-right: 50px;
}



        .Backform{
        position: absolute;
        background-color: #fcfcfc; 
        width: 50%; 
        padding: 20px;
        margin-left: 25%;
        margin-right: 25%;
        border-radius: 10px;
        margin-top: -120px;
        border: solid 2px #f8f8f8;
}

}

*, *:after, *:before {
        box-sizing: border-box;
}
        
:root {
        --c-theme-primary: #008FFD;
        --c-theme-primary-accent: #CBE8FF;
        --c-bg-primary: #D6DAE0;
        --c-bg-secondary: #EAEBEC;
        --c-bg-tertiary: #FDFDFD;
        --c-text-primary: #1F1F25;
        --c-text-secondary: #999FA6;
}

button {
        font: inherit;
        cursor: pointer;
        &:focus {
                outline: 0;
        }
}


.datepicker {
        width: 95%;
        max-width: 350px;
        background-color: var(--c-bg-tertiary);
        border-radius: 10px;
        box-shadow: 0 0 2px 0 rgba(#000, .2), 0 5px 10px 0 rgba(#000, .1);
        padding: 1rem;
}

.datepicker-top {
        margin-bottom: 1rem;
}

.btn-group {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        margin-top: -.5rem;
}

.tag {
        margin-right: .2rem;
        margin-top: .2rem;
        border: 0;
        font-size: 14px;
        background-color: #f1f1f1;
        border-radius: 5px;
        padding: .5em .75em;
       
        color: #555555;
}

.month-selector {
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0;
        background-color:#FFF;
        border-radius: 12px;
        width: 2.5rem;
        height: 2.5rem;
        box-shadow: 0 0 2px 0 rgba(#000,.25), 0 0 10px 0 rgba(#000, .15);
}

.month-name {
        font-weight: 600;
}

.datepicker-calendar {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-row-gap: 1rem;
}

.day, .date {
        justify-self: center;
}

.day {
        color: var(--c-text-secondary);
        font-size: .875em;
        font-weight: 500;
        justify-self: center;
}

.date {
        border: 0;
        padding: 0;
        width: 2.25rem;
        height: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 6px;
        font-weight: 600;
        border: 2px solid transparent;
        background-color: transparent;
        cursor: pointer;
        &:focus {
                outline: 0;
                color: #000;
                border: 2px solid #ff7e00;        
        }       
}

.faded {
        color: var(--c-text-secondary);
}

.current-day {
        color: #000;
        border-color: #ff7e00;
        background-color: #ff7e00;
        &:focus {
                background-color: var(--c-theme-primary-accent);
        }
}