@charset "utf-8";
/* CSS Document - RESET.CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}



body {
	line-height: 1;margin:0; padding:0; background-color:#FFF; overflow-x:hidden; font-family: 'Source Sans Pro',Arial; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**/
.fw_200{font-weight:200}
.fw_300{font-weight:300}
.fw_400{font-weight:400}
.fw_700{font-weight:700}

.f_14px{ font-size:14px !important;}		
.f_16px{ font-size:16px !important;}		 
.f_18px{ font-size:18px !important;}
.f_30px{ font-size:30px !important;}
.f_20px{ font-size:20px !important;}
.f_45px{ font-size:45px !important;}
.f_23px{ font-size:23px !important;}
.f_21px{ font-size:21px !important;}
.f_left{ float:left !important;}
.f_right{ float:right !important;}
.f_white{ color:#FFF !important;}
.f_black{ color:#000 !important;}
.f_dark{ color:#141718 !important;}
.f_turquaz{ color:#2db9c5 !important;}
.f_laci{ color:#394144 !important;}
.f_grey{ color:#cecece !important;}
.f_yellow_active{color:#ffd503 !important;}
/* .pp_items{font-size: 14px;font-family:'Source Sans Pro',Arial;color:#FFF;display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1 em;margin-left: 0;margin-right: 0;padding-left: 40px;} */
.margin_15{ margin:15px;}
.margin_left_6px{ margin-left:6px !important;}
.margin_left_28px{ margin-left:28px !important;}
.margin_left_44px{ margin-left: 44px !important;}
.margin_left_20px{ margin-left: 20px !important;}
.margin_right_6px{ margin-right:6px !important;}
.margin_top_4px{ margin-top:4px !important;}
.margin_top_20px{ margin-top:20px !important;}
.margin_top_10px{ margin-top:10px !important;}
.margin_top_eski10px{ margin-top:-10px !important;}
.margin_top_40px{ margin-top:40px !important;}
.margin_top_60px{ margin-top:60px;}
.margin_top_46px{ margin-top:46px;}
.margin_top_eksi4px{ margin-top:-4px !important;}
.margin_top_eksi20px{margin-top: -20px !important;}
.margin_top_eksi29px{margin-top: -29px !important;}
.margin_bottom_10px{ margin-bottom:10px !important;}
.margin_bottom_20px{ margin-bottom:20px !important;}
.margin_right_10px{ margin-right:10px !important;}
.margin_right_20px{ margin-right:20px !important;}
.padding_top_4px{ padding-top:4px;}
.padding_top_10px{ padding-top:10px;}
.padding_top_16px{ padding-top:16px;}
.padding_top_20px{ padding-top:20px;}
.padding_30{ padding:30px !important;}
.padding_20{ padding:20px !important;}
.padding_10{ padding:10px !important;}
.padding_top_40px{ padding-top:40px;}
.line_1_3{ line-height:1.3;}
.line_1_2{ line-height:1.2;}
.clear_both{ clear:both;}
.p1{ width:575px;}
.img1{margin-top: -100px;}
.wrap1{margin-bottom: 70px;margin-top: 45px;}
.p2{ width:600px;}
.img2{margin-top: -100px;}
.wrap2{margin-bottom: 0px;}
.p3{ width:840px;}
.wrap3{margin-bottom: 20px;}
.p4{ width:785px;}
.wrap4{margin-bottom: 20px;}
.p5{ width:550px;}
.img5{ margin-top: -110px;}
.wrap5{margin-bottom: 40px;}
.tasdix_wrap1{margin-bottom: 34px;margin-top: 15px;}
.tasdix_p1{ width:675px;}
.tasdix_img1{margin-top: -124px; margin-right: 150px;}
.tasdix_wrap2{margin-bottom: 10px;}
.tasdix_img2{ margin-right:30px; margin-top:-20px;}
.tasdix_p3{ width:570px;}
.tasdix_p4{ width:585px;}
.img3{ margin-top: -165px; margin-right:100px;}
.tasdix_img3{ margin-top: -64px; margin-right:100px;}
.kk_text{font-size: 16px !important;line-height: 1.1;}
.content_tasdix{ height:1622px !important;}
.align_center{ text-align:center;}
.f_light{font-family: 'Source Sans Pro',Arial;}
.width_100{ width:100%;}
.width_155{ width:155px !important;}
.margin_top_106{ margin-top:106px !important;}
.margin_left_66px{ margin-left:66px !important;}
.width_935{ width:935px !important;}
.width_580{ width:580px !important;}
.width_150{ width: 150px !important;}
.width_474{ width: 474px !important;}
.height_140{ height:140px !important;}
.padding_left_4{ padding-left:4px !important;}
.cursor-pointer{ cursor:pointer;}
.height_265{ height: 265px;}
.height_194{ height: 194px;}
.height_170{ height: 170px;}
/*MAIN CSS*/
#page_body{ margin:0 auto; width:100%;}
/**/
#top{ float:left; width:100%; height:99px; background: url(../img/top_bg.png) center top repeat-x; z-index:99; position:relative;min-width:1200px}
#center{ float:left; width:100%; z-index:1; position:relative;min-width:1200px}
#bottom{ float:left; width:100%; background:url(../img/bottom_bg.jpg) repeat-x; height:324px;min-width:1200px}
/**/
#container{ float:left; width:100%; position:relative; background:none;min-width:1200px}
#header{ margin:0 auto; width:1200px; height:100%;min-width:1200px}
#logo{ float:left;margin-top:-3px;}
/**/
#slider_content{ float:left; width:100%; background:url(../img/slider_content_bg.jpg) center top repeat-x; height:370px; position:relative;}
.slide{ margin:0 auto; width:100%; height:348px; position:absolute; bottom:0;}
.slide a{width:100%; height:348px;}

#slide1{ background:url(../img/slide1.png) center top no-repeat;}
/**/
#main_content{ float:left; width:100%;background: url(../img/center_bg.jpg) repeat; height:680px;}
#future_content{ margin:0 auto; width:1200px; height:640px; background:url(../img/future_content_bg.jpg) repeat;}
#future_content .title{float:left; width:1118px; height:46px;}
/**/
#navigation{ float:right; width:650px;}
.social_bar{ float:right; background:url(../img/social_bar_bg.png) repeat-x; height:25px;}
.social_bar img{ float:left; margin-left:6px; margin-top:4px;}
.contact_button{ float:right; margin-left:10px;}
#nav_menu{  font-weight: 700;float:right; width:860px; background:url(../img/nav_repeater_bg.png) repeat-x; height:58px; padding-top:10px; margin-top:10px;}
#nav_menu ul{ float:left; padding:0 !important; list-style:none; margin-left:20px; margin-top:10px;}
#nav_menu ul li{ float:left; margin-left:24px; }
/**/
.boxes{ float:left; width:100%;}
.box{ float:left; width:350px; margin-left:40px;}
.box span{ float:left; padding-bottom:10px;}
.box img{ float:left;}
.video_box{ float:left; width:350px; height:176px; position:relative; cursor:pointer;}
.video_box .video_caps{ float:left; z-index:2; position:relative;}
.video_box .play{ position:absolute;  bottom:10px; right:10px; z-index:999 !important;}
.social_box{ float:left; width:350px; height:176px; position:relative;}
.social_box .social_bg{ float:left;z-index:2;}
.social_box .facebook{ position:absolute;  bottom:10px; right:80px; z-index:999 !important;}
.social_box .twitter{ position:absolute;  bottom:10px; right:10px; z-index:999 !important;}
/**/
.page_title{ float:left; width:930px; border-bottom:solid 2px #34383b; padding-top:20px; padding-bottom:10px; background-color:#FFF;}
.page_title span{ float:left; text-align:left; width:100%; font-size:35px; color:#34383b;}
/**/
.detail_text{ float:left; width:1118px; background-color:#eceedb; border-bottom: solid 4px #5b6667; border-top: solid 4px #5b6667;}
.detail_text img{ margin-left:10px; margin-right:10px;}
/**/
#footer{ margin:0 auto; width:1200px; height:200px;border-bottom: solid 4px #202020; border-top: solid 4px #202020; position:relative;}
#footer ul{ float:left; padding:0 !important; list-style:none;width:170px;}
#footer ul li{ float:left; width:100%; }
#footer ul li a{ font-size:15px; color:#2db9c5;font-family: 'Source Sans Pro',Arial;}
#footer .by{ position:absolute; left:450px; bottom:-50px;}
/*BİLGİBANKASI*/
.content{ float:left; background:url(../img/two_bg_repeater.jpg) repeat; width:100%; height:2430px;}
.wrapper{ margin: 60px auto 0; width:1200px; height:100%;}
.wrap{ float:left; width:100%;}
.wrap strong{ float:left; font-family: 'Source Sans Pro',Arial;font-weight:700 }
.wrap p{ float:left; font-family: 'Source Sans Pro',Arial;}
/*FİYATLAR*/
.prices{ background:url(../img/two_bg_repeater.jpg) repeat; width:100%;height: 1030px; margin-top: -360px;}
.prices .wrapper{ margin: 60px auto 0; width:1200px; height:615px !important; margin-top:386px;}
.price_box{ background:url(../img/box_bg.png) no-repeat; width:240px; height:310px;}
.price_box .image img{ float:left; margin-top: 4px;}
.name_txt{ width:100%; text-align:center;}
.price_txt{ width:100%; text-align:center;}
.price_text_bar{ background:url(../img/price_text_bar_bg.jpg) no-repeat; width:1122px; height:285px;}
/*DESTEK - MEDYA*/
.dm_content{ float:left; width:100%;}
.dm_nav{ padding:0; list-style:none; } 
/*DEMOLAR*/
.demos{background:url(../img/demolar_repeater.jpg) repeat; width:100%;height: 546px; margin-top: -30px;}
.demo_box{background:url(../img/demo_box_bg.png) no-repeat; width:370px; height:446px;}
/*MASAÜSTÜ İNDİR*/
.desktop{background:url(../img/dd_bg_repeater.jpg) repeat; width:100%;height: 650px; margin-top: -30px;}
.dd_content{ background:url(../img/desktop_back_bg.png) no-repeat; width:1123px; height:572px; position:relative;}
.windows{ position:absolute; left:163px; top:226px; width:360px; height:345px;}
.mac{ position:absolute; left:546px; top:226px; width:340px; height:345px;}
.linux{ position:absolute; left:546px; top:226px; width:340px; height:345px;}
.dd_title{font-family: 'Source Sans Pro',Arial}
.system{ font-size:12px; width:173px; margin-top: 80px;}
/*GİZLİLİK*/
.privacy{background:url(../img/gizlilik_bg_repeater.jpg) repeat; width:100%; margin-top: -30px;} /*height: 1237px;*/
.privacy_content{ background:url(../img/pp_repeater_bg.png) repeat; width:524px;}
/*.privacy_content{ background:url(../img/gizlilik_content_bg.png) no-repeat; width:524px; height:1157px;}*/

/*Uyelik Sözlesmesi*/
.register{background:url(../img/register_repeater_bg.jpg) repeat; width:100%;height: 3243px; margin-top: -30px;}
.register_content{ background:url(../img/register_content_bg.png) no-repeat; width:1121px; height:3145px;}
/**/
.contact_title{background:url(../img/contact_title.jpg) center top repeat; width:100%;height: 134px; margin-top: -30px;}
.contact{background:url(../img/contact_bg.jpg) center top repeat; width:100%;height: 750px;}
.text{ background:#4d5052;}
.right_bar{ background:url(../img/destek_form_bg.png) no-repeat; width:534px; height:602px; color:#4b4a4a;}
.right_bar table tr{ float:left; width:100%; margin-right:10px; margin-top:10px;}
.right_bar table td{ float:left; margin-right:10px;}
.send_button{ border:0 none; cursor:pointer; background:url(../img/send_button.png) no-repeat; width:482px; height:50px;}
.input{ float:left; width:230px; height:46px; border:solid  1px #4b4a4a; font-size:14px; color:#4b4a4a; padding-left:4px;}
/* - Acordion*/
.item-detay{ width: 1200px; display:block;margin: 220px auto 0; position:relative; z-index:1;}
.item-detay img{ float:right;}
.item-closed1{ float:left; display:block;  width:100%; position:relative; cursor:pointer; z-index:2;}
.item-closed1 strong{ font-size:27px; padding-top: 8px !important;padding-bottom: 8px !important; padding-left: 30px !important; cursor:pointer; width:100%; border-bottom:solid 1px #CCC;}
.item-closed1 p{   color: #000;float: left;font-size: 21px;margin-left: 30px !important;padding-bottom: 30px !important;padding-top: 30px !important; width:100%; font-family: 'Source Sans Pro',Arial;line-height:1.2;}
.item-closed2{ float:left; display:block; width:100%; position:relative; cursor:pointer; z-index:2;}
.item-closed2 strong{ font-size:27px; padding-top: 8px !important;padding-bottom: 8px !important; padding-left: 30px !important; cursor:pointer; width:100%; border-bottom:solid 1px #CCC;}
.item-closed2 p{   color: #000;float: left;font-size: 21px;margin-left: 30px !important;padding-bottom: 30px !important;padding-top: 30px !important; width:100%; font-family: 'Source Sans Pro',Arial; line-height:1.2;}
.item-closed3{ float:left; display:block; width:100%; position:relative; cursor:pointer; z-index:2;}
.item-closed3 strong{ font-size:27px; padding-top: 8px !important;padding-bottom: 8px !important; padding-left: 30px !important; cursor:pointer; width:100%; border-bottom:solid 1px #CCC;}
.item-closed3 p{   color: #000;float: left;font-size: 21px;margin-left: 30px !important;padding-bottom: 30px !important;padding-top: 30px !important; width:100%; font-family: 'Source Sans Pro',Arial;line-height:1.2;}
.item-closed4{ float:left; display:block; width:100%; position:relative; cursor:pointer; z-index:2;}
.item-closed4 strong{ font-size:27px; padding-top: 8px !important;padding-bottom: 8px !important; padding-left: 30px !important; cursor:pointer; width:100%; border-bottom:solid 1px #CCC;}
.item-closed4 p{   color: #000;float: left;font-size: 21px;margin-left: 30px !important;padding-bottom: 30px !important;padding-top: 30px !important; width:100%; font-family: 'Source Sans Pro',Arial;line-height:1.2;}
#haber-duyuru{ background:url(../img/haber_duyuru_btn.png) center top no-repeat;}
#basin-bultenleri{ background:url(../img/basin_bultenleri_btn.png) center top no-repeat;}
#basinda-tasdix{ background:url(../img/basinda_tasdix_btn.png) center top no-repeat;}
#tasdixlenmistir{ background:url(../img/bu_dosya_tasdixlenmistir_btn.png) center top no-repeat;}

#uyelik{ background:url(../img/uyelik_btn.png) center top no-repeat;}
#kontor-yukleme{ background:url(../img/kontor_yukleme_btn.png) center top no-repeat;}
#tasdixleme{ background:url(../img/tasdixleme_btn.png) center top no-repeat;}
#tasdixlenmis-dosya{ background:url(../img/tasdixlenmis_dosyayi_saklama_btn.png) center top no-repeat;}


 /* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1 !important; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color: rgb(0,0,0); /* Fallback color */ */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #2498a7;
    color: white;
    height:35px;
}

.modal-body {
    padding: 2px 16px;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.modal-footer {
    padding: 2px 16px;
    background-color: #2498a7;
    color: white;
}

.modal-content h2 {
    font-size: 22px;
    font-weight: bold;
    margin-top: 7px;
    text-align: center;
}

.modal-content h3 {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
}

.modal-content h4 {
    font-size: 16px;
    font-weight: bold;
}

.modal-content p {
    display: block;
    margin: 15px 0px;
    line-height: 22px;
}

.modal-content ul {
    list-style-type: disc;
    margin: 10px 35px;
}
.modal-content ul li {
    display: list-item;
    padding-bottom:10px;
    line-height: 22px;
}