@font-face{
  font-family:'fontello';
  src: url('fontlar/fontello.eot?17798560');
  src: url('fontlar/fontello.ttf?17798560') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face{
    font-family:'alegreya_sansregular';
    src: url('fontlar/alegreyasans-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:'encode_sans_compressedblack';
    src: url('fontlar/encodesanscompressed-900-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:'dosismedium';
    src: url('fontlar/dosis-medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:'doppio_oneregular';
    src: url('fontlar/doppioone-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}




*{margin:0px;padding:0px;list-style-type:none;text-decoration:none;}
html{scroll-behavior: smooth;}
body{width:100%;height:100%;}
content{width:100%;height:auto;margin:0;margin:60px 0px 30px 0px;float:left;position:relative;}

::-webkit-scrollbar { width: 12px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #3d3d3d;}
::-webkit-scrollbar-thumb:hover {background: #5d5d5d;}

.hide{display:none !important;}
.show{display:block !important;}
.content{width:1600px;float:left;position:relative;left:50%;transform:translateX(-50%);font-family:alegreya_sansregular;}
.masonry{width:100%;float:left;	position:relative;}

.masonry-item{
	width:calc(20% - 10px);
	float:left;
	position:relative;
	margin:5px;
}

.masonry-item img{
	width:100%;
	float:left;
	position:relative;
}

.col_100{
	width: calc(100% - 30px);
	float: left;
	position: relative;
	margin:15px;
}

.col_50{
	width: calc(50% - 30px);
	float: left;
	position: relative;
	margin:15px;
}

.sayfa_baslik{
	width:calc(100% - 10px);
	line-height:1.3;
	float:left;
	position:relative;
	margin-bottom:5px;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-left:5px;
	font-weight: bold;
	font-family:alegreya_sansregular;
	color:#3d3d3d;
	text-align: center;
}

.col_baslik{
	width:calc(100% - 10px);
	line-height:1.3;
	float:left;
	position:relative;
	font-size:25px;
	margin-bottom:5px;
	margin-left:5px;
	font-weight: bold;
	font-family:alegreya_sansregular;
	color:#3d3d3d;
}

.form_baslik{
	width:calc(100% - 0px);
	line-height:33px;
	float:left;
	position:relative;
	font-size:30px;
	margin-bottom:25px;
	font-family:encode_sans_compressedblack;
	color:#3d3d3d;
}

.input_satir_30{width:calc(30% - 10px);float:left;position:relative;margin:5px;}
.input_satir_40{width:calc(40% - 10px);float:left;position:relative;margin:5px;}
.input_satir_50{width:calc(50% - 10px);float:left;position:relative;margin:5px;}
.input_satir_60{width:calc(60% - 10px);float:left;position:relative;margin:5px;}
.input_satir_100{width:calc(100% - 10px);float:left;position:relative;margin:5px;}

.bsvr_hr{
	width: 100%;
	float: left;
	position: relative;
	border-color: transparent; 
}

.input_baslik{
	width:calc(100% - 0px);
	line-height:18px;
	float:left;
	position:relative;
	color:#2d2d2d;
	font-size:15px;
	font-family:alegreya_sansregular;
	padding-bottom:4px;
}

.input{
	width:calc(100% - 16px);
	height:40px;
	line-height:40px;
	float:left;
	position:relative;
	color:#3d3d3d;
	font-size:12px;
	border:1px solid #ccc;
	border-radius:4px;
	margin:0px;
	padding:0px 8px;
	outline:none;
}

.input:focus{ border:1px solid #bbb;}

.textarea{
	min-width:calc(100% - 16px);
	max-width:calc(100% - 16px);
	min-height:60px;
	float:left;
	position:relative;
	color:#3d3d3d;
	font-size:12px;
	border:1px solid #ccc;
	border-radius:4px;
	margin:0px;
	padding:8px 8px;
	outline:none;
}

.textarea:focus{ border:1px solid #bbb; }

.select{
	width:calc(100% - 0px);
	height:40px;
	line-height:40px;
	float:left;
	position:relative;
	color:#3d3d3d;
	font-size:12px;
	border:1px solid #ccc;
	border-radius:4px;
	margin:0px;
	padding:0px 8px;
	outline:none;
}

.select:focus{border:1px solid #bbb;}



.check25{ width:calc(25% - 11px) !important; }
.check50{ width:calc(50% - 11px) !important; }

.input_checkbox{
	width:calc(100% - 11px);
	height:25px;
	float:left;
	position:relative;
	margin:0px 5px;
	padding:3px 0px;
	cursor:pointer;
}

.input_checkbox:hover{
	background-color:#eee;
	transition:all 300ms;
}

.input_checkbox input[type="checkbox"]{ display:none; }
.input_checkbox input[type="radio"]{ display:none; }

.input_checkbox .check_kutu{
	width:calc(25px - 0px);
	height:calc(25px - 0px);
	float:left;
	position:relative;
	content:'';
	background-color:#0093dd;
	border-radius: 50%;
}

.input_checkbox p{
	width:calc(100% - 30px);
	line-height:1.2;
	float:left;
	position:relative;
    font-family: dosismedium;
	color:#3d3d3d;
	margin-left:5px;
	top:50%;
	transform:translateY(-50%);
}


.input_checkbox input[type="checkbox"]:checked + .check_kutu:before{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:'✔';
	color:#fff;
	font-size:15px;
}

.input_checkbox input[type="radio"]:checked + .check_kutu:before{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	content:'✔';
	color:#fff;
	font-size:15px;
}



.submit{
	width:calc(100% - 0px);
	height:40px;
	line-height:40px;
	float:left;
	position:relative;
	color:#fff;
	font-size:12px;
	border:1px solid #0093dd;
	border-radius:4px;
	margin:0px;
	padding:0px 8px;
	outline:none;
	background-color:#0093dd;
	cursor:pointer;
	font-size:15px;
}

.submit:hover{color:#ccc;background-color:#fff;}
.submit:active{font-size:17px;}

.sonuc_bildirim{
	width:calc(100% - 80px);
	line-height:18px;
	float:left;
	position:fixed;
	padding:10px;
	font-family:alegreya_sansregular;
	font-size:17px;
	text-align:center;
	display:none;
	background-color: rgba(255,255,255,0.9);
	border-radius: 20px;
	box-shadow: 0px 0px 15px #5d5d5d;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index: 9999;
}

.sonuc_satir{
	width:calc(100% - 10px);
	line-height:18px;
	float:left;
	position:relative;
	margin:10px 5px;
	font-family:alegreya_sansregular;
	font-size:15px;
	text-align:center;
	display:none;
}







.header{
	width:calc(100% - 0px);
	height:110px;
	float:left;
	position:relative;
}

.header_mbl{ width:calc(100% - 0px); height:80px !important; }

header{
	width:100%;
	float:left;
	position:fixed;
	z-index:999;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
	top:0px;
}

.header_m{
	top:-36px;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.header_d{
	top:-41px;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.mavi_ust_cizik_gizle{ margin-top:-10px; 
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;}

.logo{
	width:calc(100% - 40px);
	height:90px;
	float:left;
	position:relative;
	top:50%;
	margin-top:calc(-45px - 0px);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.logo img{
	height:calc(100% - 0px);
	float:left;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

.logo_gizle{
	margin-top:calc(-45px + 20px) !important;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.header_beyaz_shdw{
	filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.7));
	position:absolute;
	z-index: 100;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.header_beyaz_shdw .header_beyaz{
	width: 450px;
	height: 140px;
	clip-path: polygon(0 0, 100% 0, 370px 100%, 0 100%);
	background-color:#fff;
	position: absolute;
	top: 0;
}

.header_siyah_shdw{
	filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.7));
	position:absolute;
	z-index: 80;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.header_siyah_shdw .header_siyah{
	width: 490px;
	height: 125px;
	clip-path: polygon(0 0, 100% 0, 419px 100%, 0 100%);
	background-color:#3d3d3d;
	position: absolute;
	top: 0;
}

.header_mavi_shdw{
	width:100%;
	filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.7));
	position:absolute;
	z-index: 60;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.header_mavi_shdw .header_mavi{
	width: 530px;
	height: 110px;
	clip-path: polygon(0 0, 100% 0, 467px 100%, 0 100%);
	background-color:#0093dd;
	position: absolute;
	top: 0;
}

.header_mavi_shdw .header_mavi_cizik{
	width:100%;
	height:40px;
	float:left;
	position:relative;
	background-color:#0093dd;
	z-index:20;
}


.header_mavi_shdw .header_mavi_cizik .sosyal_ikonlar{
	height:40px;
	float:right;
	position:relative;
	margin-right:5px;
}

.header_mavi_shdw .header_mavi_cizik .sosyal_ikonlar .sosyal_ikon{
	width:40px;
	height:40px;
	float:left;
	position:relative;
	margin:0px 2px;
	font-family:fontello;
}

.header_mavi_shdw .header_mavi_cizik .sosyal_ikonlar .sosyal_ikon:before{
	width:40px;
	height:40px;
	line-height:40px;
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-size:20px;
}

.header_mavi_shdw .header_mavi_cizik .sosyal_ikonlar .sosyal_ikon:hover:before{ color:#3d3d3d; }

.sosyal_ikonlar .face:before{ content:'\F09A'; }
.sosyal_ikonlar .ins:before{ content:'\F32D'; }
.sosyal_ikonlar .youtube:before{ content:'\F313'; }
.sosyal_ikonlar .google:before{ content:'\F1A0'; }
.sosyal_ikonlar .linkedin:before{ content:'\F31B'; }

header .header_menu{
	width:100%;
	height:110px;
	float:left;
	position:relative;
	background-color:#fff;
}



header .header_menu ul{
	float:right;
	position:relative;
	margin-top:40px;
}

header .header_menu ul li{
	float:left;
	position:relative;
}

header .header_menu ul li a{
	line-height:20px;
	float:left;
	position:relative;
	margin:15px 3px;
	padding:10px 5px;
	font-family:dosismedium;
	color:#3d3d3d;
	z-index:20;
}

header .header_menu ul li .m_menu{
	width:150px;
	height:0px;
	float:left;
	position:absolute;
	padding-top:0px;
	z-index:10;
	margin-left:5px;
	overflow-x:hidden;
  -webkit-transition: all 400ms ;
  transition:         all 400ms ;
}

header .header_menu ul li .m_menu::-webkit-scrollbar{width: 0px;}
header .header_menu ul li a:hover{color:#0093dd;}
header .header_menu ul li a:hover + .m_menu{
	height:auto;
	padding-top:70px;
  -webkit-transition: all 400ms ;
  transition:         all 400ms ;
}

header .header_menu ul li .m_menu:hover{
	height:auto;
	padding-top:70px;
  -webkit-transition: all 400ms ;
  transition:         all 400ms ;
}


header .header_menu ul li .m_menu .m_mn{
	width:100%;
	float:left;
	position:relative;
	background-color:#0093dd;
	padding:10px 0px 3px 0px;
}

header .header_menu ul li .m_menu .m_mn span{
	width:60px;
	height:15px;
	float:left;
	position:absolute;
	background-color:#3d3d3d;
	left:-10px;
	top:-15px;
	-ms-transform: skewX(30deg); 
	transform: skewX(30deg);
}

header .header_menu ul li .m_menu .m_mn a{
	width:calc(100% - 6px);
	line-height:20px;
	margin:2px 3px;
	padding:4px 0px;
	float:left;
	position:relative;
	color:#fff;
}

header .header_menu ul li .m_menu .m_mn a:hover{
	color:#3d3d3d;
}







/*//////////////////////HEADER//////////////////////*/
/*//////////////////////HEADER//////////////////////*/

.header_beyaz_shdw .header_beyaz_m{
	width: 155px !important;
	height: 90px !important;
	clip-path: polygon(0 0, 100% 0, 104px 100%, 0 100%) !important;
}

.header_siyah_shdw .header_siyah_m{
	width: 170px !important;
	height: 85px !important;
	clip-path: polygon(0 0, 100% 0, 122px 100%, 0 100%) !important;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.header_mavi_shdw .header_mavi_m{
	width: 185px !important;
	height: 80px !important;
	clip-path: polygon(0 0, 100% 0, 140px 100%, 0 100%) !important;
}

.header_mavi_shdw .header_mavi_cizik_m{
	width:100% !important;
	height:35px !important;
	background-color:#0093dd !important;
}

.header_siyah_shdw ul{ width:calc(5% - 20px); height:calc(100% - 120px); }
.header_siyah_shdw ul li a{ color:#3d3d3d; }

.header_siyah_shdw .mobil_menu{
	width: 250px !important;
	height: 100vh !important;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.menu_pay{margin-top:35px;}

.header_siyah_shdw .mobil_menu ul{
	width:calc(100% - 20px);
	height:calc(100% - 120px);
	float:left;
	position:relative;
	margin-top:110px;
	margin-left:10px;
	margin-bottom:10px;
	overflow-y:scroll;
}

.header_siyah_shdw .mobil_menu ul::-webkit-scrollbar { width: 2px;}
.header_siyah_shdw .mobil_menu ul::-webkit-scrollbar-track { background: #4d4d4d;}
.header_siyah_shdw .mobil_menu ul::-webkit-scrollbar-thumb { background: #3d3d3d;}
.header_siyah_shdw .mobil_menu ul::-webkit-scrollbar-thumb:hover { background: #5d5d5d;}

.header_siyah_shdw .mobil_menu ul li{
	width:calc(100% - 10px);
	float:left;
	position:relative;
}

.header_siyah_shdw .mobil_menu ul li a{
	width:calc(100% - 0px);
	line-height:20px;
	float:left;
	position:relative;
	margin:2px 0px;
	padding:3px 0px;
	font-family:alegreya_sansregular;
	color:#fff;
}

.header_siyah_shdw .mobil_menu ul li .m_menu{
	width:calc(100% - 20px);
	height:0px;
	position:relative;
	margin-left:20px;
	overflow-y:hidden;
	-webkit-transition: all 400ms ;
	transition:         all 400ms ;
}

.header_siyah_shdw .mobil_menu ul li .m_menu .m_mn{
	width:100%;
	float:left;
	position:relative;
}

.header_siyah_shdw .mobil_menu ul li .menu_ac{ height:auto; -webkit-transition: all 400ms;transition:all 400ms;}
.header_mavi_shdw .header_mavi_cizik_m .sosyal_ikonlar{height:35px;}
.header_mavi_shdw .header_mavi_cizik_m .sosyal_ikonlar .sosyal_ikon{width:35px;height:35px;margin:0px 1px;}

.header_mavi_shdw .header_mavi_cizik_m .sosyal_ikonlar .sosyal_ikon:before{
	width:35px;
	height:35px;
	line-height:35px;
	font-size:20px;
}

.logo_m{
	width:calc(100% - 30px) !important;
	height:32px !important;
	margin-top:-16px !important;
}

.logo_m_gizle{ margin-top:calc(-16px + 17px) !important; }

.header_alt{
	width:100%;
	height:45px;
	float:left;
	position:relative;
	background-color:#fff;
	margin-top:35px;
	z-index:50;
}

.header_alt .mobil_but{
	width:40px;
	height:40px;
	float:right;
	position:relative;
	margin-top:5px;
	margin-right:10px;
}

#nav-icon2{width: 40px;height: 100%;position: relative;margin:0;-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;top:50%;float:left;transform:translateY(-50%);}
#nav-icon2 span { display: block; position: absolute; height: 5px;width: 50%;background: #0093dd;opacity: 1;-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;}
#nav-icon2 span:nth-child(even){left: 50%;border-radius: 0 9px 9px 0;}
#nav-icon2 span:nth-child(odd){left:0px;border-radius: 9px 0 0 9px;}
#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {top: 4px;}
#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {top: 18px;}
#nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) {top: 32px;}
#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {  -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav-icon2.open span:nth-child(1){left: 3px; top: 11px;}
#nav-icon2.open span:nth-child(2){left: calc(50% - 3px);top: 11px;}
#nav-icon2.open span:nth-child(3){left: -50%;opacity: 0;}
#nav-icon2.open span:nth-child(4){left: 100%;opacity: 0;}
#nav-icon2.open span:nth-child(5){left: 3px;top: 25px;}
#nav-icon2.open span:nth-child(6){left: calc(50% - 3px);top: 25px;}





/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/

footer{	width:100%;	float:left;	position:relative; background-color:#2d2d2d;}
.footer_mobil{padding-bottom:50px;}

.footer_content{
	width:1600px;
	float:left;
	position:relative;
	left:50%;
	transform:translateX(-50%);
}

.footer_sertifikalar{
	width:calc(100% - 0px);
	float:left;
	position:relative;
	background-color:#3d3d3d;
	padding:10px 0px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.footer_sertifikalar .footer_sertifika{
	width:calc(60px - 0px);
	height:calc(60px - 0px);
	float:left;
	position:relative;
	margin:10px 10px;
}

.footer_sertifikalar .footer_sertifika_tse{
	width:calc(85px - 0px);
	height:calc(60px - 0px);
	float:left;
	position:relative;
	margin:10px 10px;
}





.footer_sutunlar{
	width:calc(100% - 400px);
	float:left;
	position:relative;
	margin-top:40px;
	margin-bottom:40px;
}

.footer_sutun{
	width:calc(25% - 100px);
	float:left;
	position:relative;
	margin:0px 50px;
}

.footer_sutun .sutun_baslik{
	width:calc(100% - 0px);
	line-height:20px;
	float:left;
	position:relative;
	color:#ddd;
	font-family:alegreya_sansregular;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:2px solid #ddd;
}

.footer_sutun .sutun_satir{
	width:calc(100% - 0px);
	line-height:20px;
	float:left;
	position:relative;
	padding:3px 0px;
	color:#ddd;
	font-family:alegreya_sansregular;
	text-transform:capitalize;
}

.footer_sutun a:hover{color:#0093dd;}




.footer_ssl_stun{
	width:calc(400px - 100px);
	float:left;
	position:relative;
	margin-left:50px;
	margin-top:40px;
	margin-bottom:40px;
}

.footer_ssl_stun .ssl{
	width:calc(100% - 70px);
	float:left;
	position:relative;
	margin:30px 35px 0px 35px;
}

.footer_ssl_stun .footer_callcenter{
	width:calc(100% - 0px);
	height:90px;
	float:left;
	position:relative;
	margin-bottom:10px;
	background-color:#0093dd;
	border-radius:40px;
}

.footer_ssl_stun .footer_callcenter .cc_icon{
	width:calc(80px - 0px);
	height:calc(80px - 0px);
	float:left;
	position:relative;
	margin:5px;
}

.footer_ssl_stun .footer_callcenter .cc_tel{
	width:calc(100% - 100px);
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-family:encode_sans_compressedblack;
	top:50%;
	transform:translateY(-50%);
}

.footer_ssl_stun .footer_callcenter .cc_tel h5{
	line-height:25px;
	font-size:20px;
	margin-bottom:5px;
	letter-spacing: 1px;
}

.footer_ssl_stun .footer_callcenter .cc_tel h6{
	line-height:25px;
	font-size:25px;
	letter-spacing: 1px;
}








.footer_sosyal_bant{
	width:calc(100% - 0px);
	float:left;
	position:relative;
	background-color:#3d3d3d;
	padding:10px 0px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.footer_sosyal_bant .footer_sosyal_icon{
	width:50px;
	height:50px;
	float:left;
	position:relative;
	margin:0px 5px;
	font-family:fontello;
}

.footer_sosyal_bant .footer_sosyal_icon:before{
	width:50px;
	height:50px;
	line-height:50px;
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-size:25px; 
}

.footer_sosyal_bant .footer_sosyal_icon:hover:before{color:#0093dd;}

.footer_sosyal_bant .face:before{ content:'\F09A'; }
.footer_sosyal_bant .ins:before{ content:'\F32D'; }
.footer_sosyal_bant .youtube:before{ content:'\F313'; }
.footer_sosyal_bant .google:before{ content:'\F1A0'; }
.footer_sosyal_bant .linkedin:before{ content:'\F31B'; }



.footer_alt_bant{
	width:calc(100% - 20px);
	float:left;
	position:relative;
	padding:20px 10px;
}

.footer_alt_bant .copy{
	line-height:20px;
	float:left;
	position:relative;
	color:#fff;
	font-family:alegreya_sansregular;
}

.footer_alt_bant .yazilim{
	line-height:20px;
	float:right;
	position:relative;
	color:#fff;
	font-family:alegreya_sansregular;
}


.whatsapp_yuvalak{
	width:75px;
	height:75px;
	float:right;
	position:fixed;
	right:30px;
	bottom:30px;
	border-radius:50%;
	background-color:#25d366;
	border:2px solid #25d366;
	color:#fff;
	font-family:fontello;
	box-shadow: 0px 0px 15px #3d3d3d;
	animation-name: whatsapp_anim;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	cursor:pointer;
}

.whatsapp_yuvalak:before{
	content:'\F232';
	width:75px;
	height:75px;
	line-height:75px;
	text-align:center;
	font-size:40px;
	float:left;
	position:relative;
	font-family:fontello;
}

.whatsapp_yuvalak:hover{background-color:#fff;color:#25d366;}

@keyframes whatsapp_anim {
  0%   {box-shadow: 0px 0px 5px #3d3d3d; -ms-transform: scale(1); transform: scale(1); }
  25%  {box-shadow: 0px 0px 15px #3d3d3d; -ms-transform: scale(1.1); transform: scale(1.1); }
  50%  {box-shadow: 0px 0px 5px #3d3d3d; -ms-transform: scale(1); transform: scale(1); }
  75%  {box-shadow: 0px 0px 15px #3d3d3d; -ms-transform: scale(1.1); transform: scale(1.1); }
  100%  {box-shadow: 0px 0px 5px #3d3d3d; -ms-transform: scale(1); transform: scale(1); }
}


.mobil_alt_bar{
	width:calc(100% - 0px);
	height:50px;
	float:left;
	position:fixed;
	background-color:#3d3d3d;
	bottom:0px;
	border-top:2px solid #0093dd;
	display:none;
	z-index:800;
	box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px 10px 0 rgba(0, 0, 0, 0.19);
}

.mobil_alt_bar .buton_iletisim_l{
	float:left;
	position:relative;
	color:#0093dd;
}

.mobil_alt_bar .buton_iletisim_r{
	float:right;
	position:relative;
	color:#25d366;
}

.mobil_alt_bar .iletisim_tel_icon{
	width:30px;
	height:30px;
	float:left;
	position:relative;
	margin:10px 10px;
}

.mobil_alt_bar .iletisim_whtsp_icon{
	width:30px;
	height:30px;
	float:left;
	position:relative;
	font-family:fontello;
	margin:10px 10px;
}

.mobil_alt_bar .iletisim_whtsp_icon:before{
	content:'\f232';
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:30px;
	float:left;
	position:relative;
}

.mobil_alt_bar .iletisim_tel{
	height:50px;
	line-height:50px;
	font-size:18px;
	float:left;
	position:relative;
	font-family:doppio_oneregular;
}






@media screen and (max-width: 1680px), screen and (max-device-width: 1680px) {
.content{ width:1200px; }



/*//////////////////////HEADER//////////////////////*/
/*//////////////////////HEADER//////////////////////*/

.logo{ width:calc(100% - 50px); height:80px; margin-top:-40px; }
.logo_gizle{ margin-top:calc(-45px + 25px) !important; }

.header_beyaz_shdw .header_beyaz{
	width: 350px;
	height: 140px;
	clip-path: polygon(0 0, 100% 0, 270px 100%, 0 100%);
}

.header_siyah_shdw .header_siyah{
	width: 390px;
	height: 125px;
	clip-path: polygon(0 0, 100% 0, 319px 100%, 0 100%);
}

.header_mavi_shdw .header_mavi{
	width: 430px;
	height: 110px;
	clip-path: polygon(0 0, 100% 0, 367px 100%, 0 100%);
}




/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/

.footer_content{width:1270px;}
.footer_sutunlar{width:calc(100% - 300px);}
.footer_sutun{width:calc(25% - 60px);margin:0px 30px;}
.footer_ssl_stun{width:calc(300px - 60px);margin-left:30px;}
.footer_ssl_stun .footer_callcenter .cc_tel h5{line-height:20px;font-size:17px;}


}







@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) {
.content{ width:1000px; }
.masonry-item{width:calc(25% - 10px);}



/*//////////////////////HEADER//////////////////////*/
/*//////////////////////HEADER//////////////////////*/

.logo{height:60px; margin-top:-30px; }
.logo_gizle{ margin-top:calc(-45px + 35px) !important; }

.header_beyaz_shdw .header_beyaz{
	width: 250px;height: 140px;
	clip-path: polygon(0 0, 100% 0, 170px 100%, 0 100%);
}

.header_siyah_shdw .header_siyah{
	width: 290px; height: 125px;
	clip-path: polygon(0 0, 100% 0, 219px 100%, 0 100%);
}

.header_mavi_shdw .header_mavi{
	width: 330px; height: 110px;
	clip-path: polygon(0 0, 100% 0, 267px 100%, 0 100%);
}

header .header_menu ul li a{margin:15px 1px;font-size:15px;}






/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/

.footer_content{width:1000px;}
.footer_sutunlar{width:calc(100% - 250px);}
.footer_sutun{width:calc(25% - 50px);margin:0px 25px;}

.footer_sutun .sutun_baslik{
	width:calc(100% - 0px);
	line-height:20px;
	font-size:15px;
	float:left;
	position:relative;
	color:#ddd;
	font-family:alegreya_sansregular;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:2px solid #ddd;
}

.footer_sutun .sutun_satir{	line-height:18px;font-size:13px;}
.footer_ssl_stun{width:calc(250px - 40px);margin-left:20px;}
.footer_ssl_stun .footer_callcenter .cc_tel h5{line-height:18px;font-size:15px;margin-bottom:5px;}
.footer_ssl_stun .footer_callcenter .cc_tel h6{line-height:20px;font-size:17px;}


}







@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
.content{ width:780px;  }



/*//////////////////////HEADER//////////////////////*/
/*//////////////////////HEADER//////////////////////*/

.header{height:90px;}
.logo{height:44px;margin-top:-22px;}
.logo_gizle{ margin-top:calc(-45px + 42px) !important; }

.header_beyaz_shdw .header_beyaz{
	width: 200px;
	height: 110px;
	clip-path: polygon(0 0, 100% 0, 138px 100%, 0 100%);
}

.header_siyah_shdw .header_siyah{
	width: 225px;
	height: 100px;
	clip-path: polygon(0 0, 100% 0, 168px 100%, 0 100%);
}

.header_mavi_shdw .header_mavi{
	width: 250px;
	height: 90px;
	clip-path: polygon(0 0, 100% 0, 199px 100%, 0 100%);
}

header .header_menu{ height:90px; }
header .header_menu ul li a{margin:5px 0px;padding:10px 4px;}


/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/

.footer_content{width:700px;}
.footer_sutunlar{width:calc(100% - 250px);}
.footer_sutun{width:calc(50% - 50px);margin:0px 25px;}
.footer_sutun:nth-child(n+3){margin-top:50px;}



}



@media screen and (max-width: 900px), screen and (max-device-width: 900px) {

header .header_menu ul li a{font-family:dosismedium; font-size:14px;}

}




@media screen and (max-width: 800px), screen and (max-device-width: 800px) {
.content{ width:calc(100% - 20px); }



}




@media screen and (max-width: 736px), screen and (max-device-width: 736px) {

.col_100{
	width: calc(100% - 0px);
	margin:15px 0px;
}
	
.col_50{
	width: calc(100% - 0px);
	margin:15px 0px;
}


/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/
.footer_content{width:calc(100% - 0px);}
.footer_sutunlar{width:calc(100% - 220px);}
.footer_sutun{width:calc(50% - 50px);margin:0px 25px;}
.footer_sutun:nth-child(n+3){margin-top:50px;}

.footer_ssl_stun{
	width:calc(220px - 50px);
	float:left;
	position:relative;
	margin-left:25px;
	margin-top:40px;
	margin-bottom:40px;
}

.footer_ssl_stun .ssl{
	width:calc(100% - 20px);
	float:left;
	position:relative;
	margin:30px 10px 0px 10px;
}

.footer_ssl_stun .footer_callcenter{
	width:calc(100% - 0px);
	height:60px;
	float:left;
	position:relative;
	margin-bottom:10px;
	background-color:#0093dd;
	border-radius:30px;
}

.footer_ssl_stun .footer_callcenter .cc_icon{
	width:calc(50px - 0px);
	height:calc(50px - 0px);
	float:left;
	position:relative;
	margin:5px;
}

.footer_ssl_stun .footer_callcenter .cc_tel{
	width:calc(100% - 70px);
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-family:encode_sans_compressedblack;
	top:50%;
	transform:translateY(-50%);
}

.footer_ssl_stun .footer_callcenter .cc_tel h5{line-height:14px;font-size:13px;margin-bottom:3px;}
.footer_ssl_stun .footer_callcenter .cc_tel h6{line-height:17px;font-size:15px;}

.footer_alt_bant{
	width:calc(100% - 20px);
	float:left;
	position:relative;
	padding:20px 10px;
}

.footer_alt_bant .copy{
	width:calc(100% - 0px);
	text-align:center;
}

.footer_alt_bant .yazilim{
	width:calc(100% - 0px);
	float:left;
	text-align:center;
	margin-top:10px;
}




}




@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
	
.masonry-item{ width:calc(33.3% - 10px); }







/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/

.footer_sertifikalar .footer_sertifika{width:calc(50px - 0px);height:calc(50px - 0px);margin:10px 8px;}
.footer_sertifikalar .footer_sertifika_tse{width:calc(70px - 0px);height:calc(50px - 0px);margin:10px 8px;}
.footer_sutunlar{width:calc(100% - 0px);}
.footer_sutun{width:calc(50% - 50px);margin:0px 25px;}
.footer_sutun:nth-child(n+3){margin-top:50px;}

.footer_ssl_stun{
	width:calc(100% - 0px);
	float:left;
	position:relative;
	margin-left:0px;
	margin-top:40px;
	margin-bottom:40px;
}

.footer_ssl_stun .footer_callcenter{
	width:calc(250px - 0px);
	height:60px;
	float:left;
	position:relative;
	margin-bottom:0px;
	background-color:#0093dd;
	border-radius:30px;
	margin-left:50px;
}

.footer_ssl_stun .footer_callcenter .cc_icon{
	width:calc(50px - 0px);
	height:calc(50px - 0px);
	float:left;
	position:relative;
	margin:5px;
}

.footer_ssl_stun .footer_callcenter .cc_tel{
	width:calc(100% - 70px);
	float:left;
	position:relative;
	text-align:center;
	color:#fff;
	font-family:encode_sans_compressedblack;
	top:50%;
	transform:translateY(-50%);
}

.footer_ssl_stun .footer_callcenter .cc_tel h5{line-height:16px;font-size:15px;margin-bottom:5px;}
.footer_ssl_stun .footer_callcenter .cc_tel h6{	line-height:18px;font-size:17px;}

.footer_ssl_stun .ssl{
	width:calc(150px - 20px);
	float:right;
	position:relative;
	margin:0px;
	margin-right:50px;
}



}






@media screen and (max-width: 533px), screen and (max-device-width: 533px) {



/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/

.footer_sertifikalar .footer_sertifika{	margin:10px 5px;}
.footer_sertifikalar .footer_sertifika_tse{	margin:10px 5px;}
	
.footer_ssl_stun{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.footer_ssl_stun .footer_callcenter{
	width:calc(250px - 0px);
	height:60px;
	float:left;
	position:relative;
	background-color:#0093dd;
	border-radius:30px;
	margin:0px 50px;
}

.footer_ssl_stun .ssl{
	width:calc(200px - 0px);
	float:left;
	position:relative;
	margin:0px;
	margin-top:40px;
}

	
}







@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
	
.masonry-item{ width:calc(50% - 10px); }

.h480{display: none;}
.input_satir_30{width:calc(50% - 10px);float:left;position:relative;margin:5px;}
.input_satir_40{width:calc(100% - 10px);float:left;position:relative;margin:5px;}
.input_satir_60{width:calc(100% - 10px);float:left;position:relative;margin:5px;}

.bsvr_hr{
	border-color: #eee; 
	margin: 15px 0px;
}


}








@media screen and (max-width: 380px), screen and (max-device-width: 380px) {



/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/

.footer_sertifikalar .footer_sertifika{	width:calc(45px - 0px);	height:calc(45px - 0px);margin:5px;}
.footer_sertifikalar .footer_sertifika_tse{	width:calc(63px - 0px);	height:calc(45px - 0px);margin:5px;}
.footer_sutun{width:calc(100% - 50px);margin:0px 25px;}
.footer_sutun:nth-child(n+2){margin-top:50px;}
.mobil_alt_bar .iletisim_tel_icon{width:30px;	height:30px;margin:10px 5px;}
.mobil_alt_bar .iletisim_whtsp_icon{width:30px;	height:30px;margin:10px 5px;}
	
}





@media screen and (max-width: 360px), screen and (max-device-width: 360px) {


/*//////////////////////FOOTER//////////////////////*/
/*//////////////////////FOOTER//////////////////////*/

.mobil_alt_bar .iletisim_tel_icon{width:24px;height:24px;margin:13px 5px;}
.mobil_alt_bar .iletisim_whtsp_icon{width:24px;	height:24px;margin:13px 5px;}
.mobil_alt_bar .iletisim_whtsp_icon:before{	width:24px;	height:24px;line-height:24px;font-size:24px;}
.mobil_alt_bar .iletisim_tel{height:50px;line-height:50px;font-size:17px;float:left;position:relative;font-family:doppio_oneregular;}

	
}