@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900,300italic,400italic,700italic%7CRaleway:100,200,300,400,500,600,700,800,900,300italic,400italic,700italic&subset=latin,latin-ext');

::selection {
background: #56befa;
color: #fff;
}
::-moz-selection {
background: #56befa none repeat scroll 0 0;
color: #fff;
}
html, body {
  height: 100%;
  font-family: 'Raleway';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.tamekran {
  height: 98%;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
  color: #666;
  font-size: 16px;
}
.beyaz-yazi { color:#fff;}
a img {
    border: 0;
}
*{
	outline: 0 !important;
  text-decoration: none;
}
a {
		text-decoration: none;
    color: #000;
}
a:hover { color: #56befa; text-decoration: none; }
.sol-alan { position: fixed; height: 100%;}

 
#videoBG {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  margin-left: 200px;
}


.navmenu{
  color: #303030;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    position: relative;
    line-height: 34px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    margin-left: 20px;
}
.navmenu a{
  color: #303030;
}

.navmenu a:hover{
  color: #56befa;
    text-decoration: none;
    cursor: pointer;
}

.navmenu2{
  color: #303030;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    position: relative;
    line-height: 34px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    margin-left: 20px;
}
.navmenu2 a{
  color: #303030;
}

.navmenu2 a:hover{
  color: #56befa;
    text-decoration: none;
    cursor: pointer;
}


.mavi-button {
      background: #56befa;
    color: #fff;
    border: 2px solid #fff;
        display: inline-block;
    margin: 0;
    font-weight: 700;
    font-family: inherit;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    font-style: normal;
    white-space: nowrap;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    text-decoration:none;
    padding: 10px 15px 10px 15px;
    margin-right: 20px;
}


 h1 {font-size: 43px; font-weight: 200; color: #303030;}
.mavi-button:hover{
      background: #fff;
    color: #56befa;
    border: 2px solid #56befa;
          text-decoration: none;

}



.b-button {
    color: #fff;
    border: 2px solid #fff;
        display: inline-block;
    margin: 0;
    font-weight: 700;
    font-family: inherit;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    font-style: normal;
    white-space: nowrap;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    text-shadow: none;
    text-decoration:none;
    padding: 10px 15px 10px 15px;
    margin-right: 20px;
}


 
.b-button:hover{
      background: #56befa;
    color: #fff;
    border: 2px solid #56befa;
          text-decoration: none;

}

.altmenu2{
  color: #818181;
  font-weight: 300;
  padding: 0px;
  text-decoration: none;
}

.altmenu2 a{
  color: #818181;
  text-decoration: none;
}

.altmenu2 a:hover{
  color: #fff;
  text-decoration: none;
}

.icerik-yazisi {
  font-size: 16px;
  font-weight: 400;
  color: #666;
  line-height: 26px;
}

.hover-op {   opacity: 1.0;  transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out; }
.hover-op:hover {   opacity: 0.2;   transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;}



    .filter_holder { font-size: 16px; padding-left: 0px; }
    .filter_holder ul li span {
    color: #000;
    letter-spacing: 0;
    text-transform: none;
}
.filter_holder ul li span {
    display: inline-block;
    padding: 10px 12px;
    /* position: relative; */
    letter-spacing: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #e6e6e6 solid 1px;
    background: #fff;
    font-weight: 600;
    }
    .filter_holder ul li {
    cursor: pointer;
    display: block;
    margin: 0;
    margin-right: 7px;
    margin-bottom: 7px;
    text-align: center;
}

.filter_holder ul {
    display: inline-block;
    list-style: none;
}
.filter_holder ul li {
    cursor: pointer;
    display: block;
    margin: 0;
    margin-right: 7px;
    margin-bottom: 7px;
    text-align: center;
}
.filter_holder ul li, .projects_holder.hover_text.no_space .mix, .projects_holder.hover_text.no_space:not(.portfolio_full_image)>.mix, .q_tabs .tabs-nav li {
    float: left;
    margin-right: 10px;
}
.filter_holder ul li.active span,.filter_holder ul li:hover span{color:#3eaeef;border:#3eaeef 1px solid;background:#;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}


.referanshover {
    /* filter: url(filters.svg#grayscale); Firefox 3.5+ */
      filter: gray; /* IE5+ */
      -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
      -webkit-transition: all .2s ease-in-out;  
      margin-right: -15px;
    }

    .referanshover:hover {
    filter: none;
      -webkit-filter: grayscale(0);
      -webkit-transform: scale(1.0);
    }
table td {padding:5px 10px;}


.siyah-arka {
  background-color:#000; color:#fff; padding: 0 35px;line-height: 36px;    display: inline-block; font-size: 16px; top: -19px; position: relative; font-weight: 600;

}


.arabutonu {
line-height: 26px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
font-family: raleway,sans-serif;
color: #666;
font-size: 16px;
background: 0 0;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: 0;
width: 25%;
float: left;
text-align: right;
}

.arabutonulink {
  -webkit-font-smoothing: antialiased;
background: 0 0;
vertical-align: baseline;
display: inline-block;
margin: 0;
font-weight: 700;
font-family: inherit;
text-transform: uppercase;
cursor: pointer;
text-decoration: none;
outline: 0;
font-style: normal;
white-space: nowrap;
width: auto;
border: 2px solid #303030;
text-align: left;
letter-spacing: 1px;
border-radius: 4px;
text-shadow: none;
transition: color .1s linear,background-color .1s linear,border-color .1s linear;
box-sizing: initial!important;
font-size: 16px;
height: 42px;
line-height: 42px;
padding: 0 17px;
right: 0;
top: 50%;
transform: translateY(-50%);
color: rgb(0, 0, 0);
border-color: rgb(255, 255, 255);
background-color: rgb(238, 238, 34);
}

.arabutonulink:hover { background: #fff; border: 2px solid #eeee22; color: #000; }


.column_inner {line-height: 26px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
font-family: raleway,sans-serif;
color: #666;
font-size: 16px;
text-align: left;
background: 0 0;
border: 0;
margin: 0;
vertical-align: baseline;
outline: 0;
padding: 0 10px 10px 0px;}

.formcolumn {
  line-height: 26px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
font-family: raleway,sans-serif;
color: #666;
font-size: 16px;
text-align: left;
background: 0 0;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: 0;
width: 50%;
float: left;
}

.iletext {-webkit-font-smoothing: antialiased;
width: 100%;
display: block;
margin: 5px 0 0;
padding: 15px;
border: 0;
border-radius: 0;
outline: 0;
resize: none;
font-size: 13px;
line-height: 17px;
background-color: #fff;
color: #818181;
font-family: Raleway;
font-weight: 400;
box-sizing: border-box;
-webkit-appearance: none;}

.gondertusu{
  -webkit-font-smoothing: antialiased;
-webkit-appearance: none;
position: relative;
display: inline-block;
width: auto;
height: 39px;
line-height: 36px;
margin: 0;
padding: 0 23px;
font-size: 13px;
font-weight: 700;
font-family: Raleway,sans-serif;
text-align: left;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: 0;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 4px;
text-shadow: none;
background-color: transparent;
transition: all .1s linear;
box-sizing: initial;
border: 2px solid #303030;
color: #303030;
}

.gondertusu:hover {
  background-color: #3eadef;
    -webkit-font-smoothing: antialiased;
-webkit-appearance: none;
position: relative;
display: inline-block;
width: auto;
height: 39px;
line-height: 36px;
margin: 0;
padding: 0 23px;
font-size: 13px;
font-weight: 700;
font-family: Raleway,sans-serif;
text-align: left;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: 0;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 4px;
text-shadow: none;
transition: all .1s linear;
box-sizing: initial;
border: 2px solid #3eadef;
color: #fff;
}