@charset "utf-8";

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

	* KOZMİK YAZILIM E-TİCARET SİSTEMİ
	* 
	* FRONT-END CONTROLLER
	* @copyright		Kozmik Yazılım 2020		
	* @link				www.kozmikyazilim.com
	* @version			v1.0.0
	* @author 			Asaf Mirtürk (iletisim@kozmikyazilim.com)
	*/

/*@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700&display=swap');*/

body {font-size: 14px; /*font-family: Source Sans Pro;*/}
a {color: #222222;}
a:hover {color: #111111;}
/*ul {margin: 0px !important; padding: 0px !important}
div, section {padding: 0px !important;}*/

header {border-top: solid 3px #FCD603;}
header ul.lang {float: right; background-color: #FCD603; padding: 2px 0px 4px 0px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
header ul.lang li {float: left; list-style: none; border-left: solid 1px rgba(0,0,0,0.1); padding: 0px 10px;}
header ul.lang li:first-child {border: none;}
header ul.lang li a {font-size: 12px; color: #666666; font-weight: 500;}
header div.header-contact i {float: left; font-size: 35px; margin: 3px 8px; color: #FCD603}
header div.header-contact b { font-size: 15px;}
header div.header-contact span {color: #888888; font-size: 13px;}

div.nav {position: absolute; z-index: 2; top: 125px;}
nav {background-color: #FCD603;}
nav ul li {margin: 0px 20px; font-weight: 600; padding: 5px 0px;}
nav ul li a {color: #222222 !important; font-size: 16px; border-bottom: solid 3px transparent;}
nav ul li a:hover {border-bottom: solid 3px #222222;}
i.search {font-size: 23px; float: right; cursor: pointer;}

.text-border {background-image: url(../../assets/images/text-border.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 18px; display: inline-block;}

a.active-page {background-color: #FCD603 !important;}

div.carousel-inner div.carousel-caption {top: 16%; height: 100px;}

footer div.top {min-height: 60px; background-color: #FCD603;}
footer div.top ul li {float: left; line-height: 60px; list-style: none;}
footer div.top ul li a {margin: 0px 2px; display: block; padding: 0px 8px;}
footer div.top ul li a i {font-size: 20px;}
footer div.top span {font-size: 15px; line-height: 60px; font-weight: bold; color: #816e02;}
footer div.middle {min-height: 200px; background-color: #222222; background-image: url(../../assets/images/logo-icon.png); background-repeat: no-repeat; background-position: right center;}
footer div.middle h4 {color: #FFFFFF; font-weight: 400;}
footer div.middle ul {padding: 0px;}
footer div.middle ul li {line-height: 25px;}
footer div.middle ul li a {color: #999999;}
footer div.middle ul li a:hover {color: #FCD603; text-decoration: none;}
footer div.bottom {min-height: 50px; background-color: #111111; line-height: 50px; color: #999999;}
div.footer-icon i {font-size: 20px; color: #FCD603;}

/* HOMEPAGE */
section.homepage-description {min-height: 190px;}
section.homepage-description [class^='col-md'] i {font-size: 60px; color: #FCD603;}
section.homepage-description [class^='col-md'] p {color: #666666;}


div.service-icon div.service {border-radius: 50%; border-radius: 10px; color: #FFFFFF;}

section.homepage-service [class^='col-md'] {min-height: 420px; background-color: #222;}
section.homepage-service [class^='col-md'] {border-right: solid 1px #999999;}
section.homepage-service div.item:nth-child(1) {background-image: url(../../assets/images/service-logistics-photo.jpg); background-size: cover;}
section.homepage-service div.item:nth-child(2) {background-image: url(../../assets/images/service-shipping-photo.jpg); background-size: cover;}
section.homepage-service div.item:nth-child(3) {background-image: url(../../assets/images/service-parking-photo.jpg); background-size: cover;}

img.item {padding: 5px; border: solid 1px #CCCCCC;}
img.item:hover {opacity: 0.9; cursor: pointer; text-decoration: none;}

/* PUBLIC */
section.page-banner {width: 100%; height: 290px; margin-top: 48px; background-image: url(../../assets/images/banner.jpg); background-position: center; background-size: cover;}
section.page {margin-top: -150px;}
div.page-sidebar ul li {list-style: none; margin-bottom: 2px; border-bottom: solid 1px rgba(0,0,0,0.1);}
div.page-sidebar ul li a {display: block; line-height: 40px;}
div.page-sidebar ul li a:hover {text-decoration: none;}
div.page-sidebar ul li:hover {background-color: #FCD603;}
div.page-sidebar ul li:hover a {padding-left: 15px;}
div.page-sidebar ul li.active {background-color: #FCD603;}
div.page-sidebar ul li.active a {padding-left: 15px;}

/* CONTACT */
ul.social li {float: left; list-style: none; margin: 0px 5px; width: 25px; height: 25px; font-size: 25px;}

@media screen and (min-width: 1147px)
{
	section.service-icon {margin-top: -280px; position: relative; z-index: 3;}
	section.service-icon a {text-decoration: none;}
	section.service-icon div.service {border-radius: 50%; border-radius: 10px; color: #FFFFFF;}
}