body{  padding:0 10px 10px 10px; margin:0; font-family: 'Roboto', sans-serif !important; font-size:1rem !important; font-weight:300 !important; color:#2e5a6b; }


h1, h2, h3 {font-family: 'Archivo Black', sans-serif; }
h2{ font-size: 48px; }
a, a:visited, a:hover, a:active, a:focus, a:hover:visited{ list-style-type:none; text-decoration:none !important; color:inherit !important; }
li {list-style-type:none; text-decoration:none; }
.t2{ -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.t4{ -webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.t6{ -webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;}

svg, .svg {width:23px; fill:#305b6c !important;  }

img{ max-width: 100%; height:auto; }
section{ margin-bottom:50px; display:block; position:relative;}


.h_back{

   width:calc(100vw - 21px ); position:absolute; min-height:245px; z-index:1;top:0; left:0;
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 76%); }

header{ padding:15px; z-index:99; background: #fff; }
header *{ z-index:2; }
.sticky{ position:fixed; top:-50px; left:0; z-index: 999;}
.sticky .h_back{ left:0; width:100vw;   top:-8px; min-height:140px;
  background: #fff;
  background: linear-gradient(180deg, rgba(255,255,255,1) 46%, rgba(255,255,255,0) 76%);
  -webkit-box-shadow: 0px 4px 19px 0px rgba(0,0,0,0.39);
box-shadow: 0px 4px 19px 0px rgba(0,0,0,0.39);

}
.sticky + section {  margin-top: 35px; }
.sticky + .sec1 { margin-top:128px;}
.sticky .logo{ width:250px; margin-left:25px; margin-top:37px;}
.nav_desktop{  }
.nav_desktop .contact_lang{ display:flex; flex-direction:row; justify-content:flex-end; align-items:center; align-content:center; font-size:14px; font-style:italic; font-weight:400; }
.cont { display:flex; flex-direction:row; justify-content:flex-start;  align-content:center; padding:0 5px;  }
.logo_a{ cursor:pointer; z-index:999 !important;}
.logo { cursor:pointer; max-width:inherit;  width: 300px;}
.logo img{ max-width:100% ; }
.logo{ position: absolute; width: 300px; display: block;}
.nav_desktop .contact_lang svg, .nav_desktop .contact_lang img { width:23px !important; margin-right:5px; }
.nav_desktop .contact_lang svg{ margin-left:10px; }
.languages{ margin-left:27px;}
.cizgi1{ display:block; position:relative; width:59% !important; left:40%; height:1px; background:rgba(0,0,0,0.1); margin-top:11px !important; }
.menu_row{ margin-top:11px !important; align-items:center;  }
.nav_desktop .nav{ width:100%;justify-content: flex-end;}
.nav_desktop nav{ width:46.5%; }
@media screen and (max-width:1399px){
  .nav_desktop nav{ width:54.5%; }
}
@media screen and (max-width:1199px){
  .nav_desktop nav{ width:64.5%; }
}
.nav_desktop nav ul li{ float:left; margin-right:0%; font-size:17px;   }
.rusca-ozel nav ul li{ float:left; margin-right:2%; font-size:12px;   }
.desk_ul{ width: 491px; margin-right: 15%; }
.desk_ul2{ width: 550px; margin-right: 15%; }
.search{ display:flex; justify-content:flex-end; padding-right: 8px !important; position: absolute;top: 109px;visibility: hidden;opacity: 0}
@media screen and (max-width:991px){
  .search{position: relative;top: 0;visibility: visible;opacity: 1}
}
.search a{ width:100%; height:100%; }
.search svg{ padding:3px; margin:auto; position:relative; top:5px; }
.s_inp, .s_button{ display:flex; position:relative; height:35px;}
.s_button{ width:50px; background-color:#f4fcff; text-align:center}
.s_inp input{  border-style: inset;  border:1px solid rgba(48,91,108,0.05); padding :0 10px;  }
.s_inp input::placeholder{ font-size:13px; font-style: italic; }
.parent_menu{ display: block; }
.sub_menus{  margin: 0; padding:15px 0px 0px;
background-color: #fff; -webkit-box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.22);
box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.22);}
.sub_li{ margin-right: inherit; width:100%; display: flex; padding: 0; padding: 7px 51px 7px 15px; margin-right: 0 !important; cursor: pointer;}
.sub_li, .sub_li a{   -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;  }
.sub_li:hover{  background-color: #0f5d7b; color:#fff;   }
.dropdown-item:focus, .dropdown-item:hover{ background: inherit;}
.dropdown-menu{ border:none; }
.dropdown:hover .dropdown-menu {    display: block;     }

.wp-icon {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    align-items: center;
    color: #fff;
    background-color: #25D366;
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 100;
    font-size: 24px;
    text-align: center;
    padding: 3px;
    line-height: 45px;
    -webkit-box-shadow: 1px 1px 17px 0px rgb(0 0 0 / 32%);
    -moz-box-shadow: 1px 1px 17px 0px rgba(0,0,0,0.32);
    box-shadow: 1px 1px 17px 0px rgb(0 0 0 / 32%);
}

.wp-icon:visited{color:white;}

.wp-pulse:before,
.wp-pulse:after
{
    content: '';
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #58ea00;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
}

.wp-pulse:after {
    animation-delay: .5s;
}

@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {

        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }

}

/* Home Page CSS Style kodları */
.slider{ overflow:hidden; height:100vh; z-index:0; margin-top:-100px; max-width:100%; }
.ov{ overflow:hidden; }
.sld{ z-index:0;}
.sld img{ min-width:100%; min-height:100%; }
/* Splide Slider Elementleri  */
.splide__arrow{ margin-left:5px; position: absolute; z-index: 1; top: 65vh; width: 65px; height: 65px; border-radius:0; display: block; border: none; padding: 10px; opacity: 1;    background:none; }
.dikdortgen_slider{ margin-left:5px; position:absolute; z-index:1; top:calc(25vh - 32px) ; width:65px; height:40vh; background-color: rgba(46,90,107, 0.67);  }
.sld .splide__arrows svg{ width:40px; height:40px; fill:#ffffff !important; }
.sld .splide__arrow--prev{ background-color:rgba(0,113,141, 0.67); left:inherit; }
.sld .splide__arrow--next{ background-color:rgba(78,156,181, 0.67); right:inherit; margin-left:70px; }
.img_slider{ min-width: 100%; object-fit: cover;}
.veri_tutucu{ position:absolute; display:block; top:75%; overflow:hidden;     min-width: calc(100% - 30px); min-height: 150px;}
.slider_veriler{
  position:absolute; display:block; top:0; width:100%;
}
.kucuk_kutu{  float:left; color:#fff; width:230px; height:150px; background-color:rgba(46,90,107,0.8); padding:15px; display:block; position:relative;  font-size:16px; font-style:italic;     }
.kutu_icon img{ filter: invert(1);}
.kutu_slogan{ padding-top:10px; }
.sld_dikdortgen{ margin-left:55px; max-width:550px;  height:150px; padding:25px; font-size:1.7rem; font-weight:600; background-color:rgba(46,90,107,0.8); display:block; float:left; color:#fff;  }
.sld_dikdortgen2 {
    max-width: 800px !important;
}
/* Slider sonu */
/* Ana Sayfa Vitrin */

.kategori_slider{ margin-top:45px; width:calc(100% + 30px) display:block; position:relative;}
.vitrin_baslik{ border-bottom: 1px solid rgba(46,90,107, 0.3);  text-align:left; line-height:0.1em;  }
.vitrin_baslik .v_yazi{ background-color: #fff; padding:15px 15px 15px 0; font-size:1.5rem;  font-weight:400;}
.ileri_geri{ width:140px; background-color: #fff; position:absolute; right:5px; padding:0 5px; top:-30px; }
.ileri_geri svg{ width:40px; height:40px; fill:#ffffff !important; }
.kprev{ background-color:rgba(0,113,141, 0.67); border:none; width:65px; height:65px; MARGIN-RIGHT: -4px;}
.kprev:hover, .knext:hover{ opacity:0.9; }
.knext{ background-color:rgba(78,156,181, 0.67);  border:none; width:65px; height:65px; }


.cat .k_resim{ padding:0 10px; }
.cat *{ transition: 0.25s; }
.cat{ overflow:hidden;}
.cat a{ display:block; position:relative; width:100%; height:100%;}
.cat_icon{ width:34px; height:34px; position:absolute; top: calc(50% - 35px); left: calc(50% - 16px); filter: invert(1); opacity:0; z-index:5; }
.cat-text{ font-weight:100; z-index:99; position:relative; color:#fff;  background-color:rgba(46,90,107,.7);
  text-align:center; padding:15px; width:calc(100% - 20px); margin:-54px 10px 25px 10px; display:block;}
.cat a:hover > .k_resim{ transform:scale(1.05);  filter: brightness(0.7); }
.cat a:hover > .cat-text{ width:100%; margin-left:0; margin-bottom:15px; padding-top:20px; padding-bottom:20px; background-color:rgba(78,156,181, 0.9);   }
.cat a:hover > .cat_icon{ opacity:1; }
.sag_banner{    height: calc(100% - 15px);  padding: 13px; background: url(../uploads/sag_banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; background-origin: content-box; }
.banner_metin{padding: 15px; text-align: center; color:#fff; display: flex;    flex-direction: column;   align-content: center;    max-width: 627px; }
.b_box{ justify-content: center;}
.bm1{  font-size: 1.3rem;}
.bm3{ margin-top: 20px;}
.bi1{ display: none;}
/* Ana Sayfa Vitrin sonu */

/* ana Sayfa Tanıtım Alanı */
.tanitim img{ cursor:pointer; min-width:100%; transition:0.3s; }
.tanitim img:hover{ filter:brightness(1.8) }
.tanitim .row{ margin:0 !important; }
.tanitim_metni{ text-align:right; padding:20px 5% 20px 20px;}
.tanitim_metni p{ font-size:1.5rem; padding-left:20%;}
.standard-button{ display:block; position:relative;width:150px; float:right;  }
.standard-button.solda { float:left;  }
.h_out, .h_over{ font-size:1.1rem; font-weight:300; padding:5px 6% 5px 0; height:40px; width:100%; display:block; position:absolute; top:0; left:0;
  text-align:right; transition:0.3s; overflow:hidden; }
.h_out{ background-color:#2e5a6b; width:95%; z-index:1; color:#ededed;}
.h_over{ background-color:#ededed; z-index:0; color:#2e5a6b; }
.standard-button:hover > .h_out{ width:5%; color:#2e5a6b}


.solda .h_out{ padding:5px 0 5px  6%;  background-color:#ededed; margin-left:5%; width:95%;  color:#2e5a6b; text-align:left;}
.solda .h_over{ padding:5px 0 5px  6%;  background-color:#2e5a6b;  color:#ededed; text-align:left; }
.standard-button.solda:hover > .h_out{ margin-left:95%; width:5%; color:#ededed}

.banner_metin .h_over, .banner_metin .h_out{ text-align: center;}

.tanitim .map_row img:hover{ filter:brightness(1.2) }
.map_row.row{ margin-top:25px !important; }
.map_row .tanitim_metni{ text-align:left; padding:20px 20px 20px 5%;}
.map_row .tanitim_metni p{ padding-left:0; padding-right:20%; }
.map_row .standard-button{ width:160px;    }

/* Footer Kısmı */
footer{ padding:15px; margin-top:25px; color:#fff;  }
.footer_content{ background-color:#2e5a6b;  min-height:350px; padding:0; }
.footer_content .container-xxl{ padding: 1% 5%; }
.footer_logo_row{ margin-bottom: 25px; border-bottom: 1px solid rgba(255,255,255, 0.3);  text-align:left; line-height:0.1em;  }
.footer_logo_row img { position:relative; display: inline-block; background-color: #2e5a6b; padding:25px 15px 10px 0; font-size:1.5rem;  font-weight:400;}
.footer_logo_yazi{ position: relative;  padding-left:27%; padding-bottom:30px; margin-top: -52px;font-size:18px; font-weight:100; font-style:italic; }
.footer_metin{ padding-right:20%; }
.footer_cont_row{ height:50px; color:#d9edf9; margin-bottom:15px;   }
.f_cont_icon{ margin-right: 15px; display: flex; position: relative;  }
.f_cont_icon img{ width:40px; height:40px; opacity:0.4; filter:invert(1);}
.f_phone1{ position: relative; display: flex; font-style: italic; font-size: 19px; font-weight: 400; margin-right: 15px; }
.f_phone2{ position: relative; display: flex; font-family:'Archivo Black', sans-serif; font-size: 3rem; }
.f_adres{ font-weight: 500; width:350px; }
.f_mail{ font-weight: 500; }
.f_social{ width:229px; display:flex;}
.f_social a { display: flex; margin-left:7px;  }
.f_social a img { width: 40px; height: 40px; opacity:0.4 ; filter:invert(1);}
.f_social a:hover>img{ opacity:0.2;  }

.footer_serit{ background-color: #548697; width:100%; height:50px; color:#fff;   }
.footerlink a{ display:flex; margin-left:21px; font-size: 1rem; }
@media (max-width:767px) {
  .footerlink a{ display:flex; margin-left:21px; font-size: 8px; }
  .alt_taban {
    margin-top: 25px !important;
}
}
.alt_taban {
    margin-top: 15px !important;
}
.sakli{ font-style:italic;}
.side_catalog{ right:0;}
.side_catalog{ cursor:pointer; position:fixed; right:-100px; top:calc(100vh - 100px); width:150px; height: 40px;background-color:#e1e6e9; z-index:999; }
.side_catalog img{ width:30px;  margin-left: 5px;    margin-right: 10px; }
.side_catalog span{ line-height:40px;}
.side_catalog:hover{ right:0; }
.side_catalog{right: 0;}

/* Büyük Ekran */
@media only screen and (max-width: 1400px) {

}
/* Laptop Notebook */
@media only screen and (max-width: 1200px) {
  .desk_ul { width: 387px; }
  .s_inp{ width: 170px; }
  .f_phone2{ font-size: 2rem;}
  .bm1{ font-size: 1rem;}
}

/* Tablet */
@media only screen and (max-width: 992px) {
  .logo img, .logo{ width: 237px; }
  .logo { top: 80px; left: calc(50% - 125px); }
  .navbar{ background-color: #fff; }
  .nav_desktop nav{ width: 100%; position: absolute; left: 0; padding: 25px; margin-top:-15px; }
  .navbar-toggler:focus{ box-shadow: 0 0 0 0; }
  .navbar-light .navbar-toggler:focus{ border-color: rgb(14 93 123 / 40%); }
  .desk_ul { width:inherit; }
  .nav{ width: 100%;}
  .nav_desktop nav ul li { width: 100%; float: inherit; }
  .sub_menus{ -webkit-box-shadow: inherit; box-shadow: inherit;}
  .menu_row{flex-direction: column-reverse;}
  .slider{ margin-top: -3px; height:calc(100VH - 233px);}
  .sld_image{ object-fit: cover; height:calc(100VH - 233px);  }
  .h_back{ top: 187px; min-height: 71px;}
  .navbar-toggler{ margin-top: -50px; }
  .search{ margin-left: calc( 100% - 185px); }
  .nav_desktop .contact_lang{ flex-direction: column-reverse; margin-bottom:  107px; }
  .c_sag{ position: absolute; right: calc(50% - 171px); top: 50px; }
  .c_sol{ position: absolute; left: calc(50% - 175px); top: 50px;}
  .cizgi1{ display: none; }
  .dikdortgen_slider{ display: none; }
  .sld_dikdortgen{ position: absolute;}
  .splide__arrows{ display: none; }
  .kucuk_kutu{ display: none; }
  .splide__arrow{ top:25% }
  .veri_tutucu{ top:72%; }
  .bm1{ font-size: 17px; font-family: inherit;}

  .cat-text{     margin: 0px 10px 25px 10px;  padding: 5px;height: auto;}
  .tanitim_metni{ margin-bottom:50px;  }
  .f_phone2{ font-size: 1.4rem;}
  .f_phone1{ font-size: 17px; margin-right: 7px;}
  .footer_kurumsal{ margin-bottom: 25px; }
  .footer_contact{  margin-bottom: 25px; }
  .footer_serit .container{ flex-direction: column; }
  .footer_copy{ flex-direction: column;  }
  .footer_serit{ height:90px; }
  .sakli{ width: 100%;justify-content: center;font-size: 12px;}
  .sub_li{padding: 0px 51px 0px 15px;}
  header{ }
  .sticky{ position:fixed; top:-75px; left:0}
  .sticky .h_back{ left:0; width:100vw;   top:-10px; min-height:225px;
    background: linear-gradient(rgba(255,255,255,1) 100%, rgba(255,255,255,0) 100%);
    -webkit-box-shadow: 0px 4px 19px 0px rgba(0,0,0,0.39);
  box-shadow: 0px 4px 19px 0px rgba(0,0,0,0.39);
  }
  .sticky + section {  margin-top: 201px; }
  .sticky + .sec1 { margin-top:183px;}
  .sticky .logo{ width:250px; margin-left:inherit; margin-top:inherit;}
  .footer_logo_row img{ width:175px; }
  .footer_logo_yazi{ margin-top: -30px; padding-left: 175px;font-size: 8px;}


}

/* Tablet Tel */
@media only screen and (max-width: 768px) {
  body { }
  h2{ font-size: 38px; }
  .sld_dikdortgen{ font-size: 13px; }
  .banner_tutucu{ padding: 10px; }
  .sag_banner{ padding: 0;}
  .bi1{ display: block;}
  .bm1, .bm3{display: none;}
  .img_slider{     width: 100%;
    max-width: 100%;
    object-fit: cover;
    display: block;
    height: 80vh !important;}
    .sld_dikdortgen2 {
      width: auto !important;
  }
  .sld_dikdortgen {
      margin-left: 85px;
      height: 100px;
  }
  .mobil-baslik{
    text-align: center;
  }
  .mobil-link{
    text-align: center;
    display: block;
  }
  .masa-link{display: none;}
  .mobil-p{
    text-align: left;
    padding-left: 0 !important;
    font-size: 1.3rem !important;
  }
  .mobil-baslik2{
    font-size: 26px !important;
  }
  .mobil-p2{
    padding: 0 !important;
  }
  .f_social a img {
    width: 35px;
    height: 35px;
    opacity: 0.4;
    filter: invert(1);
  }

  .footer_serit{
    display: none !important;
  }
}




/* Search */
@media screen and (max-width: 991px) {
  .mobile-none{
    display: none !important;
  }
  .search{
    visibility: visible !important;
    opacity: 1 !important;
    }
}

@media screen and (min-width:768px) {
  .masa-link{display: block;}
  .mobil-link{display: none;}
}