.location {
    display: flex;
    flex-direction:column;
    align-items:stretch;
}
@media screen and (min-width:768px) {
    .location {
        flex-direction:unset;
    }
}


.locationElement3 {
    width:100%;
}
.locationElement3 iframe {
    width :-webkit-fill-available;
    height:-webkit-fill-available;
}
.locationElement1, .locationElement3 {
    width:100%;
}
@media screen and (min-width:768px) {
    .locationElement1 {
        width:50%;
    }
    .locationElement3 {
        width:48%;
        margin-left:2%;
    }
}

.locationElement1 {
    display: flex;
    flex-direction: column;
}
.locationElement1 .algeroran {
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:18px;
    flex-flow:wrap;
}
.locationElement1 .algeroran span {
    background: #ffffff none repeat scroll 0 0;
    width: 30%;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2%;
    color: #252525;
    font-weight: 600;
    border-radius: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    padding:12px 0;
}
.contact-information {
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.contact-information span {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 32.5%;
    position:relative;
}
.contact-information span i {
    position:absolute;
    top:2.5px;
    left:0;
    font-size:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color: #14213d;;
    margin-right:15px;
}
.contact-information span ul li {
    /*font-size:13px;*/
    color:#252525;
}
.contact-information span ul li:nth-child(1) {
    font-weight:600;
    margin-left:25px;
}
.contact-information span ul li:nth-child(2) {
    color:#181c21a8;
    font-weight:bold;
    /*font-size:12.5px;*/
}
.contact-selected {
    background: #172f62!important;
    color: #fff!important;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px, rgb(252 163 17) 0px 3px 8px;
}




 .algeroran  span {
    box-shadow:unset;
 }
 .locationElement3 {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    background: linear-gradient(270deg, #fca211b1, #172f6298);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    padding: 0 0 8px 0;
 }
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
 .locationElement3 iframe {
}
.xd {
    color:#fca311!important;
    font-weight: bold;
 }