html,body {
	position:relative;
	font-family:'Rubik',sans-serif;
	color:#333;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	min-height:100%;
}
.dil {
    position: fixed;
    top: 0;
    /* right: 25px; */
    z-index: 999;
    top: 0;
    margin: 0 60px;
    padding-top: 17px;
    right: 0px;
}

.dil a {
    color: gray; 
    font-size: 15px;
}

.refref {
    display: inline-block; 
    margin: 30px 0px 30px 40px;
    width: 68%;
}



.refref .item { 
    display: inline-block;
    /* width: 20%; */
    margin: 2px;
    text-align: center;
}

.refref .item img {
    width: 85%;
}

.footer {
	position:relative;
	display:block;
	background:#fff;
	text-align:center;
}

.footer img {
	display:inline-block;
	margin:20px auto;
}

.footer .footer_adres {
}

#preloader {
	position:fixed;
	z-index:9999999;
	background:#FFBF3C url(/img/j-loader.gif) no-repeat center center;
	background-size:118px 20px;
	pointer-events:none;
}

.corner {
	display:block;
	position:fixed;
	top:0!important;
	left:0!important;
	right:0!important;
	bottom:0!important;
	z-index:99;
	-webkit-box-shadow:inset 0 0 0 60px #fff;
	-moz-box-shadow:inset 0 0 0 60px #fff;
	box-shadow:inset 0 0 0 60px #fff;
	pointer-events:none;
}

.logo {
	position:fixed;
	display:block;
	width:160px;
	height:60px;
	top:0;
	margin:0 60px;
	padding-top:17px;
	z-index:999;
}

.preload_hide {
	animation:1s preloadhide;
}

@keyframes preloadhide {
	0% {
		opacity:1;
		top:0;
		right:0;
		left:0;
		bottom:0;
	}

	100% {
		top:0;
		right:0;
		left:0;
		bottom:0;
		opacity:0;
	}
}

@media (min-width: 1280px) {
	@keyframes preloadhide {
	0% {
		opacity:1;
		top:0;
		right:0;
		left:0;
		bottom:0;
	}

	100% {
		opacity:0;
		background-color:#FFBF3C;
		top:60px;
		right:60px;
		left:60px;
		bottom:60px;
	}
}


}

.cornershow {
	animation:1s cornershow;
	-webkit-animation:1s cornershow;
}

@keyframes cornershow {
	0% {
		-webkit-box-shadow:inset 0 0 0 0 #fff;
		-moz-box-shadow:inset 0 0 0 0 #fff;
		box-shadow:inset 0 0 0 0 #fff;
	}

	100% {
		-webkit-box-shadow:inset 0 0 0 60px #fff;
		-moz-box-shadow:inset 0 0 0 60px #fff;
		box-shadow:inset 0 0 0 60px #fff;
	}
}

.logoshow {
	animation:1s logoshow;
	-webkit-animation:1s logoshow;
}

@keyframes logoshow {
	0% {
		top:-60px;
	}

	100% {
		top:0;
	}
}

h1 {
	font-size:44px;
	line-height:47px;
	margin-bottom:15px;
}

h2 {
	font-size:34px;
	line-height:42px;
}

h3 {
	font-size:110px;
}

section {
	width:100%;
	height:100%;
}

.container {
	position:relative;
	width:100%;
	padding:0 60px;
	background:#fff;
}

.giris {
}

.orta {
	position:relative;
	top:0;
	height:100%;
	text-align:center;
}

.grey {
	position:fixed;
	display:flex;
	text-align:right;
	width:50%;
	left:0;
	background-color:#F5F5F5;
	vertical-align:top;
	height:100%;
	float:left;
}

.grey img.d {
	width:20px;
	position:absolute;
	left:85px;
	bottom:85px;
	cursor:pointer;
}

img.down {
	width:20px;
	position:absolute;
	left:15px;
	bottom:15px;
	cursor:pointer;
}

.grey img.j,#animation_container {
	height:150px;
	align-self:center;
	right:25px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

.orange {
	position:fixed;
	right:0;
	display:flex;
	background-color:#FFBF3C;
	width:50%;
	vertical-align:top;
	text-align:left;
	overflow:hidden;
	height:100%;
}

.orangeshow {
	animation:1s orangeshow;
	-webkit-animation:1s orangeshow;
}

@keyframes orangeshow {
	0% {
		width:100%;
	}

	100% {
		width:50%;
	}
}

.orange h1 {
	align-self:center;
	font-family:Rubik;
	margin-left:25px;
	font-weight:700;
	font-size:38px;
	line-height:40px;
	margin-bottom:0;
}

.orange div {
	align-self:center;
}

.menu {
	position:absolute;
	align-self:center;
	left:-22px;
	cursor:pointer;
	z-index:100;
}

.menu div {
	margin-top:5px;
	margin-left:-8px;
	font-size:12px;
	float:left;
	-ms-transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
	transform:rotate(-90deg);
}

.menu img {
	width:40px;
	float:left;
}

.sosyal {
	position:fixed;
	right:19px;
	top:50%;
	transform:translateY(-50%);
	z-index:100;
}

.sosyal li {
	border-top:1px silver solid;
}

.sosyal li:first-child {
	border-top:none;
}

.sosyal li img {
	width:22px;
	height:38px;
}

div#reklam-proje {
	position:relative;
	background-color:#F5F5F5;
	*min-height:580px;
	*margin-top:50px;
	width:calc(100% - 160px);
	opacity:0;
}

div#reklam-proje .bg {
	display:flex;
	position:absolute;
	z-index:0;
	right:0;
	width:30%;
	height:100%;
	text-align:right;
}

div#reklam-proje .bg img.j {
	height:150px;
	align-self:center;
	position:absolute;
	right:50px;
}

div#reklam-proje .bg .orange_right {
	position:absolute;
	width:40px;
	height:100%;
	min-height:100%;
	background-color:#ffbf3c;
	right:0;
/* display: -webkit-inline-box; */
}

div#reklam-proje .baslik {
	position:absolute;
	display:block;
	top:50%;
	left:150px;
	margin-top:-200px;
}

div#reklam-proje .baslik .bs,.next {
	background-image:url(/img/bs.svg);
	background-size:65px auto;
	background-repeat:no-repeat;
	padding-left:75px;
	background-position:left center;
	font-size:18px;
	line-height:21px;
	font-style:italic;
	height:18px;
	width:100%;
	*margin-left:35px;
	text-align:left;
}

div#reklam-proje .baslik .tirtir {
	align-self:center;
	width:100%;
	background-image:url(/img/w_pattern.svg);
	background-repeat:no-repeat;
	background-position:left center;
	height:300px;
	font-family:'Arvo';
	font-size:26px;
	line-height:30px;
	display:flex;
	text-align:left;
}

div#reklam-proje .baslik .tirtir div {
	align-self:center;
	margin-left:50px;
}

div#reklam-proje .baslik h2 {
	margin-left:50px;
	text-align:left;
}

div#ekip {
	position:relative;
	background-color:#fff;
}

div#ekip .item {
	width:50%;
	display:block;
	float:left;
}

div#ekip .item:nth-child(4n+1) {
	background-color:#FFBF3C;
	color:#fff;
}

div#ekip .item:nth-child(4n+2) {
	background-color:#D4DDE2;
}

div#ekip .item:nth-child(4n+3) {
	background-color:#F5F5F5;
}

div#ekip .item:nth-child(4n+4) {
	background-color:#212121;
	color:#fff;
}

div#ekip .item .cv {
	float:left;
	width:50%;
	padding:35px 35px 0;
}

div#ekip .item .cv .ismi {
	font-size:21px;
	font-weight:700;
}

div#ekip .item .cv .gorevi {
	font-size:11px;
	letter-spacing:1px;
	margin:5px 0 25px;
}

div#ekip .item .cv .article {
	font-size:14px;
	line-height:18px;
	font-family:'Ubuntu',sans-serif;
}

div#ekip .item:nth-child(3n+2) .cv .gorevi,div#ekip .item:nth-child(3n+2) .cv .article {
	color:#A0A3A7;
}

div#ekip .item:nth-child(3n+3) .cv .gorevi,div#ekip .item:nth-child(3n+3) .cv .article {
	color:#A0A3A7;
}

div#ekip .item:nth-child(1n+2) .cv .mail {
	color:#212121;
}

div#ekip .item:nth-child(3n+1) .cv .mail {
	color:#fff;
}

div#ekip .item .cv .mail {
	display:inline-block;
	font-size:14px;
	padding-left:28px;
	margin-top:25px;
	background-repeat:no-repeat;
	background-size:20px;
	background-position:left center;
	height:20px;
	line-height:20px;
	background-image:url(/img/s_mail.svg);
	text-decoration:none;
	color:#fff;
}

div#ekip .item:nth-child(3n+1) .cv .mail {
	background-image:url(/img/b_mail.svg);
}

div#ekip .item figure {
	float:left;
	width:50%;
}

div#ekip .item figure img {
	width:100%;
	display:block;
}

div#ekip .item:nth-child(2n+3) .figure {
	float:left;
}

div#ekip .item:nth-child(2n+3) .cv {
	float:right;
}

div#ekip .item:nth-child(2n+4) .figure {
	float:left;
}

div#ekip .item:nth-child(2n+4) .cv {
	float:right;
}

.show {
	-webkit-transition:width 1s ease-in-out;
	transition:width 1s ease-in-out;
	width:60px;
}

.orange.show div {
	display:none;
}

.greyshow {
	-webkit-transition:width 1s ease-in-out;
	transition:width 1s ease-in-out;
	width:calc(100% - 60px);
}

.remove {
	-webkit-transition:width 1s ease-in-out;
/* For Safari 3.1 to 6.0 */
	transition:width 1s ease-in-out;
}

.gelen {
	-webkit-transition:-webkit-transform 1000ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 500ms linear 450ms;
	-moz-transition:-moz-transform 1000ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 500ms linear 450ms;
	transition:transform 1000ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 500ms linear 450ms;
}

.showReklam {
	opacity:1!important;
	animation:1s fadein;
	-webkit-animation:1s fadein;
	position:relative;
}

@keyframes fadein {
	0% {
		opacity:0;
		left:-100%;
	}

	100% {
		opacity:1;
		left:0;
	}
}

@-webkit-keyframes fadein {
	0% {
		opacity:0;
		left:-100%;
	}

	100% {
		opacity:1;
		left:0;
	}
}

.showReklam .slogan {
	opacity:0;
	animation:1s slideup;
	-webkit-animation:1s slideup;
	animation-fill-mode:forwards;
	animation-delay:.5s;
	position:relative;
}

@-webkit-keyframes slideup {
	0% {
		opacity:0;
		top:100px;
	}

	100% {
		opacity:1;
		top:0;
	}
}

.d {
	-webkit-animation:action 1s infinite alternate;
	animation:action 1s infinite alternate;
}

@-webkit-keyframes action {
	0% {
		transform:translateY(0);
	}

	100% {
		transform:translateY(-10px);
	}
}

@keyframes action {
	0% {
		transform:translateY(0);
	}

	100% {
		transform:translateY(-10px);
	}
}

.clearfix {
	clear:both;
	width:100%;
}

.ara {
	height:200%;
}

.mtn {
	font-size:24px;
	line-height:32px;
	text-align:center;
	font-family:Arvo;
	margin:50px auto;
	display:inline-block;
	width:100%;
}

.turuncu {
	color:#FFBF3C;
}

div#neyapar {
	position:relative;
	text-align:center;
	background-color:#fff;
}

div#neyapar .item {
	display:inline-block;
	max-width:300px;
	width:calc(32% - 20px);
	margin:30px 10px;
	vertical-align:top;
}

@media (max-width: 480px) {
	div#neyapar .item {
		width:calc(100% - 20px);
	}
}

div#neyapar .item .bs {
	font-size:14px;
	line-height:18px;
	letter-spacing:1px;
}

div#neyapar .item .baslik {
	color:#9FA3A7;
	font-size:14px;
	line-height:21px;
	margin:15px auto;
}

div#neyapar .item.bir {
	background-image:url(/img/1.png);
	background-repeat:no-repeat;
	background-position:left top;
}

div#neyapar .item.iki {
	background-image:url(/img/2.png);
	background-repeat:no-repeat;
	background-position:left;
}

div#neyapar .item.uc {
	background-image:url(/img/3.png);
	background-repeat:no-repeat;
	background-position:left;
}

.isler_con {
	position:relative;
	width:100%;
	margin-top:80px;
	text-align:center;
}

.isler_con .item {
	display:inline-block;
	width:340px;
	vertical-align:top;
	text-align:center;
	margin:5px 5px 20px;
	text-decoration:none;
	transition:all .3s ease-in-out;
	margin-top:5px;
}

.isler_con .item:hover {
	margin-top:-10px;
}

.isler_con .item img {
	width:100%;
	display:inline-block;
}

.isler_con .item .baslik {
	color:#333;
	font-size:21px;
	line-height:42px;
	height:42px;
}

.isler_con .item .baslik span {
	display:inline-block;
	vertical-align:middle;
	line-height:21px;
}

.isler_con .item .alt_baslik {
	font-size:14px;
	color:#9FA3A7;
	margin-top:4px;
}

.head {
	width:100%;
	background-color:#333;
	padding:50px;
	color:#fff;
}

.head_fix {
	position:fixed;
	padding:100px 50px 50px;
	top:0;
	z-index:-1;
}

.head h1 {
	color:#FFBF3C;
	margin-bottom:25px;
}

.head h2 {
	font-size:16px;
	line-height:18px;
	margin-bottom:40px;
}

.head p {
	font-size:18px;
	line-height:24px;
}

.is_con {
	z-index:1;
}

.is_con img {
	display:block;
	line-height:normal;
	width:100%;
	margin:0 auto;
	height:auto;
}

div#isler .head {
	padding:100px 150px 50px;
}

div#referanslar .head h3,
div#isler .head h3 {
	float:left;
	display:inline-block;
	color:#FFBF3C;
}

div#isler .head h1 {
	color:#FFF;

	display:inline-block;
	vertical-align:top;

}

div#isler .head .baslik {
	float:left;
	display:inline-block;
	vertical-align:top;

	font-size:21px;
	line-height:28px;
	color:#FFF;
}
div#isler .head .head_metin{
padding-left: 130px;
display: inline-block;
float: left;
max-width: calc(100% - 250px);
}

div#isler .head .next {
	display: block;
	float:left;
	width:auto;
	color:#fff;
	margin-top:35px;
}

div#isler {
	background-color:#F5F5F5;
}

.grid {
	max-width:calc(3 * 350px);
	margin:25px auto 0;
	text-align:center;
	height:700px!important;
}

/* clearfix */
.grid:after {
	content:'';
	display:block;
	clear:both;
}

.bibak {
	position:relative;
	z-index:99;
	color:#fff;
	margin-top:-50px;
	text-align:center;
	margin:-50px auto 0;
}

.bibak img {
	margin-bottom:-5px;
	margin-right:10px;
}

/* ---- grid-item ---- */
.grid-item .case {
	margin:5px;
}

.grid-item .resim {
	*background-color:#51B9BC;
	height:230px;
}

.grid-item--width2 .resim {
	background-color:#A084CB;
	height:300px;
}

.grid-item {
	width:350px;
	height:300px;
	float:left;
}

.grid-item--width2 {
	height:370px;
}

div#isler .grid div .bs {
	margin-top:10px;
	font-size:21px;
	font-family:Arvo;
}

div#isler .grid div .alan {
	font-size:14px;
	color:#9FA3A7;
	margin-top:8px;
}
div#referanslar .head {
	padding:100px 150px;
}
div#proje .head {
	background-color:#FFBF3C;
	padding:100px 150px;
}

div#proje .head h3 {
	float:left;
	display:inline-block;
	color:#000;
}

div#proje .head .head_metin {
	padding-left:130px;
	display:inline-block;
	float:left;
	max-width:calc(100% - 300px);
}

div#proje .head h1 {
	color:#FFF;
	display:inline-block;
	vertical-align:top;
	margin-top:15px;
}

div#proje .head .baslik {
	float:left;
	display:inline-block;
	vertical-align:top;
	font-size:21px;
	line-height:28px;
	color:#333;
}

div#proje .head .next {
	float:left;
	width:auto;
	color:#fff;
	margin-left:0;
	margin-top:35px;
	background-image:url(/img/bsb.svg);
}

.proje-grid {
	position:relative;
	max-width:970px;
	margin:0 auto;
	text-align:center;
	display:block;
	line-height:0;
	top:-70px;
}

.proje-grid li {
	position:relative;
	display:inline-block;
	width:470px;
	height:470px;
}

.proje-grid li a .thumb {
	display:block;
	width:100%;
	height:auto;
}

.proje-grid li:nth-child(1n) a {
	position:absolute;
	right:0;
	bottom:0;
	width:400px;
	height:400px;
}

.proje-grid li:nth-child(2n) a {
	position:absolute;
	left:0;
	bottom:0;
	width:470px;
	height:470px;
}

.proje-grid li:nth-child(3n) a {
	position:absolute;
	right:0;
	top:0;
	width:350px;
	height:350px;
}

.proje-grid li:nth-child(4n) a {
	position:absolute;
	left:0;
	top:0;
	width:430px;
	height:430px;
}

.navbar-toggle {
	position:fixed;
	top:28px;
	right:28px;
	margin-left:-10px;
	text-align:center;
	font-size:0;
	z-index:100;
	color:inherit!important;
	height:45px;
	width:45px;
	cursor:pointer;
	z-index:1000;
	*pointer-events:none;
	-webkit-transition:-webkit-transform 500ms cubic-bezier(0.7,0,0.3,1) 0;
	-moz-transition:-moz-transform 500ms cubic-bezier(0.7,0,0.3,1) 0;
	transition:transform 500ms cubic-bezier(0.7,0,0.3,1) 0;
	background:#fff;
	border-top-left-radius:25px;
	border-top-right-radius:25px;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
}

@media (min-width: 1600px) {
	.navbar-toggle {
		left:55px;
	}
}

@media (min-width: 767px) {
	.menuOpen .navbar-toggle {
		-webkit-transform:translateX(20px);
		-moz-transform:translateX(20px);
		-ms-transform:translateX(20px);
		-o-transform:translateX(20px);
		transform:translateX(20px);
	}
}

@media (min-width: 992px) {
	.menuOpen .navbar-toggle {
		-webkit-transform:translateX(60px);
		-moz-transform:translateX(60px);
		-ms-transform:translateX(60px);
		-o-transform:translateX(60px);
		transform:translateX(60px);
	}
}

@media (max-width: 990px) {
	.refref{
		width:45%; 
	}
	.refref .item {
		width:46%;
	}
	div#proje .head,div#referanslar .head,div#isler .head {
		padding:50px;
	}

	div#proje .head h3,div#referanslar .head h3,div#isler .head h3 {
		float:none;
	}

	div#proje .head h1,div#isler .head h1 {
		display:block;
		padding-left:0;
		width:100%;
		max-width:100%;
	}

	div#proje .head .baslik,div#isler .head .baslik {
		padding-left:0;
		float:none;
		width:100%;
		max-width:100%;
	}

	div#proje .head .next,div#isler .head .next {
		margin-left:0;
		width:100%;
	}

	.proje-grid {
		top:0;
	}

	.proje-grid li {
		position:relative;
		display:inline-block;
		width:50%;
	}

	.proje-grid li a {
		position:relative;
		top:0;
		left:0;
		right:0;
		bottom:0;
		display:block;
		width:100%!important;
		height:auto!important;
	}
}

.loaded .navbar-toggle {
	pointer-events:all;
}

.navbar-toggle .icon {
	position:absolute;
	top:50%;
	right:50%;
	-webkit-transform:translate(50%,-50%);
	-moz-transform:translate(50%,-50%);
	-ms-transform:translate(50%,-50%);
	-o-transform:translate(50%,-50%);
	transform:translate(50%,-50%);
	-webkit-transition:-webkit-transform 500ms cubic-bezier(0.7,0,0.3,1) 0;
	-moz-transition:-moz-transform 500ms cubic-bezier(0.7,0,0.3,1) 0;
	transition:transform 500ms cubic-bezier(0.7,0,0.3,1) 0;
}

@media (max-width: 766px) {
	.menuOpen .navbar-toggle .icon {
		-webkit-transform:translate(50%,-1px);
		-moz-transform:translate(50%,-1px);
		-ms-transform:translate(50%,-1px);
		-o-transform:translate(50%,-1px);
		transform:translate(50%,-1px);
	}
}

@media (min-width: 767px) {
	.navbar-toggle .txt {
		display:block;
	}

	.navbar-toggle .line + .line {
		margin-top:3px;
	}

	.navbar-toggle .icon {
		right:0;
		-webkit-transform:translate(-20px,-50%);
		-moz-transform:translate(-20px,-50%);
		-ms-transform:translate(-20px,-50%);
		-o-transform:translate(-20px,-50%);
		transform:translate(-20px,-50%);
	}

	.navbar-toggle {
		top:50%;
		left:55px;
		right:inherit;
		margin-top:-20px;
		height:40px;
		width:40px;
		background:transparent;
		border-top-left-radius:0;
		border-top-right-radius:0;
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}

	.navbar-toggle:hover .line:nth-child(1) {
		width:20px;
	}

	.navbar-toggle:hover .line:nth-child(2) {
		width:32px;
	}

	.navbar-toggle:hover .line:nth-child(3) {
		width:18px;
	}

	.navbar-toggle:hover .txt {
		-webkit-transform:rotate(-90deg) translateY(-8px);
		-moz-transform:rotate(-90deg) translateY(-8px);
		-ms-transform:rotate(-90deg) translateY(-8px);
		-o-transform:rotate(-90deg) translateY(-8px);
		transform:rotate(-90deg) translateY(-8px);
	}

	.navbar-toggle:hover .txt span:nth-child(1) {
		-webkit-transform:translateY(-5px);
		-moz-transform:translateY(-5px);
		-ms-transform:translateY(-5px);
		-o-transform:translateY(-5px);
		transform:translateY(-5px);
	}

	.navbar-toggle:hover .txt span:nth-child(2) {
		-webkit-transform:translateY(5px);
		-moz-transform:translateY(5px);
		-ms-transform:translateY(5px);
		-o-transform:translateY(5px);
		transform:translateY(5px);
	}

	.navbar-toggle:hover .txt span:nth-child(3) {
		-webkit-transform:translateY(-2px);
		-moz-transform:translateY(-2px);
		-ms-transform:translateY(-2px);
		-o-transform:translateY(-2px);
		transform:translateY(-2px);
	}

	.navbar-toggle:hover .txt span:nth-child(4) {
		-webkit-transform:translateY(3px);
		-moz-transform:translateY(3px);
		-ms-transform:translateY(3px);
		-o-transform:translateY(3px);
		transform:translateY(3px);
	}

	.menuHover #menu {
		-webkit-transform:translateX(-95%);
		-moz-transform:translateX(-95%);
		-ms-transform:translateX(-95%);
		-o-transform:translateX(-95%);
		transform:translateX(-95%);
	}

	#menu {
		left:0;
		right:20%;
		-webkit-box-orient:horizontal;
		-moz-box-orient:horizontal;
		box-orient:horizontal;
		-webkit-box-direction:normal;
		-moz-box-direction:normal;
		box-direction:normal;
		-webkit-flex-direction:row;
		-moz-flex-direction:row;
		flex-direction:row;
		-ms-flex-direction:row;
		-webkit-box-align:center;
		-moz-box-align:center;
		box-align:center;
		-webkit-align-items:center;
		-moz-align-items:center;
		-ms-align-items:center;
		-o-align-items:center;
		align-items:center;
		-ms-flex-align:center;
		overflow:hidden;
	}
}

.navbar-toggle .line {
	float:right;
	clear:right;
	height:2px;
	background:#1c1b20;
	-webkit-transition:-webkit-transform 800ms cubic-bezier(0.7,0,0.3,1) 0ms,background 150ms linear 0;
	-moz-transition:-moz-transform 800ms cubic-bezier(0.7,0,0.3,1) 0ms,background 150ms linear 0;
	transition:transform 800ms cubic-bezier(0.7,0,0.3,1) 0ms,background 150ms linear 0;
	-webkit-transition:all 400ms cubic-bezier(0.7,0,0.3,1) 0;
	-moz-transition:all 400ms cubic-bezier(0.7,0,0.3,1) 0;
	transition:all 400ms cubic-bezier(0.7,0,0.3,1) 0;
}

.navbar-toggle .line:nth-child(1) {
	width:16px;
}

.menuOpen .navbar-toggle .line:nth-child(1) {
	width:20px!important;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

.navbar-toggle .line:nth-child(2) {
	width:20px;
}

.menuOpen .navbar-toggle .line:nth-child(2) {
	width:20px!important;
	margin-top:-2px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.navbar-toggle .line:nth-child(3) {
	width:12px;
}

.menuOpen .navbar-toggle .line:nth-child(3) {
	width:0;
}

.navbar-toggle .line + .line {
	margin-top:2px;
}

.navbar-toggle .txt {
	position:absolute;
	width:100%;
	top:15px;
	right:-25px;
	text-align:center;
	display:block;
	font-size:.5rem;
	text-transform:uppercase;
	font-family:"Montserrat",sans-serif;
	font-weight:900;
	letter-spacing:.2em;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform:rotate(-90deg);
	-webkit-transition:-webkit-transform 400ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 150ms linear 0ms,color 150ms linear 0;
	-moz-transition:-moz-transform 400ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 150ms linear 0ms,color 150ms linear 0;
	transition:transform 400ms cubic-bezier(0.7,0,0.3,1) 0ms,opacity 150ms linear 0ms,color 150ms linear 0;
}

@media (min-width: 1600px) {
	.navbar-toggle .txt {
		top:12px;
	}
}

.menuOpen .navbar-toggle .txt {
	opacity:0;
}

.navbar-toggle .txt span {
	display:inline-block;
	-webkit-transition:-webkit-transform 400ms cubic-bezier(0.7,0,0.3,1) 0;
	-moz-transition:-moz-transform 400ms cubic-bezier(0.7,0,0.3,1) 0;
	transition:transform 400ms cubic-bezier(0.7,0,0.3,1) 0;
}

#menu {
	position:fixed;
	top:0;
	left:0;
	right:50px;
	height:100%;
	z-index:500;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	box-orient:vertical;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	box-direction:normal;
	-webkit-flex-direction:column;
	-moz-flex-direction:column;
	flex-direction:column;
	-ms-flex-direction:column;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	-ms-justify-content:space-between;
	-o-justify-content:space-between;
	justify-content:space-between;
	-ms-flex-pack:justify;
	-webkit-transition:-webkit-transform 500ms cubic-bezier(1,0,0,1) 0ms,left 500ms cubic-bezier(1,0,0,1) 0;
	-moz-transition:-moz-transform 500ms cubic-bezier(1,0,0,1) 0ms,left 500ms cubic-bezier(1,0,0,1) 0;
	transition:transform 500ms cubic-bezier(1,0,0,1) 0ms,left 500ms cubic-bezier(1,0,0,1) 0;
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
	*overflow:auto;
	-webkit-overflow-scrolling:touch;
	background:#fff;
	padding:0;
}

@media (min-width: 1600px) {
	#menu {
		left:55px;
	}
}

.menuOpen #menu {
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-ms-transform:translateX(0%);
	-o-transform:translateX(0%);
	transform:translateX(0%);
}

/*
.menuOpen #menu > :not(.color) {
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	-ms-transform:translateX(0%);
	-o-transform:translateX(0%);
	transform:translateX(0%);
}

#menu > :not(.color) {
	position:relative;
	z-index:10;
}*/
#menu .switch-lang {
	margin:40px 0;
	opacity:0;
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	-ms-transform:translateY(50px);
	-o-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	transition:transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
}

.menuOpen #menu .switch-lang {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	transition:transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
}

#menu .list-socials {
	margin-bottom:40px;
	opacity:0;
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	-ms-transform:translateY(50px);
	-o-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	transition:transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
}

.menuOpen #menu .list-socials {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	transition:transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
}

#menu .menu-container {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	margin-left:0;
}

@media (max-width: 766px) {
	#menu .menu-container {
		min-height:100%;
		padding-left:0;
		display:-webkit-box;
		display:-moz-box;
		display:box;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-moz-box-orient:vertical;
		box-orient:vertical;
		-webkit-box-direction:normal;
		-moz-box-direction:normal;
		box-direction:normal;
		-webkit-flex-direction:column;
		-moz-flex-direction:column;
		flex-direction:column;
		-ms-flex-direction:column;
		padding:0 40px;
	}
}

@media (min-width: 767px) {
	#menu .menu-container {
		padding:0;
		padding-left:calc(16vw - 40px);
	}
}

@media (min-width: 1200px) {
	#menu .menu-container {
		padding-left:calc(16vw - 60px);
	}
}

#menu .menu-container .menu-nav {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:20px;
	margin-left:-10px;
	margin-top:100px;
}

@media (max-width: 767px) {
	.refref {
		width: 100%;
		margin: 20px 20px 20px 0px !important;
	}
}
@media (min-width: 767px) {
	#menu .menu-container .menu-nav {
		margin-bottom:60px;
		margin-top:0;
	}
}

@media (min-width: 1600px) {
	#menu .menu-container .menu-nav {
		margin-bottom:100px;
	}
}

#menu .menu-container .menu-nav li .msk {
	padding:0;
	line-height:1.1;
}

#menu .menu-container .menu-nav li .msk span {
	-webkit-transition:-webkit-transform 800ms cubic-bezier(1,0,0,1) 0;
	-moz-transition:-moz-transform 800ms cubic-bezier(1,0,0,1) 0;
	transition:transform 800ms cubic-bezier(1,0,0,1) 0;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-o-transform:translateY(100%);
	transform:translateY(100%);
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(1) .msk span {
	-webkit-transition-delay:300ms;
	-moz-transition-delay:300ms;
	transition-delay:300ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(2) .msk span {
	-webkit-transition-delay:350ms;
	-moz-transition-delay:350ms;
	transition-delay:350ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(3) .msk span {
	-webkit-transition-delay:400ms;
	-moz-transition-delay:400ms;
	transition-delay:400ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(4) .msk span {
	-webkit-transition-delay:450ms;
	-moz-transition-delay:450ms;
	transition-delay:450ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(5) .msk span {
	-webkit-transition-delay:500ms;
	-moz-transition-delay:500ms;
	transition-delay:500ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(6) .msk span {
	-webkit-transition-delay:550ms;
	-moz-transition-delay:550ms;
	transition-delay:550ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(7) .msk span {
	-webkit-transition-delay:600ms;
	-moz-transition-delay:600ms;
	transition-delay:600ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(8) .msk span {
	-webkit-transition-delay:650ms;
	-moz-transition-delay:650ms;
	transition-delay:650ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(9) .msk span {
	-webkit-transition-delay:700ms;
	-moz-transition-delay:700ms;
	transition-delay:700ms;
}

.menuOpen #menu .menu-container .menu-nav li:nth-child(10) .msk span {
	-webkit-transition-delay:750ms;
	-moz-transition-delay:750ms;
	transition-delay:750ms;
}

.menuOpen #menu .menu-container .menu-nav li .msk span {
	position:relative;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
	-o-transform:translateY(0%);
	transform:translateY(0%);
	padding:0 10px;
}

.menuOpen #menu .menu-container .menu-nav li .msk span:before {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:15px;
	background:#FFBF3C;
	opacity:.5;
	z-index:-1;
	-webkit-transform-origin:left center;
	-moz-transform-origin:left center;
	-ms-transform-origin:left center;
	-o-transform-origin:left center;
	transform-origin:left center;
	-webkit-transform:scaleX(0) translateY(-50%);
	-moz-transform:scaleX(0) translateY(-50%);
	-ms-transform:scaleX(0) translateY(-50%);
	-o-transform:scaleX(0) translateY(-50%);
	transform:scaleX(0) translateY(-50%);
	-webkit-transition:-webkit-transform 400ms cubic-bezier(1,0,0,1) 0;
	-moz-transition:-moz-transform 400ms cubic-bezier(1,0,0,1) 0;
	transition:transform 400ms cubic-bezier(1,0,0,1) 0;
}

#menu .menu-container .menu-nav li + li {
	margin-top:6px;
}

#menu .menu-container .menu-nav li a {
	display:inline-block;
	vertical-align:middle;
	position:relative;
	font-family:"Gilroy",sans-serif;
	font-size:2.1rem;
	line-height:1.1;
	font-weight:900;
	text-decoration:none!important;
	color:inherit;
}

@media (min-width: 360px) {
	#menu .menu-container .menu-nav li a {
		font-size:2.4rem;
	}
}

@media (min-width: 767px) {
	#menu .menu-container .menu-nav li a {
		font-size:23px;
	}
}

@media (min-width: 1600px) {
	#menu .menu-container .menu-nav li a {
		font-size:23px;
	}
}

#menu .menu-container .menu-nav li a.active {
	pointer-events:none;
}

#menu .menu-container .menu-nav li a.page-home-link .msk span:before {
	background:#FFBF3C;
}

#menu .menu-container .menu-nav li a.page-projects-link .msk span:before {
	background:#FFBF3C;
}

#menu .menu-container .menu-nav li a.page-ideas-link .msk span:before {
	background:#FFBF3C;
}

#menu .menu-container .menu-nav li a.page-careers-link .msk span:before {
	background:#FFBF3C;
}

#menu .menu-container .menu-nav li a.page-contacts-link .msk span:before {
	background:#FFBF3C;
}

#menu .menu-container .menu-nav li a.page-philo-link .msk span:before {
	background:#FFBF3C;
}

#menu .menu-container .menu-nav li a:hover .msk span:before,#menu .menu-container .menu-nav li a.active .msk span:before {
	-webkit-transform:scaleX(1) translateY(-50%);
	-moz-transform:scaleX(1) translateY(-50%);
	-ms-transform:scaleX(1) translateY(-50%);
	-o-transform:scaleX(1) translateY(-50%);
	transform:scaleX(1) translateY(-50%);
}

#menu .menu-container p {
	max-width:240px;
	color:#7e7e7e;
	opacity:0;
	-webkit-transform:translateX(-150px);
	-moz-transform:translateX(-150px);
	-ms-transform:translateX(-150px);
	-o-transform:translateX(-150px);
	transform:translateX(-150px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	transition:transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
}

.menuOpen #menu .menu-container p {
	opacity:1;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	-ms-transform:translateX(0px);
	-o-transform:translateX(0px);
	transform:translateX(0px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	transition:transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
}

#menu .contact {
	width:100%;
	-webkit-align-self:flex-end;
	-moz-align-self:flex-end;
	align-self:flex-end;
	-ms-flex-item-align:end;
	margin:40px 0;
	margin-top:auto;
	opacity:0;
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	-ms-transform:translateY(50px);
	-o-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	transition:transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
}

.menuOpen #menu .contact {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	transition:transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
}

#menu .briefLink {
	position:absolute;
	bottom:40px;
	left:calc(16vw - 60px);
	margin-bottom:0;
	opacity:0;
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	-ms-transform:translateY(50px);
	-o-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	transition:transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
}

@media (min-width: 1600px) {
	#menu .briefLink {
		bottom:110px;
	}
}

.menuOpen #menu .briefLink {
	text-align:left;
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 250ms,opacity 400ms linear 400ms;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 250ms,opacity 400ms linear 400ms;
	transition:transform 600ms cubic-bezier(1,0,0,1) 250ms,opacity 400ms linear 400ms;
}

.menuColor {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:opacity 500ms cubic-bezier(1,0,0,1) 0;
	-moz-transition:opacity 500ms cubic-bezier(1,0,0,1) 0;
	transition:opacity 500ms cubic-bezier(1,0,0,1) 0;
	background:red;
	z-index:11;
	opacity:0;
	pointer-events:none;
}

.menuOpen .menuColor {
	opacity:1;
	pointer-events:all;
}

@media (min-width: 767px) {
	.menuOpen .menuColor {
		opacity:.95;
	}
}

li.nav-item {
	text-align:left;
}

.menu-container .logo {
	margin-bottom:65px;
	margin-left:0;
	z-index:100%;
}

#menu .contact {
	text-align:left;
	width:100%;
	-webkit-align-self:flex-end;
	-moz-align-self:flex-end;
	align-self:flex-end;
	-ms-flex-item-align:end;
	margin:40px 0;
	*margin-top:auto;
	opacity:0;
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	-ms-transform:translateY(50px);
	-o-transform:translateY(50px);
	transform:translateY(50px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
	transition:transform 600ms cubic-bezier(1,0,0,1) 0ms,opacity 400ms linear 0;
}

.menuOpen #menu .contact {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
	-webkit-transition:-webkit-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	-moz-transition:-moz-transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
	transition:transform 600ms cubic-bezier(1,0,0,1) 200ms,opacity 400ms linear 350ms;
}

.contact > * {
	display:inline-block;
	font-family:"Gilroy",sans-serif;
}

.contact .phone,.contact .mail {
	font-size:13px;
	color:#1c1b20;
	font-weight:600;
	margin-top:5px;
	text-decoration:none;
}

@media (min-width: 1600px) {
	.contact .phone,.contact .mail {
		font-size:13px;
		margin-top:6px;
	}
}

.contact .addresse {
	font-size:13px;
	line-height:13px;
	color:#1c1b20;
	margin:0;
	font-weight:300;
}

.contact .addresse a {
	color:inherit;
	text-decoration:none;
}

a {
	text-decoration:none;
}

a:focus,a:hover {
	color:#014c8c;
	text-decoration:underline;
}

.briefLink {
	position:relative;
	display:inline-block;
	color:inherit!important;
	text-decoration:none!important;
	white-space:nowrap;
}

@media (min-width: 767px) {
	.briefLink {
		margin-left:40px;
	}
}

@media (min-width: 1200px) {
	.briefLink {
		margin-left:0;
	}
}

.briefLink .block-title {
	margin-bottom:0;
	display:block;
}

.briefLink .arrow {
	display:none;
	position:absolute;
	width:40px;
	top:50%;
	right:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all 600ms cubic-bezier(1,0,0,1) 0;
	-moz-transition:all 600ms cubic-bezier(1,0,0,1) 0;
	transition:all 600ms cubic-bezier(1,0,0,1) 0;
	margin-right:40px;
}

@media (min-width: 1200px) {
	.briefLink .arrow {
		margin-right:80px;
	}
}

@media (min-width: 767px) {

	.briefLink .arrow {
		display:block;
	}
}

.briefLink .arrow .line {
	width:100%;
	height:2px;
	display:block;
	float:right;
	-webkit-transition:width 600ms cubic-bezier(1,0,0,1) 0;
	-moz-transition:width 600ms cubic-bezier(1,0,0,1) 0;
	transition:width 600ms cubic-bezier(1,0,0,1) 0;
	overflow:hidden;
}

.briefLink .arrow .line .inner {
	background:#1c1b20;
	width:100%;
	height:2px;
	display:block;
	float:right;
	-webkit-transition:width 600ms cubic-bezier(1,0,0,1) 0;
	-moz-transition:width 600ms cubic-bezier(1,0,0,1) 0;
	transition:width 600ms cubic-bezier(1,0,0,1) 0;
}

.briefLink .arrow svg {
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translate(2px,-50%);
	-moz-transform:translate(2px,-50%);
	-ms-transform:translate(2px,-50%);
	-o-transform:translate(2px,-50%);
	transform:translate(2px,-50%);
}

.briefLink:hover .arrow {
	-webkit-transform:translate(20px,-50%);
	-moz-transform:translate(20px,-50%);
	-ms-transform:translate(20px,-50%);
	-o-transform:translate(20px,-50%);
	transform:translate(20px,-50%);
	width:60px;
}

@media (min-width: 1200px) {
	.briefLink:hover .arrow {
		-webkit-transform:translate(40px,-50%);
		-moz-transform:translate(40px,-50%);
		-ms-transform:translate(40px,-50%);
		-o-transform:translate(40px,-50%);
		transform:translate(40px,-50%);
		width:80px;
	}
}

.briefLink:hover .arrow .line .inner {
	width:20px;
	-webkit-transition:width 800ms cubic-bezier(1,0,0,1) 0;
	-moz-transition:width 800ms cubic-bezier(1,0,0,1) 0;
	transition:width 800ms cubic-bezier(1,0,0,1) 0;
}

@media (min-width: 1200px) {
	.briefLink:hover .arrow .line .inner {
		width:40px;
	}
}

.briefLink .next-page-title {
	font-weight:900;
	font-size:2.4rem;
	font-family:"Gilroy",sans-serif;
	text-transform:uppercase;
	line-height:1.4;
}

@media (min-width: 1600px) {
	.briefLink .next-page-title {
		font-size:3rem;
	}
}

.gizli {
	display:none;
}

.ilt {
	position:fixed;
	right:20px;
	bottom:20px;
	background-color:#FDFDFD;
	z-index:999;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	min-width:320px;
	max-width:380px;
	box-shadow:0 5px 10px rgba(0,0,0,0.3);
}

.ilt .ilt_form {
	padding:20px;
}

.ilt input[type='text'],.ilt textarea,.ilt input[type='submit'] {
	font-size:14px;
	padding:8px;
	margin:5px auto;
	width:100%;
	-webkit-appearance:none;
}

.ilt input[type='submit']:hover {
	background:#ffbf3c;
}

.ilt .renk_bg {
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:20px 15px;
	margin:-1px;
	font-size:18px;
	line-height:22px;
	background:#ffbf3c;
	color:#fff;
/* padding: 10px; */
}

.ilt .uyari_f {
	margin-left:5px;
	font-size:10px;
	color:#cb4659;
}

img#kapat {
	width:20px;
	position:absolute;
	right:30px;
}

.ilt img#kapat {
	top:26px;
	right:15px;
	cursor:pointer;
}

.btn {
	position:relative;
	text-decoration:none;
	display:inline-block!important;
	text-align:center!important;
	vertical-align:middle!important;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	font-size:18px;
	padding:6px 18px 7px;
	margin:10px 0!important;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-appearance:none;
	color:#fff;
	background-color:#787878;
}

.btn_lacivert {
	background:#333;
}

.ilt input[type='text'],.ilt textarea,.ilt input[type='submit'] {
	font-size:14px;
	padding:8px;
	margin:5px auto;
	width:100%;
	-webkit-appearance:none;
}

textarea,input[type='password'],input[type='text'],input[type='email'],input[type='tel'],input[type='name'],input[type='surname'] {
	border:1px solid #C3C3C3;
	padding:10px 14px 12px;
	margin:5px 0;
	width:100%;
	font-weight:300;
	font-size:14px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}

@media (max-width: 1400px) {
	div#ekip .item .cv .article {
		font-size:12px;
		line-height:12px;
	}
}

@media (max-width: 1220px) {
	div#ekip .item {
		position:relative;
		width:100%;
		max-width:800px;
		float:left;
		left:50%;
		transform:translateX(-50%);
	}

	div#ekip .item:nth-child(2n+2) .figure {
		float:left;
	}

	div#ekip .item:nth-child(2n+2) .cv {
		float:right;
	}

	div#ekip .item:nth-child(2n+1) .figure {
		float:right;
	}

	div#ekip .item:nth-child(2n+1) .cv {
		float:left;
	}
}

#animation_container {
	background-color:rgba(255,255,255,0.00);
	width:120px;
	height:150px;
}

@media (max-width: 760px) {
	div#reklam-proje .baslik {
		left:50px;
	}
}

@media (max-width: 480px) {

	div#isler .head .head_metin{
		max-width: 100%;
		padding: 20px 0;
	}
	div#ekip .item .cv .article {
		font-size:14px;
		line-height:18px;
	}

	h3 {
		font-size:72px;
	}

	div#proje .head,div#referanslar .head,div#isler .head {
		padding:30px;
	}

	div#proje .head h1,div#isler .head h1 {
		font-size:32px;
		line-height:42px;
	}

	div#proje .head .head_metin {
		padding-left:0;
		max-width:100%;
	}

	div#proje .head h3 {
		display:block;
	}

	.proje-grid li a {
		position:relative;
		display:block;
	}

	.proje-grid li {
		width:100%;
		height:300px;
	}

	.ekip_foto {
		/*margin-top:60px;*/
	}

	.footer img {
		width:100%;
	}

	.isler_con .item {
		width:100%;
		margin:0 0 20px;
	}

	.head {
		padding:30px;
	}

	.head_fix {
		padding-top:80px!important;
	}

	div#ekip .item .cv {
		padding-bottom:35px;
	}

	.show {
		width:0;
	}

	.greyshow {
		width:200%;
	}

	h2 {
		font-size:24px;
		line-height:36px;
	}

	div#reklam-proje .baslik {
		width:90vw;
		top:70px;
		left:20px;
		margin-top:0;
	}

	div#reklam-proje .baslik .tirtir {
		font-size:21px;
		line-height:36px;
	}

	#animation_container {
		zoom:.8;
	}

	.grey img.d {
		left:40px;
		bottom:40px;
	}

	.orange h1 {
		font-size:20px;
		line-height:35px;
	}

	.logo {
		position:fixed;
		background:#fff;
		left:0;
		top:0;
		margin:0;
		width:100%;
	}

	.logo img {
		height:25px;
		width:auto;
		margin-left:20px;
	}

	#menu {
		right:0;
	}

	.menuOpen #menu .briefLink {
		left:40px;
	}

	.sosyal {
		display:none;
		right:3px;
	}

	.navbar-toggle {
		top:5px;
		right:10px;
	}

	.navbar-toggle .txt {
		display:none;
	}

	div#ekip .item {
		position:relative;
		width:100%;
		float:left;
	}

	div#ekip .item .cv,div#ekip .item figure {
		position:relative;
		width:100%;
		float:right;
	}

	.corner {
		display:none;
	}

	.container {
		padding:0;
	}
}