/*
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%;}
.main-products{background-color: #baf4b2;width: 100%;padding: 20px;}
.main-products-final{background-color: #fab2a6;width: 100%;padding: 20px;}
.main-products div.col-lg-3:nth-child(even),.main-products-final div.col-lg-3:nth-child(even){margin-top: 76px;}
.main-production-text {text-align: center;-ms-transform: rotate(-10deg); /* IE 9 */-webkit-transform: rotate(-10deg); /* Safari */transform: rotate(-10deg);}
.main-production-text a{font-family: 'MistralTurk';color:rgba(255,255,255,0.5);font-size: 300%;text-decoration: none;text-align: center;}
.about-us{margin-left: 0;margin-right: 0;padding: 50px;background:url('../img/about-us.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;min-height: 250px;color: #ffffff;}
.about-us div:nth-child(2){margin-top: 10%;margin-left: 20px;margin-right: 20px;}
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;font-weight: lighter;}
footer li{height: 30px;}
footer .row{margin-left: 0;margin-right: 0;padding:20px 50px 20px 50px;}
footer .row:first-child{padding-bottom: 0;}
footer .row:last-child{padding-top: 0}
footer .pull-left{ bottom: 50px;left: 200px;position: absolute;}
.sosyal button{border: none;background-color: transparent;padding: 0}
.sosyal button img{width: 50px;}
.ok{cursor: pointer;margin-top: -150px;position: absolute;z-index: 1;left:45%}
/*.mask{position: absolute;background-image: url('../img/pxl01.png');width: 100%;opacity: 0.3}*/
#contact{position: relative;}
#contact .iletisim-img{}
#contact .iletisim-img img{width: 100%;}
#contact .iletisim-form{padding: 20px;width: 60%;background-color: rgba(255,255,255,0.8);position: absolute;right: 50px;bottom: 50px;}
.form-group{margin-bottom: 0;}
.form-group textarea{resize: none;}
.btn-danger{background-color: red;}
@media (max-width: 768px) { 
    footer .pull-left{left: 20px;} 
    .about-us .col-lg-2{width: 50%;float: left;}
    .sosyal button img{width: 25px;}
    footer .row{padding: 0;}
    footer a{font-size: 26px;}
    footer nav ul{padding: 0;}
    .gununMenusu,.ok{display: none}
    #contact .iletisim-form{padding: 20px;width: 100%;background-color: rgba(255,255,255,0.8);position: relative;right: 0;bottom: 0;}
}