/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 16, 2017, 1:41:17 PM
    Author     : promenon
*/

@font-face {
	font-family: 'Kautiva Pro';
	src: url('fonts/Kautiva Pro.eot');
	src: local('☺'), url('fonts/Kautiva Pro.woff') format('woff'), url('fonts/Kautiva Pro.ttf') format('truetype'), url('fonts/Kautiva Pro.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kautiva Pro Black';
	src: url('fonts/Kautiva Pro Black.eot');
	src: local('☺'), url('fonts/Kautiva Pro Black.woff') format('woff'), url('fonts/Kautiva Pro Black.ttf') format('truetype'), url('fonts/Kautiva Pro Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MistralStd';
	src: url('fonts/MistralStd.eot');
	src: local('☺'), url('fonts/MistralStd.woff') format('woff'), url('fonts/MistralStd.ttf') format('truetype'), url('fonts/MistralStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MistralTurk';
	src: url('fonts/MistralTurk.eot');
	src: local('☺'), url('fonts/MistralTurk.woff') format('woff'), url('fonts/MistralTurk.ttf') format('truetype'), url('fonts/MistralTurk.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{font-family: 'Kautiva Pro';}
video{width: 100%;margin-bottom: -10px;}
img{max-width: 100%;}
footer{background: url('../img/gray-background.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
footer a{font-family: 'MistralTurk';color: #ffffff;font-size: 36px;line-height: 1}
footer li{height: 30px;}
footer .row{margin-left: 0;margin-right: 0;padding:20px 50px 20px 50px;}

/*urunlerimiz*/
.products .row{margin-left: 0;margin-right: 0;-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.products .row > div{height: 300px;padding-top: 15px;padding-bottom: 15px;color: #ffffff;}
.products .row > div h3{margin-top: 0;}
.products .row > div ul{padding-left: 0;}
.products img{width: 100%;}
.products .row .col-lg-4:nth-child(9n+1){background-color: #ffd5d5;}
.products .row .col-lg-4:nth-child(9n+1) h3{color: #c47878;}
.products .row .col-lg-4:nth-child(9n+2){background-color: #defdda;}
.products .row .col-lg-4:nth-child(9n+2) h3 {color: #86c778;}
.products .row .col-lg-4:nth-child(9n+3){background-color: #b7feff;}
.products .row .col-lg-4:nth-child(9n+3) h3{color: #7cd0d1;}
.products .row .col-lg-4:nth-child(9n+4){background-color: #e1ffa1;}
.products .row .col-lg-4:nth-child(9n+4) h3 {color: #b2d36c;}
.products .row .col-lg-4:nth-child(9n+5){background-color: #fceca7;}
.products .row .col-lg-4:nth-child(9n+5) h3{color: #bda34f;}
.products .row .col-lg-4:nth-child(9n+6){background-color: #ffe4fa;}
.products .row .col-lg-4:nth-child(9n+6) h3 {color: #e9ade4;}
.products .row .col-lg-4:nth-child(9n+7){background-color: #f1d6ff;}
.products .row .col-lg-4:nth-child(9n+7) h3 {color: #b780d6;}
.products .row .col-lg-4:nth-child(9n+8) {background-color: #a6e6eb;}
.products .row .col-lg-4:nth-child(9n+8) h3 {color: #62b8bc;}
.products .row .col-lg-4:nth-child(9n+9){background-color: #f7dcd7;}
.products .row .col-lg-4:nth-child(9n+9) h3 {color: #dd7b6b;}
h3{font-family: 'MistralTurk'}
.active{display: block !important;}
#loader{position: relative;display: none;-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.containerloader {height: 100px;width: 100%;font-family: 'MistralTurk';}
.loader {height: 20px;width: 250px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.loader--dot {animation-name: loader;animation-timing-function: ease-in-out;animation-duration: 3s;animation-iteration-count: infinite;height: 20px;width: 20px;border-radius: 100%;background-color: black;position: absolute;border: 2px solid white;}
.loader--dot:first-child {background-color: #8cc759;animation-delay: 0.5s;}
.loader--dot:nth-child(2) {background-color: #8c6daf;animation-delay: 0.4s;}
.loader--dot:nth-child(3) {background-color: #ef5d74;animation-delay: 0.3s;}
.loader--dot:nth-child(4) {background-color: #f9a74b;animation-delay: 0.2s;}
.loader--dot:nth-child(5) {background-color: #60beeb;animation-delay: 0.1s;}
.loader--dot:nth-child(6) {background-color: #fbef5a;animation-delay: 0s;}
.loader--text {position: absolute;top: 200%;left: 0;right: 0;width: 4rem;margin: auto;}
.loader--text:after {content: "Yükleniyor";font-weight: bold;animation-name: loading-text;animation-duration: 3s;animation-iteration-count: infinite;}
@keyframes loader {15% {transform: translateX(0);}45% {transform: translateX(230px);}65% {transform: translateX(230px);}95% {transform: translateX(0);}}
@keyframes loading-text {0% {content: "Yükleniyor";}25% {content: "Yükleniyor.";}50% {content: "Yükleniyor..";}75% {content: "Yükleniyor...";}}
@media(max-width:768px){.products .row > div{height: 400px;}}