@charset "UTF-8";
@font-face {
	font-family: 'FRegular';
	src: url('/assets/fonts/TitilliumWeb-Regular.eot');
	src: local('O'), url('../fonts/TitilliumWeb-Regular.woff') format('woff'), url('../fonts/TitilliumWeb-Regular.ttf') format('truetype'), url('../fonts/TitilliumWeb-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FLight';
	src: url('/assets/fonts/TitilliumWeb-Light.eot');
	src: local('O'), url('../fonts/TitilliumWeb-Light.woff') format('woff'), url('../fonts/TitilliumWeb-Light.ttf') format('truetype'), url('../fonts/TitilliumWeb-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FExtraLight';
	src: url('/assets/fonts/TitilliumWeb-ExtraLight.eot');
	src: local('O'), url('../fonts/TitilliumWeb-ExtraLight.woff') format('woff'), url('../fonts/TitilliumWeb-ExtraLight.ttf') format('truetype'), url('../fonts/TitilliumWeb-ExtraLight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FBold';
	src: url('/assets/fonts/TitilliumWeb-Bold.eot');
	src: local('O'), url('../fonts/TitilliumWeb-Bold.woff') format('woff'), url('../fonts/TitilliumWeb-Bold.ttf') format('truetype'), url('../fonts/TitilliumWeb-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FBlack';
	src: url('/assets/fonts/TitilliumWeb-Black.eot');
	src: local('O'), url('../fonts/TitilliumWeb-Black.woff') format('woff'), url('../fonts/TitilliumWeb-Black.ttf') format('truetype'), url('../fonts/TitilliumWeb-Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
    background: #f6f5f1;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    font-family: 'FRegular'!important;
    overflow-x: hidden!important;
}
.blur{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
}
h1,h2,h3,h4,h5,h6{
    font-family: 'FBold';
} 
.referansdiv{margin-top:12%;float:right!important}
.referansyazi{color:#fff;margin-top:42%;font-size:14px}
.referansyazi span{float:right;}
a.platincreative{width: 50px;height:50px;margin:60px 0 0 0;background: url('https://www.platincreative.com.tr/platin-creative-transparent-amblem.svg') no-repeat 0 0;display: inline-block;outline: none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-ms-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;} 
a.platincreative:hover{background: url(https://www.platincreative.com.tr/platin-creative-amblem.svg) no-repeat 0 0;cursor: pointer;}
.mt-25{margin-top:25px}

/* +++ Header +++ */
#homebg{
    background: url('../img/homebg12.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color:#f6f5f1; 
    height:500px;
    width:100%;
    z-index:1;
    position: relative;
}
.gradient{
    background:-webkit-linear-gradient(transparent, #f6f5f1);
    background:-o-linear-gradient(transparent, #f6f5f1);
    background:linear-gradient(transparent, #f6f5f1);
    height:500px;
    width:100%;
    position: absolute;
    z-index:9;
}
#alt-homebg{
    background: url('../img/homebg12.png');
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    background-color:#f6f5f1; 
    min-height:300px;
    width:100%;
    z-index:1;
    position: relative;
}
.alt-gradient{
    background:-webkit-linear-gradient(transparent, #f6f5f1);
    background:-o-linear-gradient(transparent, #f6f5f1);
    background:linear-gradient(transparent, #f6f5f1);
    min-height:300px;
    width:100%;
    position: absolute;
    z-index:9;
}
.gradient .header-baslik{
    padding-top:75px;  
}
.gradient .header-baslik h1{
    margin-top:-7%;
    font-size:120px;
}
.gradient .header-baslik h2{
    color: #d63e40;
    margin-left:49%; 
    font-size:90px; 
}
.alt-gradient .alt-header-baslik{
    padding-top:20px;  
}
.alt-gradient .alt-header-baslik h3{
    color: #d63e40; 
    text-align:center;
    font-size:60px; 
}
.header{
    width:100%;
    height:30px;
    margin-top:5px; 
} 
.langbtn{
    float:right;
    color:#fff; 
}
.langbtn .dropdown-menu{
    min-width:100px!important;
}
/* --- Header --- */

/* +++ Menu +++ */
.navbar-menu{
    background-color:transparent;
}
.navbar-menu .navbar-collapse{
    background-color: transparent;
} 
.navbar-menu .navbar-toggle {
    border-color: transparent;
}
.navbar-menu .navbar-nav>li>a {
    color: #000;
    font-size:16px;
    font-family: 'FBold';
}
.navbar-menu .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    /*border-bottom:5px solid transparent;
    border-image: url('../img/border2.png') 10 repeat;
    border-image-slice: 17;
    border-width: 10px;*/
    color: #d63e40;
    background-color: transparent!important; 
}
.navbar-menu .navbar-toggle{
    margin-right:-96px
}
.navbar-menu .navbar-toggle .icon-bar{
    background:#d63e40
}
.navbar-brand>img{
    margin-top:-30px;
}
/* --- Menu --- */

/* +++ Stiller +++ */
.btn-transparent{
    background:transparent;
    border:1px solid #ddd!important;
    border-radius: 15px!important;
    outline: none!important;
    -webkit-box-shadow: 0 0 30px 3px #656565;
    box-shadow: 0 0 30px 3px #656565;
    color:#000;
} 
.btn-red{
    background: #d63e40;
    border-radius: 20px!important;
    outline: none!important;
    color:#fff;
    font-family: 'FExtraLight';
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 2px 6px 2px rgba(60,64,67,0.149);
} 
.btn-transparent:hover, .btn-transparent:active, .btn-transparent:visited, .btn-transparent:focus{
    color:#000!important;
    -webkit-box-shadow: 0 0 30px 3px #656565!important;
    box-shadow: 0 0 30px 3px #656565!important;
}
.btn-red:hover, .btn-red:active, .btn-red:visited, .btn-red:focus{
    background:#ca3335!important;
    color:#fff!important;
    -webkit-box-shadow: 7px 5px 38px 3px #695b5b!important;
    box-shadow: 7px 5px 38px 3px #695b5b!important;
}
.owl-prev:focus, .owl-next:focus{
    outline:none;
}
.brdr-bottom{
    padding-top:10px; 
    padding-bottom:15px;
	border-top:0px;
    border-bottom:5px solid transparent;
    border-image: url('../img/border1.png') 10 repeat;
    border-image-slice: 17;
    border-width: 10px;
}
.brdr-top{
    padding-top:10px;
    border-top:5px solid transparent;
    border-image: url('../img/border1.png') 10 repeat;
    border-image-slice: 17;
    border-width: 10px;
}
/* --- Stiller --- */

/* +++ Content +++ */
.bilgisol{
    position: absolute;
    left:25%;
    top:100%;
    width:25%;    
}
.bilgisol p{
    color:#999;
}
.yarn1{
    background-image: url(../img/yarn2.png);
    height:300px;
    width:242px;
    position: absolute;
    /*left:65%;*/
	right:15%;
    top:70%; 
    z-index:-9999;
}
.yarn2{
    background-image: url(../img/yarn4.png);
    height: 526px;
    width: 484px;
    position: absolute;
    left: -20%;
    /* top: 25%; Blog eklenince açılacak */
    top: 50%;
    z-index:-9999;
}
.yarn3{
    background-image: url(../img/yarn4.png);
    height: 526px;
    width: 484px;
    position: absolute;
    left: -20%; 
    z-index:-9999;
}
.yarn4{
    background-image: url(../img/yarn5.png);
    height: 526px;
    width: 484px;
    position: absolute;
    right: -20%; 
    z-index:-9999;
}
.content{
    margin-top:250px;
} 
.content-hakkimizda{
    margin-top:70px;
    /*text-align:center;*/
} 
.blog-image{margin-bottom:50px;}
.content-header{
    text-align:center;
}
.urunlerimiz .urunlerimiz-content{
    margin-top:80px; 
}   
.next{
    background-image: url('../img/next.svg');
    height:25px;
    width:25px;
    float:right;
}
.prev{
    background-image: url('../img/prev.svg');
    height:25px;
    width:25px;
    float:left;
}
.owl-product  .item{
    display:inline-block;    
}
.bigproductimage{
    display:none;
    position:absolute; 
    z-index:99999;
    top:-10%;
    left:40%;
    text-align:center;
    width:200px;
    height:200px;  
} 
.teknoloji{
    margin-top:50px;
}
.teknoloji-content{
    margin-top:70px;
}
.teknoloji .brdr-top{
    width:60%
}
.teknoloji1 img.photo1{
    height:auto;
    width:100%; 
    -webkit-box-shadow: 7px 5px 38px 3px #695b5b!important;
    box-shadow: 7px 5px 38px 3px #695b5b!important;
}
.teknoloji1 img.photo2{
    height:auto;
    width:70%;
    position: absolute;
    left:-10%;
    top:75%;
    -webkit-box-shadow: 7px 5px 38px 3px #695b5b!important;
    box-shadow: 7px 5px 38px 3px #695b5b!important;
}
.teknoloji2{
    margin-top:200px;
}
.teknoloji2 img.photo2{
    height:auto;
    width:100%; 
    -webkit-box-shadow: 7px 5px 38px 3px #695b5b!important;
    box-shadow: 7px 5px 38px 3px #695b5b!important;
}
.teknoloji2 img.photo1{
    height:auto;
    width:70%;
    left:40%;
    top:-40%;
    position: absolute;
    -webkit-box-shadow: 7px 5px 38px 3px #695b5b!important;
    box-shadow: 7px 5px 38px 3px #695b5b!important;
}
.teknoloji-content p{
    color:#999
}
.bloglar{
    margin-top:100px;
}
.blog{
    margin-top:85px;
    padding-bottom:50px;
}
.blog a, .blog a:hover, .blog a:visited, .blog a:focus{
    color:#000;
    text-decoration: none;
}
.blog-header img{
    width:100%;
}
.blog-content{
    border:1px solid #ddd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; 
}
.blog-content h4{
    border-bottom:1px solid #ddd;
    padding-bottom:10px;
}
.blog-footer{ 
    position: absolute;
    margin-top:-15px;
    left:65%;
} 
.blog-footer button{
    float:right;
}
.content-iletisim{
    margin-top:100px;
}
.content-map{
    margin-top:70px;
}
.map{
    width:80%;
    float:left;
    margin-top:25px;
} 
.content-iletisim h3{
    margin-left:40px;
    width:40%;
}
.content-iletisim ul{
    list-style-type: none; 
}
.content-iletisim ul li{ 
    margin-right:35px;
    color:#000;
    margin-top:10px;
}
.content-iletisim ul li a{
    color:#000!important;
} 
.content-iletisim ul li img{
    width:10%;
    /*float:left;*/
    margin-right:5%; 
}
.content-iletisim ul li span{
    width:85%;
    float:right;
}
.iletisimform h3{ 
    width:40%;
    margin-left:14px;
}
.content-innovatifiplikler{
    margin-top:70px;
    /*text-align:center;*/
} 
.alt-iplikler li{
    list-style:circle
}
/* --- Content --- /

/* +++ Footer +++ */
.dimafranko{
    margin-top: -38%;
    position: absolute;
    right: -35%;
    font-size: 155px;
    color: #eaeaea;
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    z-index:-1
}
footer{
    margin-top:100px;
    width:100%;
    height:340px;
    background:#d63e40;  
    position: relative; 
    z-index: 1;
}
footer:before{ 
    position: absolute;
    content: "";
    left: 0%;
    top: 0px;
    width: 100%;
    height: 150px;
    background: #f6f5f1;
    -moz-border-radius: 0 0 50% 50%;
    border-radius: 0 0 50% 50%;  
    z-index:-9999;
}
.footer-img{
    background-image: url('../img/footer-img1.png');
    height:128px;
    width:128px;
    position: absolute;
    top: 30%;
    left: 45%;
}
.footeriletisim{ 
    position: absolute; 
    margin-top:10%;
}
.footeriletisim h3{
    margin-left:40px;
    color:#fff;
    width:33%;
    padding-bottom:15px;
    border-bottom:1px solid #fff; 
}
.footeriletisim ul.iletisim{
    list-style-type: none; 
} 

.footeriletisim ul.iletisim li{ 
    margin-right:35px;
    color:#fff;
    margin-top:5px; 
}
.footeriletisim ul.iletisim li img{
    width:10%;
    /*float:left;*/
    margin-right:5%; 
}
.footeriletisim ul.iletisim li:first-child img,
.content-iletisim ul li:first-child img{
    margin-bottom:20px;
}
.footeriletisim ul.iletisim li span{
    width:85%;
    float:right;
}
.footeriletisim ul.iletisim li a{
    color:#fff!important;
}

.referanslogo{ 
    margin-top:15%;
   /* display:none;*/
}
/* --- Footer --- */



/* +++ 768px Büyük Ekranlar +++ */
@media (min-width: 768px){
    .navbar-menu .navbar-right { 
        margin-right: -100px;
    } 
}
/* --- 768px Büyük Ekranlar --- 
   +++ 768px Küçük Ekranlar +++ */
@media (max-width: 768px){
	.yarn1{display:none;}
    .navbar-brand{ 
		margin-top:0px;
        width: 70%;
    }

    .navbar-menu .navbar-collapse{
        background-color: rgba(234, 233, 229, 0.6);
    }
    .gradient .header-baslik {
        padding-top: 20px;
    }
    .gradient .header-baslik h2{
        font-size:50px
    }
    .gradient .header-baslik h1{
        font-size:80px;
    }
	.alt-gradient .alt-header-baslik h3{ 
		font-size:40px; 
	}
    .bilgisol{
        left: 10%;
        top: 70%;
        width: 80%;
    } 
	.yarn1{
		right:-30%;
	}
    .yarn2{
        display:none;
    }
    .yarn3{
       display:none;
    }
    .yarn4{
        display:none
    }
    .teknoloji1 .teknolojiicerik{
        margin-top:50%;
    }
    .teknoloji2 .teknolojiicerik{
        margin-bottom:40%;
    }
    .teknoloji .brdr-top {
        width: 100%;
    }
    .teknoloji1 .photo2{
        left:-5%;
		width: 70%;
    }
	.teknoloji1 .photo1{
        width:70%;
		height:auto;
    }
	.teknoloji2 .photo2{
        left:-5%;
		width: 70%;
		height:auto;
    }
    .teknoloji2 .photo1{
        left:35%;
        width:70%;
		height:auto;
    }
    .dimafranko{
        display:none;
    }
    footer{min-height:635px;padding-top:100px}
    .footer-img{
        top: 17%;
        left: 35%;
    }
    .footeriletisim {
        /*position: absolute!important; */
        margin-top: 50%;
    }
    .footeriletisim h3{
        margin-left: 17%;
		width:50%;
    }
    .footeriletisim ul{
        margin-left:5%; 
    }
    .referanslogo {
		margin-top:0px;
		right:20%; 
    }
    .content-iletisim{
        margin-top:50px;
    }
    .content-iletisim h3 {
        margin-left: 15px;
        width: 60%;
    }
    .content-iletisim ul {
        padding-left:15px;
    }
    .map{
        width:100%;
    }
	.footeriletisim ul.iletisim li:first-child,
    .content-iletisim ul li:first-child{
		margin-bottom:40px;
	}
    .referansdiv{margin-top:0%;float:none!important;}
    .referansyazi{color:#fff;margin-top:10%;position: absolute!important;margin-left:18%}
    .referanslogo a{margin:100% 0 0 -80%}
}
/* --- 768 Küçük Ekranlar --- */
