/***********************/
/***** General CSS *****/
/***********************/
body {
	font: normal 14px 'Myriad Set Pro', Arial, Helvetica, serif;
	font-weight: 400;
	line-height: inherit;
}

.swiper-container {
      width: 100%;
      height: 100%;
}

ul.lang {
    float: left;
    position: absolute;
    top: -30px;
    right: 0px;
}

.swiper-slide {
      font-size: 18px;
      background: transparent;

}

.swiper-slide img {
    width: 100%;
    height: auto;
}

.header {
	position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1000;
    display: block;
    font-size: 0;
    text-align: center;
    padding: 25px 0 25px;
}

.menu ul li {
    float: left;
    font-size: 17px;
    font-weight: 100;
    color: #fff;
	font-family: 'Myriad Set Pro';
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
	padding-bottom:12px;
	position:relative;
}

.menu ul li:after {
    width: 1px;
    height: 20px;
    background: #fff;
    position: absolute;
    content: '';
    right: 0px;
    top: 13px;
    bottom: 0;
}

.menu ul li:hover > ul.sub-menu {display:block;}

.menu ul li:first-child {padding-left:0px;}
.menu ul li:last-child {padding-right:0px;}

.menu ul li:last-child:after {width:0px;}
.menu ul li a {
    color: #fff;
}



ul.social {padding-left:25px;}
ul.social li {
    width: 17px;
    height: 19px;
    border-radius: 99%;
    font-size: 12px;
    float: left;
    margin-top: 13px;
    text-align: center;
    line-height: 23px;
}
ul.social li a {color:#fff}

ul.social-footer li {width:23px;height:23px;border:1px solid #fff;border-radius:99%;font-size:12px;float:left;margin-right:4px;margin-top:20px;text-align:center;line-height:23px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

ul.social-footer li:hover {
	background:#fff;
	    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

ul.social-footer li:hover a {
	color:#28282a;
} 

ul.social-footer li a {color:#fff;font-size:11px;}
ul.social {
    float: left;
}
ul.lang li {float:left;padding:7px;position:relative;padding-top:17px;}
ul.lang li:after {
    width: 1px;
    height: 20px;
    background: #fff;
    position: absolute;
    content: '';
right: -1px;
    top: 14px;
    bottom: 0;
}
ul.lang li:last-child:after {width:0px;}
ul.lang li a {font-size:16px;color:#fff;}

.ikonlar {
    border-top: 1px solid #2d2d2d;
    padding-top: 25px;
    padding-bottom: 25px;
}

.ikontab:hover span {
    font-weight: 100;
}

.hdrs {
    position: relative;
}

.hdrs img {
    position: absolute;
    left: -38px;
    top: 9px;
	cursor:pointer;
}

.teklifal-vsmall {
	background:#9eea2c;
    text-align: center;
    border-radius: 7px;
    height: 39px;
	width:140px;
    line-height: 39px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	cursor:pointer;
}
.teklifal-vsmall a { 
    color: #000!important;
    font-size: 19px;
    font-family: 'Myriad Set Pro';
    font-weight: 500;
	text-decoration:none!important;
}


.teklifal-small {
	background:#51e121;
    text-align: center;
    border-radius: 7px;
    height: 50px;
	width:175px;
    line-height: 50px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
	margin-top:50px;
	margin-bottom:20px;
		cursor:pointer;
}

.teklifal-small a { 
    color: #000!important;
    font-size: 22px;
    font-family: 'Myriad Set Pro';
    font-weight: 500;
	text-decoration:none!important;
}

.teklifal {
    background: #51e121;
    text-align: center;
    border-radius: 7px;
    height: 34px;
    line-height: 34px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    width: 125px;
    float: left;
	margin-top:5px;
}
.teklifal:hover {
	background:#51e121;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.teklifal a {
    color: #000;
    font-size: 14px;
    font-family: 'Myriad Set Pro';
    font-weight: 500;
}
.teklifal:hover a {
    color: #2f2f2f;
}

.slogan {
    font-size: 21px;
    color: #ffffff;
    line-height: 30px;
    font-family: 'Myriad Set Pro';
	font-weight:100;
}

.ikontab {
    float: left;
	text-align: center;
	width:20%;
	padding-top:6px;
	position:relative;
}
.ikontab span {
    font-size:18px;
	color:#fff;
	font-family: 'Myriad Set Pro';
	font-weight:100;
}
.bg-ikon1 {
	margin: 0 auto;
    width: 50px; height: 50px;
    background:url('../images/sprite-ikonlarr.png') -5px -0px;
	    margin-bottom: 12px;
}
.bg-ikon2 {
	margin: 0 auto;
    width: 50px; height: 50px;
    background:url('../images/sprite-ikonlarr.png') -60px -0px;
	    margin-bottom: 12px;
}
.bg-ikon3 {
	margin: 0 auto;
    width: 50px; height: 50px;
    background:url('../images/sprite-ikonlarr.png') -115px -0px;
	    margin-bottom: 12px;
}
.bg-ikon4 {
	margin: 0 auto;
    width: 50px; height: 50px;
    background:url('../images/sprite-ikonlarr.png') -170px -0px;
	    margin-bottom: 12px;
}
.bg-ikon5 {
	margin: 0 auto;
    width: 50px; height: 50px;
    background:url('../images/sprite-ikonlarr.png') -225px -0px;
	    margin-bottom: 12px;
}

.calismalar, .hteklifal, .surec, .referanslar, .onlinevideo, .infografik, .deneyim {
    padding-top: 35px;
    padding-bottom: 35px;
    border-bottom: 1px solid #f2f2f2;
}

.deneyim { 
	padding-bottom:60px!important;
}

.calismalar {
	padding-top:20px!important;
	padding-bottom:20px!important;
}

.hteklifal {
	background: url('../images/teklifalbg.jpg') center;
    padding-top: 55px!important;
    padding-bottom: 55px!important;
}

.surec {
    padding-top: 30px!important;
    padding-bottom: 35px!important;
}

.referanslar {
    padding-top: 20px!important;
    padding-bottom: 25px!important;
}



.deneyim {border-bottom:0px;}

.calismalar h3, .hteklifal h3, .surec h3, .referanslar h3 {
    font-size: 37px;
    color: #3a3a3a;
    font-family: 'Myriad Set Pro';
	font-weight:100;
	    float: left;
    border-right: 1px solid #f2f2f2;
margin-right: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
        text-transform: lowercase;
}


.hteklifal h3, .hteklifal .desc {color:#fff!important;}

.hteklifal .desc, .calismalar .desc, .surec .desc, .referanslar .desc {
	float: left;
    color: #787878;
    font-size: 15px;
    line-height: 20px;
}

.calismalar .desc, .surec .desc, .referanslar .desc{padding-top:10px;}
.calismalar .col-lg-2 {
    border-right: 1px solid #f2f2f2;
	padding-top:5px;
	padding-bottom:5px;
}

.tum {
    float: right;
    position: absolute;
    bottom: 5px;
    right: 15px;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    padding: 4px 14px;
}

.tum a {
    color:#3a3a3a;
	font-weight:100;
    text-transform: lowercase;
}

.tum:hover {
	background:#c3c3c3;
}

.tum:hover a {color:#000;}

.cbox img {
    width: 100%;
}

a .titlecbox {    padding-top: 10px;
    padding-bottom: 20px;
    font-size: 16px;
    text-align: center;
    color: #fff;}

.calismalar-container {
    padding-left: 15px!important;
    padding-right: 15px!important;
	margin-top:30px!important;
}

.calismalar-pagination {
    position: relative!important;
    margin: 15px auto 0px;
}

.yapim-pagination {
    position: relative!important;
    margin: 0px auto 0px;
}

.ref-pagination {
    position: relative!important;
    margin: 25px auto 0px;
}

.swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    display: inline-block;
    border-radius: 100%;
    background: #fff!important;
    border: 2px solid #b8b8b8!important;
    opacity: 1!important;
	margin-right:4px;
}

.swiper-pagination-bullet-active {
    opacity: 1;
        background: #d9d8d6!important;
    border: 2px solid #d9d8d6!important;
}

.hteklifal input, .hteklifal select {
    color: #fff!important;
    margin-top: 20px;
    border: 1px solid #c3c3c3;
    border-radius: 4px;
    height: 50px!important;
    background: transparent;
}

.hteklifal input:hover, .hteklifal input:focus, .hteklifal select:hover, .hteklifal select:focus{
	background:transparent;
	border-radius: 4px;
	border:1px solid #c3c3c3;
}

.hteklifal select option {color:#000;}

.hteklifal select {
    background: url(../images/downicon.png) no-repeat right;
    background-position: right 15px top 21px;
}
.hteklifal select:hover, .hteklifal select:active, .hteklifal select:focus {
    background: url(../images/downicon.png) no-repeat right;
    background-position: right 15px top 21px;
}



.hteklifal input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.hteklifal input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.hteklifal input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.hteklifal input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.hteklifal input.wpcf7-not-valid {
	border:1px solid #d00000;
}

.hteklifal input[type="submit"] {
    color: #fff;
	
    margin-top: 20px;
    border: 1px solid #fff;
    border-radius: 4px;
    height: 50px;
	width:100%;
	text-align:left;
	
	background: url(../images/send-icon.png) no-repeat right transparent;
    background-position: right 15px top 16px;
}

.hteklifal input[type="submit"]:hover, .hteklifal input[type="submit"]:focus, .hteklifal input[type="submit"]:active {
    color: #000!important;
    border: 1px solid #9eea2c!important;
	background: url(../images/send-icon-black.png) no-repeat right #9eea2c!important;
	 background-position: right 15px top 16px!important;
	outline:none!important;
	box-shadow:none!important;
}

.hteklifal .title {
    margin-bottom: 30px;
}

.surec h3 {
    margin-bottom: 30px;
}

.refs .rbox {
    float: left;
    width: 100%;
}

.refs .rbox img {
    width: 100%;
    object-fit: cover;
    margin-top: 30px;

} 

.sbox img {
    width: 100%;
}

.ytPlayIcon { 
    background: #2b2b2b;
    border-radius: 50% / 10%;
    color: #FFFFFF;
    font-size: 27px;
    height: 42px;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: 0.1em;
    transition: all 150ms ease-out;
    width: 54px;
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	opacity:.6;
}

.ytPlayIcon:hover {
	opacity:1;
  background: #ff0000;
}

.ytPlayIcon::before { 
  background: inherit	;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}

.ytPlayIcon::after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent rgb(255, 255, 255);
    content: ' ';
    font-size: 0.35em;
    height: 0;
    margin: -1em 0 0 -0.75em;
    top: 50%;
    position: absolute;
    width: 0;
}


.playIcon {
    position: absolute;
    margin: 0 auto;
    top: 51%;
	left:39%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0,0,0,0.25);
    width: 65px;
    height: 40px;
    border-radius: 7px;
    text-align: center;
    line-height: 42px;
    font-size: 21px;
    color: #fff;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.playIcon2 {
    position: absolute;
    margin: 0 auto;
    top: 39%;
	left:39%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(0,0,0,0.15);
    width: 65px;
    height: 40px;
    border-radius: 7px;
    text-align: center;
    line-height: 42px;
    font-size: 21px;
    color: #fff;
}

.cbox:hover {
	cursor:pointer;

}
.cbox:hover .ytPlayIcon, .sbox:hover .ytPlayIcon {
	opacity:1;
  background: #ff0000;
}


.cbox {
    width: 100%;
    position: relative;
}

.onlinevideo h3, .deneyim h3 {
    font-weight: 100;
    font-size: 35px;
    color: #3a3a3a;
	margin-bottom:13px;
}

.infografik h3 {
	font-weight: 100;
    font-size: 32px;
    color: #3a3a3a;
	margin-bottom:13px;
}

.onlinevideo p, .infografik p, .deneyim p {
    font-size: 16px;
    color: #3a3a3a;
    font-weight: 100;
    line-height: 24px;
    margin-bottom: 10px;
}

.onlinevideo ul li {
    float: left;
    width: 20%;
    font-size: 16px;
    color: #fff;
    font-weight: 100;
    line-height: 21px;
    margin-bottom: 10px;
	position:relative;
	text-align:center;
}

.onlinevideo ul li:before {
	background: #61a0bf;
    background: -moz-linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#61a0bf),color-stop(100%,#6669af));
    background: -webkit-linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    background: -o-linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    background: -ms-linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    background: linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
	width:10px;
	height:10px;
	position:absolute;
}

.onlinevideo ul li i {
    background: #61a0bf;
    background: -moz-linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    background: -webkit-gradient(linear,left bottom,right top,color-stop(0%,#61a0bf),color-stop(100%,#6669af));
    background: -webkit-linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    background: -o-linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    background: -ms-linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    background: linear-gradient(30deg,#61a0bf 0%,#6669af 100%);
    color: #fff;
    width: 14px;
    height: 14px;
    border-radius: 99%;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin-right: 5px;
    margin-left: 15px;
}


.footer .ftitle {
    font-weight: 500;
	font-size: 16px;
	padding-bottom:30px;
}

.footer a .ftitle {
	    font-weight: 500;
	font-size: 16px;
	color:#fff;
}
.fcontent {
    font-size: 16px;
    font-weight: 100;
    line-height: 21px;
}

.fcontent ul li a, .fcontent a {
    color: #fff;
}

.fcontent ul li {
    padding-bottom:5px;
}
.footer {background:url('../images/footerbg.jpg') center;color:#fff;padding-top:60px;padding-bottom:60px;}
.sfooter {background:url('../images/sfooterbg.png') repeat center;padding-top:15px;padding-bottom:15px;}

.gbox {
    float: left;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 1%;
	position:relative;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.gbox img {
    width:100%;
	height:61px;
	object-fit:cover;
}

.gbox:hover .gbox-hover {
	display:block;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.gbox-hover {
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
	display:none;
    background: rgba(91, 180, 189, 0.84);
    text-align: center;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    padding-top: 31%;
    font-size: 23px;
}

.bg-orange {
    background: #fff;
    border: 1px solid #434343;
    padding: 15px;
}

.bg-black {
    background: #262626;
    padding: 15px;
}

.bg-black .number, .bg-orange .number {
    font-size: 33px;
    float: left;
    font-weight: 600;
	width:10%;
}

.bg-black .text, .bg-orange .text {
    float: left;
	width:90%;
	padding-left:15px;
	font-size: 17px;
}
.mb-16 {margin-bottom:26px;}
.mb-30 {margin-bottom:30px;}
.bg-black .number {color:#fff;}
.bg-black .text {color:#fff;}


.d-img img {
    width: 91px;
    height: 91px;
    float: left;
    object-fit: cover;
    border-radius: 99%;
    margin-right: 15px;
}

.deneyimler {
    border: 1px solid #a7a7a7;
    padding: 19px;
}

.d-text {
    font-size: 17px;
    line-height: 23px;
    color: #212121;
}

.d-text img {
    height: 52px;
    width: 156px;
    position: absolute;
    right: 50px;
    bottom: 0px;
}

.d-img {
    width: 10%;
    float: left;
}

.d-text {
    width: 90%;
    float: left;
	position: relative;
}

.deneyim-left, .deneyim-right {
    background: #28252a;
    color: #fff;
    text-align: center;
    height: 21px;
    width: 21px;
    line-height: 22px;
    border-radius: 99%;
    float: right;
	cursor:pointer;
	position: absolute;
    bottom: 10px;
    right: 25px;
	z-index:99999999;
	border:1px solid #28252a;
}

.deneyim-left:hover, .deneyim-right:hover {
	background: #fff;
	border:1px solid #28252a;
	color: #28252a;
	    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.deneyim-left {right:50px!important;}

#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}


ul.sub-menu {
	display:none;
    position: absolute;
    width: 220px;
    background-color: rgba(255,255,255,0.97);
    top: 40px;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}

ul.sub-menu li a {
    color: #212121;
	padding:5px;
	font-size:14px;
}

ul.sub-menu li {
    width: 100%;
    float: left;
    text-align: left;
	padding:5px 10px;
}

ul.sub-menu li:first-child {padding:5px 10px;padding-top:15px;}
ul.sub-menu li:last-child {padding-bottom:15px;}

ul.sub-menu li:after {background:transparent;}

.header.single {
    position: relative;
	    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25);
    box-shadow: 0 0 6px rgba(0,0,0,0.25);
}

.header.single .menu ul li a {color:#fff;}
.header.single .menu ul li ul li a {color:#000;}
.header.single ul.social li {border-color:#fff;}
.header.single ul.social li a {color:#fff;}
.header.single ul.lang li a {color:#fff;}
.header.single .menu ul li:after {background:#fff;}
.header.single ul.lang li:after {background:#fff;}

.psingle {
	border-bottom: 1px solid #f2f2f2;
}

.psingle h1 {
    font-size: 20px;
    font-weight: 400;
    padding-top: 25px;
    padding-bottom: 25px;
}

.header.single .menu ul li:after {
    background: #fff;
}
.header.single ul.sub-menu li:after { 
	 background: rgb(233, 233, 233); 
}
.header.single ul.sub-menu {    background: rgb(233, 233, 233); }
.header.single ul.sub-menu:before {color:#e9e9e9;}

.contact.content {color:#fff;}

.content a {
	color: #7c7c7c;
    font-size: 16px;
    line-height: 25px;
    font-weight: 100;
	text-decoration:underline;
}

.content {
    padding-bottom: 25px;
    color: #7c7c7c;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
}

.content h2 {
	color:#3b3b3b;
	font-size:27px;
	font-weight:100;
}

.content h3 {
	color:#3b3b3b;
	font-size:20px;
	font-weight:100;
}

ul.sub-menu ul.sub-menu {
	display:none!important;
    left: 220px;
    background: #f5f5f5;
    top: 0px;
    width: 170px;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
ul.sub-menu li:hover ul.sub-menu {display:block!important;}
ul.sub-menu ul.sub-menu:before {
	display:none;
}

ul.sub-menu li:hover > a {
    color: #e94f2c;
}

.breadc {text-align:right;}
.breadc, .breadc a {color:#fff;font-size:14px;}

.teklifleft {
    color: #fff;
    font-weight: 100;
}

.teklifleft a {
    color: #fff;
    font-weight: 100;
    text-decoration: underline;
}

.teklifleft .teklifal a {text-decoration:none;}
.teklifleft a.eposta {text-decoration:none;}
.teklifleft span.tel {text-decoration:underline;}
.teklifleft strong {
    font-weight: 500!important;
}

.teklifleft p {
    margin-bottom: 15px;
}

.teklifleft p:last-child {
    margin-bottom: 0px;
	margin-top: 15px;
}

.video-container {
  position: relative;
  padding-bottom: 56.20%!important; /*16:9*/
  height: 0; 
  overflow: hidden;
  	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity:1;
    	-webkit-filter: grayscale(0%)!important;
	filter: grayscale(0%)!important;
}
.filterbuttons {margin-bottom:30px;text-align:center;}
.psingle .cbox {margin-bottom:30px;}

a.filter-button {
    color: #fff;
    margin-right: 20px;
    font-size: 15px;
}

a.filter-button:hover {color:#fff;}

a.filter-button.active {color:#fff;position:relative;}
a.filter-button.active::after {
	width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    right: 0px;
    bottom: -10px;
}

.contact .list {
    padding-top: 20px;
    /* padding-bottom: 20px; */
    border-bottom: 1px solid #f2f2f2;
    color: #7c7c7c;
    font-size: 16px;
    line-height: 25px;
    font-weight: 100;
}

.contact {padding-top:25px;padding-bottom:25px;}

.contact input, .contact textarea {
    margin-bottom: 15px;
    border: 1px solid #ffffff;
    background: transparent;
    border-radius: 5px;
	color:#fff;
}

.contact input::-webkit-input-placeholder, .contact textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
  color: #fff;
}
.contact input::-moz-placeholder, .contact textarea::-moz-placeholder  { /* Firefox 19+ */
  color: #fff;
}
.contact input:-ms-input-placeholder, .contact textarea:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.contact input:-moz-placeholder, .contact textarea:-moz-placeholder  { /* Firefox 18- */
  color: #fff;
}

.contact iframe {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.contact textarea { 
	min-height:90px;
	height:90px;
	max-height:90px;
}

.contact input[type="submit"] {
    text-align: center;
    border-radius: 7px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border: none;
    padding: 9px 20px;
    color: #fff;
	margin-top:-15px;
	float:right;
	border:1px solid #fff;
	background: transparent;
}
.contact input[type="submit"]:hover, .contact input[type="submit"]:focus, .contact input[type="submit"]:active  {
	background: #51e121;
	border:1px solid #51e121;
	color:#000;
}

.f-nav {position:fixed!important;background: url(https://videosanat.com/wp-content/uploads/2018/04/referanslarbg.png);}

.header a.renksiz {display:block;}
.header a.renkli {display:none;}

.f-nav a.renksiz {display:none;}
.f-nav a.renkli {display:block;}

.hbox {
    border-right: 1px solid #ededed;
    width: 100%;
}

.hizmetayrac {
    background: #ededed;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 25px;
}


.hbox .image {
    float: left;
}

.hbox .title {
    float: left;
    font-size: 24px;
    line-height: 27px;
    letter-spacing: 0.5px;
    color: #434343;
    font-weight: 100;
    padding-top: 4px;
    padding-left: 15px;
}

.hbox .title a {
font-size: 24px;
    line-height: 27px;
    letter-spacing: 0.5px;
    color: #434343;
    font-weight: 100;
    text-decoration: none;
}

.infografik p {
    margin-bottom: 24px;
}

.deneyim p {
    margin-bottom: 7px;
}

.onlinevideo {
	background:url('../images/onlinevideobg.jpg') center;
	    padding-top: 55px;
    padding-bottom: 55px;
}

.onlinevideo h3 {color:#fff!important;    margin-top: 25px;}
.onlinevideo p {
    color: #fff!important;
    font-size: 15px;
    line-height: 22px;
	margin-bottom:0px;
}
.calismalar.anasayfa .playIcon {
    top: 50%!important;
}
.ov-yuvarlak {
    width: 74px;
    height: 74px;
    background: url(../images/ovyuvarlakbg.png) center;
    margin: 0 auto;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 74px;
}

.slidecol {
    width: 50%;
    float: left;
    text-align: center;
    margin-top: 100px;
}

.slidecol.video {
    width: 40%;
    float: left;
	margin-left:5%;
    text-align: center;
}

.slidecol img {
    width: auto;
}


.instagramposts {
	display:none;
    background: #fff;
    position: absolute;
    width: 290px;
    height: 289px;
    top: 50px;
    left: -34px;
}

.hborder {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.pdetay {
    padding-top: 130px;
    padding-bottom: 30px;
}
.pdetay h1 {
    font-size: 20px;
    color: #fff;
    font-weight: 100;
}

.videotitle {
    font-size: 20px;
    text-align: center;
    padding-top: 22px;
}

.ref-resize .rbox {
width: 10.5%;
    margin: 1%;
    height: 100px;
}

a#adminpanel {
    background: #bf7d01;
    color: #fff;
    padding: 13px;
    position: fixed;
    bottom: 10%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

a#sayfaduzenle {
    background: #0189bf;
    color: #fff;
    padding: 13px;
    position: fixed;
    bottom: 5%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.phvideo {
    margin-top: 30px;
    margin-bottom: 15px;
}

.hcalismalar-bg1 {
	background: url(../images/teklifalbg.jpg) center;
	padding-top:60px!important;
	padding-bottom:30px!important;
}
.hcalismalar-bg1 h3, .hcalismalar-bg1 .desc, .hcalismalar-bg1 .tum a{
	color:#fff!important;
}

.hcalismalar-bg1 .calismalar-pagination {
	margin:30px auto 0px!important;
}

.hteklifal-bgyok {background:#fff;}
.hteklifal-bgyok h3 {color:#1b1b1c!important;border-color:#1b1b1c;}
.hteklifal-bgyok .desc {color:#1b1b1c!important;}
.hteklifal-bgyok input, .hteklifal-bgyok input:focus, .hteklifal-bgyok input:active, .hteklifal-bgyok input:hover  {border-color:#1b1b1c;color:#1b1b1c!important;}

.hteklifal-bgyok input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1b1b1c;
}
.hteklifal-bgyok input::-moz-placeholder { /* Firefox 19+ */
  color: #1b1b1c;
}
.hteklifal-bgyok input:-ms-input-placeholder { /* IE 10+ */
  color: #1b1b1c;
}
.hteklifal-bgyok input:-moz-placeholder { /* Firefox 18- */
  color: #1b1b1c;
}

.hteklifal-bgyok select option {color:#000;}

.hteklifal-bgyok select {
    background: url(../images/downicon-black.png) no-repeat right;
    background-position: right 15px top 21px;
    border-color: #1b1b1c;
    color: #1b1b1c!important;
}



.hteklifal select:active, .hteklifal select:focus {
    background: url(../images/downicon-white.png) no-repeat right;
    background-position: right 15px top 21px;
	    border-color: #fff;
    color: #fff!important;
}

.hteklifal-bgyok select:hover, .hteklifal-bgyok select:focus  {
    background: url(../images/downicon-black.png) no-repeat right!important;
    background-position: right 15px top 21px!important;
	border-color: #1b1b1c!important;
    color: #1b1b1c!important;
}

.hteklifal-bgyok input[type="submit"] {
	color:#000;
	border-color:#000;
	background: url(../images/send-icon-black.png) no-repeat right transparent!important;
	background-position: right 15px top 16px!important;
}

.hteklifal-bgyok input[type="submit"]:hover {
	background: url(../images/send-icon-black.png) no-repeat right #9eea2c!important;
	background-position: right 15px top 16px!important;
}


.calismalaric-container {padding-top:25px!important;padding-bottom:25px!important;}

.calismalaric-pagination {
    bottom: 36px!important;
    right: 12px!important;
    width: auto!important;
	    text-align: right!important;
}

.calismalaric-pagination .swiper-pagination-bullet {
    width: 10px!important;
    height: 10px!important;
    display: inline-block;
    border-radius: 100%;
    background: transparent!important;
    border: 2px solid #d9d8d6!important;
    opacity: 1;
    margin-right: 4px;
}

.calismalaric-pagination  .swiper-pagination-bullet-active {
	background:#d9d8d6!important;
}

.hcalismalar-bgyok {
	border-bottom:0px;
	    border-top: 1px solid rgba(255, 255, 255, 0.20);
}
.hcalismalar-bgyok h3, .hcalismalar-bgyok .desc, .hcalismalar-bgyok .tum a {
    color: #fff!important;
}

.blogpost {margin-top:50px;position:relative;}

.blogpost .detail {
    border: 1px solid #ececec;
    display: inline-block;
    padding: 23px 25px;
    width: 100%;
}

.blogpost .image {
    width: 100%;
}

.blogpost .image img {
    width: 100%;
	height:auto;
	margin:0px;
	padding:0px;
	height:300px;
	object-fit:cover;
}

.blogpost .date {
    background: #57bebb;
    color: #fff;
    width: 60px;
    text-align: center;
    padding: 15px;
    font-size: 20px;
    line-height: 21px;
    position: absolute;
    top: 50px;
    right: -10px;

}

.blogpost .title a {
    color: #333;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1.68px;
    line-height: 1.64;
	text-decoration:none;
}

.blogpost .desc {
    font-size: 15px;
    margin-top: 5px;
    font-weight: 100;
    color: #666666;
    letter-spacing: 0.7px;
    line-height: 22px;
}

.blogpost .desc img, .blogpost .desc iframe {
	max-width:100%;
	height:auto;
}

.blogpost .desc img, .blogpost .desc iframe {
	max-width:100%;
	height:auto;
}

.blogpost .desc .video-container iframe {
    height: 100%!important;
}

.blogpost .desc p, .blogpost .desc iframe, .blogpost .desc img {margin-bottom: 10px;}
.blogpost .more {
    border: 1px solid #484848;
    color: #484848;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 5px;
    margin-top: 15px;
	width: 30%;
	float:left;
}

.blogpost .more:hover, .blogpost .more:hover a{
	background:#484848;
	color:#fff;
}

.blogpost .more a {color:#484848;font-weight:500;text-decoration:none;}

.socialp {
    width: 70%;
    float: left;
}

ul.share {
	text-align:right;
	float:right;
}

ul.share li {
    float: left;
    margin-right: 10px;
    margin-top: 21px;
}

ul.share li a {
    color: #484848;
    font-size: 13px;
}

.sidebar {
	margin-top:50px;
}

.sidebar h5 {
    color: #333333;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 2.25px;
    line-height: 1.33;
    margin-bottom: 28px;
    text-transform: uppercase;
}

ul.kat li {
    color: #999999;
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    line-height: 1.66;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    width: 100%;
    text-align: right;
    padding: 15px 0;
	    border-top: 1px solid #e5e5e5;
}

ul.kat li a {
	font-size:12px;
	    color: #999999;
    float: left;
    line-height: 1.66;
    letter-spacing: 1.2px;
    text-decoration: none;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

ul.kat li:first-child {
    border-top: none;
    padding-top: 0;
}

.row.sablon1-bg {
    background: rgba(29, 29, 29, 0.50);
	color:#fff;
	padding:0px;
	margin:0px;
	margin-top:25px;
}

.row.sablon1-bg div {padding:0px;}
.row.sablon1-bg .text {    padding: 33px;
    font-size: 15px;
    line-height: 23px;
    text-align: justify;}
.row.sablon1-bg .text a {color:#fff;text-decoration:underline;}
img.alignright {
    float: right;
    padding-left: 15px;
	padding-top: 15px;
	padding-bottom:15px;
}

img.alignleft{
    float: left;
    padding-right: 15px;
	padding-top:15px;
	padding-bottom:15px;
}
.row.sablon1-bg .text p, .row.sablon1-bg .text h1, .row.sablon1-bg .text h2, .row.sablon1-bg .text h3 {padding-bottom:10px;}
.row.sablon1-bg .text h1, .row.sablon1-bg .text h2, .row.sablon1-bg .text h3 {font-size:25px;}
.sablon1-bg img {max-width:100%;height:auto;}

.content p, .content h1, .content h2, .content h3, .content h4, .content h5, .content img {
    padding-bottom: 10px;
}

.scale-video {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.scale-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.s404 {
position: absolute;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    margin-top: 10%;
}

.s404 .big {
    font-size: 180px;
    font-weight: 100;
}

.s404 .middle {
    font-size: 30px;
    line-height: 35px;
}

.s404 .small {
    font-size: 30px;
    line-height: 35px;
    margin-top: 50px;
}


@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

.ikontab:hover span {
	color: #bfbfbf;
}	

.swiper-pagination-bullet {
	background: #fff!important;
    border: 2px solid #b8b8b8!important;
}
.swiper-pagination-bullet-active {    
	opacity: 1!important;
    background: #b8b8b8!important;
    border: 2px solid #b8b8b8!important;
}

.swiper-button-next {
	right:50px!important;
}

.swiper-button-prev {
	left:50px!important;
}

.altbox:hover {opacity:0.9;}

.altbox {
    background: url(../images/altbox-bg.jpg) left #734699;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    padding-left: 90px;
    background-repeat: repeat-y;
	cursor:pointer;
}

.altbox:before {
background: url(../images/altbox-icon.png) left no-repeat;
    left: 7%;
    bottom: 9%;
    right: 0%;
    content: "";
    position: absolute;
    top: 9%;
}

.altbox a {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    z-index: 	999;
    position: relative;
}

.altboxgri {
	background: #2b2d2e;
}

.sebox .ytPlayIcon {
    top: -62px!important;
}

.fcontent .card {
    background: transparent;
    border: none;
}

.fcontent .card-header {
    padding: 0px;
    background: transparent;
    border: none;
	    font-size: 15px;
}

.fcontent button.btn {
    color: #fff;
    font-weight: 100;
	padding:0px;
}

.fcontent .card-body {
	padding:0px;
	padding-left:20px;
}

.footerblog {
	margin-bottom:15px;
}

.footerblog .image {
    width: 17%;
	margin-right:3%;
    float: left;
}

.footerblog .image img {
    width: 100%;
    height: auto;
    border-radius: 99%;
}

.footerblog .title {
    width: 70%;
    float: left;
}

.footerblog .title a {
    font-size: 14px;
    color: #fff;
    line-height: 16px;
}

span.wpcf7-not-valid-tip {
    display: none!important;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #d00000!important;
    background: #d00000!important;
    padding: 10px;
	color:#fff;
}

div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
    border: 2px solid #ff0000;
}

div.wpcf7-mail-sent-ng, div.wpcf7-aborted {
    border: 2px solid #d00000!important;
    background: #d00000!important;
    padding: 10px;
    color: #fff;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #9eea2c!important;
    background: #9eea2c!important;
    padding: 10px;
    color: #000;
}



.mobilmenu {
    display: none;
    width: 30%;
    float: left;
    font-size: 40px;
    padding: 3px;
    color: #fff;
	cursor:pointer;
}

.gizlemobil {display:block;}
.gizledesktop {display:none;}


ul.lang {
    float: left;
    position: absolute;
    top: -30px;
    right: 15px;
}

ul.lang li:after {
    width: 1px;
    height: 16px;
    background: #fff;
    position: absolute;
    content: '';
    right: -1px;
    top: 17px;
    bottom: 0;
}