@charset "utf-8";
/* 
* CSS Document for Template Hark! v.1  Global Stylesheet 
* Copyright 2013 yok Creative
*/
/* ----------------------------------------------------------------------  
        BODY / See 'base.css' for basic style settings
------------------------------------------------------------------------ */
body {
	color: #000;
	font-family: 'Source Sans Pro',Arial,sans-serif;
	text-transform: none;
}
/* ----------------------------------------------------------------------  
        TEXT STYLING
------------------------------------------------------------------------ */
h1 {
	font-size: 3.6em;
}
h2 {
	color: #666;
	font-size: 3.2em;
	font-weight: 300;
	line-height: 1;
}
h3 {
	color: #444;
	font-size: 1.2em;
	margin: 0 0 .3em;
	padding: .4em 0px .4em 0;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: .85em;
}
h6 {
	font-size: .8em;
}
h1, h2, h4, h6, p, a, .big-text {
	font-family: 'Roboto Condensed',Arial,sans-serif;
}
h3, h5, .callout, .name, .carousel-text, .carousel-text-huge, .carousel-text-sml {
	font-family: 'Roboto Condensed',Impact,Arial,sans-serif;
}
h1, h3, h4, h5, h6, a, .big-text, .name, .invert, .carousel-text, .carousel-text-huge, .carousel-text-sml {
	font-weight: 700;
}
h1, h3, h4, h5, h6, a,  .carousel-text, .carousel-text-huge, .carousel-text-sml {
	text-transform: none;
}
.callout{
	text-transform:none;
}
h1, h3, h4, h5, h6, a, .callout {
	line-height: 1.1em;
}
h2, h4 {
	margin-bottom: .5em;
}
h3 + h4 {
	padding-top: 20px;
}
a {
	border: medium none;
	text-decoration: none;
}
p {
	color: #444;
	text-indent: 0;
	font-weight: 300;
}
p + h5, p + form {
	margin-top: 20px;
}
footer p, footer h5 {
	color: #FFF;
}
footer p {
	font-size: 75%;
}
nav a {
	font-family: Roboto Condensed,Impact,Arial,sans-serif;
	font-weight: 700;
	text-transform: uppercase;
}
.big-text {
	font-size: 2.1em;
	line-height: 1.2em;
	padding-right: 35px;
}
.carousel-text-sml {
	color: #fff;
	font-size: 3.2em;
	line-height: 1em;
}
.carousel-text {
	color: #000;
	font-size: 6.8em;
	line-height: 1em;
}
.carousel-text-huge {
	font-size: 26em;
	line-height: 1em;
}
.callout {
	color: #FFF;
	font-size: 4em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 85%;
}
.line-one {
	display: block;
}
.name {
	font-size: 2em;
	line-height: 1em;
	
	
}
.text-45-percent {
	font-size: 45%;
}
.text-light-grey {
	color: #ccc;
}
.text-grey {
	color: #888;
}
.text-black {
	color: #000;
}
.text-yellow {
	color: #f1c40f;
}

.text-accent {
}
/* see accent color section for styling */
.text-white {
	color: #fff;
}
.invert-grey {
	background: #888;
	color: #FFF;
	margin-right: .1em;
	padding: .4em .5em .4em;
}
.invert-black {
	background: #000;
	color: #f1c40f;
	margin-right: .1em;
	padding: .4em .5em .4em;
}
/* ----------------------------------------------------------------------  
        GENERAL STYLING
------------------------------------------------------------------------ */
#content {
	height: 100%;
	min-height: 100%;
}
[class*=fullscreen-section-wrapper] {
	height: 100%;
	margin: 0;
	min-height: 100%;
	overflow: hidden;
	padding: 4em;
	width: 100%;
}
.fullscreen-section-wrapper-no-pad {
	padding: 0;
	position: relative;
}
.fullscreen-section-wrapper-split-top {
	padding-bottom: 0;
	padding-left: 0em;
	padding-right: 0em;
}
.fullscreen-section-wrapper-split-bottom {
	padding-left: 0em;
	padding-right: 0em;
	padding-top: 0;
}
.padding-left-right {
	padding-right: 2em;
	padding-left: 2em;
}
/* lines */
.rule-thin {
	border: 1px solid #C69;
	padding: .8em;
}
.rule-thin-right {
	border-right: 1px solid #C69;
}
.rule-thin-bottom {
	border-bottom: 1px groove #333;
}
.rule-top {
	border-top: 1px dashed #999;
	margin-top: 30px;
	padding-top: 30px;
}
.rule-thick-top {
	border-top: 5px solid #57002d;
	padding-top: .8em;
}
.rule-thick {
   /* border: 3px solid #ffffff;*/
    display: inline-block; /* border çalışması için */
    margin-top: 1em;       /* üstten boşluk veriyor */
    padding: 0.5em 1em;    /* içerik ile border arası boşluk */
}

.rule-right, .rule-right li {
	border-right: 1px dashed #FCF;
}
.rule-right li:last-child {
	border: medium none;
}
/* link modules */
.link-module-icons {
	margin: 0;
	padding: 0;
}
.link-module-icons-floating li {
	height: 2em;
	margin-top: -.5em;
}
.link-module-icons-opaq li {
	display: inline-block;
	margin-right: .6em;
	min-height: 2.5em;
	opacity: 1;
	width: 23px;
	transition: all 0.2s linear 0s;
}
.link-module-icons li {
	display: inline-block;
	margin-right: .6em;
	min-height: 2.5em;
	opacity: 0.4;
	width: 23px;
	transition: all 0.2s linear 0s;
}
.link-module-icons li:hover {
	opacity: 1;
}
.last {
	padding: 55px 35px 5px;
}
/* toggle */
.button-open {
	background: url(../images/ico/arrow-right.svg) no-repeat center center;
	height: 2em;
	width: 2em;
}
.button-close {
	background: url(../images/ico/arrow-left.svg) no-repeat center center;
	height: 2em;
	width: 2em;
}
.hidden-content {
	display: none;
}
#trigger-portfolio-filter, .trigger {
	cursor: pointer;
	opacity: 1;
	transition: all .1s linear 0;
}
#trigger-portfolio-filter:hover, .trigger:hover {
	opacity: 0.5;
}
/* generic hover*/
.hov-transparent {
	opacity: 1;
}
.hov-transparent img:hover {
	opacity: .7;
	-moz-transition-duration: .5s;
	-o-transition-duration: .5s;
	-webkit-transition: 0 .5s;
}
/* misc*/
.drop-shadow {
	box-shadow: 0 1px 7px 2px #444444;
}
.padding {
	padding: 1em;
}
.text-padding {
	padding-left: .3em;
	padding-right: .3em;
	padding-top: 0em;
}
.carousel-text-hack {
	padding-top: .2em;
}
.tn-caption {
	position: absolute;
}
.shrink-image img {
	max-width: 40%!important;
	min-width: 40%!important;
	width: 40%;
	height: auto;
}
/* ----------------------------------------------------------------------  
        ACCENT COLOR
------------------------------------------------------------------------ */
/* in addition to these, you'll need to change map hue located in index.html along with a few icons and div overlays (if used) */
nav a:hover {
	border-bottom: 5px solid #f1c40f;
}
nav.menu-style-2 a:hover {
	border-bottom: 5px solid #f1c40f;
}
nav.menu-style-3 a:hover {
	border-bottom: 5px solid #f1c40f!important;
}
a.nav-active {
	border-bottom: 5px solid #000;
}
/*.accent-color {
	background: #f1c40f;
}*/
.stick a:hover {
	border-bottom: 5px solid #f1c40f;
}
.infoBubble div {
	background: #f1c40f;
}
.text-accent {
	color: #000;
}
#portfolio .rollover {
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-webkit-transition: 0 1s;
	background: url(../images/ico/cross.svg) left 2em bottom 5.5em no-repeat #f1c40f;
	cursor: pointer;
	min-height: 100%;
	min-width: 100%;
	opacity: 0;
	position: absolute;
	z-index: 10;
}
/* ----------------------------------------------------------------------  
        ICONS
------------------------------------------------------------------------ */
.icon-promotion {
	background: url(../images/ico/promotion.png) no-repeat left top;
	padding-left: 2.5em;
	height: 2.75em;
}
.icon-cilt {
	background: url(../images/ico/cilt.png) no-repeat 0 0;
	padding-left: 2.5em;
	height: 2.75em;
}
.icon-down-arrow {
	background: url(../images/ico/arrow-open-down.svg) no-repeat;
	z-index: 1000;
	padding-left: 2.5em;
	height: 2.75em;
}
.icon-poster {
	background: url(../images/ico/poster.png) no-repeat 0 0;
	padding-left: 2.5em;
	height: 2.75em;
}
.icon-pvc {
	background: url(../images/ico/pvc.png) no-repeat 0 0;
	padding-left: 2.5em;
	height: 2.75em;
}
.icon-cd {
	background: url(../images/ico/cd.png) no-repeat 0 0;
	padding-left: 2.5em;
	height: 2.75em;
}

.icon-talk-ozalit {
	background: url(../images/ico/ozalit.png) no-repeat 0 0;
	padding-left: 2.5em;
	height: 2.75em;
}
.icon-talk-photocopy {
	background: url(../images/ico/photocopy.png) no-repeat 0 0;
	padding-left: 2.5em;
	height: 2.75em;
}
.icon-talk-scanner {
	background: url(../images/ico/scanner.png) no-repeat 0 0;
	padding-left: 2.5em;
	height: 2.75em;
}

#icon-home {
	background: #000 url(../images/ico/arrow-open-up-white.png) no-repeat;
	display: none;
	height: 30px;
	padding: 5px;
	position: fixed;
	right: 2em;
	bottom: 2em;
	width: 30px;
	z-index: 999;
}
/* social */
.icon-soc-dribble {
	background: url(../images/ico/blogger.png) no-repeat scroll 0 .5em;
}
.icon-soc-facebook {
	background: url(../images/ico/facebook.png) no-repeat scroll 0 .5em;
}
.icon-soc-flickr {
	background: url(../images/icon_sq_flickr.png) no-repeat scroll 0 .5em;
}
.icon-soc-linkedin {
	background: url(../images/icon_sq_linkedin.png) no-repeat scroll 0 .5em;
}
.icon-soc-twitter {
	background: url(../images/ico/twitter.png) no-repeat scroll 0 .5em;
}
.icon-soc-rss {
	background: url(../images/ico/ico_circle_rss.png) no-repeat scroll 0 .5em;
}
.icon-soc-skype {
	background: url(../images/ico/ico_circle_skype.png) no-repeat scroll 0 .5em;
}
.icon-soc-vimeo {
	background: url(../images/icon_sq_vimeo.png) no-repeat scroll 0 .5em;
}
.icon-soc-youtube {
	background: url(../images/ico/ico_circle_youtube.png) no-repeat scroll 0 .5em;
}
/* circle background - grey */
.icon-soc-cir-fb {
	background: url(../images/ico/facebook.png)no-repeat 0 .5em;
}
.icon-soc-cir-twitter {
	background: url(../images/ico/twitter.png)no-repeat 0 .5em;
}
.icon-soc-cir-google {
	background: url(../images/ico/google.png)no-repeat 0 .5em;
}
.icon-soc-cir-blogger {
	background: url(../images/ico/blogger.png)no-repeat 0 .5em;
}
.icon-cir-arrow-down {
	background: url(../images/ico/arrow-down-circle-accent.svg)no-repeat scroll 0 .5em;
}
/* circle background - white */
.icon-soc-cir-white-fb {
	background: url(../images/ico/fb-circle-white.svg)no-repeat .6em .5em;
}
.icon-soc-cir-white-twitter {
	background: url(../images/ico/twitter-circle-white.svg)no-repeat .6em .5em;
}
.icon-soc-cir-white-tumblr {
	background: url(../images/ico/tumbler-circle-white.svg)no-repeat .6em .5em;
}
.icon-soc-cir-white-dribble {
	background: url(../images/ico/dribble-circle-white.svg)no-repeat .6em .5em;
}
/* circle background - black */
.icon-soc-cir-blk-fb {
	background: url(../images/ico/fb-circle-blk.svg)no-repeat .6em .5em;
}
.icon-soc-cir-blk-twitter {
	background: url(../images/ico/twitter-circle-blk.svg)no-repeat .6em .5em;
}
.icon-soc-cir-blk-tumblr {
	background: url(../images/ico/tumbler-circle-blk.svg)no-repeat .6em .5em;
}
.icon-soc-cir-blk-dribble {
	background: url(../images/ico/dribble-circle-blk.svg)no-repeat .6em .5em;
}
/* circle background - accent */
.icon-soc-cir-acc-mail {
	background: url(../images/ico/icon_mail.png) no-repeat center center;
	height: 2.5;
}
.icon-email {
	background: url(../images/ico/icon_mail.png) no-repeat 0 0;
	padding-left: 2.5em;
	min-height: 30px;
}
.icon-ftp {
	background: url(../images/ico/icon_ftp.png) no-repeat 0 0;
	padding-left: 2.5em;
	min-height: 30px;
}

.icon-house {
	background: url(../images/ico/icon_home.png) no-repeat 0 0;
	padding-left: 2.5em;
	min-height: 30px;
}
.icon-cir-acc-marker {
	background: url(../images/ico/map-marker-circle-accent.svg) no-repeat 0 0;
	padding-left: 2.5em;
	min-height: 30px;
}
.icon-mobile {
	background: url(../images/ico/icon_phone.png) no-repeat 0 0;
	padding-left: 2.5em;
	min-height: 30px;
}
.icon-blog {
	background: url(../images/ico/icon_bubble.png) no-repeat 0 0;
	padding-left: 2.5em;
	min-height: 30px;
}
/* ----------------------------------------------------------------------  
        ALIGNMENTS
------------------------------------------------------------------------ */
.align-left {
	float: left;
}
.align-left li {
	float: left;
}
.align-right {
	float: right;
}
.align-right li {
	float: right;
}
.align-center {
	text-align: center;
}
.fullscreen-centered {
	margin: 8% auto;
	text-align: center;
}
/* ----------------------------------------------------------------------  
        BACKGROUNDS & OVERLAYS
------------------------------------------------------------------------ */
.background-image {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	margin: 0;
	min-height: 350px;
	padding: 0;
	position: relative;
}
.background-image-group {
	background-image: url(../images/photocasejexdgupx54577571.jpg);
	background-size: cover;
	margin-top: 0;
	z-index: 0;
}
.black {
	background: #000000;
}
.dark-grey {
	background: #333333;
}
.grey {
	background: #3c3c3c;
}
.accent-color {
}
/* see accent color section for styling */
[class*="overlay"] {
	height: 100%;
	min-height: 26em;
	width: 100%;
	z-index: 100;
}
.overlay-diagonal {
	background: url(../images/overlays/fullscreen_overlay_diagonal.png) repeat scroll 0 0 transparent;
}
.overlay-diagonal-dark {
	background: url(../images/overlays/fullscreen_overlay_diagonal-dark.png) repeat scroll 0 0 transparent;
}
.overlay-diagonal-accent {
	background: url(../images/overlays/fullscreen_overlay_accent-color-diagonal.png) repeat scroll 0 0 transparent;
}
.overlay-squares {
	background: url(../images/overlays/fullscreen_overlay_squares.png) repeat scroll 0 0 transparent;
}
.overlay-weave {
	background: url(../images/overlays/fullscreen_overlay_weave.png) repeat scroll 0 0 transparent;
}
.overlay-cross {
	background: url(../images/overlays/fullscreen_overlay_cross.png) repeat scroll 0 0 transparent;
}
.overlay-grid {
	background: url(../images/overlays/fullscreen_overlay_grid.png) repeat scroll 0 0 transparent;
}
.overlay-black-85 {
	background: url(../images/overlays/fullscreen_overlay_black-85.png) repeat scroll 0 0 transparent;
}
.overlay-black-70 {
	background: url(../images/overlays/fullscreen_overlay_black-70.png) repeat scroll 0 0 transparent;
}
.overlay-grey-70 {
	background: url(../images/overlays/fullscreen_overlay_grey-70.png) repeat scroll 0 0 transparent;
}
.overlay-grey-80 {
	background: url(../images/overlays/fullscreen_overlay_grey-80.png) repeat scroll 0 0 transparent;
}
.overlay-grey-90 {
	background: url(../images/overlays/fullscreen_overlay_grey-90.png) repeat scroll 0 0 transparent;
}
.overlay-grey-solid {
	background: url(../images/overlays/fullscreen_overlay_grey-solid.png) repeat scroll 0 0 transparent;
}
.overlay-white-solid {
	background: url(../images/overlays/fullscreen_overlay_white-solid.png) repeat scroll 0 0 transparent;
}
.overlay-white-trans {
	background: url(../images/overlays/fullscreen_overlay_white-trans.png) repeat scroll 0 0 transparent;
}
.overlay-accent {
	background: url(../images/overlays/fullscreen_overlay_accent-color.png) repeat scroll 0 0 transparent;
}
/* ----------------------------------------------------------------------  
        HEADER
------------------------------------------------------------------------ */
/* navigation */
nav {
	position: fixed;
	width: 100%;
	z-index: 2000;
}
nav ul {
	float: right;
	height: 40px;
}
nav li {
	display: inline;
	padding-left: 1.5em;
}
nav a {
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	-webkit-transition: .3s;
	color: #fff;
	display: inline-block;
	font-family: Roboto Condensed, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	transition: .2s;
}
nav a:hover {
	color: #fff;
}
/* see accent color section for additional styling */
nav a#pull {
	display: none;
}
a.nav-active {
	color: #fff!important;
}
/* see accent color section for additional styling */
#nav-icon {
	background: #000 url(../images/ico/responsive-menu.png);
	display: none;
	height: 30px;
	padding: 5px;
	position: absolute;
	right: 3em;
	top: 3em;
	width: 30px;
	z-index: 999;
}
/* alternte menu styles */
.menu-style-1 {
	top: 1.65em;
}
nav.menu-style-1 li:last-child a {
	margin-right: 1em;
}
.menu-style-2 {
	top: 1.65em;
}
nav.menu-style-2 li:last-child a {
	margin-right: 1em;
}
.menu-style-3 {
	display: none;
}
.menu-style-3 a {
	color: #777;
	font-size: 1em!important;
}
nav.menu-style-1 #small-logo {
	display: none;
}
nav.menu-style-2 #small-logo {
	display: none;
}
nav.stick {
	background: #f1c40f;
	width: 100%;
	top: 0;
	margin-top: 0!important;
}
nav.stick ul {
	float: right;
	height: 40px;
}
.stick a {
	color: #000;
	font-size: 1em!important;
}
.stick a:hover {
	color: #fff;
}
/* see accent color section for additional styling */
/* logo */
#logo {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	min-height: 200px;
	left: 2em;
	position: absolute;
	top: 2em;
	min-width: 250px;
	z-index: 1000;
}
/* hack fix for mobile phone, adjust media query below after you update your logo */
#logo-trans {
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	min-height: 200px;
	left: 2em;
	position: absolute;
	top: 2em;
	min-width: 250px;
	z-index: 1000;
	opacity: .5;
}


#small-logo {
	background-image: url(../images/logo-small-lghtgry.png);
	background-repeat: no-repeat;
	min-height: 25px;
	left: 3.5em;
	position: absolute;
	min-width: 55px;
	z-index: 1000;
	top: .5em;
	opacity: 1;
}
nav #small-logo a:hover {
	border-bottom: none!important;
}
nav.stick #small-logo {
	display: block;
}
/* ----------------------------------------------------------------------  
        SECTIONS
------------------------------------------------------------------------ */
/* Homescreen */
#home .big-text {
	color: #57002d!important;
	font-weight: 300;
	font-size: 2.4em;
	line-height: 1.1em;
}
#home .link-module-icons li:last-child {
	margin-right: 0!important;
}
.bottom-module {
	bottom: 2em;
	left: 2em;
	position: absolute;
	z-index: 1000;
}
.bottom-module-centered {
	bottom: 5em;
	position: absolute;
	z-index: 1000;
	left: 40%;;
}
/* Callouts */
#callout h3 {
	line-height: 0.8em;
	padding-top: 2%;
}
/* Team */
#team .link-module-icons li {
	width: 25px!important;
	float: left;
	opacity: .3;
}
#team .link-module-icons li:hover {
	opacity: 1;
}
#team h2 {
	color: #fff;
}
#team h3 {
	color: #000;
	line-height: 1.2em;
}
#team .team-content h5 {
	margin-top: .7em;
}
#team .c4 {
	margin-bottom: 1.5em;
}
#team .end {
	padding-right: 20px;
}
#team .rollover {
	background: url(../images/overlays/fullscreen_overlay_white-trans.png) repeat;
	-moz-transition-duration: 1s;
	-o-transition-duration: .5s;
	-webkit-transition: .5s;
	cursor: pointer;
	height: 92%;
	left: 4.5%;
	width: 87%;
	opacity: 0;
	position: absolute;
	z-index: 10;
	text-align: center;
}
/*team tea olarak değiştirildi.*/
#team .rollover:hover {
	opacity: 1;
	-o-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition: -webkit-transform .5s;
}
#team .caption {
	margin-top: 30%;
	padding-left: 1.5em;
	padding-right: 1.5em;
}
#team .overlay-white-trans {
	height: 50%!important;
	width: 85%;
}
#team .invert-black {
	padding: 0em .35em;
}
.team-member {
	background-color: #FFF;
	color: #333;
	padding-bottom: 1em;
	height: 100%;
}
.team-content {
	padding: 5%;
}
.team-content img {
	max-width: 100%;
	vertical-align: left;
	margin-bottom: 25px;
}
.team-content {
}
/* Portfolio */
#portfolio {
	margin-top: 0;
}
#portfolio h2, #portfolio h3, #portfolio p {
	color: #fff;
	line-height: 1em;
	margin-bottom: 0;
	margin-top: -1px;
}
#portfolio .rollover {
}
/* see accent color section for styling */
#portfolio .rollover:hover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
}
.portfolio img {
	width: 100%!important;
	height: auto!important;
}
#portfolio .tn-caption {
	bottom: 2em;
	left: 2em;
}
/* portfolio filter */
#portfolio-filter-container {
	bottom: 0em;
	left: 0;
	position: absolute;
	z-index: 1000;
}
#portfolio #trigger-portfolio-filter {
	display: inline;
	float: left;
	margin-right: 1px;
}
#trigger-portfolio-filter-label {
	display: inline;
	height: 2em;
	margin-right: 1px;
	padding: .5em;
	color: #fff;
}
#filter-container {
	display: none;
	height: 2em;
	overflow: hidden;
	position: relative;
}
#filter-container ul {
	position: absolute;
}
.group {
	color: #777;
	float: left;
	width: 100%;
}
.filter li {
	display: inline;
	float: left;
}
.filter a {
	background-color: #CCC;
	color: #555;
	font-family: Tahoma, Arial, sans-serif;
	font-size: .7em;
	letter-spacing: .06em;
	text-decoration: none;
	padding: 1em;
}
.filter a:hover {
	background-color: #222;
	color: #FFF;
}
.current a {
	background-color: #000;
	color: #FFF;
	font-weight: 700;
}
.sub-port-gallery {
	display: none !important;
}
/* portfolio items */
.portfolio li {
	float: left;
	margin-right: 1em;
}
.portfolio li:nth-child(5n)					{margin-right: 0;}
.portfolio a {
	text-decoration: none;
	font-size: 1em;
}
.portfolio-force-auto-height {
	height: auto !important;
}
.portfolio p {
	text-transform: none;
}
.portfolio h4 {
	text-transform: none;
}
/* project brief */
.project-brief {
	background: none repeat scroll 0 0 #FFFFFF;
	margin-top: 1em;
}
.project-brief .rule-top {
	margin-top: 20px;
}
.services {
	margin-top: .5em;
	margin-bottom: .5em;
}
.services .invert-black {
	line-height: 2.25em;
}
/* map */
#my-map {
	width: 100%;
	height: 400px;
	background-color: #CCC;
}
/* ----------------------------------------------------------------------  
        CONTACT 
------------------------------------------------------------------------ */
#contact li {
	padding-bottom: 1em;
}
#contact li:last-child {
	padding-bottom: 0;
}
#contact h2, #contact h3, #contact p {
	color: #fff;
	line-height: 1.2em;
}
#contact p {
	padding-top: .35em;
}
#contact .rule-top {
	border-top: 1px dashed #ccc;
}
#contact ul {
	margin-top: 1em;
}
.field {
	border-radius: 4px 4px 4px 4px;
	display: block;
	margin-bottom: 10px;
	padding-left: 8px;
	padding-top: 0;
}
.text, .textbig, textarea {
	background: url(../images/overlays/fullscreen_overlay_white-solid.png)repeat 0 0;
	border: 1px solid #777777;
}
.text, .textbig {
	height: 28px;
	margin-top: -1em;
	margin-bottom: 2.5em;
	width: 100%;
}
textarea {
	height: 210px;
	margin-top: -1em;
	width: 100%;
}
input {
	color: #888;
	font-size: .8em;
}
.button {
	background: none repeat 0 0 #000;
	border: none;
	border-radius: 0 0 0 0;
	color: #FFF;
	cursor: pointer;
	font-family: Anton,Impact,sans-Serif;
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1em;
	margin-top: 15px;
	padding: .5em;
	text-transform: uppercase;
	width: 90px;
}
.error_message {
	background: none repeat scroll 0 0 #000;
	border-radius: 4px 4px 4px 4px;
	color: #FFF;
	font-family: Georgia,Times,Serif;
	font-size: 1em;
	font-style: italic;
	height: 20px;
	margin-bottom: 20px;
	margin-top: 5px;
	padding: 5px;
	text-align: center;
}
.label {
	color: #777;
	font-size: .6em;
	font-weight: 900;
	text-transform: uppercase;
}
.loader {
	float: left;
	padding: 0 10px;
}
.ui-loader {
	display: none;
}
#subscribe-btn {
	background: url(../images/icons/icon_sq_black_right-arrow.png) no-repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 0;
	height: 30px;
	line-height: 0;
	text-indent: -9999px;
	width: 30px;
}
#subscribe-box {
	float: left;
	margin-bottom: 12px;
}
#success_page {
	color: #000;
	font-size: 1.3em;
	font-style: italic;
	line-height: 1em;
	margin-bottom: 20px;
	margin-top: 5px;
}
/* ----------------------------------------------------------------------  
        FOOTER
------------------------------------------------------------------------ */
footer {
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}
footer ul {
	min-height: 2.5em;
}
.copyright p {
	color: #888888;
	line-height: 1em;
	margin-left: -2em;
	padding-top: 1em;
}
/* ----------------------------------------------------------------------  
        RESPONSIVE FIXES FOR PORTFOLIO
------------------------------------------------------------------------ */
@media only screen and (min-width: 890px) and (max-width: 1055px) {
.portfolio li:nth-child(5n){margin-right:1em;}
.portfolio li:nth-child(4n){margin-right:0;}
}
@media only screen and (min-width: 590px) and (max-width: 889px) {
.portfolio li:nth-child(5n){margin-right:1em;}
.portfolio li:nth-child(4n){margin-right:1em;}
.portfolio li:nth-child(3n){margin-right:0;}
}
/* ----------------------------------------------------------------------  
        RESPONSIVE 
------------------------------------------------------------------------ */
@media only screen and (min-width: 1024px) {
#clients .client-list-row img {
	width: 70% !important;
	min-width: 70% !important;
	max-width: 70% !important;
}
}
@media only screen and (max-width: 1210px) {
.menu-style-1, .menu-style-2 {
	top: 0!important;
}
nav {
	top: 0;
	position: relative;
}
nav ul#navigation {
	float: none;
	padding: 0;
	margin: 0;
	height: auto;
	display: none;
}
nav li {
	width: 100%;
	float: none;
	display: block;
	background: #000;
	border-bottom: 1px solid #7A7A7A;
}
nav a:hover {
	border: none;
}
nav.stick {
	display: none;
}
#nav-icon {
	display: block;
}
}
@media only screen and (min-width: 890px) and (max-width: 1055px) {
.carousel-text {
	font-size: 6em;
}
.carousel-text-huge {
	font-size: 24em;
}
.fullscreen-centered {
	margin-top: 15%;
}
}
@media only screen and (min-width: 781px) and (max-width: 889px) {
#about .c3 {
	margin-bottom: 0 !important;
	margin-top: 0.5em !important;
}
#about .c9 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
nav a {
	font-size: 1.2em;
}
.carousel-text {
	font-size: 6em;
}
.carousel-text-huge {
	font-size: 22em;
}
}
@media only screen and (min-width: 480px) and (max-width: 960px) {
#about .c1, #about .c2, #about .c3, #about .c4, #about .c5 {
	width: 50%!important;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
#portfolio .c1, #portfolio .c2, #portfolio .c3, #portfolio .c4, #portfolio .c5 {
	width: 50%!important;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
#team .c1, #team .c2, #team .c3, #team .c4, #team .c5 {
	width: 50%!important;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 20px;
}
.fullscreen-centered {
	margin-top: 45%;
}
}
@media only screen and (min-width: 480px) and (max-width: 780px) {
#about .c3 {
	margin-bottom: 0 !important;
	margin-top: 0.5em !important;
}
#about .c9 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
.carousel-text {
	font-size: 6em;
}
.carousel-text-huge {
	font-size: 22em;
}
.link-module-icons li {
	min-height: 3em;
}
}
@media only screen and (max-width: 480px) {
h2 {
	font-size: 2.8em;
	margin-bottom: .5em;
}
.big-text {
	font-size: 1.25em;
	margin-bottom: 0em;
}
.callout {
	font-size: 2.3em;
}
.client-list-row-1:last-child {
	display: none;
}
.client-list-row-2:last-child {
	display: none;
}
#contact li {
	padding-bottom: 1.75em;
}
#contact p {
	padding-top: .65em;
}
#home .bottom-module, #home .bottom-module-centered {
	display: none;
}
#flexslider {
	display: none;
}
.fullscreen-centered {
	margin-top: 45%;
}
.fullscreen-section-wrapper-split-bottom {
	margin-top: -1em;
}
.link-module-icons li {
	min-height: 3em;
}
#logo {
	background-image: url(../images/logo.svg);
	background-repeat: no-repeat;
	width: 100%;
	height: 350px;
	margin: 25% auto;
	z-index: 1000;
	text-align: center;
	left: 25%;
}
#logo .align-left {
	float: none!important;
}
#logo-trans .align-left {
	float: none!important;
}



/*#my-map {
	height: 200px;

}
}
/* ----------------------------------------------------------------------  
        partner 
------------------------------------------------------------------------ */
/* ============================= social ============================= */

#social {
	right: 10px;
	bottom: 0px;
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	z-index: 6;
}
#social ul {
	margin: 0;
	overflow: hidden;
	padding: 0;
	float: left;
	padding: 10px;
}
#social ul li {
	list-style: none;
	margin: 0 6px 0 0;
	float: left;
	position: relative;
}



/* Flexslider slide içindeki slogan ve alt yazı */
#flexslider-style-3 .slides li {
    display: flex !important;          /* Flexbox ile içeriği düzgün hizala */
    flex-direction: column;            /* Üstte başlık, altta alt yazı */
    justify-content: center;           /* Dikey ortalama */
    align-items: center;               /* Yatay ortalama */
    text-align: center;                /* Metin ortala */
    position: relative;
    padding: 20px;                     /* İç boşluk ver */
    box-sizing: border-box;
}

/* Slogan başlık */
#flexslider-style-3 .slides li .accent-color {
    font-size: 2.5em;                  /* Başlık boyutu */
    line-height: 1.2em;                /* Satır yüksekliği */
    margin-bottom: 10px;               /* Alt boşluk */
    z-index: 20;
}

/* Alt yazı / açıklama */
#flexslider-style-3 .slides li .text-45-percent,
#flexslider-style-3 .slides li .text-padding {
    font-size: 1.5em;                  /* Alt yazı boyutu */
    line-height: 1.4em;
    max-width: 80%;                     /* Genişliği sınırlayarak taşmayı önle */
    z-index: 20;
    word-wrap: break-word;             /* Uzun metinleri kaydır */
}

/* Linkler slider içinde ise */
#flexslider-style-3 .slides li a {
    display: inline-block;
    margin: 5px 10px;
    text-decoration: none;
}