@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;469;500&display=swap');
 

body { width:100%;margin:0 auto;font-family: 'Oswald', sans-serif; }

::-webkit-scrollbar {width: 10px}
::-webkit-scrollbar-track {background: #f1f1f1}
::-webkit-scrollbar-thumb {background: #dc7510}
::-webkit-scrollbar-thumb {border-radius: 2px}
::-webkit-scrollbar-thumb:hover {background: #555}

/* loader */

.js div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url('../img/yukleniyor.gif') no-repeat center center;
}



/* loader  end*/


.header_back { background-color: #f8f8f8 }
.logo_header { width: 100px; padding: 3px 0px 0px 0px; margin-top: 4px; text-align: right }

.header_top { background-color: #000 }

.icerik { padding: 0px 30px 170px 30px;  }

.orta_alan_1 {  padding-bottom:0px;   }
.orta_alan_2 {  background-color: #f8f8f8; padding-bottom:0px; }

.home-tx {background-image: linear-gradient(to bottom, #dc7510, #dc7510, #9b7019); text-align: center; font-size:2.0em; color: #444; padding:50px }
 
.glyphicon { font-size: 1.4em; padding:0px }

.language {margin-right:25px; background-color: #dc7510; padding:3px 9px 3px 9px; color: #fff; text-decoration: none }
.language:hover { color: #fff; background-color: #b08143; text-decoration: none }

.proje_incele { width:100%; text-align: center }

/* accordion */
 .panel-group .panel {
        border-radius: 5;
        box-shadow: none;
        border-color: #EEEEEE;
    }

    .panel-default > .panel-heading {
        padding: 0;
        border-radius: 8;
        color: #fff;
		background-image: linear-gradient(to bottom, #dc7510, #be8c28, #9b7019);
        border-color: #EEEEEE;
    }
	


    .panel-title {
        font-size: 1.0em;
    }

    .panel-title > a {
        display: block;
        padding: 16px;
        text-decoration: none; 
    }

    .more-less {
        float: right;
        color: #fff;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE; 
    }

/* accordion and */
 
 

.footer { background-image: linear-gradient(to bottom, #dc7510, #dc7510, #946810); padding: 25px; color: #fff; margin-top: 50px }
.footer_content { margin-top: 20px }
.footer_blog { text-align: left }
.footer_menu { float:left; width: 100%; padding: 5px; color: #888; font-size: 0.9em; text-align: left }
.footer_alt_ic { padding: 15px; font-size: 0.8em; color: #888; text-align: justify }
.footer_alt { margin-top: 20px; padding: 10px; border-top: 1px solid #fff }
.footer_alt_menu { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 20px; padding: 20px }
.footer_menu_alt_line { padding: 15px; color: #888; font-size: 0.9em }


/* navbar */


.navbar-default {background-color:transparent;border:none;font-size:1.5em; font-family: 'Oswald', sans-serif; font-weight:500 }
.navbar .navbar-nav { display: inline-block; vertical-align: top; float: right }
.navbar .navbar-collapse { text-align: right }
.navbar .nav .active > a, 
.navbar .nav .active > a:hover  {background-color:transparent; color: #dc7510; border-bottom: 1px solid #dc7510 }
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus { color:#222; margin-top: 10px }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ color:#dc7510; border-bottom: 1px solid #dc7510 }
.navbar-default .navbar-nav .dropdown.open a:focus { background-color: #e0ad14 }
 
.navbar-default .navbar-toggle{border-color:#df751d;background-image:linear-gradient(#df751d, #df751d); margin-top:30px }
.navbar-default .navbar-toggle:hover{border-color: #df751d;background-image:linear-gradient(#df751d, #df751d) }
.navbar-default .navbar-toggle .icon-bar{background-color:#fff; padding:1.3px; width:30px }
.navbar-collapse.in{overflow-y:visible; margin-top:10px }

.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent; 
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}
 
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;   		
}
.dropdown:hover .dropdown-menu {display:block;width:200px; max-width:350px; background-color:#e0ad14;border-radius:0px;border-bottom:1px solid #fff }
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {margin-top:0;background-color:#fff;display:none}



.open > .dropdown-menu {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);  z-index: 9999999
  
}
.open > .dropdown-menu li a {
  color: #fff !important;  
}
.dropdown-menu li a{
  color: #fff;padding: 0px 0px 0px 12px;font-size:0.9em; width: 100%;  
}
.dropdown-menu li a:hover {color:#fff !important;background-color:#e0ad14}
.dropdown-menu {
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-animation-fill-mode: forwards;  
  animation-fill-mode: forwards; 
  -webkit-transform: scale(1, 0);
  display: block;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;  
}
.dropup .dropdown-menu {
  -webkit-transform-origin: bottom;
  transform-origin: bottom;  
}

.navbar .nav > li > .dropdown-menu:after { 

}
.dropup > .dropdown-menu:after {
  border-bottom: 0;
  border-top: 6px solid rgba(39, 45, 51, 0.9);
  top: auto;
  display: inline-block;
  bottom: -6px;
  content: '';
  position: absolute;
  left: 50%;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;   
}



.no-csstransitions ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;   
}

.no-csstransitions ul.nav li.dropdown > ul.dropdown-menu {
display: none; 
}

/* navbar end */

/* navbar header yapış */ 

   .affix {
      top:0;
      width: 100%; color: #fff;
      z-index: 7000 !important;
	  background-color:#f8f8f8;
  }
  .navbar {
      margin-bottom: 0px;
  }

  .affix ~ .container-fluid {
     position: relative;
      
  }
  #section1 { padding-top:50px; height:500px;color: #fff; background-color: #1E88E5;}
  #section2 { padding-top:50px; height:500px;color: #fff; background-color: #673ab7;}
  #section3 { padding-top:50px; height:500px;color: #fff; background-color: #ff9800;}
  #section41 { padding-top:50px; height:500px;color: #fff; background-color: #00bcd4;}
  #section42 { padding-top:50px; height:500px;color: #fff; background-color: #009688;}


/* navbar header yapış end*/   
  

 /* navbar logo img */ 
  
 .navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
 
  width: auto;
  
}

 /* navbar logo img end*/ 


 /* Media */ 


@media (max-width: 768px) {


.footer_blog { text-align: left;  }
.footer_menu { float:left; width: 100%; padding: 5px; color: #888; font-size: 0.9em;   } 
.footer_alt_ic {  } 
.footer_menu_alt_line {  }
.icerik { padding: 0px 35px 20px 35px; font-size: 1.4em }
.orta_alan_1 {  padding-bottom:40px;   }
.orta_alan_2 {  background-color: #f8f8f8; padding-bottom:40px; }


}

@media (min-width: 768px) {
	.navbar-default { font-size:1.2em; margin-top: 4px }
    .navbar .navbar-nav{ display:inline-block;margin-top:13px;vertical-align:top; float:right }
	.navbar .navbar-collapse{ text-align:right; width:100%; margin: auto }
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus {color:#555; padding: 10px 20px 10px 20px;   }
}

 /* Media End */ 


.whatsapp{bottom:0;position:fixed;right:0;z-index:999999;padding:5px;padding-left:50px;padding-right:50px;margin-bottom:5px;margin-right:5px;border-radius:5px;border:1px solid #fff;background-color:#36ab2f;color:#fff;font-size:24px}.whatsapp:hover{text-decoration:none;color:#fff}


.list-group > a {
  color: #999999; font-size:0.9em;
}
.list-group > a:hover, a.list-group-item.active, a.list-group-item.active:hover,
.list-group > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #4c4c4c;
  cursor: pointer;
  border: 1px solid #efefef; 
}

.list-group > a:hover, a.list-group-item.active:hover { background-color: #; color: #fff }

.btn-primary,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #dc7510;
  background-color: #4c4c4c;
  border:0px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #ffffff;
  background-color: #4c4c4c;
  border-color: #e0ad14;
}



/* scrool top */
 .back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
	margin-bottom:50px;
	border:0px; color: #000
}
.back-to-top:hover{color:#4c4c4c}

 /* scrool top end */


.carousel-control {


}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}



/* social iconlar */

@font-face {
    font-family: 'si';
    src: url('PATH_TO/socicon.eot');
    src: url('PATH_TO/socicon.eot?#iefix') format('embedded-opentype'),
         url('PATH_TO/socicon.woff') format('woff'),
         url('PATH_TO/socicon.ttf') format('truetype'),
         url('PATH_TO/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(PATH_TO/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-right: 1px;
    color: #fff;
    background-color: transparent;
}
.soc li a:hover{color:#999;}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook {
    background-color: #3e5b98;
}
.soc-facebook:before {
    content:'\e041';
}
.soc-instagram {
    background-color: #405de6;
}
.soc-instagram:before {
    content:'\e057';
}
.soc-whatsapp {
    background-color: #20B038;
}
.soc-whatsapp:before {
    content:'\e01b';
}
.soc-outlook {
    background-color: #0072C6;
}
.soc-outlook:before {
    content:'\e010';
}
.soc-email2:before {
    content:'\e010';
}

.soc-youtube:before{content:'\e051'}

.soc-twitter:before{content:'\e040'}

.soc-google:before{content:'\e067'}

.soc-twitter:before{content:'\e040'}

.soc-youtube:before{content:'\e051'}

/* social iconlar end */
.glass-case ul li .gc-display-container img{margin-left:-100%!important;}
 