body{font-family: 'Source Sans Pro', sans-serif;  margin: 0;padding: 0;}
body.body-mobile-menu-opened{overflow: hidden;}

h1,h2,h3{padding: 0; margin: 0;}
#header{position: relative;padding-top: 0; height: 120px;display: flex; align-items: center;justify-content: center;left: 0; top: 0; width: 100%;}

#header-inner { position: absolute; left: 0;top: 0; width: 100%;height: 100%;}

#header .menu{height: 100%; display: flex; align-items: center;justify-content: space-between;}

.container {  max-width: 1200px; box-sizing: border-box;width: 100%;margin: 0 auto;}
.menu-logo a { display: block;}

.menu-logo a img { display: block; }


.menu-logo img { max-width: 205px; }

.menu-wrapper {justify-content: space-between;}

#header .menu ul {margin: 0;padding: 0;justify-content: center; height: 100%; }
.menu ul {display: flex;flex-direction: row;align-items: center; }

#header .menu ul li {height: 100%; }

.menu ul li {list-style: none; clear: right; height: 100%; justify-content: center; flex-direction: row; align-items: center;margin: 10px;padding: 0 10px;font-weight: 400;align-items: stretch;white-space: nowrap;position: relative; }

.menu ul li a {text-decoration: none; display: inline-flex; align-items: center;font-style: normal;font-weight: 400;font-size: 18px;line-height: 80px; color: #1F1F1F;
padding: 10px; width: 100%; box-sizing: border-box; }

.square-item { display: flex; align-items: stretch;}

.location-section { z-index: 2;     padding-bottom: 30px;
}

.square-item:nth-child(2n) .square-item-image-cell { order: 2; }


.square-item .cell { background-color: white; }

.square-item .cell {width: 100%;display: flex; align-items: center;background-color: white; color: black; box-sizing: border-box;}

.home-image-cell{max-width: 480px; box-sizing: border-box; padding-right: 75px;}
.square-item-image-wrapper img{width: 100%;}

.square-item-image-cell div { width: 100%; }

.square-item-image-wrapper { position: relative;width: 100%; height: 100%;}

.square-item:nth-child(2n) .cell.square-item-content-cell {text-align: right; justify-content: flex-end;}
.square-item:nth-child(2n) .home-image-cell {padding-right: 0; padding-left: 75px;}

    
.square-item:nth-child(2n) .square-item-content-cell { order: 1; }

.hizmetlerimiz{padding-top: 60px; max-width: 950px;
    margin: 0 auto;
}

.hizmetlerimiz-header{font-style: normal;font-weight: 300; padding-bottom: 10px;    font-size: 40px;line-height: 60px;text-align: center;color: #1F1F1F;position: relative;}

.hizmetlerimiz-header::after{content: '';position: absolute; bottom: 0; width: 60px;height: 6px;background: #42C1C7;left: 50%;transform: translateX(-50%);}


.hizmetlerimiz-alt-header{font-style: normal; font-weight: 300; font-size: 22px; line-height: 60px; text-align: center;color: #8F8F8F; padding-bottom: 35px;}

.square-item-content-cell h2{ font-style: normal; font-weight: 300; font-size: 40px; line-height: 60px; color: #1F1F1F;}

.square-item-content-cell p{ font-style: normal; font-weight: 300; font-size: 18px;  line-height: 30px; color: #1F1F1F;}

.dvm-btn a{    background-color: #42C1C7; border-radius: 33px; font-style: normal; font-weight: 400; font-size: 22px;line-height: 28px;display: flex; align-items: center;text-align: center;text-decoration: none;color: #FFFFFF;    font-size: inherit; display: inline-flex; align-items: center; justify-content: center; height: 66px;min-width: 253px;}

.anlasmali-oldugumuz-kurumlar-boxes{display: flex; width: 100%; justify-content: space-between; padding-top: 85px; }

.anlasmali-oldugumuz-kurumlar-box img{max-width: 200px; padding: 40px;}
.anlasmali-oldugumuz-kurumlar-box{border: 1px solid #E3E3E3;}
.anlasmali-oldugumuz-kurumlar-box:nth-child(2n) img{max-width: 90px;}
.anlasmali-oldugumuz-kurumlar{padding-top: 120px;}
.anlasmali-oldugumuz-kurumlar-box{width: 30%; text-align: center; justify-content: space-between;}
.anlasmali-oldugumuz-kurumlar-header{ text-align: center; font-weight: 300; font-size: 40px; line-height: 60px; position: relative; color: #1F1F1F; padding-bottom: 20px;}


.anlasmali-oldugumuz-kurumlar-header::after{  content: ''; position: absolute;bottom: 0; width: 60px;height: 6px;background: #42C1C7; left: 50%; transform: translateX(-50%) }

.vision-container-header::after{content: ''; position: absolute; bottom: 0;width: 60px;height: 6px;background: #42C1C7;left: 50%; transform: translateX(-50%);}
.mission-container-header::after{content: ''; position: absolute; bottom: 0;width: 60px;height: 6px;background: #42C1C7;left: 50%; transform: translateX(-50%);}
.hakkimizda-header::after{content: ''; position: absolute; bottom: 0;width: 60px;height: 6px;background: #42C1C7;left: 50%; transform: translateX(-50%);}


footer { background-color: #004E72;color: #FFF;}

#footer-logo-symbol-wrapper img{ position: relative; text-align: center; margin-top: -55px; margin-bottom: 36px; justify-content: center; align-items: center;}
#footer-logo-symbol-wrapper {display: flex; align-items: center; justify-content: center;}

.anlasmali-oldugumuz-kurumlar{margin-bottom: 170px;}
#footer-logo-text-wrapper{align-items: center; display: flex; justify-content: center; padding-bottom: 80px;}

#footer-menu-links{display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 60px;}
#footer-menu-links a{text-decoration: none; font-style: normal; font-weight: 400;font-size: 16px;line-height: 20px;align-items: center;text-transform: uppercase; color: #42C1C7;}
.footer-adress,.footer-copyright{align-items: center;  justify-content: center; color: #A0C3D2; font-size: 14px; font-weight: 400; padding-bottom: 60px;   text-align: center;  }

.home-slider-img{display: flex; flex-direction: row-reverse;}
.home-slider img{width: 100%;}

.home-slider-content-header{font-style: normal; margin-left: 250px; font-weight: 300; font-size: 40px; line-height: 60px; margin-top: 125px; width: 100%;color: #FFFFFF;}

.home-slider-content{position: absolute; background: linear-gradient(90deg, #004E72 75%, rgba(0, 78, 114, 0) 100%);   width: calc(100% - 920px); display: flex;
flex-direction: column; color: #FFF; height: 66%; }
.slider-btn{    margin-left: 250px;margin-top: 30px; }

.home-slider-content-text{font-style: normal; padding-top: 40px;margin-left: 250px;font-weight: 300; width: 100%; font-size: 20px; line-height: 30px;color: #FFFFFF;}

.homes-slider-4k{display: none;}


.hakkimizda-header{font-style: normal;font-weight: 300; font-size: 40px;line-height: 60px;padding-top: 90px;position: relative;text-align: center;align-items: center;color: #1F1F1F; padding-bottom: 30px;}

.page-banner{background: url(../img/hakkimizda/shutterstock_1623176572.png) no-repeat center center; min-height: 252px; background-color: #004E72;}
.page-banner-hizmetlerimiz{background: url(../img/hizmetlerimiz/shutterstock_358265852.png) no-repeat center center; min-height: 252px; background-color: #004E72;}
.page-banner-iletisim{background: url(../img/iletisim/shutterstock_704476777\ 1.png) no-repeat center center; min-height: 252px; background-color: #004E72 ;}

.page-banner-header{display: flex; align-items: center;justify-content: center;margin: 0 auto;padding-top: 6vw; font-style: normal;font-weight: 300;font-size: 40px;
line-height: 60px;  text-align: center; color: #FFFFFF;}

.page-banner-img img{width: 100%;}
.hakkimizda-text{font-style: normal;  font-weight: 300;font-size: 20px; line-height: 30px; padding-top: 50px;  padding-bottom: 150px;text-align: center;color: #1F1F1F; }

.hakkimizda{display: flex; justify-content: space-between;}
.hakkimizda-image{width: 30%;}
.middle{margin-top: -70px;}

.vision-mission-container{padding-top: 75px; padding-bottom: 95px;}
.vision-container-header,.mission-container-header{font-style: normal; font-weight: 300;  font-size: 40px;line-height: 60px; padding-bottom: 25px; text-align: center;
 position: relative; color: #1F1F1F;}

.vision-container,.mission-container{width: 50%;}

.vision-container-text,.mission-container-text{font-style: normal; font-weight: 300; font-size: 20px; padding-top: 20px; line-height: 30px;     text-align: center; color: #1F1F1F;}

.hizmetlerimiz_page h3{font-style: normal;  font-weight: 300; font-size: 50px; line-height: 60px;    align-items: center;color: #1F1F1F;}
.hizmetlerimiz_page_container{padding-bottom: 120px;}
.hizmetlerimiz_page{padding-top: 50px;}
    
.hizmetlerimiz_page h2{font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-size: 30px; line-height: 60px; align-items: center;}

 .iletisim-container{display: flex; flex-direction: row; padding-top: 90px; padding-bottom: 100px;}
.iletisim-form-row{margin-left: 50px;   
}
.success-message{display: none; font-style: normal;
    font-weight: 300;
    font-size: 36px;
    line-height: 60px;
    text-align: center;
    color: black;}

.contact{border: 1px solid #D6D6D6; display: flex; justify-content: space-around; align-items: center;  margin-top: 20px; margin-bottom: 140px;    }
     
/*  .contact-img::before{content: '';  position: absolute; transform: rotate(90deg); left: 22%; top: 149%;  width: calc(25.9% - 300px); background-color: #D6D6D6;  height: 1px; display: block;}*/

.contact p{font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; font-size: 20px;}

.row input{width: 450px; background: #FFFFFF; border: 1px solid rgba(66, 193, 199, 0.35); border-radius: 10px; height: 70px; outline: none; color: #42C1C7; padding: 0 70px;}

.iconed-input{padding-bottom: 40px; position: relative;}


.row input::placeholder{font-weight: 300; font-size: 20px;color: #C5C5C5;font-family: 'Source Sans Pro';}
.row textarea::placeholder{font-weight: 300; font-size: 20px;color: #C5C5C5; font-family: 'Source Sans Pro';}
.iconed-input::before{ content: ''; width: 29px; background: url(../img/iletisim/person.png) no-repeat center center; left: 3%;  top: 39%; z-index: 2;position: absolute; height: 29px; }

.iconed-input.phone::before{background: url(../img/iletisim/phone_android.png) no-repeat center center; height: 34px; }
.iconed-input.eposta::before{background: url(../img/iletisim/mail.png) no-repeat center center; height: 22px; top: 42%; }
.iconed-input.message::before{background: url(../img/iletisim/speaker_notes.png) no-repeat center center; height: 28.67px; top: 10%;}


.row textarea{width: 450px; background: #FFFFFF; border: 1px solid rgba(66, 193, 199, 0.35); border-radius: 10px; height: 188px; outline: none; color: #42C1C7; padding:30px 70px; resize: none;font-family: 'Source Sans Pro';}


.iconed-input label{font-weight: 400;font-size: 20px; padding-bottom: 15px;display: flex;align-items: center;letter-spacing: -0.02em;color: #1F1F1F;}
.row label{font-weight: 400;font-size: 20px; padding-bottom: 15px;display: flex;align-items: center;letter-spacing: -0.02em;color: #1F1F1F;}
       
.active{color: #42C1C7 !important;}
.iletisim-btn{background: #42C1C7;border-radius: 100px; border: none; outline: none; width: 592px; height: 66px; display: flex; justify-content: center; align-items: center;
 font-style: normal; font-weight: 300;font-size: 22px;line-height: 28px;display: flex; align-items: center;text-align: center;color: #FFFFFF;  font-family: 'Source Sans Pro';
}
.iletisim-btn img{margin-right: 15px;}



.home-slider-mobile{
    display: none;
}

.hakkimizda-images-mobiles{display: none;}

.dropbtn {
    background-color: white;
    color: #1F1F1F;    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    border: none;
    outline: none;
    cursor: pointer;
  }
  .dropbtn{display: flex; align-items: center;}
  .dropbtn img{margin-right: 10px;     margin-left: 10px;
  }
  

  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  .dropdown:hover .dropdown-content {display: block;}
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    align-items: center;
    display: flex;
  }
  .dropdown-content a img{margin-right: 10px;}
  
  .dropdown-content a:hover {;}
  
  .dropdown:hover .dropdown-content {display: block;    z-index: 999;
  }
  
  .dropdown:hover .dropbtn {background-color: ;}

  .g-recaptcha{padding-bottom: 50px;}

  
  #hide-desktop{display: none; margin-right: 70px;}

@media (min-width: 1920px) and (max-width: 2560px)  {

        .home-slider{display: none;}
        .homes-slider-4k{display: block;}
    }

    @media (max-width: 720px){

        .home-slider{display: none;}
        .home-slider-mobile{display: block;}
        .square-item{display: flex;
            align-items: stretch;
            flex-direction: column;
            margin: 0 auto;
            align-items: center;
            text-align: center;}
          
        
        .square-item:nth-child(2n) .cell.square-item-content-cell{text-align: center;}
        .nav-menu{display: none ;}
        .square-item .cell{width: 100%; padding: 25px;}
        .square-item-content-cell p{text-align: center;}
        .square-item:nth-child(2n) .cell.square-item-content-cell,.square-item .cell{display: flex; justify-content: center;}

        .anlasmali-oldugumuz-kurumlar-boxes{flex-direction: column; align-items: center; }
        .anlasmali-oldugumuz-kurumlar-box{margin-bottom: 20px; width: 90%; }
        .square-item-image-cell{align-items: center; text-align: center;}
        .square-item-image-cell img{width: 100%;}
        .square-item:nth-child(2n) .square-item-image-cell{order: 1;}
        #footer-menu-links{flex-direction: column; align-items: center; justify-content: center;}
        .menu-item{margin-bottom: 25px;}
        #footer-logo-text-wrapper{padding-bottom: 40px;}
        #footer-menu-links{padding-bottom: 30px;}
        .dvm-btn{margin-bottom: 30px;}
        .anlasmali-oldugumuz-kurumlar{padding-top: 60px; margin-bottom: 100px;}
        .page-banner-header{padding-top: 20vw;}
        .hakkimizda-images{display: none;}
        .hakkimizda{flex-direction: column;}
        .vision-container,.mission-container{width: 100%;}
        .hakkimizda-mobile{display: flex; flex-direction: row;}
        .hakkimizda-image-mobile{width: 50%;}
        .hakkimizda-image-mobile img{width: 100%;}
        .full-mobile{width: 100%;}
        .hakkimizda-images-mobiles{display: block;padding: 20px;}
        .iletisim-container{flex-direction: column; padding: 20px; margin-bottom: 100px;}
        .iletisim-map-img iframe{    
            top: 0;
            left: 0;
            width: 100% !important;
            height: 726px !important;}
            .row input,textarea{width: 220px !important;}
            .iletisim-btn{width: 100%;}
            .iletisim-form-row{margin-left: 0;}
            .menu-logo{padding: 20px;}
            #mobile-menu-trigger{    display: block;
                background: url(../img/header/trigger.png) no-repeat center center;
                width: 30px;
                height: 30px;
                background-size: contain;
                position: absolute;
                top: 50px;
                right: 30px;
                z-index: 4;}
                #header-menu {
                    position: fixed;
                    display: block;
                    right: 0;
                    height: calc(100vh - 120px) !important;
                    transform: translateX(100%);
                    background-color: #004E72;
                    top: 120px;
                    opacity: 0;
                    width: 0;
                    margin-top: 30px;
        
                    overflow: hidden;}

                    #hide-mobile{display: none;}
                    #header.mobile-menu-opened #header-menu {
                        width: 100%;
                        z-index: 10;
                        transform: translateX(0);
                        opacity: 1;
                    }
        
        
                    #header.mobile-menu-opened #header-menu{  width: 100%; transform: translateX(0); opacity: 1; 
                        align-items: center;
                        justify-content: flex-start;
                        padding-top: 40px;
                        display: flex;
                        flex-direction: column;
                        font-weight: 300;
font-size: 30px;
line-height: 38px;
display: flex;
align-items: center;
text-align: center;

                    }

                   
        
                    
                    #hide-desktop{display: block;}
                    #header.mobile-menu-opened #header-menu.nav-menu ul{display: block; padding-top: 200px; justify-content: flex-end; padding-right: 110px;}
                    #header.mobile-menu-opened #header-menu.nav-menu  ul li a{width: auto;}
        
                    #header.mobile-menu-opened #mobile-menu-trigger{background-image: url(../img/header/trigger.png) !important; z-index: 9;}
                    nav li{border-left: none; padding: 20px; width: 200px; border-bottom: 1px solid  #071D49;}
                    .mobile-menu-last-item{border-bottom: none;}
                    nav li a{font-size: 14px; }
                    nav li:hover, nav li.active-menu{background-image: none; font-weight: bold; color: white;}
                    .menu ul li a{font-style: normal;
                        font-weight: 300;
                        font-size: 30px;
                        line-height: 38px;
                        display: flex;
                        align-items: center;
                        text-align: center;
                        
                        color: #42C1C7;}
                        #header .menu ul li{height: 50px;}
                    nav li:hover a, nav li.active-menu a{font-weight: 300;
                        font-size: 30px;
                        line-height: 38px;
                        display: flex;
                        align-items: center;
                        text-align: center;
                        }

        .home-slider-mobile img{
                width: 100%;
        }
    }