html {
    height: 100% !important;
}

body {
    margin: 0;
    padding:0;
    height: 100%;
    background-image: url(bg.jpg);
}

::-moz-selection {
    background-color: #000;
    color: #fff;
}

::selection {
    background-color: #000;
    color: #fff;
}


.top {
    position: relative;
    width: 100%;
    height: 80%;
    min-height:500px;

}

h1{
    font-family: 'Racing Sans One', verdana;
    font-size:30px;
    color:#000;
    text-align:center;

}



.tag{
list-style: none outside none;
    margin: 0;
    padding: 0;
}
.tag li{
        color: #D6D5D3 ;
    font-size: 50px;
    margin-bottom: 120px;
    margin-top: 100px ;
    text-shadow: 1px 1px 0 #E4E4E4 ;
    font-family: 'Archivo Black', sans-serif ;
    float:left ;
    margin:0;
    text-transform:uppercase;
}

.v-pattern {
    z-index: 1;
    background: url("v-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    width: 100%;
}

.intro-logo {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    text-align: center;
    
}

#video-background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}
.top-arrow{
    position:absolute;
    width:100%;
    text-align:center;
    bottom:-33px;
}
.top-title {
    position: absolute;
    width:100%;
    top:20%;
    z-index:3;
    text-align:center;
}

.top-title h1, .top-title h2{
   color:#fff;
   text-align:center;
   text-shadow:2px 2px 1px #000;
   font-family:'Times New Roman';
   
   
}
.top-title h1{
    font-size:35px;
    margin-bottom:5px;
    font-family: 'Racing Sans One', cursive;
}
.top-title h2{
    font-size:14px;
    font-family:Arial;
    font-size:14px;
    margin:0;
}

.midle{
    padding:0px 80px 50px;
    position:relative;
}

.owl-carousel .item {
    margin-right: 1px;
    overflow: hidden;
    cursor: url(cursor.png) 8 8, auto;
}

    .owl-carousel .item:hover {
        -webkit-box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.26);
        -moz-box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.26);
        box-shadow: 0px 0px 17px 2px rgba(0,0,0,0.26);
        z-index: 2;
    }

    .owl-carousel .item img {
        opacity: 0.6;
        width: 100%;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1);
        transform: scale(1);

    }

    .owl-carousel .item:hover img {
        opacity: 1;
        -webkit-transform: scale(1.12);
        transform: scale(1.12);

    }



.nav-prev {
    position: absolute;
    cursor: pointer;
    font-size: 2.2em;
    z-index: 2;
    left: 30px;
    top: 45%;
    color:#333;
}

.nav-next {
    position: absolute;
    cursor: pointer;
    font-size: 2.2em;
    z-index: 2;
    right: 30px;
    top: 45%;
    color:#333;
}

.aykut{
    background-image: url("aykut.jpg");

}
.okan{
    background-image: url("okan.jpg");

}
.mustafa{
    background-image: url("mustafa.jpg");

}
.ebru{
    background-image: url("ebru.jpg");

}
.stellar-space{
    background-attachment: fixed;
    
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 625px;
    position: relative;
    width: 100%;
    overflow:hidden;
   
}

.aykut, .mustafa {
    color:#fff !important;
}
.aykut h1, .mustafa h1 {
    color:#fff !important;
}
.stellar-space .content {
    position:relative;
    margin-left:60%;
    padding-top:120px;
    margin-right:40px;
    
}

.stellar-space .content h1{
    text-align:left;
    font-size:50px;
    margin-bottom:30px;
}

.stellar-space .content  p{
    font-family:georgia,"Times New Roman",serif;
    font-style:italic;
    font-size:16px;
}

.stellar-info{
  
    overflow: visible;
    position: relative;
    width: 100%;
    z-index: 2;
    text-align:center;
}

.stellar-info .fa {
    margin-top:-80px;
    font-size:25px;
}
.stellar-info h1{
    text-align:center;
    padding:70px;
}

.footer-container{  
    position:relative;
}

.footer-map{
    height:500px;
    width:60%;
    position:relative;
    float:left;
    margin-right:50px;
}

.contact{
    background-color:#000;
    color:#fff;
    padding:100px 50px 30px;
    height:500px;
}

.contact p {
    font-size:18px !important;
}

.copy{
    color:#333;
}

.copy a{
    color:#333;
    text-decoration:none;
}
.copy a:hover{
    color:#ccc;
}

@media screen and (max-width: 1200px) {
    .tag li {
        font-size: 25px;
    }
}