/* Scroll Bar Settings */
::-webkit-scrollbar {
    width: 5px;
    height: 1px !important;
}
::-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					{
	font-family: 'Montserrat', sans-serif;
}
#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;	
}
/* 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 */

/* Position Classes */
.center-h {
	align-items: center;
	display:flex;
}
.center-w {
	display:table;
	width:initial;
	margin:auto;
}
.center-content {
	width: 100%;
}
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width:992px) {
  .col-sm-flex {
    display:flex !important;
  }
}
/* Position Classes End */
/* Height Classes */
.windowh {
	height:100vh;
}
.nowrap {
  white-space: nowrap;
}
/* Height Classes End */
/* Google Fonts */
.montserrat {
	font-family: 'Montserrat', sans-serif;
}
/* Google Fonts End */
/* Reset */
ul {
	padding:0px;
	margin:0px;
}
/* Reset 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 ========== */
#gameCarousel .owl-dots {
	bottom:-30px;
}
/* Hover Shadow */
.hoverShadow:hover > .visual {
	box-shadow:0px 0px 15px 0px #fa3c72;
}
/* Hover Shadow End */
/* Hover Zoom */
.hoverZoom:hover img {
	transform: scale(1.1);
}
/* Hover Zoom End */
 .col-sm-visible {
    display:none !important;
  }
@media screen and (max-width: 992px) {
  .col-sm-hidden {
    display:none !important;
  }
  .col-sm-visible {
    display:block !important;
  }
}
.closeToggle {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 20;
  display:none;
  left:0;
  top:0;
  background-color:rgba(0,0,0,0.5);
}
/* ========== Video Banner ==========*/
.tipToggle:hover {
  box-shadow:0px 0px 35px 14px #ffffff66;
} 

  #video-banner {
    height: 100vh !important;
  }
  #video-banner video {
    margin-top: -10vh !important;
  }
  #video-banner:before {
    content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      opacity: .8;
      -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;  
      /*background-color:rgb(189 0 0) !important; */ 
  }
  #video-banner:after {
    content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      opacity: .8;
      background-image:url(./assets/img/pattern3.png);
      background-size:1%;
      background-repeat: repeat;
  }
  .aquaBefore:before {
    background-color:rgb(41 179 200) !important;
  }
  .mefaBefore:before {
    background-color:#3b4395 !important;
  }
/* ========== Video Banner End ==========*/
/* ========== Services ========== */
#services .owl-nav {
  position: absolute;
  left:0;
  width: 100%;
  top:35%;
}
#services .owl-nav .owl-prev {
  float: left;
  margin-left:-35px;
  background:none !important;
}
#services .owl-nav .owl-next {
  float: right;
  margin-right:-35px;
  background:none !important;
}
#services .owl-nav span {
  color:white !important;
  background-color:#29b3c8 !important;
  width:30px !important;
  height:30px !important;
  line-height: 30px !important;
  text-align: center !important;
  border-radius:100% !important;
  display:block !important;
  font-size:22px !important;
  font-weight: 600;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color:white !important;
  color:#29b3c8 !important;
}
.nav-link.active i {
  bottom:-10px !important;
  opacity: 1 !important;
}
/* ========== Services End ========== */
/* ========== Services ========== */
#references .owl-nav {
  position: absolute;
  left:0;
  width: 100%;
  top:35%;
}
#references .owl-nav .owl-prev {
  float: left;
  margin-left:-35px;
  background:none !important;
}
#references .owl-nav .owl-next {
  float: right;
  margin-right:-35px;
  background:none !important;
}
#references .owl-nav span {
  color:white !important;
  background-color:#1E2248 !important;
  width:30px !important;
  height:30px !important;
  line-height: 30px !important;
  text-align: center !important;
  border-radius:100% !important;
  display:block !important;
  font-size:22px !important;
  font-weight: 600;
}
/* ========== Services End ========== */
@media screen and (max-width:992px) {
  .col-sm-mwi {
    min-width: auto !important;
  }
}

@-webkit-keyframes bg-slide {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

.ceviri_en {display: none;}


.shadowLine {
  box-shadow:0px 0px 0px 1px;
}