@charset "utf-8";

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

	* KOZMİK YAZILIM
	* 
	* 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; border-top: solid 3px #FCD603;}
a {color: #222222 !important;}
a:hover {color: #111111;}

.title {background-image: url(images/title.png); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 15px; margin-bottom: 10px; display: inline-block;}

section.header-image {background-color: #FFFFFF; transition: all 0.5s;}
section.header-image div.col-md-4:Hover {background-color: #fed500;}
section.header-image b {color: #333333;}
section.header-image a:hover {text-decoration: none;}
div.sec-1 {transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; background-position: center; background-size: 100%;}
div.sec-1:hover {background-size: 110% !important; background-position: center; background-position: center !important; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
div.sec-2 {transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; background-position: center; background-size: 100%;}
div.sec-2:hover {background-size: 110% !important; background-position: center; background-position: center !important; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
div.sec-3 {transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; background-position: center; background-size: 100%;}
div.sec-3:hover {background-size: 110% !important; background-position: center; background-position: center !important; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}


a.nav-link {font-size: 17px !important;}

ul.nav-bar li {line-height: 40px; list-style: none; margin-bottom: 7px;}
ul.nav-bar li a {font-size: 19px; padding-left: 20px; border-left: solid 29px #FCD603; display: block; transition: all 0.2s;}
ul.nav-bar li a:hover {font-size: 19px; padding-left: 20px; border-left: solid 49px #FCD603; background-color: #F8F9FA; display: block; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; text-decoration: none;}
ul.nav-bar li a.active-menu {font-size: 19px; padding-left: 20px; border-left: solid 49px #FCD603; display: block; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; text-decoration: none;}

div.overlay {background-image: url(images/shadow-bg.png); height: 300px; cursor: pointer; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;}
div.overlay:hover {background-color: rgba(0,0,0,0.5); height: 300px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;}


ul.sidebar-list li {list-style: none;}
ul.sidebar-list li a {background-color: #FFFFFF; border-left: solid 20px #FCD603; margin-bottom: 7px; display: block; line-height: 35px; padding-left: 15px; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;}
ul.sidebar-list li a:hover {text-decoration: none; border-left: solid 20px #d3b408; background-color: #FCD603; color: #444444 !important;}

/* 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;}

/* GALLERY */
/*.gallery-item:hover {opacity: 0.7; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;}*/
.gallery-item {position: relative;}
.gallery-item:hover div.hover {display: block;}
.gallery-item div.hover {display: none; background-color: rgba(255,255,255,0.3); position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url(images/image-search.png); background-position: center; background-size: 35%; background-repeat: no-repeat;}

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

/* OWL */
div.owl-carousel {position: relative;}
div.owl-carousel i.left {position: absolute; left: -30px; top: 40%; color: #777777; font-size: 20px;}
div.owl-carousel i.right {position: absolute; right: -30px; top: 40%; color: #777777; font-size: 20px;}
span.discount {padding: 2px 5px; background-color: #666666; color: #FFFFFF; font-size: 12px; border-radius: 2px;}