/***************************
Add your custom styles below
****************************/
body::-webkit-scrollbar-track { background-color: #F5F5F5; }
body::-webkit-scrollbar { width: 9px; background-color: #F5F5F5; }
body::-webkit-scrollbar-thumb { background-color: #c24b25; }
body
{
	background: #000;
    color:#ccc;
}
a
{
    color:#fff;
   
}
a:hover
{
    color:#c24b25
}


.nav-bar .logo {
    width: 180px;
    max-height: 60%;
    margin: 0;
}
.nav-bar, .utility-bar {
    padding: 0 1em;
}
.videobg
{
	border:10px solid #111;
	border-top:65px solid #111;
	border-bottom:5px solid #111;
}
.margin-10
{
    margin:10px;
    margin-bottom:0px
	
}
.icon img
{
    width:1.2em;
    margin-bottom: .4em;
}
.nav-bar + .nav-mobile-toggle[data-modal-id] span
{
    bottom:auto
}

section.space--xlg{
      padding-top: 20em;
    padding-bottom: 20em;
}
.bg--primary {
    background: #c24b25;
}
.nav-bar.nav--fixed + .nav-mobile-toggle
{
    right:15px !important;
}
.footer-4 .footer__lower {
    position: relative;
    margin-top: 0em;
    background: #000;
    padding: 3.625em 0;
}
.feature:not(.bg--primary):not(.bg--dark) i {
    color: #c24b25;
}
.features-10 .feature i {
    display: inline-block;
    margin-bottom: 0.40625em;
    color: #c24b25;
}
.wide-grid
{
    padding: 10px
}
.btn.btn--primary
{
    background-color: #c24b25;
    border-color: #c24b25
}
.btn--primary:hover
{
    background: #e96235;
    border: 1px solid #e96235 !important
}
.bg--secondary {
    background: #151515;
}
.nav-slide .logo img {
    max-height: 7em;
}
.wide-grid .masonry__container .masonry__item {
    padding: 5px;
}
.wide-grid .masonry__container
{
	background: #111;
}
.nav-bar.nav--fixed:not(.bg--dark):not(.bg--primary):not(.bg--white)
{
	background: #111;
}
.nav-bar.nav--fixed + .nav-mobile-toggle {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    color: #fff;
}
.nav-bar.nav--fixed + .nav-mobile-toggle span
{
	color: #fff
}
form div[class*='col-'] > input {
    width: 100%;
    background: #111;
    border: 1px solid #555;
}

.input-with-icon + div > textarea {
    padding-left: 1.625em;
    background: #111;
    border: 1px solid #555;
}

footer
{
	padding-top: 0px;
    border-bottom: 5px solid #111
}
.sosyal
{
    margin-top: 10px;
    display: inline-block;
    margin-left: 10px;
    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
     
}
.sosyal i
{
    font-size: 24px !important;
    color:#c24b25 !important; 

    -webkit-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.sosyal:hover
{
    color:#fff;
}
.sosyal:hover i
{
    opacity: 1;
    color:#fff !important; 
      
}
.bg--white
{
    background: #000
}

#video-animasyon
{
  height:100%;
  position: relative;
}
.videobg
{
    padding: 0px
}
.partners-1 .slider img {
    max-height: 4.625em;
    opacity: .3;
    margin: 0;
}
@media screen and (max-width: 1025px) {
  .videobg
  {
    border: 10px solid #111;
    border-top: 10px solid #111;
    border-bottom: 5px solid #111;
  }
}

@media screen and (max-width: 767px)
{
    .nav-bar:not(.bg--dark) + .nav-mobile-toggle[data-modal-id] i, .nav-bar:not(.bg--dark) + .nav-mobile-toggle[data-modal-id] .h6 
    {
        color: #fff !important;
    }
}
.map-1
{
    padding-top:65px
}
.map-1 .map-container {
  position: relative;
  height: 600px;
  width: 100%;
}
.input-with-icon input {
    padding-left: 1.625em;
    width: 100%;
  }