html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
    list-style: none;
    box-sizing:border-box;
    text-decoration:none;

}
@font-face {
  font-family: 'FTN_demi';
  src: url('FTN65.eot');
  src: local('?'), url('../fonts/FTN65.woff') format('woff'), url('FTN65.ttf') format('truetype'), url('FTN65.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{
    background:#fff;
    /*overflow-X:hidden;*/
     font-family: 'FTN_demi', sans-serif;
     background:#F0EFF5;
}


/*slider*/

/*sliderin butun kodlarin rosponsiv daxil olmaqla bu serhden sonra ki hisseye atiram*/
body{
    background-color: #eaeaea;
    
}
.MainSlider{
    height:100vh;
    padding:50px;
    background-color: #f5f5f5;
    box-shadow: 0 30px 50px #dbdbdb;
    position: relative;
    display: flex;
    overflow: hidden;
    align-items: flex-end;
}
#slide{
    width:max-content;
    margin-top:50px;
    /* position: relative;
    z-index: 3; */
}
.itemmy{
    width:230px;
    height:320px;
    background-position: 50% 50%;
    display: inline-block;
    background-size: cover;
    position: absolute;
    z-index: 2;
    bottom: 23%;
    transition: left .5s ease-out, width .5s, all .7s;
    border-radius: 20px;
    box-shadow:  0 30px 50px #505050;
}

.itemmy:nth-child(1),
.itemmy:nth-child(2){
    left:0;
    bottom:0;
    transform: translate(0,0);
    border-radius: 0;
    width:100%;
    height:100%;
    box-shadow: none;
}
.itemmy.active{
    transform: scale(1.7) !important;
    transition: .8s;
}
.itemmy:nth-child(3){
    left:45%;
    transition: .5 ease-out;
}
.itemmy:nth-child(4){
    left:calc(45% + 260px);
    transition: .7s ease-out;
}
.itemmy:nth-child(5){
    left:calc(45% + 520px);
    transition: 1.1s ease-in-out;
}
.itemmy:nth-child(6){
    left:calc(45% + 740px);
    transition: 1.5s ease-out;
    opacity: 1;
}
.itemmy:nth-child(7){
    left:calc(45% + 820px);
    transition: 1.5s ease-out;
    opacity: 1;
}
.itemmy:nth-child(8){
    left:calc(45% + 940px);
    transition: 1.5s ease-out;
    opacity: 0;
}
.itemmy:nth-child(9){
    left:calc(45% + 940px);
    transition: 1.5s ease-out;
    opacity: 0;
}
.itemmy:nth-child(10){
    left:calc(45% + 940px);
    transition: 1.5s ease-out;
    opacity: 0;
}
.itemmy:nth-child(11){
    left:calc(45% + 940px);
    transition: 1.5s ease-out;
    opacity: 0;
}
.itemmy:nth-child(12){
    left:calc(45% + 940px);
    transition: 1.5s ease-out;
    opacity: 0;
}
.itemmy .content{
    position: absolute;
    top:50%;
    left:100px;
    z-index: 3;
    width:400px;
    text-align: left;
    padding:0;
    color:#eee;
    transform: translate(0,-50%);
    display: none;
    font-family: system-ui;
}
.itemmy:nth-child(2) .content{
    display: block;
    z-index: 11111;
}
.itemmy .name{
    font-size: 80px;
    font-weight: bold;
    opacity: 0;
    animation:showcontent 1s ease-in-out 1 forwards
}
.itemmy .des{
    margin:20px 0;
    opacity: 0;
    font-size: 22px;
    animation:showcontent 1s ease-in-out 0.3s 1 forwards
}
.itemmy button{
    padding:10px 30px;
    border: 1px solid #fff;
    margin: 10px 0 0;
    border-radius: 35px;
    background: transparent;
    color: #fff;
    font-size: 20px;
    opacity: 0;
    cursor: pointer;
    transition: .3s;
    animation:showcontent 1s ease-in-out 0.6s 1 forwards
}
@keyframes showcontent{
    from{
        opacity: 0;
        transform: translate(0,100px);
        filter:blur(33px);
    }to{
        opacity: 1;
        transform: translate(0,0);
        filter:blur(0);
    }
}
.buttons{
    position: relative;
    /* bottom: 80px; */
    z-index: 22;
    text-align: center;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* right: 50px; */
    gap: 15px;
}
.buttons_con{
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    gap: 15px;
}
.buttons button{
    width:60px;
    height:60px;
    border-radius: 50%;
    font-size: 21px;
    color: #f5f5f5;
    border:1px solid #ffffff;
    background: transparent;
    transition: 0.5s;
    cursor: pointer;
}
.sli_buttons{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.buttons button:hover,.itemmy button:hover{
    background-color: #fff;
    cursor: pointer;
    color: #000;
}
.Main_slider_progress{
    height: 3px;
    width: 65%;
    background: #d6d6d6;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.Main_slider_progress::after{
    content: '';
    position: absolute;
    left: 0;
    /* transition: .3s; */
    top: 0;
    height: 3px;
    background: rgb(255, 255, 23);
    width: 0;
}
.Main_slider_progress.active::after{
    width: 100%;
    transition: 3s;
}
.slider_number span{
    font-size: 40px;
    color: #fff;
}
  
@media only screen and (max-width: 1100px){
    .MainSlider{
        padding: 40px 10px;
    }
    .Main_slider_progress{
        width: 60%;
    }
    .buttons button{
        width: 50px;
        height: 50px;
    }
    .itemmy .content{
        left: 20px;
    }
}
@media only screen and (max-width: 920px){

    .MainSlider{
        padding: 10px;
    }
    .buttons_con{
        width: 100%;
    }
    .Main_slider_progress{
        width: 70%;
    }
    .buttons button{
        width: 60px;
        height: 60px;
    }
    .itemmy .content{
        left: 20px;
    }
    .itemmy{
        bottom: 13%;
        width: 290px;
        height: 200px;
    }
    
.itemmy:nth-child(1),
.itemmy:nth-child(2){
    left:0;
    bottom:0;
    transform: translate(0,0);
    border-radius: 0;
    width:100%;
    height:100%;
    box-shadow: none;
}
.itemmy.active{
    transform: scale(1.4) !important;
}
.itemmy:nth-child(3){
    left: 10px;
    transition: .5 ease-out;
}
.itemmy:nth-child(4){
    left:calc(310px);
    transition: .7s ease-out;
}
.itemmy:nth-child(5){
    left:calc(610px);
    transition: 1.1s ease-in-out;
}
.itemmy:nth-child(6){
    left:calc(45% + 740px);
    transition: 1.5s ease-out;
    opacity: 0;
}
.itemmy:nth-child(7){
    left:calc(50% + 720px);
    transition: 1.5s ease-out;
    opacity: 1;
}
.itemmy .content{
    width: 100%;
    left: 0%;
    top: 0;
    padding: 120px 200px 20px 200px;
    background: linear-gradient(180deg, rgba(18,18,18,0.6391806722689075) 61%, rgba(255,255,255,0) 100%);
    transform: inherit;
    text-align: center;
    line-height: 1.4;
}
}
@media only screen and (max-width: 740px){
    .Main_slider_progress{
        width: 80%;
    }
    .buttons{
        position: static;
    }
    .sli_buttons{
        position: absolute;
        top: 50%;
        padding: 0 10px;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
    }
    .sli_buttons button{
        background: #fff;
        color: #000;
    }
    .itemmy .content{
        left: 0;
        padding: 120px 20px 20px 20px;
    }
    .MainSlider::after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 400px;
        /* background: linear-gradient(180deg,rgba(0, 0, 0, 0.238),rgba(0, 0, 0, 0)); */
        /* z-index: 3; */
    }   
}
@media only screen and (max-width: 500px){
    .itemmy .content{
        top: 0;
        padding: 120px 20px 20px 20px;
    }
}
@media only screen and (max-width: 490px){
    .itemmy .name{
        font-size: 43px;
    }
    .itemmy .des{
        font-size: 19px;
    }
}
@media only screen and (max-width: 330px){
    .Main_slider_progress{
        width: 70%;
    }
    .itemmy{
        width: calc(100% - 20px);
    }
}



/*sliderin sonu*/
/*navbar-1*/
.first-header-content{
    display:flex;
    justify-content:end;
    align-items:center;
    padding:10px 0;
    font-size:11px;
    position:relative;
}
.first-header-left{
    display:none
}
.first-header-right,.second-header-right{
    display:flex;
    align-items:center;
    justify-content:end;
    column-gap:30px;
}
.first-header-left a{
    color:#707070;
    transition:.4s;
}
.first-header-left a:hover{
    opacity:0.6;
}
.first-header-right a,.first-header-right button{
    color:#0B4C84;
    font-weight:600;
    letter-spacing:1px;
}

@media only screen and (min-width:576px){
    .first-header-left{
        display:flex;
    column-gap:10px;
}
.first-header-content{
    justify-content:space-between;
}
}

@media only screen and (min-width:768px){
    .all-qaynar-turlar{
}
    .first-header-content{
        font-size:16px;
    }
        .bloq-cards{width:300px;}
        .bloq-cards img{width:100% !important;}
        .xarici-turlar-kat .all-qaynar-turlar{justify-content:start !important;}
}
.kecid-kard{flex-wrap:wrap !important;}

/**/
/*navbar-2 & slider*/
.header-logo{
    width:110px;
    padding:10px 0;
    
}
.header-logo img{
    width:100%;
}
.header-relative{position:relative;z-index:1000;}
.second-header{
    position:absolute;
    width:100%;
    z-index:1002;
    transition:.4s;
}
.second-header-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
}
nav ul{
display:none;
}
@media only screen and (min-width:1200px){
    nav ul{
            display:flex;
    column-gap:22px;
    align-items:center;
    }
    .hamburger{
        display:none;
    }
    .hammenu{display:none;}
    .hammenu2{display:none;}
}
nav ul a{
color:white;
transition:.4s;
font-size:18px;
}
nav ul span{
transition:.4s;
font-size:18px;
}
.third-header{
    position:fixed;
    top:0;
    z-index:1100;
    visibility:hidden;
    opacity:0;
    box-shadow:0 0 10px gray;
}
.third-header .text-white{ color:black !important;}
.third-header nav a{
    color:#091D36;
}
/*lang*/

.cs-breadcrumb .icon-block-lang i{color:white !important;font-size:22px !important;}
.lang-dropdown .langs li a {
    color: #666666;
    font-size: 13px;
    font-weight: 600;
}
.lang-dropdown .langs li img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    margin-right: 5px;
}
.icon-block-lang {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.lang-dropdown .langs {
    width: 100%;
    padding: 0;
    margin: 0;
}
.lang-dropdown .langs li {
    list-style: none;
    padding: 6px 11px 6px 8px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
}
.lang-dropdown .langs li:hover {
    background-color: #f5f5f5;
}
.lang-dropdown {
    height: auto;
    border-radius: 10px;
    position: absolute;
    background-color: white;
    overflow: hidden;
    z-index: 10;
    display: none;
    z-index: 25;
    left:50%;
    top:100%;
    transform:translateX(-50%);
}
.second-header .icon-block-lang i,.second-header .icon-block-lang span{color:white; font-size:22px;transition:.4s;}
.third-header .icon-block-lang i {
    color: black;
    font-size: 22px;
    transition:.4s;
}
.third-header .icon-block-lang i:hover,.second-header .icon-block-lang i:hover{
    color:#0b4c84;
}
.text-white{transition:.4s !important;}
.second-header #teklif-btn:hover{color:white;}
.third-header #teklif-btn:hover{color:#0b4c84 !important;}
.navbar-down .icon-block-lang i,.navbar-down .icon-block-lang span{color:#333;}
.third-header .icon-block-lang span {
    white-space: nowrap;
    font-size: 12px;
    color: black;
    font-weight: 600;
    transition: 0.3s;
}
/**/
 #teklif-btn{
    display:none;
    color:white;
    font-weight:bold;
    letter-spacing:1px;
    font-size:12px;
    padding:9px 34px;
    background:#0B4C84;
    border-radius:56px;
    color:white;
    border:none;
}
.mobile-menu #teklif-btn{
    color:#0b4c84;
    background:white;
    font-size:20px;
    margin:auto;
}

.mobile-menu #teklif-btn:hover{
        color:#0b4c84;
    background:white;
}
#teklif-btn {
  -webkit-box-shadow: 0 0 0 18px transparent;
  box-shadow: 0 0 0 18px transparent;
  -webkit-animation: inf-pulse 1s;
  animation: inf-pulse 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  transition:.4s;
      border:1px solid transparent;
}
#teklif-btn:hover{
    background:transparent;
    color:#0B4C84;
    border:1px solid #0B4C84;
}
@-webkit-keyframes inf-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #0B4C84;
    -moz-box-shadow: 0 0 0 0 #0B4C84;
    -o-box-shadow: 0 0 0 0 #0B4C84;
    /* box-shadow: 0 0 0 0 #facb07; */
  }
}

@keyframes inf-pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #0B4C84;
    -moz-box-shadow: 0 0 0 0 #0B4C84;
    -o-box-shadow: 0 0 0 0 #0B4C84;
    /* box-shadow: 0 0 0 0 #facb07; */
  }
}
nav ul a:hover{
    opacity:0.6;
}

.owl-2{height:100vh;}

/*mobile-nav*/
.hammenu i{
    font-size:28px;
    color:white;
    cursor:pointer;
}
.cs-breadcrumb .hammenu2 i{font-size:28px; color:white;cursor:pointer;}
header .hammenu2 i{
    font-size:28px;
    color:black;
    cursor:pointer;
}
.mobile-menu li{
    padding:5px 0;
    font-size:28px;
    text-align:center;
}
.mobile-menu
.monile-menu button{display:inline-block !important;}
.exit-btn{
    color:white;
    text-align:right;
    font-size:34px !important;
    cursor:pointer;
}
.exit-btn span{
    display:inline-flex;
    width:40px;
    height:40px;
    justify-content:center;
    align-items:center;
    background:rgba(255,255,255,0.3);
    border-radius:50%;
}
.mobile-menu{
    padding-top:50px;
    background:#0B4C84;
    position:fixed;
    width:100%;
    height:100vh;
    z-index:99999999;
    left:100%;
    top:0;
    transition:.4s;
}
.left-toggle{
    left:0 !important;
}
.mobile-menu a{
    color:white;
}
.drop-none{visibility:hidden;opacity:0;height:0;transition:.4s;}
.drop-tgl{visibility:visible;opacity:1;height:100%;}
.drp i{transition:.4s;}
.drp-reverse{transform:rotate(180deg);}
/**/

@media only screen and (min-width:768px){
    #teklif-btn{
        display:inline-block;
        font-size:16px;
    }
}
/**/

/*header-slider*/
header .header-all-component{display:flex;}
.header-slider-about{
    width:0;
    opacity:0;
    transition:.4s;
    background:#eee;
}
header .header-slider-about{background:white;height:100vh;display:flex;flex-direction:column;justify-content:center;}
@media only screen and (max-width:628px){
        header .paginate img{height:80px !important;}
    header .header-slider-about{
        position:absolute;
        z-index:9999;
    }
    .toggle_header{
        width:100% !important;
    }
    header .paginate{
        font-size:13px !important;
    }
    header .paginate img{height:70px;}
    header .swiper-button-next{
    width:100px !important;
}
}
@media only screen and (min-width:628px){
        #backToggle{display:none !important;}
}
header .header-all-component{width:100%;}
header .header-slider-content{color:white;height:100vh;display:flex;flex-direction:column;justify-content:center}
header .header-all-component h5{font-size:50px;
text-shadow: 1px 1px 7px rgba(0,0,0,0.97);
font-weight:bold;}
header .header-slider-content p{font-size:24px !important;font-weight:bold;
text-shadow: 1px 1px 7px rgba(0,0,0,0.97);}
header .owl-stage-outer{height:100vh !important;}
header .owl-stage{height:100vh}
header .item{height:100vh;display:flex;align-items:center;}
header .slide-1{
    background:linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("/img/img1.jpg")center/cover;
}
header .slide-2{
    background:linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("/img/paris.jpg")center/cover;
}
header .slide-3{
    background:linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("/img/switherland2.jpg")center/cover;
}
header .slide-4{
    background:linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url("/img/139640133_m-scaled.jpg")center/cover;
}
header .mySwiper .item img{
    height:130px;
}
header .paginate{
    position:absolute;
    right:0;
    top:73%;
    z-index:1;
    width:600px;
    color:white;
    font-size:22px;
}

header .paginate .swiper-slide{opacity:0.6;}
header .paginate .swiper-slide-active{opacity:1 !important;}
header .paginate .swiper-slide-active img{margin-bottom:10px;}
@media only screen and (max-width:992px){
    .paginate{width:400px !important;}
}
@media only screen and (max-width:576px){
    .paginate{width:220px !important;}
    
.second-header-right .text-white{font-size:12px !important;}
}
header .paginate img{width:92%;height:140px;}
header .swiper-button-next,header .swiper-button-prev{
    z-index:8;
    /*opacity:0;*/
    width:300px;
    height:100%;
    opacity:0;
    top:0;
}
/*#text{display:none !important;width:0 !important;height:0 !important; opacity:0 !important;visibility:hidden !important;}*/
    header .header-slider-content button{
        background:transparent;
        color:white;
        display:flex;
        align-items:center;
        gap:15px;
        width:100px;
        border:none;
        padding:0;
        font-size:22px;
    }
    header .header-slider-about{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:30px;padding:10px;}
    header .header-slider-about #backToggle{
        display:flex;
        align-items:center;
        gap:5px;
        background:none;
        border:none;
    }
    header #backToggle{padding:0;}
       header .header-slider-about #backToggle i{font-size:20px;}
    header .header-slider-about h6{font-size:24px;font-weight:bold;letter-spacing:1px;}
    header .header-slider-about p{opacity:0;width:0;}
#headerAbout i{transition:.4s;}
#headerAbout:hover i{margin-left:30px;}
.toggle_header{width:50%;opacity:1;}
.toggle_header2{width:100% !important;opacity:1 !important;}
/**/
/* Modal Content */
#myBtn{cursor:pointer;border:none;padding:0;background:transparent;}
.modal-body{height:500px !important;}
.modal-buton {
    cursor: pointer;
    border: 2px solid #fff;
    background-color: #ffcc18;
    color: #070606;
    transition: 0.3s all linear;
    border-radius: 5px;
    padding: 8px 14px 8px;
    font-size: 13px;
    transition: 0.3s all linear;
}
.modal-header{font-family:"okmediafont-medium", Arial, sans-serif !important;padding:20px 50px;}
.modal-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
  font-family:"okmediafont-medium", Arial, sans-serif !important;
    padding:15px 50px;
}

.input-div {
    width: 100%;
}

.input-div input {
    width: 100%;
    border: 2px solid #e6ecf2;
    padding: 6px 15px;
    border-radius: 4px !important;
    font-size: 16px !important;
    outline: none;
    transition: all .3s ease;
}
.input-div input::placeholder{
    color:lightgray;
}
.input-div textarea {
    width: 100%;
    border: 2px solid #e6ecf2;
    padding: 6px 15px;
    border-radius: 4px !important;
    font-size: 16px !important;
    outline: none;
font-family:"okmediafont-medium", Arial, sans-serif !important;
    transition: all .3s ease;
    font-family:"FTN_demi";
    height:150px;
}
.input-div textarea::placeholder{font-family:"okmediafont-medium", Arial, sans-serif !important;color:lightgray;}
.input-div .modalcik {
    cursor: pointer;
    background: #0B4C84;
    color: #fff;
    border-radius: 4px;
    line-height: 50px;
    transition: 0.3s ease-in-out;
    padding: 0 26px;
    margin-bottom: 60px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    border: 0;
}

.input-div .modalcik:hover {
    background-color: #927a27;
}
/*ustunluklerimiz*/

.section-ustunluklerimiz{
    text-align:center;
        padding:50px 0 0 0;
}
.section-ustunluklerimiz h4{font-size:35px;}
#timer {
    position: relative;
    background-image: url(/img/discount-bg.jpg);
    padding: 90px 0;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
.iconbox-wrap-icon i {
    width: 70px;
    font-size:40px;
    margin-right:10px;
}
.iconbox {
    margin: 0 auto;
}
#timer .timer-item{text-align:center;}
.iconbox-wrap-icon {
    color: #fcdc4c;
    font-size: 40px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.iconbox-wrap-content {
    display: table-cell;
    padding-left: 9px;
}
.overlay {
    background-color: #00000091;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.iconbox-wrap-content h3 {
    color: #fcdc4c;
    font-size: 46px;
    line-height: 46px;
    margin: 0;
}
.iconbox-wrap-text {
    color: #e5e5e5;
    font-size: 18px;
    font-family: 'FTN_medium';
}
#activity{
    padding:50px 0;
    position: relative;
}
.store_text {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}
.activity-left{
    font-size: 16px;
    font-family: 'FTN_medium';
    line-height: 1;
    letter-spacing: .02em;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left;
    transform-origin: left;
    position: absolute;
    top: 145px;
    z-index: 2;
    text-transform: lowercase;
    left: 15px;
}
.fealiyyet .services-item {
    box-shadow: 0 4px 4px 3px #80808026;
}
.services-item{margin-bottom: 20px;}
.services-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 15px;
    top: 0;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    color: #212121;
    height: 150px;
    cursor: pointer;
}
.services-item-wrap {
    text-align: center;
    z-index: 0;
}
.icon-img{
    opacity:1 !important;
    width:auto !important;
    position: static !important;
    height: auto !important;
}
.services-item i{font-size:20px;}
.services-item h2{font-size:18px}
.services-item:hover {
    color: #fff;
    transform:translateY(-10px);
    -webkit-box-shadow: 0 28px 53px -8px #c4c4c4;
    box-shadow: 0 28px 53px -8px #c4c4c4;
}
.services-item .overlay{display:none;border-radius:15px}
.services-item:hover .overlay{display:block}
.services-item:hover img{opacity:1}
.services-item .service-back-img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    opacity: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    overflow: hidden;
    border-radius: 15px;
}
.service-icon {
    width: 70px;
}
#spec{max-width:100%;margin:0 auto}
@media (min-width: 992px){
#spec .col-md-3 {
        max-width: 20%;
    }
}
.content-work:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #dfe5ec;
    position: absolute;
    top: 117px;
}
/**/
/*referanslar*/
.referanslar-cards{
    margin:50px 0;
 text-align:center;   
}
.referanslar-cards h4{
    margin:20px 0;
    font-size:35px;
    font-weight:bold;
}
.referanslar-cards .swiper{
    margin:50px 0;
}
.referanslar-card{
    position:relative;
        padding:5px;
}
.referanslar-card::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    z-index:-1;
    left:0;
    top:0;
    transition:.4s;
    background:url("../img/border.svg");
}
.referanslar-card img{
filter:grayscale(100%);
transition:.4s;
width:100%;
aspect-ratio:1.5/1;
padding:12px;
}


.referanslar-card img:hover{
    filter:grayscale(0);
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 4%);
}
.referanslar-card:hover::after{
    opacity:0;
}
/**/
/*call-to-action*/
.section-call-to-action{
    text-align:center;
    background:#598EC2;
    padding:50px 0;
}
.section-call-to-action h5{
    font-size:32px;
    font-weight:bold;
    letter-spacing:1px;
    margin-bottom:15px;
    color:white;
}
.section-call-to-action p{
    color:white;
    margin-bottom:15px;
}
.section-call-to-action button{
    padding:10px 15px;
    font-size:18px;
    border:none;
    transition:.4s;
    
}
.section-call-to-action button:hover{color:white;background:black;}
/**/
/*footer*/
footer .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
footer .bottom .topo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .top .right ul li{
  margin-right: 1.6rem;
}
footer .top .left .redes ul li:last-child,
footer .top .right ul li:last-child{
  margin-right: 0;
}
footer .show .texto.texto-completo{
  display: none;
}
footer .show,
footer .texto-footer {
  border-bottom: 1px solid #dee4ec;
  padding-bottom: 3.6rem;
}
.modal-cookies .box .btn-close-footer,
.modal-detalhes-vaga .box .btn-close-footer {
  margin-top: 1rem;
  background-color: #0b4c84;
  border-radius: 4px;
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.6rem 8.9rem;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #fff;
}
footer .top .left {
  display: -webkit-box;
  display: -ms-flexbox;
}
footer {
  padding-top: 4.6rem;
  padding-bottom: 4.2rem;
  position: relative;
}
footer .top .left {
  width: 100%;
  max-width: 84.3rem;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
footer .top .left .redes,
footer .top .right,
footer .top .right ul {
  display: -webkit-box;
  display: -ms-flexbox;
}
footer .top .left img {
  margin-right: 10.5rem;
  width: 20.7rem;
}
footer .top .left .localizacao {
  width: 100%;
  max-width: 29.6rem;
}
footer .top .left .localizacao span,
footer .top .left .redes span {
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.7rem;
  color: #1d1d26;
}
footer .top .left .localizacao p {
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  line-height: 2rem;
  color: #8c95a1;
  margin-top:-5px;
}
footer .top .left .localizacao p a {
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #0b4c84;
}
.ver-mais i{background:#0b4c84;color:white;border-radius:50%;padding:6px;}
footer .top .left .redes {
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 9.7rem;
  width: 100%;
  max-width: 128px;
}
.s-beneficios-mont .grid-beneficios .item .itens li,
footer .top .left .redes ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1rem;
}
footer .top .left .redes ul li {
  margin-right: 2.3rem;
}
footer .top .left .redes ul li a i {
  font-size: 1.6rem;
  color: #0b4c84;
}
footer .top .right {
    margin:-5px;
  width: 10%;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
footer .top .right strong {
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.7rem;
  color: #1d1d26;
  margin-top:2px;
}
footer .bottom .copy span,
footer .show .texto,
footer .texto-footer {
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.7rem;
  color: #8c95a1;
  font-style: normal;
}
footer .top .right ul {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px;
}
footer .certificadores,
footer .ver {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
}
footer .certificadores {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 8.7rem;
}
footer .texto-footer {
  margin-top: 6.4rem;
}
footer .show {
  margin-top: 1rem;
}
footer .show .texto {
  margin-top: 1rem;
  -webkit-animation: 0.6s forwards slideDown;
  animation: 0.6s forwards slideDown;
  text-align: justify;
}
footer .show .texto.texto-resumido {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size:16px !important;
}
footer .show.ativo .texto.texto-completo {
  display: block;
  height: auto;
}
footer .ver {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -15px;
}
.s-banner-multi-family .texto-left span,
footer .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
}
footer .ver .ver-mais img {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}
footer .ver .ver-mais.ativo img {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
footer .bottom {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1rem;
}
.s-analise .conteudo .tab-content .info .left a img,
.s-tipos .conteudo .tab-content .info .left a img,
footer .bottom .topo img {
  margin-left: 1.4rem;
}
footer .bottom .topo small {
  font-style: normal;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #596573;
}
@media (max-width: 990px) {
  footer .top {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  footer .top .left {
    max-width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap:wrap;
  }
  footer .top .left .localizacao {
    max-width: 34rem;
  }
  footer .top .right {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
  }
  footer .top .right .btn-mapa {
    width: 33.8rem;
  }
  footer .certificadores {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 11.5rem;
    -moz-column-gap: 11.5rem;
    column-gap: 11.5rem;
    row-gap: 6.5rem;
  }
  footer .show .texto {
    margin-top: 1rem;
  }
  footer .show .texto.texto-resumido {
    height: 100%;
  }
}
@media (max-width: 600px) {
    .show{display:none;}
    .copy span{font-size:18px !important;}
    footer{padding:40px 0 !important}
    .topo{display:none !important;}
    small{display:none;}
    .copy{text-align:center;}
    .texto-resumido{display:none !important;}
  footer .top .left,
  footer .top .left .localizacao {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  footer .top .left {
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  footer .top .left img {
    margin-right: 0;
  }
  footer .top .left .redes {
    margin-right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 1rem;
    max-width: 100%;
  }
  footer .top .left .localizacao span,
  footer .top .left .redes span,
  footer .top .right strong {
    text-align: center;
  }
  footer .top .left .localizacao {
    max-width: 100%;
    margin-top: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  footer .top .left .localizacao p {
    text-align: center;
    max-width: 22.7rem;
  }
}
@media (max-width: 480px) {
  .s-banner-pages-interns.about {
    padding-top: 13rem;
    padding-bottom: 5.4rem;
    height: auto;
    background: url("../img/sobre-mobile.png.jpeg") center center/cover
      no-repeat #332e35;
    background-position: left !important;
  }
  footer .bottom,
  footer .top .left,
  footer .top .right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
  }
  footer .top .left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  footer .top .left img,
  footer .top .right .redes {
    margin-right: 0;
  }
  footer .top .left .localizacao {
    max-width: 24rem;
    margin-top: 1rem;
  }
  footer .top .left .localizacao p {
    text-align: center;
    font-size: 1rem;
  }
  footer .top .left .localizacao p strong {
    font-size: 1rem;
  }
  footer .bottom,
  footer .top .right {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  footer .top .right .btn-mapa {
    margin-top: 4.4rem;
    width: 17.8rem;
  }
  footer .certificadores {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 4.4rem;
    -moz-column-gap: 4.4rem;
    column-gap: 4.4rem;
  }
  footer .show .ver-mais {
    right: 47%;
  }
  footer .bottom .topo {
    margin-top: 3rem;
  }
}

@media (max-width: 375px) {
  footer .bottom .copy span {
    text-align: center;
  }
}
@media (max-width: 600px)
{ footer .top .right {
  width: 100%;
}}
/**/
/*haqqimizda*/
 .static-content, .full-content {
    padding:30px 0;
}
.cs-breadcrumb{
    background:url("/img/background.jpeg.jpg")center/cover;
}
.cs-breadcrumb{
height: 400px;
    position: relative;
        background:url("/img/background.jpeg.jpg")center/cover;
}
.cs-breadcrumb::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .3;
    background: #0b4c84;
}
.cs-breadcrumb .top {
    padding: 30px 0;
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
    bottom: 115px;
       position: absolute;
    width: 100%;
    color:#fff;
}
.cs-breadcrumb .bottom{
        padding: 25px 0px 50px;
    bottom: 0;
    display: flex;
    align-items: center;
     position: absolute;
    width: 100%;
}

.cs-breadcrumb .bottom .right-side{
        padding-left: 32px
}
.cs-breadcrumb .left-side{
    transform: translateY(12px);
}

.cs-breadcrumb .right-side{
    transform: translateY(16px);
}

.cs-breadcrumb .left-side {
    padding-right: 41px;
    position: relative;
}
.cs-breadcrumb .left-side a{
    color: #ffffff7a;
    transition: all .3s ease;
    display: block;
}
.cs-breadcrumb .right-side a{
    color: #ffffff7a;
    transition: all .3s ease;

}
.cs-breadcrumb .right-side .breadcrumb-p {
    text-align: center;
    color: white;
    font-size: 14px;
    margin: 0;
}

.cs-breadcrumb .left-side i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #ffffff7a;
    transform: translateY(2px);
    margin-right: 18px;
    transition: all .3s ease;}
    
    .cs-breadcrumb .left-side::after {
    content: "";
    display: block;
    width: 2px;
    height: 62px;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 55%;
    right: 0px;
    transform: translateY(-50%);
}
.cs-breadcrumb .left-side a:hover {
    opacity: 0.8;
}
.cs-breadcrumb .left-side a:hover i {
    transform: translateX(-10px) translateY(2px);
}

.cs-breadcrumb .right-side .breadcrumb-p {
    text-align: center;
    color: white;
    font-size: 14px;
    margin: 0;
}
.haqqimizda-content{
    padding:80px 0;
}
.all-haqqimizda{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
}
.haqqimizda-text{
    overflow-y:scroll;
    height:400px;
    width:100%;
    padding:20px 0;
}
.haqqimizda-img{
    width:100%;
}
@media only screen and (min-width:991px){
                .all-haqqimizda{
    justify-content:space-between;
}
    .haqqimizda-text{width:45%;min-width:300px;}
    .haqqimizda-img{width:45%;min-width:300px;}
} 
 
.haqqimizda-img img{
    width:100%;
}
/**/
/*contact*/
.contact-content{
    padding:80px 0;
}
.contact-info {
  display: inline-block;
  width: 100%;
  text-align: center;
  height:200px;

}

.contact-info-icon {
    margin-bottom: 15px;
}

.contact-info-item {
   background: #f1f1f1;
    padding: 30px 0px;
    height: 100%;
    border-radius: 35px;
}
.contact-page-form{
    padding:50px 0 0 0;
}
.contact-page-sec .contact-page-form h2 {
  color: #000;
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 700;
}

.contact-info-icon i {
  font-size: 48px;
  color: #0B4C84;
}

.contact-info-text p {
    margin-bottom:0px;
    
}
.contact-info-text h2 {
  color: #000;
  font-size: 22px;
  text-transform: capitalize;
  font-weight: 600;
  margin-bottom: 10px;
}
.contact-info-text span, .contact-info-text  a {
  color: #999999;
  font-size: 16px;
  display: inline-block;
  width: 100%;
}

.contact-page-map {
  margin-top: 36px;

}
.contact-page-form form {
    padding: 20px 15px 0;
}

:placeholder{
    color:#999;
    
}

/**/
/*qaynar turlar*/
.section-qaynar-turlar{
    padding:50px 0;
    background:linear-gradient(to right ,rgba(255,255,255,0.6),rgba(255,255,255,0.6)),url("/img/bg-background.jpeg.jpg")center/cover
}
.section-qaynar-turlar h4{
    font-size:35px;
    font-weight:bold;
    text-align:center;
    margin-bottom:30px;
}
.all-qaynar-turlar{
gap:30px;
flex-wrap:wrap;
align-items:center;
}
@media only screen and (max-width:768px){
    .col-md-offset-1{display:grid;justify-content:center;}
    .all-qaynar-turlar{justify-content:center;}}
.all-qaynar-turlar{margin:50px 0;}
.all-qaynar-turlar img{
    width:100%;
    height:100%;
    aspect-ratio:16/9
}
.qaynar-tur-text{padding:0 5px;}
.qaynar-tur-cards{width:300px;}
.qaynar-tur-ad{font-weight:bold;transition:.4s;}
.qaynar-tur-ad:hover{color:#0B4C84 ;}
.qaynar-tur-head{
    margin-top:10px;
    display:flex;
    justify-content:space-between;
}
.qaynar-tur-ad{line-height:20px;width:200px;}
.qaynar-tur-melumatlar{;margin:5px 0}
 .owl-carousel-tur{
    /*width:300px !important;*/
    margin:0 auto;
    border-radius:10px;
    position:relative;
}
.owl-carousel-tur img{
border-radius:10px;
height:240px;
margin:0 !important;
}
.fr-dii{margin:0 !important;max-width:100% !important;}
.owl-carousel-tur .owl-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:35px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    transition:.4s;
    opacity:0;
    padding:0 10px;
    margin:0 !important;
}
.owl-carousel-tur .owl-nav span{
    height:57px !important;
}
.owl-carousel-tur .owl-next span{
    margin-left:2px;
}
.owl-carousel-tur .owl-prev span{
    margin-right:2px;
}
.daxili-turlar h5,.xarici-turlar h5{
    font-weight:bold;
    font-size:30px;
}
.tur-link{
    color:black;
}
.xarici-turlar-kat .all-qaynar-turlar{display:flex;justify-content:center;}

.xarici-turlar-kat .swiper-slide,.daxili-turlar-kat .swiper-slide{
    width:300px;
}
.daxili-turlar-kat .all-qaynar-turlar{display:flex;justify-content:space-evenly;align-items:start;}
.daxili-tur-main-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.qaynar-tur-cards{transition:.4s;}
.qaynar-tur-cards:hover .owl-carousel-tur .owl-nav{
    opacity:1;
}
.full-link-of-daxili-tur,.full-link-of-xarici-tur{
    text-align:center;
}
.full-link-of-daxili-tur a,.full-link-of-xarici-tur a{
    color:#0B4C84 !important;
    font-size:18px;
    text-decoration:underline;
}

.qaynar-tur-cards:hover{transform:scale(1.02)}
.owl-carousel-tur .owl-nav button{
background: white !important;
    color: black !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
}
/**/
/*dropdown*/
.dropdown-tur {
  position: relative;
  display: inline-block;
}
.dropdown-tur-content a{color:#000 !important;}

.dropdown-tur-content {
  opacity:0;
  visibility:hidden;
  position: absolute;
  left:0;
  background-color: #eee;
  z-index: 1;
  min-width:160px;
  border-radius:7px;
  transition:.4s;
}
.dropdown-tur-content li{
    padding:10px 20px;
    transition:.4s;
    border-radius:7px;
}
.dropdown-tur-content a{color:black;}
.dropdown-tur-content li:hover{
    background:lightgray;
}
.dropdown-sec {
  position: relative;
  display: inline-block;
}

.dropdown-content-sec {
opacity:0;
visibility:hidden;
  position: absolute;
  background-color: #eee !important;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
    top:-47px;
  left:100%;
    transition:.4s;
    border-radius:7px;
}

.dropdown-sec:hover .dropdown-content-sec {
    opacity:1;
  visibility:visible;
}
.dropdown-content-sec:hover  {
  opacity:1;
  visibility:visible;
}
.dropdown-tur:hover .dropdown-tur-content {
  opacity:1;
  visibility:visible;
}
.dropdown-tur ul{
    display:block;
}
/**/
/*bloq*/
.section-bloq{
    background:rgba(155, 193, 238, 0.2);
    padding:50px 0;
}
.section-bloq h4{text-align:center; font-size:35px; font-weight:bold;margin-bottom:50px;}
.xarici-turlar-kat .all-bloq{
    padding:60px 0;
}
.all-bloq{
    display:flex;
    justify-content:space-evenly;
    flex-wrap:wrap;
    row-gap:70px;
    column-gap:30px;
}
.bloq-cards{text-align:start;display:flex;flex-direction:column;justify-content:space-between;}
.bloq-cards img{width:100%;transition:.4s;height:200px;        
box-shadow:0 5px 30px #598EC2;margin-bottom:25px;}
.bloq-cards img:hover{opacity:.75;}
.bloq-cards-content p:first-child a{
    font-size:18px;
    font-weight:bold;
    margin:20px 0;
    color:black;
    transition:.4s;
}
.bloq-cards-content p{
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;}
.bloq-cards-content p:first-child{
    height:50px;
}
.bloq-cards-content p:first-child a:hover{
    color:#0B4C84;
}
.bloq-cards-content p:last-child{
    font-size:16px;
    font-weight:100;
    margin:10px 0 25px 0;
    color:#383838;
}
.bloq-cards button{
    background:#0B4C84;
    color:white;
    border:1px solid transparent;
    font-size:17px;
    transition:.44s;
        padding:10px 55px;
        box-shadow:0 10px 27px #598EC2;
}
.blog-links{text-align:center;margin-top:80px;}
.blog-links a{color:#0b4c84;font-size:22px;}
.bloq-cards button:hover{
    background:#fff;
    color:#0B4C84;
    border:1px solid #0B4C84;
}
/**/
/*elaqe formu*/
.elaqe-formu{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    justify-content:space-between;
    background:rgba(192,192,192,0.21);
    margin-top:25px;
    padding:50px 25px;
}
.elaqe-formu .input-message-contact{
    min-width:100%;
    height:150px;
        transition: all .3s ease;
    border: none;
    padding: 12px !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    outline: none;
    position: relative;
    -webkit-appearance: none;
    border-bottom:2px solid #0B4C84 !important;
    box-shadow:0 3px 10px 0 rgb(0 0 0 / 10%)
}
.row-my-grid{
    width:100%;
    display:grid;
    grid-template-columns: 32.7% 32.7% 32.7%;
    row-gap:15px;
    justify-content:space-between;
}
.elaqe-formu input,.phone-validation{
    height:50px;
        transition: all .3s ease;
    border:none;
    padding: 12px !important;
    border-radius: 3px ;
    font-size: 14px !important;
    outline: none;
    position: relative;
    -webkit-appearance: none;
    border-bottom:2px solid #0B4C84;
    box-shadow:0 3px 10px 0 rgb(0 0 0 / 10%);
}
.elaqe-submit{
    color: #ffffff;
    border: none;
    
    margin:0 0 0 auto;
    margin-top: 20px;
    height: 44px;
    max-width: 194px;
    width: 100%;
    font-size: 15px;
    text-align: center;
    border-radius: 6px !important;
    -webkit-transition: all .5s;
    transition: all .5s;
    color: #fff;
    background: #0B4C84;
}
.elaqe-submit:hover {
    background-color: #3C8CA7;
    
}
@media only screen and (max-width:992px){
    .elaqe-formu input,.phone-validation{
    width:200px;
    height:50px;
}
}
@media (min-width:317px) and (max-width:392px){.breadcrumb-p{max-width:105px;}}
@media only screen and (max-width:768px){
    .bloq-cards{
        width:100% !important;
    }
    .elaqe-formu input,.phone-validation{
    width:100%;
    height:50px;
}
}
form{margin-bottom:-100px !important;}
/**/
/*full pages*/
.full-inner-page{padding:90px 0;}
.full-inner-page-content{margin-top:25px;}
.full-inner-page-content ul{padding-left:40px;}
.full-inner-page-content ul li{list-style:disc !important;}
.fotorama__stage__frame.fotorama__active {
border:1px solid lightgray;
}
/**/
/*scroll*/
::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
}
 ::-webkit-scrollbar-thumb {
  background: #0B4C84; 
  border-radius: 10px;
  transition:.4s;
}
::-webkit-scrollbar-thumb:hover {
  background: #598ec2; 
}
/**/
/* gezmeli yerler*/
.section-gezmeli-yerler{padding:50px 0;overflow-X:hidden;}
.section-gezmeli-yerler h4{font-size:35px;text-align:center;font-weight:bold;margin-bottom:50px;}

#countrytours .tourcountry:first-child img {
  height: fit-content !important;
}
#countrytours .tourcountry:not(:first-child) img {
    height: 202.938px;
}

#countrytours .tourcountry img {
  width: 100%;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  object-fit: cover;
}

#countrytours .tourcountry {
  float: left;
  margin: 0 0 7px 7px;
  width: calc(23.4% - 22.3px);
  position: relative;
}
#countrytours .tourcountry:nth-last-child(-n+3) {
  margin-bottom: 0;
}
#countrytours .tourcountry:first-child {
  width: 33.33333%;
  margin-left: 0;
}

#countrytours .tourcountry .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  -webkit-transition: 300ms all ease;
  -moz-transition: 300ms all ease;
  -o-transition: 300ms all ease;
  transition: 300ms all ease;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  background-image: linear-gradient(178deg, rgba(0, 118, 129, 0), #040404);
  opacity: 0.4;
}

#countrytours .tourcountry:hover .overlay {
  opacity: 0;
}

#countrytours .tourcountry:hover .tourcap h1 {
  margin-bottom: 15px !important;
}

#countrytours .tourcountry:hover .tourcap p {
  margin-bottom: 5px !important;
}
.tourcap {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: white;
}
.tourcap h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 3px !important;
  -webkit-transition: 300ms all ease;
  -moz-transition: 300ms all ease;
  -o-transition: 300ms all ease;
  transition: 300ms all ease;
}

.tourcap p {
  font-size: 13px;
  -webkit-transition: 300ms all ease;
  -moz-transition: 300ms all ease;
  -o-transition: 300ms all ease;
  transition: 300ms all ease;
}
@media screen and (max-width: 1200px) {
        #countrytours .tourcountry:not(:first-child) img {
        height: 153.4px;
    }    #countrytours .tourcountry:hover .tourcap h1 {
        margin-bottom: 8px !important;
    }
        .tourcap {
        bottom: 15px;
    }
    
    #countrytours .tourcountry {
        width: calc(23.4% - 18.3px);
    }
}
@media screen and (max-width: 991px) {
        #countrytours .tourcountry:not(:first-child) img {
        height: 112.4px;
    }
        #countrytours .tourcountry {
        width: calc(24.4% - 22.3px);
    }
    .tourcap p {
        display: none;
    }
    
}
@media screen and (max-width: 768px) {
        #countrytours .tourcountry {
        width: calc(33.1% - 4px) !important;
        margin: 0 7px 7px 0;
    }
    
    #countrytours .tourcountry img, #countrytours .tourcountry:first-child img {
        height: 123.4px !important;
    }
    
    #countrytours .tourcountry:nth-last-child(-n+3) {
        margin-bottom: 7px;
    }
    
    #countrytours .tourcountry:nth-child(3n) {
        margin-right: 0;
    }
}
@media only screen and (max-width:500px){
    #countrytours h4{font-size:25px;}
        #countrytours .tourcountry {
        width: calc(50.2% - 5px) !important;
    }
    
    #countrytours .tourcountry img, #countrytours .tourcountry:first-child img {
        height: 150px !important;
    }
    
    #countrytours .tourcountry:nth-child(3n) {
        margin-right: 7px;
    }
    
    #countrytours .tourcountry:nth-child(2n) {
        margin-right: 0 !important;
    }
    
}
/**/
/*xidmetler*/
.section-xidmetler{padding:180px 0 80px 0;background:white;}
.section-xidmetler h4{margin-bottom:30px;font-size:35px;font-weight:bold;text-align:center;}
.all-xeberler{display:flex;
    justify-content:center;
    flex-wrap:wrap;
    row-gap:35px;
    column-gap:30px;
}
.wh{color:white !important;}
.xidmet-card{
    width:100%;
    max-width:410px;
    display:block;text-align:center;border-radius:20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;background:white;}
.xidmet-card img{width:50px;height:70px !important;margin-bottom:8px;padding:10px 0;}
.xidmet-card p {color:black;font-size:20px;margin-bottom:15px;}
.xidmet-card p:nth-child(3) {font-size:16px;}
.xidmet-card:nth-child(1){
    background:#9BC1EE;
    &>p{color:white;}
}
.xidmet-card:nth-child(1) .xidmet-logo img{filter:invert(1);}
.xidmet-card:nth-child(3){
    background:#598EC2;
        &>p{color:white;}
}
.xidmet-card:nth-child(3) .xidmet-logo img{filter:invert(1);}
.xidmet-card:nth-child(5){
    background:#0B4C84;
        &>p{color:white;}
}
.xidmet-card:nth-child(5) .xidmet-logo img{filter:invert(1);}
.all-qaynar-turlar .all-xeberler{width:100% !important;}
/**/
/*xidmetler daxili*/
.inner-services-page{display:flex;justify-content:space-between;align-items:center;gap:30px}
.inner-services-left{display:flex;gap:30px;}
.inner-services-left img{height:400px;object-fit:cover}
.inner-services-left a:first-child{padding-bottom:30px;}
.inner-services-left a:last-child{padding-top:30px;}
.inner-services-left img{width:200px;}
.inner-services-right{text-align:center;}
.inner-services-right p:first-child{font-size:30px;font-weight:bold;margin-bottom:20px;}
.inner-services-right p:last-child{font-size:18px;line-height:31px;font-weight:200;}
    .referanslar-card{max-width:300px;}
@media only screen and (max-width:576px){
    .inner-services-left img{width:100px;height:200px;}
.daxili-turlar-kat .referanslar-card img{
width:240px !important;
}
.daxili-turlar-kat .referanslar-card{
 width:240px !important;
}
}
@media only screen and (max-width:991px){
    .inner-services-page{flex-wrap:wrap;justify-content:center;}
    
.all-haqqimizda:first-child{
    flex-direction:column-reverse;
}
}
/**/

/*tour-inner*/
.tourFullstory .full-content {
    padding: 60px 0 50px 0;
}

.tourFullstory .col-lg-6.mt-md-5 img {
    display:none!important;
}


.tourFullstory ul {
    padding-left: 20px;
    padding-top:10px;
    
}

.tourFullstory .full-content h2 {
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
    font-size: 32px;
}
.tourFullstory .full-content img {
   width: 100%;
}

.tourFullstory .full-content h4 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 20px;
}

.tourFullstory .full-content table {
    width: 100%;
}

.tourFullstory .full-content table tr:nth-child(odd) {
    background-color: #fffcef;
}

.tourFullstory .full-content table tr:nth-child(even) {
    background-color: #fff;
}

.tourFullstory .full-content table td {
    padding: 10px 40px;
}

.tourFullstory .melumat {
    margin-top: 50px!important;
    display:flex;
    align-items: center;
    background:#0b4c84;
    padding: 22px 100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    position: relative;
    margin: 0 auto;
    text-align: center;
    -webkit-transition: 500ms all ease;
    -moz-transition: 500ms all ease;
    -o-transition: 500ms all ease;
    transition: 500ms all ease;
    text-transform: uppercase;
    border: none;
}

.tourFullstory .melumat i {
    font-size: 25px;
}

.tourFullstory ul li {
    margin-bottom: 5px;
}
  
/***Styling DestinationFullStory Start**/
.destinationFullstory  {
    line-height: 25px;
}
.destinationFullstory .container {
    height: 100%;
    
}

.destination-internal{
    padding: 50px 0;
}

.destinationFullstory-place img{
    width:100%!important;
    height: 500px!important;
    object-fit: cover;
}

.destination-in{
    margin-top:50px;
}

.destinationFullstory-header {
    position: relative;
}

.destinationFullstory h2 {
    text-align: inherit;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    display:flex;
    align-items:center;
    height:100%;
}

.fotorama_stage_frame img {
    left:0!important;
    width:100%!important;
}

.destinationFullstory-place img {
    border-radius: 20px;
}

.inner-page {
    margin-top:0!important;
    
    background: url("/img/innerbage2.jpeg") center/cover;
}

/**/
/*ustun*/

#part5 h2 {
}

.line-icon {
    background-image: url("../img/pol-icon.png");
    position: relative;
    width: 18px;
    height: 16px;
    display: inline-block;
}

.line-icon:before {
    content: '';
    position: absolute;
    width:66px;
    height: 1px;
    background: #dbd9d7;
    top: 50%;
    right: 100%;
    margin-right: 10px;
}

.line-icon:after {
    content: '';
    position: absolute;
    width:66px;
    height: 1px;
    background: #dbd9d7;
    top: 50%;
    left: 100%;
    margin-left: 10px;
}

.house-img {
    border-radius:20px;
    width: 400px;
    height:320px;
    background: url(../img/gif.gif)center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 45px;
    transform:translateX(-50%);
}
@media only screen and (max-width:991px){
    .house-img{
        position:relative;
        top:0;
        width:300px;
    }
}
@media only screen and (max-width:768px){
    .section-xidmetler{padding:150px 0 50px 0;}
    .section-xidmetler h4{margin-bottom:50px;}
    .right-part,.left-part{float:none !important;margin:auto;}
        .left-inn{text-align:center !important}
    .right-inn{text-align:center !important;}
    .right-part{
           float:left !important;
           text-align:left !important;
    }
}

.three-cont {
    position:relative;
}

.left-part h6, .right-part h6 {
    color:#777777;
    font-size: 16px;
}

.left-part {
    position: relative;
    float: left;
    width: 260px;
    display:flex;
    flex-direction:column;
    gap:10px
}
.right-part {
    display:flex;
    flex-direction:column;
    gap:10px;
    text-align:right;
}
@media (min-width:991px) and (max-width:1200px){
    .house-img{
        width:250px;
    }
}
.left-part hr , .right-part hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #ece2d9;
}

.right-part {
    position: relative;
    float: right;
    width: 260px;
}

.left-part img , .right-part img {
    position: relative;
    bottom: 6px;
}

.left-inn h3 , .right-inn h3 {
    display: inline-block;
    margin-bottom:10px;
    font-size:24px;
}
.left-inn i{margin-right:10px;}
.right-inn i{margin-right:10px;}
.bord{border-top:1px solid lightgray;border-bottom:1px solid lightgray;}
.left-inn, .right-inn {
    padding: 15px 0;
}
/*search*/
.search_my option::first-letter{text-transform:uppercase !important;}
.search_my{
    padding: 50px 0;
    background: #0b4c84;
    position: relative;
    z-index: 1;
}
.search_my form{
    display:flex;
    justify-content: center;
    margin-bottom: 0 !important;
    align-items:center;
}
.axtaris_head{
    text-align:center;
    padding: 40px 0 0 0;
}
.search_my form input{
    padding: 15px 22px 15px 21px;
    border: none;
    border-radius: 15px 0 0 15px;
    outline: none;
    height:60px;
}

.search_my form button{
    border: none;
    color: #fff;
    font-size: 20px;
    padding: 15px 34px;
    outline: none;
    background: #147fce;
    border-radius: 0 15px 15px 0;
    height:60px
}
.search_my h2{font-size:35px;font-weight:bold;text-align:center;color:white;}
.search_my select{outline:none;padding:2px;height:68px;width:100%;color:#9a9a9a;}
.search_my option{padding:5px;}
@media only screen and (max-width:576px){
    .search_my form input{max-width:110px;}
    .search_my form button{
    font-size: 16px;
    padding: 10px 25px;
    outline: none;
}
}
/*search end*/
/*real-search*/
 form{width:100%;} form legend{font-size:72px;line-height:1;color:#fff;margin-bottom:60px} form .inner-form{padding:50px 47px;display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center} form .inner-form .input-field{margin-right:30px;height:68px} form .inner-form .input-field input{height:100%;background:#fff;border-radius:.5px;border:0;display:block;width:100%;padding:10px 32px;font-size:20px} form .inner-form .input-field input.placeholder{color:#9a9a9a;font-size:20px} form .inner-form .input-field input:-moz-placeholder{color:#9a9a9a;font-size:20px} form .inner-form .input-field input::-webkit-input-placeholder{color:#9a9a9a;font-size:20px} form .inner-form .input-field input:hover, form .inner-form .input-field input:focus{box-shadow:none;outline:0} form .inner-form .input-field.first-wrap{-ms-flex-positive:1;flex-grow:1} form .inner-form .input-field.second-wrap{width:32.77%;min-width:180px} form .inner-form .input-field.third-wrap{width:180px;margin-right:0} form .inner-form .input-field.third-wrap .btn-search{height:100%;width:100%;background:#4272d7;white-space:nowrap;border-radius:.5px;font-size:20px;color:#fff;transition:all .2s ease-out,color .2s ease-out;border:0;cursor:pointer} form .inner-form .input-field.third-wrap .btn-search:hover{background:#2d62d3}@media screen and (max-width:992px){form .inner-form{padding:50px 20px !important;} form legend{font-size:50px;text-align:center;margin-bottom:50px} form .inner-form{padding:30px 35px} form .inner-form .input-field{height:50px}.search_my select{height:50px;}}@media screen and (max-width:767px){ .second-wrap select{
     padding:10px 15px !important;}
     form legend{font-size:40px;margin-bottom:40px} form .inner-form{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:20px} form .inner-form .input-field{margin-right:0} form .inner-form .input-field input{padding:5px 15px;font-size:16px} form .inner-form .input-field.first-wrap{width:100%;margin-bottom:20px} form .inner-form .input-field.second-wrap{width:calc(50% - 10px);min-width:auto} form .inner-form .input-field.third-wrap{width:calc(50% - 10px)} form .inner-form .input-field.third-wrap .btn-search{font-size:20px}}
 .second-wrap select{
     padding:10px 32px;
       appearance: none;
       font-size:20px;

 }
 .second-wrap{
     position:relative;
     
 }
 .second-wrap select img{
    position:absolute;
    z-index:999;
 }
 
/**/
.category img{
    transition:.4s;
        border:2px solid #383838;

}
.button-66 {
  background-color: #0b4c84;
  border-radius: 4px;
  border: 0;
  box-shadow: rgba(1,60,136,.5) 0 -1px 3px 0 inset,rgba(0,44,97,.1) 0 3px 6px 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
  min-height: 56px;
  min-width: 120px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: baseline;
  transition: all .2s cubic-bezier(.22, .61, .36, 1);
}

.button-66:hover {
  background-color: #065dd8;
  transform: translateY(-2px);
}
.button-66 a{color:white;width:100%;height:100%;padding-top:16px;}
@media (min-width: 768px) {
  .button-66 {
    min-width: 150px;
  }
}
.category:hover img{    
    transform:scale(1.03);
    border-radius:20px;
}
.charge ul li{    list-style: disc !important}

/*oteller*/
.service-card {
    position: relative;
    height: 440px;
    margin-bottom: 10px;
    background: 0 0;
    border: none;
    overflow: hidden;
    border-radius: 35px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
    min-width:258px;
}
@media only screen and (max-width:991px){.service-card{max-height:250px !important;}}
.service-card::after,
.service-card::before {
    height: 100%;
    width: 100%;
    position: absolute;
    content: "";
    transition: 0.3s ease-in-out;
    z-index: 1;
    left:0;
    top:0;
    background:#0b4c84;
        opacity: 0.1;
}
 .service-card:hover::after,
 .service-card:hover::before {
        opacity: 0.4;
    transition: opacity 0.3s;
}
.service-card img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    object-fit: cover;
    top: 0;
    left: 0;
    right: 0;
}
.service-text {
    position: absolute;
    bottom: -20px;
    z-index: 2;
    color: #fff;
    word-wrap: break-word;
    width: 100%;
    padding: 0 30px;
    transition: 0.3s ease-in-out;
}
.service-card:hover .service-text {
    transition: 0.3s ease-in-out;
    bottom: 25px;
}
.service-card h2{
    font-size:24px;
    margin-bottom:20px;
}
@media (min-width:1400px) {
.otelmain-card{
    width:410px;
}}

@media (min-width:1200px) and (max-width:1400px){
.otelmain-card{
    width:350px;
}}
@media (min-width:991px) and (max-width:1220px){
.otelmain-card{
    width:290px;
    
}
    .slider_number{width:80px !important;}
}



/**/
.ulduz-display{
 display:flex;
 gap:5px;
 color:yellow;
 padding-top:15px;
}