.contact-tab {
top: 0px;
padding-bottom:15px;
right: 0px;
clip-path: polygon(100% 0, 100% 100%, 0 100%, 9% 49%, 0 0);
z-index: 20000;
color: #ffffff;
padding-top: 19px;
display: block;
text-transform: uppercase;
transform: rotate(-90deg) translateY(-100%);
transform-origin: right top;
transition: color 0.25s linear;

}
.contact-tab a {
background-color: #017bff;
padding: 19px 0px;
color: #fff;
text-align: center;
width: 10px;
position: relative;

}
.btn-primary {
background-color:#017bff;border-radius:0px
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
background:#051d58 !important
}
.owl-1 .owl-nav {
width: 100%;
position: absolute;
top: 50%; }
.owl-1 .owl-nav .owl-next,
.owl-1 .owl-nav .owl-prev {
border: 1px solid red;
z-index: 92;
position: absolute;
top: 50%; }
.owl-1 .owl-nav .owl-next:active, .owl-1 .owl-nav .owl-next:focus,
.owl-1 .owl-nav .owl-prev:active,
.owl-1 .owl-nav .owl-prev:focus {
outline: none; }
.owl-1 .owl-nav .owl-next span,
.owl-1 .owl-nav .owl-prev span {
color: #fff; }
.owl-1 .owl-nav .owl-next span:before,
.owl-1 .owl-nav .owl-prev span:before {
font-size: 40px !important; }
.owl-1 .owl-nav .owl-next {
border: 4px solid blue;
right: 20px; }
.owl-1 .owl-nav .owl-prev {
left: 20px; }

.owl-1 .owl-dots {
position: absolute;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.owl-1 .owl-dots .owl-dot {
background: none;
display: inline-block; }
.owl-1 .owl-dots .owl-dot > span {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.5);
margin: 4px; }
.owl-1 .owl-dots .owl-dot.active > span {
background: white; }
.owl-1 .owl-dots .owl-dot:active, .owl-1 .owl-dots .owl-dot:focus {
outline: none; }

.media-29101 .img {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%; }

.text ul li {
border-bottom: 1px solid #eee;
padding: 0px 2px 14px;
}

.media-29101 .text {
padding: 14px; }
@media (max-width: 991.98px) {
.media-29101 .text {
padding: 20px;
width: 100%; } }
.media-29101 .text .category {
color: #adb5bd;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
letter-spacing: .2rem; }
.media-29101 .text h2 {
font-family: "Playfair Display", times, serif;
font-size: 2rem;
line-height: 1.3;
margin-bottom: 30px; }
.media-29101 .text h2 a {
color: #1791d8;
font-weight: 800;
font-size: 35px;
font-family: sans-serif;
}

.carousel-nav {
width: 100%;
border-bottom: 1px solid #ccc;
margin-bottom: 40px; }
.carousel-nav a {
color: #999;
padding: 20px;
text-align: center;
display: inline-block; }
.carousel-nav a:hover {
color: #000; }
.carousel-nav a.active {
color: #1791d8;
font-weight: 800;
/* font-size: 27px; */
/* padding: 10px; */
text-decoration: none; }
.carousel-nav a.active:before {
content: "";
bottom: -1px;
left: 0;
right: 0;
position: absolute;
border-bottom: 3px solid #1791d8 }
.referans_section {
    padding-bottom:0rem;
    margin-top: 9rem;
}
.referans_section .item{ margin:10px; }
.referans_section .item .img {
border: 1px solid #e8e8e8;
height: 110px;
background-color: #fff;
position: relative;
}
.referans_section .item .img img {
width: 100% !important;
height: 63px;
object-fit: contain;
margin: auto;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding:10px;
position: absolute;
}
.referans_section .title {
text-align: center;
padding-bottom: 60px;
top: 16px;
position: relative;
}
.referans_section .title h3 {
font-weight: 700;
font-size: 37px;
position: relative;
color: #000;
}
.referans_section .title h4.bg_text {
position: absolute;
top: -24px;
color: #F5F5F5;
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
z-index: -1;
margin: 0 auto;
left: 0;
right: 0;
}
.referans_section .title p {
font-size: 14px;
color: #525252;
display: block;
position: relative;
}
.referans_section .title h3:after {
content: "";
width: 80px;
height: 11px;
position: absolute;
bottom: 0;
left: 0;
background-color: #d71920;
margin: 0 auto;
right: 0;
top: 57px;
border: 3px solid #eee;
}
.referans_section .owl-dots {
display: none!important;
}
.referans_section .owl-controls {
display: none!important;
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
.footer-section {
    background: url(img/footerbg.jpg);
    position: absolute;
    background-size: cover;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    width: 100%;
    padding: 50px;
}
.footer-section:before {
content: "";
width: 100%;
height: 100%;
background:linear-gradient(90deg, rgb(0 26 132 / 84%) 0%, rgb(0 1 116 / 69%) 100%);
position: absolute;
top: 0;
z-index: 1;
left: 0;
}
.footer-cta {
border-bottom: 1px solid #373636;
}
.single-cta i {
color: #ff5e14;
font-size: 30px;
float: left;
margin-top: 8px;
}
.cta-text {
padding-left: 15px;
display: inline-block;
}
.cta-text h4 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 2px;
}
.cta-text span {
color: #757575;
font-size: 15px;
}
.footer-content {
position: relative;
z-index: 2;
}
.footer-pattern img {
position: absolute;
top: 0;
left: 0;
height: 330px;
background-size: cover;
background-position: 100% 100%;
}
.footer-logo {
margin-bottom: 30px;
}
.footer-logo img {
max-width: 240px;
}
.footer-text p {
margin-bottom: 14px;
font-size: 14px;
color: #fff ;
line-height: 28px;
}
.footer-social-icon span {
color: #fff;
display: block;
font-size: 20px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
margin-bottom: 20px;
}
.footer-social-icon a {
color: #fff;
font-size: 16px;
margin-right: 15px;
}
.footer-social-icon i {
height: 40px;
width: 40px;
text-align: center;
line-height: 38px;
border-radius: 50%;
}
.facebook-bg{
background: #3B5998;
}
.twitter-bg{
background: #55ACEE;
}
.google-bg{
background: #DD4B39;
}
.footer-widget-heading h3 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 40px;
position: relative;
}
.footer-widget-heading h3::before {
content: "";
position: absolute;
left: 0;
bottom: -15px;
height: 2px;
width: 50px;
background: #2392d5;
}
.footer-widget ul li {
display: inline-block;
float: left;
width: 50%;
margin-bottom: 12px;
}
.footer-widget ul li a:hover{
color: #fff;
}
.footer-widget ul li a {
color: #fff;
text-transform: capitalize;
}
.subscribe-form {
position: relative;
overflow: hidden;
}
.subscribe-form input {
width: 100%;
padding: 14px 28px;
background: #fff;
border: 1px solid #2E2E2E;
color: #111;
}
.subscribe-form button {
position: absolute;
right: 0;
background: #2392d5;
padding: 13px 20px;
border: 1px solid #2392d5;
top: 0;
}
.subscribe-form button i {
color: #fff;
font-size: 22px;
transform: rotate(-6deg);
}
.copyright-area{
background: #fff;
padding: 16px 4px 13px 2px;
z-index: 9999;
position: relative;
}
.copyright-text p {
margin: 0;
font-size: 14px;
color: #111;
}
.copyright-text p a{
color: #111;
}
.footer-menu li {
display: inline-block;
margin-left: 12px;
}
.footer-menu li:hover a{
color: #fff;
}
.footer-menu li a {
font-size: 14px;
color: #111;
}
.contact-tab {
top: 0px;
padding-bottom:15px;
right: 0px;
clip-path: polygon(100% 0, 100% 100%, 0 100%, 9% 49%, 0 0);
z-index: 20000;
color: #ffffff;
padding-top: 19px;
display: block;
text-transform: uppercase;
transform: rotate(-90deg) translateY(-100%);
transform-origin: right top;
transition: color 0.25s linear;

}
.contact-tab a {
background-color: #017bff;
padding: 19px 0px;
color: #fff;
text-align: center;
width: 10px;
position: relative;

}
.btn-primary {
background-color:#017bff;border-radius:0px
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
background:#051d58 !important
}

.experience {

position: absolute;
left: 0;
top: 304px;
bottom: 0px;
left: -39px;
margin: auto;
width: 210px;
height: 100px;
background-color: #1791d8;
text-align: center;
padding: 0px;
z-index: 99;
color: #fff;
padding-top: 22px;
font-size: 18px;
font-weight: 600;
}

.experience:after {
position: absolute;
content: "";
top: 100px;
left: 0;
width: 60px;
height: 40px;
background-color: #00598c;
clip-path: polygon(100% 0, 0 0, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 43% 45%);
}
/* Faux outline for older browsers */
.outline {
color: white; /* Unfortunately you can't use transparent here … */
font-family:sans-serif;
text-shadow:
-1px -1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
1px 1px 0 #fff
}

/* Real outline for modern browsers */
@supports((text-stroke: 2px white) or (-webkit-text-stroke: 2px white)) {
.outline {
color: transparent;
-webkit-text-stroke: 2px white;
text-stroke: 2px white;
text-shadow: none;
}
}



.callto__text {
text-align:center;
bottom:52px;
}
.flago li img {    width: 25px;}
.text-center:after {
content: '';
position: relative;
display: block;
width: 40px;
height: 3px;
background: #3fa0db;
bottom: 0;
left: calc(50% - 20px);margin-top:6px;
}
.text-center:before {
content: '';
position: absolute;
display: block;
width: 120px;
height: 1px;
background: #ddd;
bottom: 1px;
left: calc(50% - 60px)
}
.text-center {
color: #000174;
font-weight: 800;
font-size: 35px;
font-family: sans-serif;position: relative;
}


.map-container {
padding: 0;
position: relative;
display: inline-block;
}
.map-container img {
width: 100%;
opacity:0.6;
}
.map-container .point {
cursor: pointer;
position: absolute;
width: 1.6rem;
height: 1.6rem;
background-color: #017bff;
border-radius: 50%;
transition: all 0.3s ease;
will-change: transform, box-shadow;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 #017bff;
animation: pulse 3s infinite;
}
.map-container .point:hover {
animation: none;
transform: translate(-50%, -50%) scale3D(1.35, 1.35, 1);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.map-container .venezuela {
top: 54%;
left: 24%;
}
.map-container .brasil {
top: 64%;
left: 28%;
}
.map-container .argentina {
top: 77%;
left: 27%;
}
.map-container .colombia {
top: 55%;
left: 21%;
}
.map-container .panama {
top: 51%;
left: 18%;
}
.map-container .mexico {
top: 38%;
left: 12%;
}
.map-container .usa {
top: 26%;
left: 17%;
}
.map-container .arabia {
top: 34%;
left: 46%;
}
.map-container .turquia {
top: 44%;
left: 56%;
}
.map-container .rusia {
top: 16%;
left: 67%;
}
.map-container .china {
top: 46%;
left: 72%;
}
.map-container .japon {
top: 34%;
left: 86%;
}
.map-container .australia {
top: 72%;
left: 86%;
}
@keyframes pulse {
0% {
box-shadow:0 0 0 0 #017bff;
}
70% {
box-shadow: 0 0 0 25px rgba(0, 172, 193, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(0, 172, 193, 0);
}
}

.banner_top {
    width: 100%;
    height: 430px;
    background-color: #fff;
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;    margin-bottom: 90px;
    margin-top: -141px;
    position: relative
}

.banner_top::after {
    
}

.banner_top .content { clip-path:unset !important; background:unset !important;  } 
.banner_top::after {
    content: " "
}

.banner_top .content {
    display: block;
    background-color: rgba(0,0,0,.52);
    height: 100%
}

.banner_top .content h3 {
    color: #fff;
    margin-top: 0;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    font-size: 34px;
    display: block;
    padding-top: 253px;
    margin:  0 auto;text-align: center;
}

.links_tree {
    padding: 18px 33px;
    position: absolute;
    bottom: -81px;
    width: 100%;
    background-color: #1791d8;
    margin-bottom: 60px;
}

.specifications-container .item .title {
    
    font-weight: 600 !important;
}
.links_tree ul {
    margin-bottom: 0;
    padding-left: 0
}

.links_tree ul li {
    display: inline-block
}

.links_tree ul li a {
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: 500;
    color: #fff !important;
    font-size: 15px
}

.links_tree ul li a.active {
    color: #008dd2
}

.links_tree ul li a:hover {
    text-decoration: none;
    color: #008dd2
}

.links_tree ul li a:after {
    content: "|";
    position: absolute;
    right: -5px;
    color: #ffffff;
    top: -5px;
    font-size: 16px;
}

.links_tree ul li:last-child a:after {
    display: none
}

#ff {
font-size: 18px;
margin: 10px 20px 20px 0px;
color: #2392d5;
text-align: center;
}
.g-5, .gy-5 {--bs-gutter-y: 3rem;
}
.bg-light {    background-color: #b5b5b51a !important}
.px-4 {margin-bottom:10px}
.mb-4 {    margin-bottom: 1.5rem !important;}
.section-title h5::before {
position: absolute;
content: "";
width: 45px;
height: 3px;
right: -55px;
bottom: 9px;
background:#2392d5;
}