/* Genel Özellikler */
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color: transparent;
    border-radius: 0;
}

::-webkit-scrollbar
{
    width: 15px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb
{
    background-color: #d1176a;
    border-radius: 0;
    background-image: -webkit-linear-gradient(90deg,
                                              rgba(0, 0, 0, .2) 25%,
                                              transparent 25%,
                                              transparent 50%,
                                              rgba(0, 0, 0, .2) 50%,
                                              rgba(0, 0, 0, .2) 75%,
                                              transparent 75%,
                                              transparent)
}


html {width:100%; overflow-x:hidden;}
body {font-family: 'Raleway', sans-serif; background: #000; width:100%; overflow:hidden;}
.preloader {background :#fdfdfd; position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; overflow:visible;}

.text-right{text-align: right;}

@media(max-width:768px){
.text-right{text-align: center;}
}
.logo2 {padding:8px;height:44px; transition:all 300ms ease; font-size: 21px;}
.logo2 a{color: #fff;text-decoration: none;}
/* Navbar Özellikleri */
.navbar-inverse { background:#000; border:0; border-radius:0; /*min-height:44px;*/ height:60px; transition:all 300ms ease;}
.navbar-inverse:after {/* content:''; position:absolute; bottom:-5px; background: rgba(60,0,53,.2); width:100%; height:5px; */}
.navbar-inverse .logo {padding:8px;height:66px; transition:all 300ms ease;}
.navbar-inverse .logo img { max-height:100%; position:relative; display:block;}
.navbar-inverse .main-menu-trigger {padding:22px;}
.navbar-inverse .main-menu-trigger a {display:block;width:40px; height:44px; transition:all 300ms ease;}
.navbar-inverse .main-menu-trigger a.active {margin-top: -15px;padding-top: 5px;}
.navbar-inverse .main-menu-trigger a .icon-bar { width:40px; height:3px; background: #fff; display: block; margin:6px; transition:all 500ms ease;}
.navbar-inverse .main-menu-trigger a .icon-bar:first-of-type {margin-top:0;}
.navbar-inverse .main-menu-trigger a .icon-bar:last-of-type { margin-bottom:0;}
.navbar-inverse .main-menu-trigger a .icon-bar.active {display:none;}
.navbar-inverse .main-menu-trigger a .icon-bar.active:first-of-type { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top:20px; display:block;}
.navbar-inverse .main-menu-trigger a .icon-bar.active:last-of-type { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top:-9px; display:block;}


/* Ana Menü Özellikleri */
#main-menu {z-index:9999;margin-top:50px;/*Eski değeri 44px*/ width:100%;}
#main-menu .menu-area .before {background: url(../images/back.png) no-repeat top right; background-size:auto 100%; position:absolute; top:0; z-index:9999; height:100%; right:0px;}
#main-menu .menu-area { background:rgb(0 0 0 / 90%);  color: #fff; position:absolute; width:33%; right:0;}
#main-menu .menu-area ul {list-style:none; padding-left:0px; display:block; padding-right:0px;}
#main-menu .menu-area ul li {margin:0; padding:0}
#main-menu .menu-area ul li a { color: #fff; font-size:20px; font-weight:200; text-transform:uppercase; display:block; text-align:left; padding:15px 0px 12px 20px; text-decoration:none !important; border-bottom: 1px dashed #4c4c4c; transition: all 300ms ease; text-transform:lowercase;}
#main-menu .menu-area ul li.active a,
#main-menu .menu-area ul li a:focus,
#main-menu .menu-area ul li a:hover{background: #d1176a; color: #fff;}

@media(max-width:1200px){
    #main-menu .menu-area {width:40%;}
}

@media(max-width:992px){
    #main-menu .menu-area {width:50%;}
}

@media(max-width:768px){
    #main-menu .menu-area {width:100%;}
    #main-menu .menu-area ul li a {font-size:20px;}
}


/* İçerik Özellikleri */
.content { position:relative;}
.content .imgLiquid {width:100%;}
.content .page-filter {position:absolute; z-index:2; /*background: rgba(16,0,14,.15);*/ width:100%;}
.content .text {z-index:5; /*top:50px;*/top:240px; position:absolute; left:50%; color: #000;}
.content .text>div>div {/*background: rgba(16,0,14,.2);*/ border-radius:8px;}
.content .text>div>div.no-filter {background:none; border:0;}
.content .text h1 {font-size:68px; font-weight:200; margin-top:20px;color: #fff;}
.content .text p {line-height:38px; font-size:32px; font-weight:100;color: #fff;}
.content .text p a { color: #fff; font-weight:300; font-size:29px; transition: all 300ms ease;}
.content .text p a:hover { text-decoration:none; color: #fff;}
/*---------- TEXT SAĞ -------------*/

.content .textt {z-index:5; /*top:50px;*/top:240px; position:absolute; right:9%; color: #000;}
.content .textt>div>div {/*background: rgba(16,0,14,.2);*/ border-radius:8px;}
.content .textt>div>div.no-filter {background:none; border:0;}
.content .textt h1 {font-size:68px; font-weight:200; margin-top:20px;color: #fff;}
.content .textt p {line-height:38px; font-size:32px; font-weight:100;color: #fff;}
.content .textt p a { color: #3C0035; font-weight:300; font-size:29px; transition: all 300ms ease;color: #fff;}
.content .textt p a:hover { text-decoration:none; color: #d1176a;}
/*---------------------------------*/
.content .sb-description { background: none; border:0;}
.content #owl-slider {/*background: #3c0035;*/}
.content .owl-controls {position:absolute; z-index:5; bottom: 15px; width:100%; height:50px;text-align:center;}

.content .owl-pagination {position:absolute; z-index:5; bottom: 15px; width:100%; text-align:center;}

.content .owl-page {display: inline-block; padding:5px;}
.content .owl-page span{width:15px; height:15px; background: rgba(255,255,255,0.1); display:block; border-radius:50%; box-shadow:0px 1px 2px rgba(0,0,0,0.1)}
.content .owl-page.active span {background: #fca2cb;}
.content .owl-theme .owl-controls .owl-buttons div{
    color: #3C0035;
    display: inline-block;
    zoom: 1;
    display: inline;
    margin: 5px;
    padding: 3px 40px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
   /* background: #869791;*/
    filter: Alpha(Opacity=70);/*IE7 fix*/
    opacity: 0.7;
}

.content .owl-theme .owl-controls .owl-buttons .owl-next{
    float: right;
    margin-bottom: 20%;
    opacity: 0;
}

.content .owl-theme .owl-controls .owl-buttons .owl-next:hover{
    opacity: 1;
    transition:all 200ms ease; 
}

.content .owl-theme .owl-controls .owl-buttons .owl-prev{
    float: left;
    margin-bottom: 20%;
    opacity: 0;
}

.content .owl-theme .owl-controls .owl-buttons .owl-prev:hover{
    opacity: 1;
    transition:all 200ms ease; 
}

@media(max-width:768px){

.content .owl-theme .owl-controls .owl-buttons .owl-next{
    margin-bottom: 45%;
}
.content .owl-theme .owl-controls .owl-buttons .owl-prev{
    margin-bottom: 45%;
}

}
/* iç sayfa ileri geri */

.page .control-nav{
    width: 100%;
    height: 50px;
    position: fixed;
    z-index: 5;
    top: 50%;
}
.page .control-nav .right{
    float: right;
    padding: 3px 40px;
    opacity: 0;
    height: 250px;
}

.page .control-nav .right:hover{
    opacity: 1;
    transition:all 200ms ease;
}

.page .control-nav .left{
    float: left;
    padding: 3px 40px;
    opacity: 0;
    height: 250px;
}

.page .control-nav .left:hover{
    opacity: 1;
    transition:all 200ms ease;
}

/* iç sayfa ileri geri */

@media(max-width:1200px){
    .content .text h1 {font-size:55px;}
    .content .text p {font-size:28px; line-height:32px}
    .content .text p a {font-size:26px;}
}

@media(max-width:992px){
    .content .text p {font-size:25px; line-height:30px}
    .content .text p a {font-size:23px;}
}

@media(max-width:768px){
    .content .text {text-align: center !important;}
    .content .text h1 {font-size:35px;display: none;}
    .content .text p {font-size:24px; line-height:26px; font-weight:200;display: none;}
    .content .text p a {font-size:20px;}
}

@media(max-width:768px){
    .content .textt {text-align: center !important; right:0%;}
    .content .textt h1 {font-size:35px;display: none;}
    .content .textt p {font-size:24px; line-height:26px; font-weight:200;display: none;}
    .content .textt p a {font-size:20px;}
}
/* Sosyal Medya Özellikleri */
.content .social {position:absolute; z-index: 5; bottom:80px; left:50%;}
.content .social ul {list-style:none; margin:0; padding:0;}
.content .social ul li {margin:0; padding:0; display:inline-block; padding-right:10px;}
.content .social ul li a {display:block; width:35px; height:35px; color: #fff; background:#3c0035; font-size:20px; border-radius:50%; text-align:center; line-height:35px; transition:all 300ms ease;}
.content .social ul li a:hover,
.content .social ul li a:focus {background: #d1176a;}

.content .info .social {position:absolute; z-index: 5; bottom:80px; left:50%;}
.content .info .social ul {list-style:none; margin:0; padding:0;}
.content .info .social ul li {margin:0; padding:0; display:inline-block; padding-right:10px;}
.content .info .social ul li a {display:block; width:35px; height:35px; color: #fff; background:#3c0035; font-size:20px; border-radius:50%; text-align:center; line-height:35px; transition:all 300ms ease;}
.content .info .social ul li a:hover,
.content .info .social ul li a:focus {background: #d1176a;}

@media(max-width:768px){
    .content .social {bottom:60px;}
    .content .social ul {margin:0 auto; text-align:center;}
    .content .social ul li a {width:40px; height:40px; font-size:25px; line-height:40px;}
}

/* İç Sayfa Özellikleri */
.page { text-align: center; margin-top:90px;color: #fff;}
.page h2 { font-size: 56px; font-weight:200; color: #fff;}
.page p {font-size:18px; margin-top:0px; font-weight:200;text-align: left;color: #fff;}
.page .ic p {font-size:18px; margin-top:30px; font-weight:200;text-align: center;color: #fff;}
.page .social {bottom: 0;margin-bottom:30px; position:relative;}
.page h3 {font-size:24px; margin-top:0; color: #fff;}
.page .work-detail .row {margin-bottom:40px; margin-top:10px;}
.page .work-detail p.desc,
.page .work-detail h3 {text-align:left;}
.page .work-detail .imgLiquid.top {width:100%; height:580px !important;}
.page .work-detail .imgLiquid.left {width:100%; height: 500px !important; margin-bottom:30px;}
.page .work-detail .imgLiquid.right {width:100%; height:435px !important; margin-bottom:30px;}
@media(max-width:768px){
    .page {margin-top:50px;}
    .page h2 { font-size: 44px;}
    .page .work-detail p.desc,
    .page .work-detail h3 {text-align:center;}
    .page .work-detail h3 {font-size:44px;}
    .page .work-detail .imgLiquid.top,
    .page .work-detail .imgLiquid.left,
    .page .work-detail .imgLiquid.right { height:180px !important;}
    .page .work-detail .row { margin-bottom:30px;}
}

.full-width-slider { margin-top:35px; padding-bottom:70px; margin-bottom:15px;}
.full-width-slider .item {margin:5px;}
.full-width-slider .imgLiquid{ width:100%; height:200px !important;}
.full-width-slider .owl-page span{background: #3c0035;}
.full-width-slider .owl-page.active span {background: #d1176a;}

/* Müşterilerimiz sayfası */
.customers {margin-top:30px; margin-bottom:10px;}
.customers .customer {width:100%;margin-bottom:30px;}
.customers .customer a { width:100%; height: auto; display:block; -webkit-filter: grayscale(100%);
filter: grayscale(100%); transition: all 300ms ease;}
.customers .customer a img { width:100%; height:auto;}
.customers .customer a:hover,
.customers .customer a:focus { -webkit-filter:unset; filter:unset;}

/* İşlerimiz sayfası */
.filter-panel .filter { cursor:pointer; display:inline-block; font-size:19px; background:#eee; padding:10px; transition:all 300ms ease; margin:15px 1px 30px;}
.filter-panel .filter.active {background:#d1176a; color: #fff;}
.works-panel {margin-bottom:40px;}
.works-panel .mix {display:none; margin-bottom:30px;}
.works-panel .work {display:block; position:relative; transition: all 300ms ease; width:100%; height:200px; overflow:hidden;}
.works-panel .work .imgLiquid {width:100%; height:200px !important; transition: all 300ms ease;}
.works-panel .work .description { position:absolute; left:0; width:100%; height:70px; background: rgba(60,0,53,.8); color: #fff; bottom:-70px; transition: all 300ms ease;}
.works-panel .work .description h1 {margin:0;}
.works-panel .work .description p {margin:0; font-size:13px;}
.works-panel .work:hover .imgLiquid{-moz-transform: scale(1.1) rotate(5deg); /* Firefox */-o-transform: scale(1.1) rotate(5deg); /* Opera */-webkit-transform: scale(1.1) rotate(5deg); /* Safari And Chrome */transform: scale(1.1) rotate(5deg); /* Standard Property */}
.works-panel .work:hover .description {bottom:0;}

@media(max-width:768px){
    .filter-panel .filter {display:inline-block; margin-bottom:5px; margin-top:0px; width:48%;}
    .works-panel {margin-top:15px;}

    .works-panel .work {display:block; position:relative; transition: all 300ms ease; width:100%; height:280px; overflow:hidden;}
.works-panel .work .imgLiquid {width:100%; height:280px !important; transition: all 300ms ease;}
}

/* İletişim sayfası */
.contact {margin-top:30px; margin-bottom:40px;}
.contact .info {text-align:left; font-size:20px;}
.contact h3 {font-size:32px; margin-top:0;}
.contact .map { width: 31%; color: #fff; padding:0; display:block; background: #3c0035; transition:all 300ms ease; border-radius:24px; height:48px; line-height:48px; margin-bottom:20px;}
@media(max-width:768px){
.contact .map { width: 100%; color: #fff; padding:0; display:block; background: #3c0035; transition:all 300ms ease; border-radius:24px; height:48px; line-height:48px; margin-bottom:20px;}
}

.contact .map label {font-weight:200; padding-left:10px; cursor:pointer;}
.contact .map:hover,
.contact .map:focus {text-decoration:none; background: #d1176a;}
.contact .map span {border-radius:21px; background: #d1176a; width:42px; height:42px; float:left; margin-left:3px; margin-top:3px; text-align:center; line-height:42px;}
.contact ul {list-style:none; padding-left:0;}
.contact ul li small { color: #d1176a;}
.half-width-slider { padding-bottom:70px;}
.half-width-slider .item {margin:5px;}
.half-width-slider .imgLiquid{ width:100%; height:450px !important;}
.half-width-slider .owl-page span{background: #3c0035;}
.half-width-slider .owl-page.active span {background: #d1176a;}

@media (max-width:992px){
    .contact .info {text-align:center;}
}

@media(max-width:768px){
    .contact ul li small { display:block;}
}

@media (max-width: 479px){
    .half-width-slider .imgLiquid {height:225px !important;}
}