/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/
@import url("/fonts/miradormedium/stylesheet.css");
@import url("/fonts/museo_sans_rounded300/stylesheet.css");
@import url("/fonts/museo_sans_rounded900/stylesheet.css");
@import url("/fonts/museo_sans_rounded1000/stylesheet.css");
html {
	min-height:100%;
}
body {
	width: 100%;
	height: auto;
	min-height:100vh;
	padding: 0px;
	margin: 0px;
	color:#6d6e71;
	background-color:#FFF;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: antialiased;
	font-size:16px;
	line-height:22px;
	font-family: "Ubuntu", Helvetica, Arial, sans-serif;
	font-weight:400;
	position:relative;
}
p:after{
	display:block;
	content:'—';
}	
header {
	position: fixed;
	display:block;
	padding:20px 0px 20px 0px;
	background-color:#000;
	width: 100%;
	z-index:999;
}
header.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9;
}
header .container{
	width:100%;
	max-width:100%;
	padding:0 30px;
}
.main-nav{
	float:right;
	margin-top: 10px;
}
.main-nav li{
	float:left;
	margin-left:30px;
}
.main-nav li a{
	font-family:'museo_sans_rounded300';
	font-size:18px;
	line-height:32px;
	font-weight:300;
	color:#fff;
	letter-spacing: 0.04em;
}

.main-nav li a.active,
.main-nav li a.selected,
.main-nav li a:hover{
	color:#EB0028;
}

.icon {
    margin-left: auto!important;
    margin-right: auto!important;
    text-align: center;
    font-size: 30px;
    /* top: -6px; */
    right: 0;
    position: relative;
}
i.icon:after {
    content: " " !important;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.primary-nav-trigger{
	display:none;
	height: 29px;
	line-height: 29px;
	float:right;
	color: #fff;
}

.container {
	width:100%;
	max-width:1200px;
	padding:0 20px;
	display:block;
	position:relative;
	margin:0 auto;
}

.container:after {
	content:" ";
	display:block;
	clear:both;
}



#logo {
	position:relative;
	display:block;
	width:174px;
	float:left;
}

#logo img {
	display:block;
	width:100%;
	margin-bottom: 10px;
}

h1 {
	font-size:18px;
	line-height:24px;
	font-weight:600;
	color:#ba1f24;
	display:block;
}

h2 {
	font-size:16px;
	line-height:22px;
	font-weight:500;
	display:block;
	margin-bottom:10px;
	color:#ba1f24;
}

#content{
	position:relative;
}

/* HAMBURGER MENU */
#menu-toggle {
	display:none;
	position:absolute;
	z-index:1002;
	top:auto;
	right:auto;
	float:right;
	text-align:right;
	border:0px;
	pointer-events:auto;
	background-color:transparent;
	width: 30px;
	height: 24px;
	margin: 0px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	/*-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;*/
	cursor: pointer;
	font-size:30px;
	line-height:24px;
	
	top:6px;
	right:26px;
}

#menu-toggle span {
	display: block;
	position: absolute;
	height: 0.18em;
	width: 100%;
	background: #6d6e71;
	border-radius: 0px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#menu-toggle:hover span {
	background:#ba1f24;
}

#menu-toggle span:nth-child(1) {
  top: 0px;
}

#menu-toggle span:nth-child(2), #menu-toggle span:nth-child(3) {
  top: 12px;
}

#menu-toggle span:nth-child(4) {
  top: 24px;
}

#menu-toggle.open span:nth-child(1) {
  top: 13px;
  width: 0%;
  left: 50%;
}

#menu-toggle.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#menu-toggle.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#menu-toggle.open span:nth-child(4) {
  top: 13px;
  width: 0%;
  left: 50%;
}

#menu-toggle.toggled-on, #menu-toggle.toggled-on:hover, #menu-toggle.toggled-on:focus {
	background-color:transparent;
}
#menu-toggle.toggled-on:focus {
	outline: none;
}
nav.open{
	display:block;
}
#contact:after,
#contact:before,
#team:after,
#team:before,
#services:after,
#services:before,
#network:after,
#network:before,
#about:after,
#about:before{
	display:block;
	content:' ';
	clear:both;
}
#about{
	position:relative;
	width:100%;
	min-height:100vh;
	padding-top:82px;
	overflow:hidden;
}
#about .image-holder{
	position:absolute;
	width:100%;
	height:100%;
	padding:5.208vw 7.812vw;
	
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.about-text h2{
	font-family:'miradormedium';
	font-size:7.395vw;
	line-height:7.708vw;
	color:#000;
	margin-bottom:30px;
}
.about-text h2 img{
	display: inline;
	width: 3.78em;
}
/*
.about-text h2:after{
	content:'';
	display:inline-block;
	background-image: url(http://wesult.heroyazilim.com/images/wesult-home.png);
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	width:543px;
	height:97px;
}
*/
.about-text p{
	font-family:'museo_sans_rounded300';
	font-size:1.197vw;
	line-height:2.552em;
	color:#EB0028;
	letter-spacing:0.12em;
	max-width:1150px;
}
.about-text p:after{
	font-family:'museo_sans_rounded1000';
	font-size:1.197vw;
	line-height:2.552em;
	color:#000;
}
#network{
	position:relative;
	width:100%;
	height:auto;
	padding:9.479vw 7.812vw 0px 7.812vw;
	
	
}

.network-text h2{
	font-family:'miradormedium';
	font-size:4.427vw;
	line-height:4.479vw;
	color:#000;
	margin-bottom:30px;
}
.network-text h2 img{
	display: inline;
	width: 3.79em;
}
/*
.network-text h2:after{
	content:'';
	display:inline-block;
	background-image: url(http://wesult.heroyazilim.com/images/wesult-home.png);
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	width: 400px;
	height: 60px;
}
*/
.network-text p{
	font-family:'museo_sans_rounded300';
	font-size:1.197vw;
	line-height:2em;
	color:#000;
	letter-spacing:0.12em;
	max-width:1150px;
}
.network-text p:after{
	font-family:'museo_sans_rounded1000';
	font-size:1.197vw;
	line-height:2em;
	color:#EB0028;
}
.network-boxes{
	margin-left:-30px;
	margin-right:-30px;
	margin-bottom:30px;
}
.network-box{
	float:left;
	width:calc(25% - 60px);
	margin:30px 30px;
	-webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);
}
.network-box:nth-child(4n+1){
	clear:both;
}
.network-box img{
	width:100%;
}



#services{
	position:relative;
	width:100%;
	height:auto;
	/*padding:5.937vw 7.812vw 3.645vw 7.812vw;*/
	padding:9.479vw 7.812vw 3.645vw 7.812vw;
	background-color:transparent;
	background-color:#000;
}
#services2{
	position:relative;
	width:100%;
	height:auto;
	padding:5.937vw 7.812vw 3.645vw 7.812vw;
	background-color:transparent;
	background-color:#fff;
	padding:2.083vw 7.812vw 0px 7.812vw;
}
.tab-wrrapper{
	margin-top:20px;
}
.tab-wrrapper,
.tab-menu{
	position:relative;
	width:50%;
	float:left;
	padding-left:20px;
	padding-right:20px;
}
.tab-nav > li{
	margin-bottom:40px;
}
.tab-nav > li:before{
	display:block;
	content:' ';
	background-image: url(http://wesult.com/images/passive-arrow.png);
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	width: 26px;
	height: 28px;
}
.tab-nav li.active:before,
.tab-nav li:hover:before{
	display:block;
	content:' ';
	background-image: url(http://wesult.com/images/active-arrow.png);
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	width: 26px;
	height: 28px;
}
.tab-nav li a{
	display:block;
	font-family:'museo_sans_rounded300';
	font-size:23px;
	line-height:39px;
	color:#000;
	text-transform:uppercase;
	letter-spacing:0.3em;
	padding:10px 0px;
}
.tab-nav > li .tabcontent,
.tabcontent {
    display: none;
    
}


.tabcontent-res li:before{
	display:none !important;
}
.tab-wrrapper .active-tab{
	display:block !important;
}

.tabcontent h4{
	font-family:'museo_sans_rounded300';
	font-size:23px;
	line-height:49px;
	color:#EB0028;
	text-transform:uppercase;
	letter-spacing:0.3em;
}

.tabcontent p{
	font-family:'museo_sans_rounded300';
	font-size:23px;
	line-height:49px;
	color:#1D1D1B;
	max-width:1150px;
}
.tabcontent p:after{
	display:none;
}

.services-box ul{
	
}

.tabcontent p,
.tabcontent ul li{
	font-family:'museo_sans_rounded300';
	font-size:23px;
	line-height:49px;
	color:#1D1D1B;
	letter-spacing:0.12em;
}


.tabcontent ul:after{
	display:block;
	content:'—';
	font-family:'museo_sans_rounded1000';
	font-size:23px;
	line-height:49px;
	color:#EB0028;
	
}
.tabcontent ul li:before{
	display:inline-block;
	content:'›';
	font-family:'museo_sans_rounded300';
	font-size:23px;
	line-height:49px;
	color:#EB0028;
	margin-right:14px;
}

.network-boxes:after,
.network-boxes:before,
.services-boxes:after,
.services-boxes:before,
#services .black:before,
#services .black:after,
#services .white:before,
#services .white:after{
	display:block;
	content:' ';
	clear:both;
}
.services-text h2{
	font-family:'miradormedium';
	font-size:4.427vw;
	line-height:4.479vw;
	color:#fff;
	margin-bottom:30px;
}

.services-text h2 img{
	display: inline;
	width: 3.58em;
}

.services-text p{
	font-family:'museo_sans_rounded300';
	font-size:1.197vw;
	line-height:2em;
	color:#EB0028;
	letter-spacing:0.12em;
	max-width:1150px;
}
.services-text p:after{
	font-family:'museo_sans_rounded1000';
	font-size:1.197vw;
	line-height:2em;
	color:#fff;
}

.services-boxes{
	margin-left:-20px;
	margin-right:-20px;

}





#team{
	position:relative;
	width:100%;
	height:auto;
	background-color:#fff;
	padding:9.479vw 7.812vw 3.645vw 7.812vw;
}
#team2{
	background-color:#000;
	padding:2.083vw 7.812vw 0px 7.812vw;
	display:none;
}
#team{
	
}
.team-text h2{
	font-family:'miradormedium';
	font-size: 4.427vw;
	line-height: 4.479vw;
	color:#000;
	margin-bottom:30px;
}
.team-text h2 img {
    display: inline;
    width: 3.58em;
}
/*
.team-text h2:after{
	content:'';
	display:inline-block;
	background-image: url(http://wesult.heroyazilim.com/images/wesult-home.png);
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	width: 400px;
	height: 60px;
}
*/
.team-text p{
	font-family:'museo_sans_rounded300';
	font-size:23px;
	line-height:49px;
	color:#000;
	letter-spacing:0.12em;
	max-width:1150px;
}
.team-text p:after{
	font-family:'museo_sans_rounded1000';
	font-size:23px;
	line-height:49px;
	color:#EB0028;
}
.team-boxes{
	margin-left:-67px;
	margin-right:-67px;
}
.team-boxes:after,
.team-boxes:before{
	display:block;
	content:' ';
	clear:both;
}
.team-box{
	position:relative;
	float:left;
	width:calc(25% - 134px);
	margin:35px 67px;
	text-align:center;
	padding:40px 0px;
}
.vertical-line{
	position:absolute;
	right:-67px;
	top: 0px;
	width:1px;
	height:100%;
	background-color:#EB0028;
	-ms-transform: rotate(10deg); 
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}
.team-box p:after{
	display:none;
}
.team-box p{
	color:#fff;
}
.team-box h4{
	font-family:'museo_sans_rounded300';
	font-size:23px;
	line-height:37px;
	text-align:center;
	color:#EB0028;
}
.team-box h4:before{
	display:block;
	content:'—';
	font-family:'museo_sans_rounded1000';
	font-size:23px;
	line-height:49px;
	color:#EB0028;
	text-align:center;
}

.team-box img{
	width:100%;
	max-width:150px;
	display:inline-block;
}


#contact{
	position:relative;
	width:100%;
	height:auto;
	padding:114px 150px 0px 150px;
	background-color:#000;
}

.contact-text h2{
	font-family:'miradormedium';
	font-size: 7.395vw;
	line-height: 7.708vw;
	color:#fff;
	margin-bottom:130px;
}
.contact-text h2 img {
    display: inline;
    width: 3.58em;
}
/*
.contact-text h2:after{
	content:'';
	display:inline-block;
	background-image: url(http://wesult.heroyazilim.com/images/wesult-home.png);
	background-size: contain;
	background-position:center center;
	background-repeat:no-repeat;
	width: 400px;
	height: 60px;
}
*/

.contact-form{
	/*margin-left:-67px;
	margin-right:-67px;*/
	max-width:733px;
	margin:0 auto;
}
.contact-form .coll-1{
	position:relative;
	width:50%;
	float:left;
	margin:0px 0px 20px 0px;
	padding:0px 15px 0px 15px;
}
.contact-form .coll-2{
	position:relative;
	width:100%;
	float:left;
	padding:0px 15px 0px 15px;
	margin-bottom:30px;
}

form{
	display:block;
	position:relative;
	margin-left:-15px;
	margin-right:-15px;
	box-sizing: border-box;
}
input[type="text"]{
	width:100%;
	height:44px;
	box-sizing: border-box;
	background-color:#fff;
	color:#000;
	font-family:'museo_sans_rounded300';
	font-size:18px;
	line-height:24px;
	padding:10px;
}
textarea{
	width:100%;
	height:200px;
	box-sizing: border-box;
	background-color:#fff;
	padding:10px;
	
}
input[type="submit"]{
	width:auto;
	height:44px;
	box-sizing: border-box;
	background-color:#000;
	color:#EB0028;
	font-family:'museo_sans_rounded900';
	font-size:18px;
	line-height:24px;
	padding:10px 40px;
	border:1px solid #EB0028;
	margin:0 auto;
	cursor:pointer;
}
input[type="submit"]:hover{
	background-color:#eb0028;
	color:#fff;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #878786;
	font-family:'museo_sans_rounded300';
	font-size:18px;
	line-height:24px;
}
::-moz-placeholder { 
  color: #878786;
	font-family:'museo_sans_rounded300';
	font-size:11px;
	line-height:24px;
}
:-ms-input-placeholder { 
  color: #878786;
	font-family:'museo_sans_rounded300';
	font-size:18px;
	line-height:24px;
}
:-moz-placeholder { 
  color: #878786;
	font-family:'museo_sans_rounded300';
	font-size:18px;
	line-height:24px;
}
textarea, input[type="text"], input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 10px;
}
.column .red{
	font-family:'museo_sans_rounded900';
	color:#EB0028;
}
footer{
	background-color:#000;
}
footer .container{
	padding:114px 150px 30px 150px;
}
.column{
	text-align:center;
}
.column span a,
.column span{
	font-family:'museo_sans_rounded300';
	color:#fff;
	font-size:14px;
	line-height:24px;
}
.column:before,
.column:after{
	display:block;
	content:' ';
	clear:both;
}
.result{
	margin-top: 20px;
	color: #EB0028;
}
.result.err{
	 color: #EB0028;
}
input,
textarea{
	border:1px solid transparent;
}
input.err,
textarea.err{
	border:1px solid red;
}

.loading {
    display: none;
    width: 36px;
    vertical-align: middle;
    margin-left: 20px;

}

.fancybox-is-open .fancybox-bg {
    opacity: .95;
}
.fancybox-toolbar{
	top:10px;
	right:10px;
}
.fancybox-button--play,
.fancybox-button--fullscreen,
.fancybox-button--thumbs{
	display:none;
}
.fancybox-enabled {
    overflow: visible;
}

@media (max-width:1300px){
	.network-box {
	    width: calc(33.333% - 60px);
	    margin: 30px 30px;
	}
	.network-box:nth-child(4n+1){
		clear:none;
	}
	.network-box:nth-child(3n+1){
		clear:both;
	}
	
}

@media (max-width:1100px){
	.tab-wrrapper{
		display:none !important;
	}
	.tabcontent p, 
	.tabcontent ul li,
	.tab-nav li a,
	.team-text p,
	.team-text p,
	.services-text p,
	.network-text p,
	.about-text p {
	    font-size: 16px;
	}
	.tabcontent p:after, 
	.tabcontent ul li:before,
	.tab-nav li a:after,
	.team-text p:after,
	.services-text p:after,
	.network-text p:after,
	.about-text p:after {
	    font-size: 18px;
		line-height: 32px;
	}
	
	.tab-wrrapper, .tab-menu {
	    position: relative;
	    width: 100%;
	    float: left;
	}
	
	.tab-nav li.active a {
	    color: #EB0028;
	}
	.tab-nav > li.active .tabcontent{
		/*display:block;*/
	}
	
}
@media (max-width:980px){
	
	#about .image-holder {
	    padding: 30px 30px;
	}
	#network {
	    padding:122px 30px 30px 30px;
	}
	.network-boxes {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	
	.network-box {
	    width: calc(50% - 30px);
	    margin: 15px;
	}
	.network-box:nth-child(3n+1){
		clear:none;
	}
	.network-box:nth-child(2n+1){
		clear:both;
	}
	
	#services  {
	    padding:122px 30px 30px 30px;
		background-color:#000;
	}
	#team {
	    padding: 122px 30px 30px 30px;
	}
	#team2  {
	    padding:30px 30px 30px 30px;
	}
	
	#services2  {
	    padding:30px 30px 30px 30px;
	}
	#services .black {
	    /*padding:122px 30px 30px 30px;*/
	}
	#services .white {
	    padding:30px 30px 30px 30px;
	}
	.services-boxes {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.services-box {
	    width: calc(33.333% - 30px);
	    margin: 15px;
	}
	.services-box h4 {
	    font-size: 16px;
	    line-height: 32px;
	}
	.services-box p:after, 
	.services-box ul:after,
	.services-box p, 
	.services-box ul li {
	    font-size: 16px;
	    line-height: 32px;
	}
	#team .white {
	    padding: 122px 30px 30px 30px;
	}
	#team .black {
	    padding: 30px 30px 30px 30px;
	}
	#contact {
	    padding: 122px 30px 30px 30px;
	}
	
}
@media (max-width:768px){
	
	.main-nav{
		display:none;
		position:absolute;
		width:100%;
		height:100vh;
		background-color:rgba(000, 000, 000, 0.9);
		float: none;
		left: 0px;
		top: 41px;
		z-index:99;
		padding-top:calc(50vh - 200px);
	}
	.main-nav li{
		float:none;
		margin:0px;
		text-align:center;
	}
	.main-nav li a {
	    font-size: 23px;
	    line-height: 42px;
	    font-weight: 600;
	}
	.primary-nav-trigger{
		display:block;
	}
	
	#logo img {
	    margin-bottom: 0px;
	}
	#about {
	    padding-top: 71px;
	}
	.tab-nav > li {
	    margin-bottom: 20px;
	}
	.tab-nav > li .tabcontent {
	    margin-bottom: 30px;
	}
	.services-boxes {
	    margin-left: -20px;
	    margin-right: -20px;
	}
	.services-box {
	    width: calc(100% - 60px);
	    margin: 30px;
	}
	.team-boxes {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.team-box {
	    width: calc(50% - 30px);
	    margin: 15px 15px;
	}
	.team-box:nth-child(2n+1) {
		clear:both;
	}
	.team-box img {
	    width: 50%;
	    display: inline-block;
	}
	.vertical-line{
		display:none;
	}
	footer .container {
	    padding: 114px 30px 30px 30px;
	}
}

@media (max-width:600px){
	.contact-text h2,
	.services-text h2,
	.network-text h2,
	.team-text h2,
	.about-text h2 {
		font-size: 26px;
		line-height:32px;
	}
	.contact-text h2 {
	    margin-bottom: 30px;
	}
	.contact-form .coll-1 {
	    width: 100%;
	}
	
	.team-box img {
	    width: 100%;
	}
}