.abutton {
color: #fff;
margin-left: 17px;
margin-top: 23px;
}
.btn-primary {
padding: 11px 41px;
font-size: 18px;
}
.banner-carousel .banner-carousel-item {
height: 100vh;
color: #fff;
background-position: 50% 50%;
background-size: cover;
@include desktop {
height: 550px;
}
@include mobile {
height: 450px;
}
}
.slider-content {
position: relative;
height: 100%;
width: 100%;
}
.slide-title-box {
font-size: 16px;
line-height: 39px;

color: #fff;
display: inline-block;
padding: 0 15px;
margin: 0 0 10px;
}
.slide-title {
font-size: 30px;
line-height: 36px;
font-weight: 300;
color: #fff;
margin: 20px 0 10px;
@include desktop {
font-size: 22px;
}
@include mobile {
font-size: 16px;
}
}

.kadir {
font-size: 16px;
font-weight: 700;
color: #111;
text-align: center;
margin-bottom: 20px;    min-height: 40px;
}
.wrap-icon  {
text-align: center;
border: 1px solid #eee;
padding: 10px;;
}
.slide-sub-title {
font-style: normal;
font-size: 48px;
line-height: 58px;
margin: 20px 0;
color: #fff;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0px;
}
@include mobile {
font-size: 30px;
line-height: 30px;
}
.slider-text {
display: table;
vertical-align: bottom;
color: #fff;
padding-left: 40%;
width: 100%;
padding-bottom: 0;
padding-top: 20px;
}
.slider-text .slide-head {
font-size: 36px;
color: #0052a5;
position: relative;
}
.slider-img {
display: block;
position: absolute;
top: -80px;
left: 20%;
width: 314px;
max-height: 100%;
}
.slider-img img {
display: block;
position: relative;
max-height: 100%;
width: auto;
}
.slider.btn {
margin: 15px 5px 0;
border: 2px solid transparent;
@include mobile {
font-size: 12px;
}
}
.slider.border {
background: none;
border: 2px solid $color-primary !important;
}
.slider.border:hover {
background: $color-primary;
border: 2px solid transparent;
}
/* Carousel control */
.banner-carousel .carousel-control {
position: absolute;
top: 71%;
z-index: 5;
display: inline-block;
transform: translateY(-50%);
background-color: transparent;
opacity: 0;
filter: alpha(opacity=0);
text-shadow: none;
transition: all .25s ease;
padding: 0;
outline: 0;
border: 0;
@include mobile {
display: none !important;
}
}
.banner-carousel .slick-dots {
opacity: 0;
filter: alpha(opacity=0);
bottom: 60px;
}
.slick-dots {
li button::before {
font-size: 12px;
}
li button:hover:before, .slick-dots li button:focus:before,
li.slick-active button:before {
opacity: 1;
color: $color-primary;
}
}
.slick-slide {
outline: 0;
}
.banner-carousel:hover .carousel-control,
.banner-carousel:hover .carousel-control,
.banner-carousel:hover .slick-dots {
opacity: 1;
filter: alpha(opacity=100);
}
.banner-carousel .carousel-control.left {
left: 80%;
}
.banner-carousel .carousel-control.right {
right: 10%
}
.banner-carousel .carousel-control i {
background: rgba(0, 0, 0, .3);
color: #fff;
line-height: 58px;
width: 60px;
height: 60px;
font-size: 22px;
border-radius: 50%;
transition: all 500ms ease;
}
.banner-carousel .carousel-control i:hover {
background: $color-primary;
color: #fff;
}
/*-- Animation */
.banner-carousel [data-animation-in] {
opacity: 0;
}
.navbar-brand svg {
    width: 310px !important;
    height: 135px !important;
}

@-webkit-keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: url("style.css#SVGID_00000036956789132519756480000015367317968549987500_");
}
}
@keyframes animate-svg-fill-1 {
0% {
fill: transparent;
}
100% {
fill: url("style.css#SVGID_00000036956789132519756480000015367317968549987500_");
}
}
.svg-elem-1 {
-webkit-animation: animate-svg-fill-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
animation: animate-svg-fill-1 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both;
}
@-webkit-keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-2 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-2 {
-webkit-animation: animate-svg-fill-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both;
animation: animate-svg-fill-2 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s both;
}
@-webkit-keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-3 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-3 {
-webkit-animation: animate-svg-fill-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
animation: animate-svg-fill-3 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}
@-webkit-keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-4 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-4 {
-webkit-animation: animate-svg-fill-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
animation: animate-svg-fill-4 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}
@-webkit-keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-5 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-5 {
-webkit-animation: animate-svg-fill-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
animation: animate-svg-fill-5 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}
@-webkit-keyframes animate-svg-fill-6 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-6 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-6 {
-webkit-animation: animate-svg-fill-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
animation: animate-svg-fill-6 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}
@-webkit-keyframes animate-svg-fill-7 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-7 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-7 {
-webkit-animation: animate-svg-fill-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
animation: animate-svg-fill-7 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}
@-webkit-keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-8 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-8 {
-webkit-animation: animate-svg-fill-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
animation: animate-svg-fill-8 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}
@-webkit-keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-9 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-9 {
-webkit-animation: animate-svg-fill-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
animation: animate-svg-fill-9 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s both;
}
@-webkit-keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
@keyframes animate-svg-fill-10 {
0% {
fill: transparent;
}
100% {
fill: #1791d8;
}
}
.svg-elem-10 {
-webkit-animation: animate-svg-fill-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
animation: animate-svg-fill-10 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}
@-webkit-keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-11 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-11 {
-webkit-animation: animate-svg-fill-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
animation: animate-svg-fill-11 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}
@-webkit-keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-12 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-12 {
-webkit-animation: animate-svg-fill-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
animation: animate-svg-fill-12 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}
@-webkit-keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-13 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-13 {
-webkit-animation: animate-svg-fill-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s both;
animation: animate-svg-fill-13 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8000000000000003s both;
}
@-webkit-keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-14 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-14 {
-webkit-animation: animate-svg-fill-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
animation: animate-svg-fill-14 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s both;
}
@-webkit-keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-15 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-15 {
-webkit-animation: animate-svg-fill-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
animation: animate-svg-fill-15 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}
@-webkit-keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-16 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-16 {
-webkit-animation: animate-svg-fill-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
animation: animate-svg-fill-16 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}
@-webkit-keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-17 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-17 {
-webkit-animation: animate-svg-fill-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
animation: animate-svg-fill-17 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}
@-webkit-keyframes animate-svg-fill-18 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-18 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-18 {
-webkit-animation: animate-svg-fill-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s both;
animation: animate-svg-fill-18 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3000000000000003s both;
}
@-webkit-keyframes animate-svg-fill-19 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-19 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-19 {
-webkit-animation: animate-svg-fill-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
animation: animate-svg-fill-19 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both;
}
@-webkit-keyframes animate-svg-fill-20 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-20 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-20 {
-webkit-animation: animate-svg-fill-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
animation: animate-svg-fill-20 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}
@-webkit-keyframes animate-svg-fill-21 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-21 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-21 {
-webkit-animation: animate-svg-fill-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
animation: animate-svg-fill-21 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}
@-webkit-keyframes animate-svg-fill-22 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-22 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-22 {
-webkit-animation: animate-svg-fill-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
animation: animate-svg-fill-22 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}
@-webkit-keyframes animate-svg-fill-23 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-23 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-23 {
-webkit-animation: animate-svg-fill-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s both;
animation: animate-svg-fill-23 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8000000000000003s both;
}
@-webkit-keyframes animate-svg-fill-24 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-24 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-24 {
-webkit-animation: animate-svg-fill-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
animation: animate-svg-fill-24 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}
@-webkit-keyframes animate-svg-fill-25 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-25 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-25 {
-webkit-animation: animate-svg-fill-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0000000000000004s both;
animation: animate-svg-fill-25 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.0000000000000004s both;
}
@-webkit-keyframes animate-svg-fill-26 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-26 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-26 {
-webkit-animation: animate-svg-fill-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s both;
animation: animate-svg-fill-26 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s both;
}
@-webkit-keyframes animate-svg-fill-27 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
@keyframes animate-svg-fill-27 {
0% {
fill: transparent;
}
100% {
fill: #003455;
}
}
.svg-elem-27 {
-webkit-animation: animate-svg-fill-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
animation: animate-svg-fill-27 0.2s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}
.accordion {
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
}
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 0px;
background-color: white;
display: none;
overflow: hidden;
}
.navbar{
padding-top: 0;
padding-bottom: 0;

}
.slick-list {
bottom: 95px;
}
.navbar-light .navbar-brand { position: absolute; width: 21%; height: 78px; color: #2196F3; z-index: 99;
}
.navbar-light .navbar-nav .nav-link {
color: #fff;
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: #043554;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #fff;
}
.navbar-light .navbar-nav .nav-link{
padding-top: 22px;
padding-bottom: 22px;
transition: 0.3s;
padding-left: 14px;
padding-right: 14px;
font-size: 18px;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
background: #043554;
transition: 0.3s;
}
.dropdown-item:focus, .dropdown-item:hover {
color: #fff;
text-decoration: none;
background-color: #051d58 !important;
}
.sm-menu{
border-radius: 0px;
border: 0px;
top: 97%;
box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;
}
.dropdown-item {
color: #3c3c3c;
font-size: 14px;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #2196F3 !important;
}
.navbar-toggler{
outline: none !important;
}
.navbar-tog{
color: #043554;
}
.megamenu-li {
position: static;
}
.megamenu {
position: absolute;
width: 100%;
left: 0;
right: 0;
padding: 15px;
margin-top:3px;
}
.megamenu h6{
margin-left: 21px;
}
.megamenu i{
width: 20px;
}
.banner-carousel-item::before {
    content: "";
    width: 100%;
    height: 100%;
    background:linear-gradient(90deg, rgb(0 26 132 / 70%) 0%, rgb(0 132 55 / 49%) 100%);
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
}
.slider-content { z-index:999;}
.langauge{
float: right;
top: 20px;
display: block;
margin-top: 21px;
text-align: right;
color:#fff;
}
.langauge li {
list-style: none;
}
.langauge .linkklang{
padding: 5px;
color: #000;
width: 40px;
height: 33px;
display: inline-block;
text-align: center;
}
.langauge .linkklang:first-child{
background-color: #000;
color: #fff;
}
.langauge .linkklang:hover{
text-decoration: none;
color: #fff;
}
.sl-nav {
display: inline;
}
.sl-nav ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: inline-block;
}
.sl-nav li {
cursor: pointer;
padding-bottom: 10px;
}
.sl-nav li ul {
display: none;
}
.sl-nav li:hover ul {
position: absolute;
top: 29px;
right: -15px;
display: block;
background: #fff;
width: 120px;
padding-top: 0px;
z-index: 1;
border-radius: 5px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.sl-nav li:hover .triangle {
position: absolute;
top: 15px;
right: -10px;
z-index: 10;
height: 14px;
overflow: hidden;
width: 30px;
background: transparent;
}
.sl-nav li:hover .triangle:after {
content: '';
display: block;
z-index: 20;
width: 15px;
transform: rotate(45deg) translateY(0px) translatex(10px);
height: 15px;
background: #fff;
border-radius: 2px 0px 0px 0px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
.sl-nav li ul li {
position: relative;
text-align: left;
background: transparent;
padding: 15px 15px;
padding-bottom: 0;
z-index: 2;
font-size: 15px;
color: #3c3c3c;
}
.sl-nav li ul li:last-of-type {
padding-bottom: 15px;
}
.sl-nav li ul li span {
padding-left: 5px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
color: #8A8A8F;
}
.sl-flag {
display: inline-block;
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
width: 17px;
height: 17px;
background: #aaa;
border-radius: 50%;
position: relative;
top: 2px;
overflow: hidden;
}
.flag-de {
background: url("img/tr.png");
background-size: cover;
background-position:101px;
}
.flag-tr {
background: url("img/tr.png");
background-size: cover;
background-position:101px;
}
.flag-usa {
background-size: cover !important;
background-position: 44% !important;
background: url("img/en.png");
}
.flag-en {
background-size: cover !important;
background-position: 44% !important;
background: url("img/en.png");
}
.sl-nav ul li b{
font-weight: 400;
}
#modal-container {
position: fixed;
display: table;
height: 100%;
width: 100%;
top: 0;
left: 0;
transform: scale(0);
z-index: 1;
}
#modal-container.one {
transform: scaleY(0.01) scaleX(0);
animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one .modal-background .modal {
transform: scale(0);
animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out {
transform: scale(1);
animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out .modal-background .modal {
animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two {
transform: scale(1);
}
#modal-container.two .modal-background {
background: rgba(0, 0, 0, .0);
animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two .modal-background .modal {
opacity: 0;
animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two + .content {
animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out {
animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.two.out .modal-background {
animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out .modal-background .modal {
animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out + .content {
animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three {
z-index: 0;
transform: scale(1);
}
#modal-container.three .modal-background {
background: rgba(0, 0, 0, .6);
}
#modal-container.three .modal-background .modal {
animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three + .content {
z-index: 1;
animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three.out .modal-background .modal {
animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three.out + .content {
animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four {
z-index: 0;
transform: scale(1);
}
#modal-container.four .modal-background {
background: rgba(0, 0, 0, .7);
}
#modal-container.four .modal-background .modal {
animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four + .content {
z-index: 1;
animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four.out .modal-background .modal {
animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four.out + .content {
animation: blowUpContentTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five {
transform: scale(1);
}
#modal-container.five .modal-background {
background: rgba(0, 0, 0, .0);
animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five .modal-background .modal {
transform: translateX(-1500px);
animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out {
animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.five.out .modal-background {
animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out .modal-background .modal {
animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six {
transform: scale(1);
}
#modal-container.six .modal-background {
background: rgba(0, 0, 0, .0);
animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal {
background-color: transparent;
animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal h2, #modal-container.six .modal-background .modal p {
opacity: 0;
position: relative;
animation: modalContentFadeIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal .modal-svg rect {
animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out {
animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.six.out .modal-background {
animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal {
animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal h2, #modal-container.six.out .modal-background .modal p {
animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal .modal-svg rect {
animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven {
transform: scale(1);
}
#modal-container.seven .modal-background {
background: rgba(0, 0, 0, .0);
animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven .modal-background .modal {
height: 75px;
width: 75px;
border-radius: 75px;
overflow: hidden;
animation: bondJamesBond 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven .modal-background .modal h2, #modal-container.seven .modal-background .modal p {
opacity: 0;
position: relative;
animation: modalContentFadeIn 0.5s 1.4s linear forwards;
}
#modal-container.seven.out {
animation: slowFade 0.5s 1.5s linear forwards;
}
#modal-container.seven.out .modal-background {
background-color: rgba(0, 0, 0, .7);
animation: fadeToRed 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven.out .modal-background .modal {
border-radius: 3px;
height: 162px;
width: 227px;
animation: killShot 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven.out .modal-background .modal h2, #modal-container.seven.out .modal-background .modal p {
animation: modalContentFadeOut 0.5s 0.5 cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container .modal-background {
display: table-cell;
background: rgba(0, 0, 0, .8);
text-align: center;
vertical-align: middle;
}
#modal-container .modal-background .modal {
background: white;
padding: 50px;
display: inline-block;
border-radius: 3px;
font-weight: 300;
position: relative;
}
#modal-container .modal-background .modal h2 {
font-size: 25px;
line-height: 25px;
margin-bottom: 15px;
}
#modal-container .modal-background .modal p {
font-size: 18px;
line-height: 22px;
}
#modal-container .modal-background .modal .modal-svg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 3px;
}
#modal-container .modal-background .modal .modal-svg rect {
stroke: #fff;
stroke-width: 2px;
stroke-dasharray: 778;
stroke-dashoffset: 778;
}
.content {
min-height: 100%;
height: 100%;
background: white;
position: relative;
z-index: 0;
}
.content h1 {
padding: 75px 0 30px 0;
text-align: center;
font-size: 30px;
line-height: 30px;
}
.content .buttons {
max-width: 800px;
margin: 0 auto;
padding: 0;
text-align: center;
}
.content .buttons .button {
display: inline-block;
text-align: center;
padding: 10px 15px;
margin: 10px;
background: red;
font-size: 18px;
background-color: #efefef;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
cursor: pointer;
}
.content .buttons .button:hover {
color: white;
background: #009bd5;
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0.005) scaleX(0);
}
}
@keyframes zoomIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes zoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes fadeIn {
0% {
background: rgba(0, 0, 0, .0);
}
100% {
background: rgba(0, 0, 0, .7);
}
}
@keyframes fadeOut {
0% {
background: rgba(0, 0, 0, .7);
}
100% {
background: rgba(0, 0, 0, .0);
}
}
@keyframes scaleUp {
0% {
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
100% {
transform: scale(1) translateY(0px);
opacity: 1;
}
}
@keyframes scaleDown {
0% {
transform: scale(1) translateY(0px);
opacity: 1;
}
100% {
transform: scale(0.8) translateY(1000px);
opacity: 0;
}
}
@keyframes scaleBack {
0% {
transform: scale(1);
}
100% {
transform: scale(0.85);
}
}
@keyframes scaleForward {
0% {
transform: scale(0.85);
}
100% {
transform: scale(1);
}
}
@keyframes quickScaleDown {
0% {
transform: scale(1);
}
99.9% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes slideUpLarge {
0% {
transform: translateY(0%);
}
100% {
transform: translateY(-100%);
}
}
@keyframes slideDownLarge {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes moveUp {
0% {
transform: translateY(150px);
}
100% {
transform: translateY(0);
}
}
@keyframes moveDown {
0% {
transform: translateY(0px);
}
100% {
transform: translateY(150px);
}
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1;
}
99.9% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(0);
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0);
opacity: 0;
}
}
@keyframes roadRunnerIn {
0% {
transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
}
70% {
transform: translateX(30px) skewX(0deg) scaleX(0.9);
}
100% {
transform: translateX(0px) skewX(0deg) scaleX(1);
}
}
@keyframes roadRunnerOut {
0% {
transform: translateX(0px) skewX(0deg) scaleX(1);
}
30% {
transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
}
100% {
transform: translateX(1500px) skewX(30deg) scaleX(1.3);
}
}
@keyframes sketchIn {
0% {
stroke-dashoffset: 778;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes sketchOut {
0% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 778;
}
}
@keyframes modalFadeIn {
0% {
background-color: transparent;
}
100% {
background-color: white;
}
}
@keyframes modalFadeOut {
0% {
background-color: white;
}
100% {
background-color: transparent;
}
}
@keyframes modalContentFadeIn {
0% {
opacity: 0;
top: -20px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes modalContentFadeOut {
0% {
opacity: 1;
top: 0px;
}
100% {
opacity: 0;
top: -20px;
}
}
@keyframes bondJamesBond {
0% {
transform: translateX(1000px);
}
80% {
transform: translateX(0px);
border-radius: 75px;
height: 75px;
width: 75px;
}
90% {
border-radius: 3px;
height: 182px;
width: 247px;
}
100% {
border-radius: 3px;
height: 162px;
width: 227px;
}
}
@keyframes killShot {
0% {
transform: translateY(0) rotate(0deg);
opacity: 1;
}
100% {
transform: translateY(300px) rotate(45deg);
opacity: 0;
}
}
@keyframes fadeToRed {
0% {
background-color: rgba(0, 0, 0, .6);
}
100% {
background-color: rgba(255, 0, 0, .8);
}
}
@keyframes slowFade {
0% {
opacity: 1;
}
99.9% {
opacity: 0;
transform: scale(1);
}
100% {
transform: scale(0);
}
}
form.example input[type=text] {
padding: 10px;
font-size: 17px;
border: 1px solid grey;
float: left;
width: 80%;
background: #f1f1f1;
}
/* Style the submit button */
form.example button {
float: left;
width: 20%;
padding: 10px;
background: #000;
color: white;
font-size: 17px;
border: 1px solid grey;
border-left: none; /* Prevent double borders */
cursor: pointer;
}
form.example button:hover {
background: #0b7dda;
}
/* Clear floats */
form.example::after {
content: "";
clear: both;
display: table;
}
.heading-section h2 {
line-height: 1.2;
font-size: 40px;
font-weight: 700; }
.heading-section h2 span {
color: #fc5e28; }
.heading-section h2 span.number {
color: #fc5e28; }
@media (max-width: 767.98px) {
.heading-section h2 {
font-size: 28px; } }
.heading-section h4 {
font-size: 16px; }
.heading-section.heading-section-white .subheading {
color: #fc5e28; }
.heading-section.heading-section-white h2 {
color: #fff; }
.heading-section.heading-section-white p {
color: rgba(255, 255, 255, 0.9); }
.heading-section.heading-section-white h4 {
color: #fc5e28;
font-weight: 500; }

.primary-btn.normal-btn {
color: #111111;
}
.primary-btn.normal-btn:before {
border-color: #c4c4c4;
}
.primary-btn.normal-btn:after {
border-color: #c4c4c4;
}
.primary-btn:before {
position: absolute;
left: 0;
bottom: 0;
height: 28px;
width: 28px;
border-left: 2px solid rgba(255, 255, 255, 0.2);
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
content: "";
border-radius: 0 0 0 4px;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.primary-btn:after {
position: absolute;
right: 0;
top: 0;
height: 28px;
width: 28px;
border-right: 2px solid rgba(255, 255, 255, 0.2);
border-top: 2px solid rgba(255, 255, 255, 0.2);
content: "";
border-radius: 0 4px 0 0;
-webkit-transition: all, 0.5s;
-o-transition: all, 0.5s;
transition: all, 0.5s;
}
.primary-btn:hover:before {
height: 100%;
width: 100%;
border-radius: 4px;
}
.primary-btn:hover:after {
height: 100%;
width: 100%;
border-radius: 4px;
}
.section-title {
margin-bottom: 40px;
}

.section-title h2 {
font-size: 24px;
font-weight: bold;
color: #111111;
line-height: 50px;
text-transform: uppercase;
}
.callto {
}
.callto__text {	z-index:9; position:relative; }
.callto__text h2 {
font-size: 17px;
color: #ffffff;
line-height: 46px;
text-transform: uppercase;
margin-bottom: 60px;
}
.callto__text span {
padding-top: 131px;
font-size: 34px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
display: block;
margin-bottom: 6px;
}
.sol {
height: 373px !important;
width: 100% !important;
object-fit: cover;
left: 0;
position: absolute;
}
.callto::before {
content: "";
width: 100%;
height:373px;
overflow:hidden;
background:linear-gradient(rgb(0 0 0 / 65%), #007bffc4) !important;
position: absolute;
z-index: 1;
left: 0;
}
.services-wrap {
margin-bottom: 40px;
padding: 20px;
border-radius: 3px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
background: #fff;
-webkit-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.11);
-moz-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.11);
box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.11); }
.services-wrap .img {
width: 100%;
height: 220px; }
.services-wrap .text {
width: 100%;
text-align: center;
padding: 20px 5px;
position: relative; }
.services-wrap .text h2 {
font-weight: 500;
font-size: 22px; }
.services-wrap .text .icon {
width: 90px;
height: 90px;
border-radius: 50%;
background: #fff;
margin: -65px auto 20px auto;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-box-shadow: 0px 11px 32px -12px rgba(0, 0, 0, 0.28);
-moz-box-shadow: 0px 11px 32px -12px rgba(0, 0, 0, 0.28);
box-shadow: 0px 11px 32px -12px rgba(0, 0, 0, 0.28); }
.services-wrap .text .icon span {
color: #fc5e28;
font-size: 50px;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease; }
.services-wrap .text .btn-custom {
position: absolute;
bottom: -45px;
left: 0;
right: 0;
width: 80%;
background: #040e26;
color: #fff;
padding: 12px 10px;
border-radius: 3px;
margin: 0 auto;
text-transform: uppercase;
font-weight: 500;
font-size: 14px; }
.services-wrap:hover {
-webkit-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.18);
box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.18); }
.services-wrap:hover .text .icon {
background: #fc5e28; }
.services-wrap:hover .text .icon span {
color: white; }
.services-wrap:hover .text .btn-custom {
background: #fc5e28; }
.ftco-services-2 .services {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 0;
margin-bottom: 30px;
color: rgba(255, 255, 255, 0.8);
background: #040e26;
padding: 30px;
position: relative;
overflow: hidden;
margin-bottom: 0; }
@media (max-width: 767.98px) {
.ftco-services-2 .services {
padding: 20px; } }
.ftco-services-2 .services:before {
position: absolute;
top: 0;
right: -30px;
bottom: 0;
content: '';
width: 50%;
background: rgba(255, 255, 255, 0.1);
z-index: -1;
-webkit-transform: matrix(1.3, 0, -0.3, 1, 0, 0);
-ms-transform: matrix(1.3, 0, -0.3, 1, 0, 0);
transform: matrix(1.3, 0, -0.3, 1, 0, 0); }
.ftco-services-2 .services.services-2 {
background: #fc5e28; }
.ftco-services-2 .services.services-2 .icon {
background: #040e26; }
@media (min-width: 992px) {
.ftco-services-2 .services {
margin-top: -70px; } }
.ftco-services-2 .services .icon {
line-height: 1.3;
position: relative;
margin-bottom: 20px;
width: 80px;
height: 80px;
z-index: 1;
margin-bottom: 20px;
background: #fc5e28;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.ftco-services-2 .services .icon span {
font-size: 50px;
color: #fff; }
@media (max-width: 767.98px) {
.ftco-services-2 .services .icon {
width: 50px;
height: 50px; }
.ftco-services-2 .services .icon span {
font-size: 40px; } }
.ftco-services-2 .services .media-body {
width: calc(100% - 80px); }
.ftco-services-2 .services .media-body h3 {
font-size: 24px;
font-weight: 500;
font-family: "Roboto", Arial, sans-serif;
color: #fff; }
@media (max-width: 767.98px) {
.ftco-services-2 .services .media-body {
width: calc(100% - 50px); } }
/* line 1, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area {

}
@media (max-width: 767px) {
/* line 1, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area {
padding-top: 80px;
padding-bottom: 80px;
}
}
/* line 8, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment {
position: relative;
z-index: 2;
}
/* line 11, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment::before {
background-color: #0000004a;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
z-index: 1;
}
/* line 21, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment .thumb {
overflow: hidden;
}
/* line 23, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment .thumb img {
width: 100%;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
object-fit:cover;
height:395px;
}
/* line 29, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment .appertment_info {
position: absolute;
bottom: 30%;
width: 100%;
text-align: center;
z-index: 5;
text-shadow:1px 1px 6px #1111118a;
}
/* line 34, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment .appertment_info span {
font-size: 95px;

font-weight: 700;
}
/* line 39, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment .appertment_info h5 {
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
color: #fff;
margin-top: 17px;
margin-bottom: 18px;
font-family: "Roboto", sans-serif;
}
/* line 49, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment .appertment_info ul li {
display: inline-block;
font-size: 20px;
color: #fff;
font-weight: 300;
padding-right: 20px;
margin-right: 20px;
position: relative;
font-family: "Roboto", sans-serif;
}
/* line 59, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment .appertment_info ul li:last-child::before {
display: none;
}
/* line 63, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment .appertment_info ul li::before {
position: absolute;
right: 0;
background: #8a8a88;
height: 20px;
width: 1px;
content: '';
top: 50%;
transform: translateY(-50%);
}
/* line 78, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area .single_appertment:hover .thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* line 86, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area.appertment_area2 .single_appertment .appertment_info {
position: absolute;
left: 30px;
bottom: 25px;
z-index: 5;
}
/* line 91, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area.appertment_area2 .single_appertment .appertment_info span {
font-size: 16px;
color: #fff;
font-weight: 400;
}
/* line 96, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area.appertment_area2 .single_appertment .appertment_info h5 {
font-weight: 300;
text-transform: uppercase;
color: #fff;
margin-top: 9px;
margin-bottom: 7px;
font-size: 14px;
}
/* line 105, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area.appertment_area2 .single_appertment .appertment_info ul li {
display: inline-block;
font-size: 14px;
color: #fff;
font-weight: 300;
padding-right: 20px;
margin-right: 20px;
position: relative;
}
/* line 114, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area.appertment_area2 .single_appertment .appertment_info ul li:last-child::before {
display: none;
}
/* line 118, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/_appetment.scss */
.appertment_area.appertment_area2 .single_appertment .appertment_info ul li::before {
position: absolute;
right: 0;
background: #8a8a88;
height: 20px;
width: 1px;
content: '';
top: 50%;
transform: translateY(-50%);
}
/* button style */
/* line 222, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/theme-default.scss */
.owl-nav div {
background: transparent;
height: 50px;
left: 0px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 50px;
color: #707070;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left: 50px;
font-size: 15px;
line-height: 50px;
border: 1px solid #fff;
left: 50px;
color: #fff;
}
/* line 250, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/theme-default.scss */
.owl-next {
left: auto;
right: 50px;
}
/* line 255, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/theme-default.scss */
.owl-next i {
position: absolute;
right: 23px;
/* top: 0; */
margin-top: -17%;
font-size: 36px;
color: #fff;
}
/* line 262, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/theme-default.scss */
.owl-prev i {
position: absolute;
/* top: 0px; */
margin-top: -17%;
font-size: 36px;
color: #fff;
left: 18px;
}
/* line 272, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/theme-default.scss */
.owl-carousel:hover .owl-nav div {
opacity: 1;
visibility: visible;
}
/* line 275, ../../Arafath/CL/january 2020/237. Real Estate/HTML/scss/theme-default.scss */
.owl-carousel:hover .owl-nav div:hover {
color: #fff;
background: #FF2424;
border: 1px solid transparent;
}
canvas{ display: block; vertical-align: bottom; }
/* ---- particles.js container ---- */
#particles-js{  }
/* ---- stats.js ---- */
/* ---- particles.js container ---- */
#particles-js2{ }
/* ---- stats.js ---- */
.count-particles{ background: #1d1d1d; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; }
.js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }
#particles-js{
height: 100%;
}	#particles-js2{
}
.particles-js-canvas-el {     width: 100%;
height: 100%;
margin-top: -70%;
margin-bottom:200px;
z-index: -1;
position: relative; }
.flago {display:flex; justify-content: center; list-style:none; }
.flago li { margin-right:26px; }
.flago li img {    width: 39px;
object-fit: cover; object-position:top; }
.toggle {
    display: none;
    position: fixed;
    top: 10px;
    right: 0;
}
.links {
    display: none;
}

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

.links.is-active {
        display: block !important;
        left: 0;
        transition: .6s;
    }
.link a { font-weight:900 !important; }

.links {

position: fixed;

top: 0;

left: -1000px;

transition: .6s;

width: 80%;

box-shadow: 0 3px 12px rgba(0, 0, 0, .08);

height: 100%;

z-index: 999999;

background-color: #040859;

color:#fff;

padding-top: 20px;

padding-right: 10px;

padding-left: 10px;

overflow-y: auto

}

.links ul { padding:0px !important; }

.links li { list-style:none !important; }

.links.is-active {

display:block !important;

left: 0;

transition: .6s

}

.links ul li.list_item {

float: none

}

.links ul li.list_item a {

display: block;

border-right: 0;

padding: 5px 5px;

color:#fff;

}

.links ul li.list_item>.big_drop {

margin: 0;

position: relative;

padding: 0;

display: block;

}

.links ul li.list_item>.big_drop>li>a {

width:80%;

border-bottom: 0;

}

.icon_plus { z-index:9999; margin-top:8px;}

.link a{ color: #fff; padding:10px; border-bottom:solid 1px #ffffff2e; width:100%; float:left; }

.sub-nav {

overflow: hidden;

position: relative!important;

top: 1px!important;

min-width: 240px;

padding: 0 5px 10px;

opacity: 1;

z-index: 9;

display: none;

}
.icon_plus:before{ content:"+"; }
.links ul li.active .sub-nav {

display: block!important;

min-width: 60px!important;

max-width: 100%!important;

}

.toggle{ display:block !important; right:22px !important;  top:32px !important; z-index:999;}

}
.banner_top::after { background:#02095cb5 !important; width:100%; height:100%; position:absolute; bottom:0px !important; }
@media (max-width: 600px) {
.banner_top .content {
    z-index: 9;
}
.form_part h3 {
        padding: 10px;font-size: 21px !important;
}
.form_part p {
        padding: 10px;

}
.yazz {
    display: none !important;
}
.bdt-timeline-container { padding-left:0px !important; padding-right:0px !important; }
.footer-section{ position:relative !important; }
.upk-salf-slider-wrapper .upk-salf-item .upk-xanc-img{ height:100% !important; }
.page_content{  }
.form_part{ width:100% !important;        margin-top: -55px; }
.text_part{ width:100% !important; padding-left:0px !important; }
.sess ul{padding-inline-start:18px !important;  }
.teklif { width:100% !important; }
.about_section .text .about{ text-align:left !important; } 
.product_section .title h3 { font-size:26px !important; }
.video-container { height:445px !important; margin-bottom: 100px;}
.video-container video{ display:none !important; }
.ikincili{ display:none !important; }
.section-title span.title-tag { padding-left:0px !important; }
.about_section .text .about{ margin-left:0px !important; }
.about_section .text{ width:90% !important; padding-left:6% !important; }
.about_section .img{ display:none !important; }
.banner_section .iconic-box h4 { font-size:12px !important;}
.banner_section .iconic-box p { font-size:11px !important; color:#111 !important; }
.banner_section .item { width:49% !important; }
.banner-carousel .banner-carousel-item{ height:70vh !important;}
#videos { height:70vh !important; }
.stkle .toggle { margin-top: -10px !important; filter: brightness(0) !important; }
.stkle{ height:70px !important;}
.stkle .navbar-brand svg { margin-top:-33px !important; }
.navbar{ transition:unset !important;} 
.navbar-light .navbar-nav .nav-link{ color:#111 !important;}
.navbar-nav {
    top: 39px !important;
        z-index: 99999999999999999;
    position:unset !important;
    background: #fff !important;
    width: 100% !important;
}
.navbar-brand svg{ width:260px !important; height:175px !important; left:25px !important; position:relative !important; }
.navbar{ border-bottom:none !important; }
.main-footer{ display:none !important; }
.lang { display:none !important; }
.footer-social{ display:none !important; }
.navbar-toggler {  display:none !important;  position:relative !important;
    right: 10px !important;         left: 81%;
    top: 44px !important;}
.galeri-img { width:47% !important; }
.news-box { width:100% !important; }

.sol { height:263px !important; }
.callto::before { height:263px !important; }

.media-29101 .text h2 a { font-size:26px !important; }
.footer-logo { text-align:center; }
.footer-section { padding:10px !important; }
.navbar-light .navbar-nav .nav-link { height:57px !important; }
.slide-sub-title { font-size: 19px; line-height: 29px; }
.slick-arrow { display:none !important; }
.callto__text span { font-size:21px !important; margin-bottom:30px;  }
.callto__text h2 { line-height:24px !important; }
.callto__text img { display:none !important;  }
.content { clip-path: unset !important; }
.carousel-nav { display:block !important; }
.callto { margin-bottom:-40px !important; }
.ils { width:100% !important; max-width:100% !important; }
.ilks { display:block !important; }

.containerx { width:100% !important; margin-right:auto !important; margin-left:auto !important; padding-right:25px; padding-left:25px !important; }
.arat { display:none !important; }
.links_tree {     padding: 7px 1px !important; }
.links_tree ul li a { padding-left:5px !important; }
#tile-1 .tab-pane { padding:0px !important; }
.langauge { float: left; top: 20px; display: block; margin-top: 1px; text-align: left; padding-left: 10px; padding-top: 10px; color: #000; }
.sl-nav li:hover ul { right:-35px !important; }
.container-fluid {  }
.w-100 .img img  { width: 100%; height: 225px !important; right: 9px !important; position: relative; object-fit: contain; }
.about__text { padding-top:0px !important; }
.slide-title { font-size:26px !important; }
.section-title h2 { line-height:36px !important; }
.about__pic__inner img {     height: 387px !important; }
.experience { top:168px !important; }
.about__pic__inner:after {     left: -29px !important; top: 50px !important; height: 350px !important; width: 330px !important; border: 15px solid rgb(147 155 177 / 23%); content: ""; z-index: -1; }
.content { height:auto !important; background:#fff !important; }
.text-center {     font-size: 24px !important; width:100%; text-align:center; }
.harito { height:auto !important; padding:0px !important; top:130px !important; margin-bottom:100px; position:relative; }
.flago { display:block !important;     padding-inline-start:0px !important; }
.flago li { margin-right: 26px; width: 100%; font-size: 11px; margin-bottom: 10px; }
.appertment_area { padding-top:0px !important; padding-bottom:0px !important; }
.footer-widget ul li { width:100% !important; }
.callto__text span { padding-top:122px !important; }
.navbar-light .navbar-nav .nav-link { padding-top: 13px !important; padding-bottom: 1px !important; }
.section-title h5::before { display:none !important; }
.main-flex { display:block !important; }
.main-cont { width:100% !important; padding-left:0px !important;  }
.main-img { width:100% !important; }
.main-cont p { width:100% !important; margin-block-start: 0em; margin-block-end: 0em; }
.ik-area>.ik-column { width:100% !important; }
.form_row .upload_file_section { width:100% !important; }
.form_row .security_section { width:100% !important; }
.form_row { flex-wrap:wrap !important; }
.mb-50 {
margin-top: 0px !important;
}
.section-title h2 {
font-size: 18px !important;
}
.footer-section {

background-position: 50% 50% !important;
}
.copyright-text p {
font-size: 12px !important;    text-align: center;
}
.carousel-nav a {
padding: 23px;
}
}
@media screen and (min-width: 1919px) {
#mouse { bottom: 167px !important; }
.banner-carousel .carousel-control.right {     right: 12% !important; }
}
.dropdown-item {     padding: 11px 1.5rem !important; }