.nav-item > a {color:#000; 	font-family: "Avenir","Arial",sans-serif !important; }

.navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .nav-link
{ font-weight: bold; font-size:15px; }
.navbar-nav > .nav-item > a:hover { color: var(--secondary-color); }
.navbar-nav > .nav-item > a:active { color: var(--secondary-color); }
.section-title {color:var(--secondary-color) !important}
.section .section-muted-title span {font-size:54px !important;}
.hero .hero-copyright {color:#efefef !important; right:13px !important; bottom:200px !important}
.hero-title-custom {
    color: var(--primary-color);
    background: var(--secondary-color);
    width: auto !important;
    max-width: 300px;
    text-align: center;
    margin: 0 auto;
    border-radius: 2px;
}
.hero {height:75vh}
.navbar-expand-lg .navbar-nav .dropdown-menu{margin-top: 0px;border: 3px solid #efefef;}

@media (max-width:960px) {
		.navbar-brand { display: contents; }
		.navbar-brand > img { width: 130px;
			max-width: 100px;
			margin: 0 auto;
			padding: 10px;
		}
		/*.hero {border-top: 100px solid rgba(255, 46, 23, 0.6) !important;}*/

		.fs-1 {margin-left: 15px;}

		.nav-item > a {color: black !important;}
               #about {padding:0 20px 0 20px !important;}


	}
.addBg2Nav{background-image:url(../../images/bg-black-transparant.png)}
.gallery-image{box-shadow: rgb(0 0 0 / 15%) 0px 15px 30px -26px; margin-bottom: 50px !important;}

/*.navbar.navbar-fixed {width:95%;}*/

.hero-scroll{border:2px solid #d2d2d2 !important;z-index:9999;}

.navbar-expand-lg .navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link, .navbar-expand-sm .navbar-nav .nav-link {color:var(--primary-color);}


.optionbox{

    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);*/
  }

  .optionbox select {
      background: var(--secondary-color);
      color: #fff;
        padding: 10px;
        border-radius: 5px;
        /* width: 250px; */
        /* height: 50px; */
        border: none;
        /* font-size: 20px; */
        /* box-shadow: 0 5px 48px rgb(93 15 9); */
        -webkit-appearance: button;
        outline: none;
  }


  .optionbox:hover:before{

      background: var(--secondary-color);


    }

@media only screen and (min-width: 992px) {
    .nav-item.language-items{
        display:none!important;
    }
}

@media only screen and (max-width: 992px) {
    .navbar-fixed .optionbox{
        display:none!important;
    }
}



.optionbox > a {
	display: block;
	font-weight: bold;
	color: white !important;
	background: #000;
	padding: 2px 8px;
	cursor: pointer;
}

.optionbox > button 
{
	font-weight: bold;
	background: white;
	border: 0;
	padding: 2px 8px;
}

.hero-scroll{width: 30px !important;height: 47px !important;}

.hero-scroll::before{background-color:#d2d2d2;}



/* modal - image */
/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  /*width: 80%;*/
  max-width: 700px;
  max-height: 90%;
  width: auto;
  
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close 
{
	position: absolute;
	top: 5%;
	right: 5%;
	color: #fff;
	font-size: 45px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}


.section-subtitle{font-size: 17px !important;}
.section .section-header .section-heading .section-title {font-size:24px !important;}
.justify-content-md-center > div > p {font-size:17px !important;} 
.hamburger span::before, .hamburger span::after{background: white !important;}

@media only screen and (max-width: 500px) 
{
	.language-items > select {margin-left: 15px;padding: 5px 10px;margin-top: 10px;border: 1px solid gray;border-radius: 3px;}
}


/*  
 * Mobile customizations:
 */
@media only screen and (max-width: 600px) 
{
	.hero{ background-image:url(https://onetiket.com.tr/images/bg-min-2.jpg) !important; 
			background-position:  center top !important;
	} 
	
	#projects > .container > .row > .col-11 {padding-left:42px !important;}
	#projects > .container > .section-muted-title > span {margin-left:-18px !important; font-size:37px !important;}
	#contactDv {padding: 0px 35px !important;}
	#contact > .container > .section-muted-title {margin-right: -30px !important;}
	#topNavbar > .container > .navbar-brand > img {width:110px !important; margin-left:0px !important;}
	#contact {padding-bottom:20px !important;}
	#about > .container > .section-muted-title {display:none !important;}
	#about {margin-top:-87vh !important;}
	.navbar-brand > img {margin-left:0px !important;}
	#features > .container > .section-muted-title > span {margin-left: -30px !important;  font-size:40px !important;}
	
	#features > .container > .row  > .col-12 .section-header > .section-heading > .section-subtitle {
		padding: 40px !important;padding-left: 40px;padding-left: 0px !important;
	}
	#features > .container > .row  > .col-12 .section-header > .section-heading > .section-subtitle > p {padding-right:20px !important;}
	
}