@charset "utf-8";

/*

 __  __       _    __      _  __     __         _           
|  \/  |     | |  / _|    | | \ \   / /        (_)          
| \  / |_   _| |_| |_ __ _| | _\ \_/ /_ _ _ __  _ _ __ ___  
| |\/| | | | | __|  _/ _` | |/ /\   / _` | '_ \| | '_ ` _ \ 
| |  | | |_| | |_| || (_| |   <  | | (_| | |_) | | | | | | |
|_|  |_|\__,_|\__|_| \__,_|_|\_\ |_|\__,_| .__/|_|_| |_| |_|
                                         | |                
                                         |_|       

-------------------------------------------------------------
Copyright © 2018 All Right Reserved
Software by www.mutfakyapim.com
Developer by Asaf Mirtürk (asaf.mirturk@mutfakyapim.com)
Version 1.0

*/

@font-face { font-family: Square; src: url(../fonts/Square.ttf);}


Body {font-family: Square; font-size: 15px;}
a:hover {text-decoration: none;}
a.online {background-color: #389dc1; padding: 5px 8px; border-radius: 4px; color: #FFFFFF; margin-left: 20px;}
nav .nav a {margin: 0px 5px; color: #777777;}
nav .nav a.active {color: #389dc1 !important;}
ul li {list-style: none;}
ul {margin: 0px; padding: 0px}

/* PUBLIC */
footer {background-color:#abd8f3;}
footer div.container {max-width: 960px; margin: 0px auto; min-height: 200px;}
footer div.container div.item {margin: 30px 0px; padding: 0px 20px;}
footer div.container div.item:first-child img {width: 100%; max-width: 250px;} 
footer div.container div.item:last-child img {width: 100%; max-width: 250px;} 
footer div.container div.item:last-child ul {margin-top: 20px;} 
footer div.container div.item:last-child ul li {width: 45px; height: 45px;float: left; margin: 0px 5px;}
footer div.container div.item:last-child ul li a {width: 45px; height: 46px; display: block;}
footer div.container div.item:last-child ul li:nth-child(1) {background: url(../images/icons.png) -9px -40px no-repeat;} 
footer div.container div.item:last-child ul li:nth-child(2) {background: url(../images/icons.png) -59px -40px no-repeat;} 
footer div.container div.item:last-child ul li:nth-child(3) {background: url(../images/icons.png) -106px -40px no-repeat;} 
footer div.container div.item:last-child ul li:nth-child(4) {background: url(../images/icons.png) -156px -40px no-repeat;} 
section.copyright {text-align: center; height: 50px; background-color:#333;}
section.copyright img {width: 120px; margin-top: 10px;}
.button-color {background-color: #66d0cc;}
.button-color:hover {background-color: #3faaa6;}

/* HOME PAGE */
section.home-content-boxes {margin-top: 60px;}
section.home-content-boxes div.home-content-box {border: solid 2px #2d7dc0; padding: 20px; text-align: center;}
section.home-content-boxes div.home-content-box h3 {background-color: #FFFFFF; font-size: 15px; margin-top: -30px; padding: 0px 10px; display: table;}
section.home-content-boxes div.home-content-box.work-time ul {margin-top: 40px;} 
section.home-content-boxes div.home-content-box.work-time ul li {line-height: 30px;} 
section.home-content-boxes div.home-content-box.phone span {background-color: #389dc1; padding: 5px 8px; border-radius: 4px; color: #FFFFFF; display: inline-block; margin-top: 30px; padding-left: 30px; background-image: url(../images/icons.png); background-repeat: no-repeat;}
section.home-content-boxes div.home-content-box.phone p {margin-top: 10px;}
section.home-content-boxes div.home-content-box.online a {background-color: #389dc1; padding: 5px 8px; border-radius: 4px; color: #FFFFFF; display: inline-block; margin-top: 20px;}
section.home-content-boxes div.home-content-box.online p {margin-top: 10px;}
section.home-page-personel {min-height: 390px; margin-top: 40px;}
section.home-page-personel div.personel-item {margin: 25px 0px; color: #FFFFFF;  background-color: #3199bc; padding: 0px 0px 15px 0px !important; text-align: center;}
section.home-page-personel div.personel-item img {width: 100%;}
section.home-page-personel div.personel-item h2 {font-size: 18px; margin-top: 10px;}
section.home-page-personel div.personel-item h3 {font-size: 16px;}
section.home-page-personel div.personel-item a {background-color: #FFFFFF; padding: 5px 10px; border-radius: 4px; display: inline-block; margin-top: 5px; color: #3F99C1; font-weight: bold;}
section.home-page-services {margin-top: 40px; padding: 30px 0px;}
section.home-page-services div.service-item img {width: 100%;}
section.home-page-services div.service-item h3 {font-size: 17px; color: #111111; height: 50px;}
section.home-page-services div.service-item h2 {font-size: 15px; color: #666666; padding: 0px 0px 2px 0px; font-weight: bold; border-bottom: solid 2px #3481c2;}

/* ABOUT */
section.about-header-wrapper {width: 100%; height: 250px; background-color: #EEEEEE; position: relative;}
section.about-header-wrapper div.container h2 {line-height: 230px; color: #666666;}
section.about-header-wrapper div.container-bg {width: 400px; height: 350px; float: right; position: absolute; top: -50px; right: 0px; background-image: url(../images/about.png); background-repeat: no-repeat; background-size: 400px; background-position: right 0px;}
section.about-personel {min-height: 500px;}
section.about-personel div.personel-item {margin: 25px 0px; color: #FFFFFF;  background-color: #3199bc; padding: 0px 0px 15px 0px !important; text-align: center;}
section.about-personel div.personel-item img {width: 100%;}
section.about-personel div.personel-item h2 {font-size: 18px; margin-top: 10px;}
section.about-personel div.personel-item h3 {font-size: 16px;}
section.about-personel div.personel-item a {background-color: #FFFFFF; padding: 5px 10px; border-radius: 4px; display: inline-block; margin-top: 5px; color: #3F99C1; font-weight: bold;}

/* SERVICES */
div.services div.service-item img {width: 100%;}
div.services div.service-item h3 {font-size: 17px; color: #111111; height: 50px;}
div.services div.service-item h2 {font-size: 15px; color: #666666; padding: 0px 0px 2px 0px; font-weight: bold; border-bottom: solid 2px #3481c2;}
section.service-detail div.image {height: 350px; text-align: center;}
section.service-detail div.image img {width: 80%;}


/* CONTACT */
section.contact-section {min-height: 350px;}
section.contact-section iframe {width: 100%; min-height: 350px;}
div.container-contact {margin-top: -100px !important; min-height: 200px; z-index: 2; position: relative;}
div.content-box {border: solid 2px #2d7dc0; padding: 20px; margin-top: 10px; text-align: center; float: right;}
div.content-box h3 {background-color: #FFFFFF; font-size: 15px; margin-top: -30px; padding: 0px 10px; display: table;}
div.content-box ul {margin-top: 40px;} 
div.content-box ul li {line-height: 30px;} 

/* ONlINE */
.input-color {background-color: #ebebeb;}
span.input-date-passive {background-color: #999999; display: block; margin: 0px auto; width: 70px; text-decoration: line-through;}
span.input-date-active {background-color: #3199bc; display: block; margin: 0px auto; width: 70px;}

@media (min-width: 1200px)
{
	/* HOMEPAGE */
	section.home-page-personel {background-image: url(../images/home-page-personels-bg.jpg);}
	section.home-page-services {background-image: url(../images/home-page-services-bg.png); background-repeat: no-repeat; background-size: cover;}
	section.home-page-slider {width: 1147px; margin: 30px auto; border: solid 1px rgba(0,0,0,0.1);}

	/* CONTACT */
	div.contact-footer {height: 200px; background-image: url(../images/about-.png); background-position: left bottom; background-repeat: no-repeat; background-size: 300px;}

	/* ABOUT */
	section.about-header-wrapper div.container {width: 1147px; height: 300px; margin: 0px auto; position: relative;}
	div.about-content div:last-child img {width: 100%;}
	section.about-contact {height: 245px; background-image: url(../images/contact-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
	section.about-personel {background-image: url(../images/about-.png); background-position: left bottom; background-repeat: no-repeat;}
}

@media (max-width: 992px)
{	
	/* ABOUT */
	section.about-header-wrapper div.container-bg {display: none}
}

@media (max-width: 768px)
{
	/* PUBLIC */
	img.header-logo {width: 170px;}

	/* ABOUT */
	div.about-content div:last-child img {width: 100%;}
}

@media (max-width: 576px)
{
	/* PUBLIC */
	a.online {margin: 10px 0px 0px 0px; display: inline-block;}

	/* ABOUT */
	div.container-wrapper {background-image: none;}
	section.about-header-wrapper {width: 100%; height: 150px; margin: 40px 0px; background-color: #EEEEEE; position: relative;}
	section.about-header-wrapper div.container h2 {line-height: 130px; color: #666666;}
	section.about-header-wrapper div.container p {margin-top: -60px; color: #666666;}
	div.about-content div:last-child img  {width: 100% !important;}

	
}