/* Scroll Bar Settings */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .5);
    outline: 1px solid slategrey;
    cursor: pointer;
}
/* Scroll Bar Settings End */
/* General Use */
body					{}
#main					{}
#soft	{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}
.pos-sticky {
	position: sticky !important;
}
/* General Use End */
/* Navbar Settings */
.navbar {
	background-color: transparent !important;
	border:0px !important;
}
.navbar-default {
	background-color: none !important;
	border:0px !important;
}
.navbar-default .navbar-form {
	display: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: none;
}
/* Navbar Settings End */
/* Reset Css Settings */
a {
	text-decoration: none !important;
}
ul {
	padding: none !important;
	list-style: none !important;
}
/* Reset Css Settings End */
/* Parallax Image Settings */
.parallax {
	/* Image, style olarak, parallax clasının verildiği nesneye verilir. */  
    /* Height olmaz ise parallax özelliği çalışmaz. Parallax clasının verildiği nesneye style yada farklı bir şekilde, min-height değeri tanımlanması gerekir. */
    /* Parallax Scroll Efecti */    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Parallax Scroll Efecti End */  
}
/* Parallax Image Settings End */

/* ========== Custom Select ========== */
.selectpicker {
    border-radius: 0px !important;
    outline: none !important;
    line-height: 26px !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

.input-block-level {
    border-radius: 0px !important;
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
}

.btn-group.open .dropdown-toggle {
	box-shadow:none !important;
}
.dropdown-toggle:active {
	box-shadow:none !important;
	background:none !important;
}
.medle .dropdown-toggle:hover {
	box-shadow:none !important;
	background:none !important;
}
.selectpicker li a:focus {
	outline:none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
	font-size:12px;
	opacity: .7;
}
.dropdown-menu>li>a {
	font-size:12px;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
	background-color:transparent;
}
/* ========== Custom Select End ========== */
/* ========== Vitrin Styles End ========== */
/* ========== Flash class and keyframe animation ========== */
.flashit{
	-webkit-animation: flash linear 2s infinite;
	animation: flash linear 2s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
/* ========== Flash class and keyframe animation End ========== */



/* İnside Zoom Container */
.zoomImg {
	background-color:rgba(255,255,255,1);
}
/* İnside Zoom Container End */

/* Bootstrap Modal Centered */
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* Bootstrap Modal Centered End */
/* ========== Google Fonts ========== */
.rubik {
	font-family: 'Rubik', sans-serif !important;
}
/* ========== Google Fonts End ========== */
/* ========== Font Weight ========== */
.fw1 {
  font-weight:100 !important;
}
.fw2 {
  font-weight:200 !important;
}
.fw3 {
  font-weight:300 !important;
}
.fw4 {
  font-weight:400 !important;
}
.fw5 {
  font-weight:500 !important;
}
.fw6 {
  font-weight:600 !important;
}
.fw7 {
  font-weight:700 !important;
}
.fw8 {
  font-weight:800 !important;
}
.fw9 {
  font-weight:900 !important;
}
@media screen and (max-width: 992px) {
  .col-sm-fw1 {
    font-weight: 100 !important;
  }
  .col-sm-fw2 {
    font-weight: 200 !important;
  }
  .col-sm-fw3 {
    font-weight: 300 !important;
  }
  .col-sm-fw4 {
    font-weight: 400 !important;
  }
  .col-sm-fw5 {
    font-weight: 500 !important;
  }
  .col-sm-fw6 {
    font-weight: 600 !important;
  }
  .col-sm-fw7 {
    font-weight: 700 !important;
  }
  .col-sm-fw8 {
    font-weight: 800 !important;
  }
  .col-sm-fw9 {
    font-weight: 900 !important;
  }
}
@media screen and (max-width: 768px) {
  .col-xs-fw1 {
    font-weight: 100 !important;
  }
  .col-xs-fw2 {
    font-weight: 200 !important;
  }
  .col-xs-fw3 {
    font-weight: 300 !important;
  }
  .col-xs-fw4 {
    font-weight: 400 !important;
  }
  .col-xs-fw5 {
    font-weight: 500 !important;
  }
  .col-xs-fw6 {
    font-weight: 600 !important;
  }
  .col-xs-fw7 {
    font-weight: 700 !important;
  }
  .col-xs-fw8 {
    font-weight: 800 !important;
  }
  .col-xs-fw9 {
    font-weight: 900 !important;
  }
}
/* ========== Font Weight End ========== */ 
/* ========== Hover Effects ========== */
.op-hover:hover {
	opacity: 1 !important;
}
.soft-slowers {
	-webkit-transition: all 0.8s ease-in !important;
	-moz-transition: all 0.8s ease-ou !importantt;
	-o-transition: all 0.8s ease-ou !importantt;
	-ms-transition: all 0.8s ease-ou !importantt;
	transition: all 0.8s ease-ou !importantt;	
}
/* ========== Hover Effects End ========== */


@media screen and (max-width:768px) {
  .col-xs-owv {
    overflow: visible !important;
  }
  .col-xs-b-ra0 {
    border-radius:0px !important;
  }
}

@media screen and (max-width: 992px) {
  .col-sm-lti {
    top:inherit !important;
  }
  .col-sm-lri {
    right:inherit !important;
  }
  header .sub .sub-content ul li:last-child {
    margin-bottom:0px !important;
  }
}


 .slick-prev {
  left:5% !important;
  }
 .slick-next {
    right:7% !important;
  }
 .slick-prev:before {
    content: "\e944" !important;
  }
 .slick-next:before {
    content: "\e967" !important;
  }
 .slick-prev:before, .slick-next:before {
    font-size:14px !important;
    line-height: 14px !important;
    background-color:#213b5e;
    padding:10px;
    border-radius:3px;
    opacity: 1;
  }
  .detayBanner .slick-dots {
    bottom:15px !important;
  }
 .slick-dots li button:before {
    font-size:50px;
  }
 .slick-dots li.slick-active button:before {
    color:#213b5e !important;
    opacity: 1 !important;
  }


  .kurumsalCarousel  .slick-dots {
    bottom:initial !important;
    top:-50px !important;
    text-align: left !important;
    padding-left:20px !important;
  }

  @media screen and (max-width:768px) {
    .kurumsalCarousel  .slick-dots {
      top:initial !important;
      bottom:-20px !important;
      text-align: center !important;
      padding-left:0px !important;
    }
    .col-xs-back-none {
      background:none !important;
      background-color:transparent !important;
    }
    .col-xs-bsn {
      box-shadow:none !important;
    }
    .col-xs-b-white {
      background-color:#fff !important;
    }
    .col-xs-b-ra15 {
      border-bottom-left-radius: 15px !important;
      border-bottom-right-radius: 15px !important;
      border-top-right-radius: 15px !important;
      border-top-left-radius: 15px !important;
    }
  }

  .kurumsalCarousel .item .visual:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left:0;
    top:0;
    box-shadow:inset 0px 0px 0px 24px rgba(0,0,0,0.2);
    border-radius:100%;
  }
  .kurumsalCarousel .slick-arrow {
    top:-35px !important;
  }
  .kurumsalCarousel .slick-prev {
    right: 155px;
    left: initial !important;
  }

  @media screen and (max-height:700px) {
    .otherHeight-lh {
      line-height: 32px !important;
      font-size:13px !important;
    }
    .otherHeight-mt15 {
      margin-top:15px !important;
    }
    .otherHeight-pt15 {
      padding-top:15px !important;
    }
    .otherHeight-pb0 {
      padding-bottom:0px !important;
    }
    .otherHeight-pt0 {
      padding-top:0px !important;
    }
    .otherHeight-fs4vh {
      font-size:8vh !important;
      line-height: 8vh !important;
    }
  }