@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { margin:0; padding:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%; line-height:100%; font-family: 'Exo 2', sans-serif;}
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input, textarea { font-family: 'Exo 2', sans-serif; font-weight:300; font-size:14px; }
.saver { clear:both !important; height:0px !important; line-height:0px !important; float:none !important; display:block !important; padding:0 !important; margin:0 !important; }
.hiddenText { font-size:0px !important; text-indent:-9999px !important; }
.hide { display:none;}
a img { border:0; }
a { outline:0; cursor:pointer; text-decoration:none; }
p { padding:0; margin:0;}
img{border:none;}
.leftContainer { float:left;}
.rightContainer { float:right;}
.noMargin{ margin:0 !important; }
.noMarginRight{ margin-right:0 !important;}
.noMarginLeft{ margin-left:0 !important;}
.wrapper { width:90% !important; margin:0 auto; position:relative;}

body { font-family: 'Exo 2', sans-serif; font-weight:400; font-size:15px; color:#2e2e2e; background:#fff; width:100%; margin:0; padding:0; overflow-x:hidden; }

.logoSis {
    color: #516276;
    position: fixed;
    bottom: 10px;
    left: 10px;
}

#homeContentContainer { position:absolute; bottom:200px; right:160px;}
/*.loginContainer { margin:75px 0 0 0;}*/
.loginContainer h1 { color:#000000; font-size:24px; font-weight:100; margin:0 0 20px 0;}
.formItemRow { margin:0 0 15px 0; position:relative; }
.formItemRow i { font-style:normal; font-weight:100; position:absolute; left:25px; top:15px; font-size:16px; color:#000000;}
.formItemRow i.textBoxResult { position:absolute; right:15px; left:auto; top:30px;}
.loginTextBox { background-color:var(--color0); margin:0; padding:35px 25px 15px 25px; width:calc(100% ); border:none; color:#fff; font-size:24px; font-weight:300;}
.loginButton {
    width: calc(30%);
    float: right;
}

.lostPass { color:#063e63; background:url(../images/etc/icon-lostpass.png) no-repeat; padding:0 0 0 35px; text-decoration:none;}

#headerContainer { padding:35px 0 0 0; margin:0 0 45px 0; position:relative; z-index:999;}
.logo {}
.btnMobileMenu { display:none;}
.topMobileMenu { display:none;}
.topSubMenu { margin:45px 0 0 0; text-align:right;}
.topSubMenu a { display:inline-block; padding: 0px 5px 0px 5px; position:relative; text-align:left;}
.topSubMenu a i { background:#fff; border-radius:100%; padding:5px 10px; font-size:12px; color:#282734; font-style:normal; position:absolute; top:-15px; right:15px;}

.topSubMenu a.topProfileButton { border:none; margin:0 0 0 30px; padding:0 0 5px 30px; background:url(../images/etc/profile.png) left top no-repeat; color:#000000; font-size:18px;text-transform: capitalize}
.topSubMenu a.topProfileButton span { margin:0 0 0 15px;}
.topProfileBox { display:none; position:absolute; z-index:999; background:#fff; padding:10px; right:0;}

.topSubMenu a.topLngButton { border:none; margin:0 0 0 30px; padding:0 0 5px 30px; background:url(../images/etc/lang.png) left top no-repeat; color:#000000; font-size:18px;text-transform: capitalize}
.topSubMenu a.topLngButton span { margin:0 0 0 15px;}
.topLngBox { display:none; position:absolute; z-index:999; background:#fff; padding:10px; right:0;}
.topSubMenudiv {display: inline-block; padding: 5px 30px; position: relative; }
.topLngBox a{ float: left; padding: 0px 5px 0px 5px;}

.topListSubMenu {display:none;}
.topDetailSubMenu { margin:30px 0 0 0; position:absolute; top:0; right:0; }
.topDetailSubMenu h1 { float:left; margin:0 30px 0 0; padding:5px 0 0 0; font-size:32px; font-weight:300; color:#363636;}
.topDetailSubMenu a { float:left; margin:0 0 0 12px;}

#boxListContainer { position:relative; margin:0 auto; width:80%; }

.boxListContainer { width:100%; position:absolute;}
.boxListContainer ul li { list-style:none; width:calc(100% - 30px); margin:0 30px 30px 0;}
.boxListContainer ul li a { position:relative; display:block; width:100%; height:205px;}
.boxListContainer ul li a i.icon { position:absolute; top:30px; left:30px;color: #333; font-size: 44px;}
.boxListContainer ul li a i.title { position:absolute; bottom:30px; left:30px; font-style:normal; color:#333; font-size:22px; width:70%;}

.boxDetailListContainer { width:100%; position:absolute;}
.boxDetailListContainer ul li { list-style:none; width:calc(100% - 30px); margin:0 25px 25px 0px;}
.boxDetailListContainer ul li a { position:relative; display:block; width:100%; height:205px;}
.boxDetailListContainer ul li a i.icon { position:absolute; top:25px; left:25px;}
.boxDetailListContainer ul li a i.title { position:absolute; bottom:25px; left:25px; font-style:normal; color:#fff; font-size:22px; width:70%;}

/*Detay sayfasında yer alan sol menünün özellikleri*/
.leftMenuContainer { margin:0 40px 0 0; }
.leftMenuContainer h1 { font-size:18px; padding:20px 10px 20px 30px;}
.leftMenuContainer ul { padding:0; margin:0;}
.leftMenuContainer ul li { font-size:16px; list-style:none;}
.leftMenuContainer ul li a { padding:10px 20px; display:block; }
.leftMenuContainer ul li a:hover, .leftMenuContainer ul li a.selected { background:rgba(0,0,0,0.1) url(../images/etc/bullet-nav.png) right 15px center no-repeat;}
.jspVerticalBar { left:0; right:auto;}
/**/
.detailContentBox { float:left; width:100%;}

/* Detay sayfalarda yer alan kutuların yerlerini set eden sınıf tanımlamarı */
.column { border-top: 10px solid #0c3983; box-shadow: 0px 0px 5px #eff0f4; padding: 10px; background: #fff; margin: 0 40px 0 0;}
.column.floatLeft { float: left; } /* Sol kutucuk*/
.column.floatRight { float: right; } /* Sağ kutucuk*/

.fullColumn { border-top: 10px solid #0c3983; box-shadow: 0px 0px 5px #eff0f4; padding:0; background: #fff; margin:0 0 40px 0;}

/* Detay sayfalarda yer alan kutuların genişliklerini set eden sınıf tanımlamaları */
.xsmall {width: calc(20% - 5%)}
.small {width: calc(30% - 5%)}
.medium {width: calc(30% - 5%)}
.large {width: calc(60% - 5%)}
.full {width: calc(100% - 5%)}
.rightDetailContentContainer .medium {width:32%}
/**/


/* detay.html şablonunda yer alan tablonun özellikleri */
.table .col {display: block;	clear: both;}
.table .col .row {	float: left;	width: calc(50% - 10px);	padding: 10px 5px;}
.table .col.tableHeader .row {	font-size: 18px; font-weight: 500;} /* Tablonun header'ı için kullanılan biçimlendirme */
.col.title .row {color: #26abc7;}
.col.borderBottom {border-bottom: 1px solid #f7f7f7;padding: 10px 0;}/* Tabloda Border verilmek için kullanılan biçinlendirme*/
.table .col .row.formRequest {width: calc(30% - 10px) !important;}
.table .col .row.formElements {width: calc(70% - 10px) !important;}
/**/

/* detay.html şablonunda yer alan tablodaki kare noktaların biçimlendirmeleri */
.dot {	width: 10px; height: 10px;	background: #ccc;	display: inline-block; float: left;	margin: 3px 5px 0 0;}
.dot.orange{background:#c78c26;}
.dot.blue{background:#26abc7;}
.dot.purple{background:#8826c7;}
.dot.pink{background:#c7268c;}
.dot.yellow{background:#e4de36;}
/**/

/*Form Elementlerinin ÖZellikleri */
.textBox {	outline: none;	border: 1px solid #e6e6e6;	border-radius: 5px;	padding: 10px;	background: #fafafa; width: calc(100% - 20px); color:#383838; font-size: 16px;}
.button {	background: #0c3983;	width: 100%;	border: none;	padding: 10px 0;	color: #fff;	border-radius: 5px;	cursor: pointer;}
.numberCounter { background:#fafafa; border:1px solid #e6e6e6; border-radius: 5px; padding: 10px;  width: 75px; }
.jcf-select-dropdownList {	padding: 5px;	background: #fafafa;	border: 1px solid #e6e6e6;	border-radius: 5px;	width: 100%;	cursor: pointer;}
/***/

.setting {	background: url("../images/icon/setting.png") no-repeat center center;width: 25px;height: 25px;display: inline-block;float: left;padding: 10px;cursor: pointer;}
.medium .row.blue a {color:#26abc7;}
.column.xlarge h2 {	font-weight: 500;	font-size: 18px;	padding: 10px;}
.searchBar {	padding: 20px 0;}
.selectItem { padding: 0 10px; display:inline-block; vertical-align:middle; }
.selectItem span {	display: block;	color: #383838; margin:0 0 5px 0;}

/* detay2.html şablonunda yer alan tablonun özellikleri */
.resultTable {width: 100%;}
.resultTable tr th { color: #009059; padding: 10px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;}
.resultTable tr td { padding: 10px 5px;}
.resultTable .col1 {width: 11%;}
.resultTable .col2 {width: 30%;}
.resultTable .col3 {width: 5%;}
.resultTable .col4 {width: 34%;}
.resultTable .col5 {width: 15%;}
/**/


div.boxDetailList { display: block; width: 100%; height:480px; overflow: hidden;}
/*div.boxDetailList .grid { display: table; table-layout: fixed; width: 100%;}*/
div.boxDetailList .grid ul { display: table-cell; vertical-align: top; width:388px; height:480px;}

.boxDetailListContainer div.boxDetailList { display: block; width: 100%; height:460px; overflow: hidden;}
/*.boxDetailListContainer div.boxDetailList .grid { display: table; table-layout: fixed; width: 100%;}*/
.boxDetailListContainer div.boxDetailList .grid ul { display: table-cell; vertical-align: top; width:388px; height:480px !important;}
.swiper-container-horizontal>.swiper-scrollbar{ opacity: 1 !importan; display: block !important;  }

.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.horizontal-track2 { width: 100%;  height:17px;  background: #b4b4b4;}
.horizontal-handle2 { height: 17px; background: #555;}
.horizontal-handle2 .left { display: none;}
.horizontal-handle2 .right { display: none;}

.mCS-my-horizontal-theme .mCSB_draggerContainer { width: 100%;  height:17px;  background: #b4b4b4;}
.mCS-my-horizontal-theme .mCSB_dragger { height: 17px; background: #555;}
.mCS-my-horizontal-theme .mCSB_dragger .mCSB_dragger_bar { height:17px !important; margin:0 auto !important; background: #555 !important;}
.mCS-my-horizontal-theme .mCSB_draggerRail { height:0 !important;}


.searchbox{ display:inline-block; position:relative; min-width:50px; width:0%; height:39px; overflow:hidden; border-right:1px solid #dbdcdf !important; margin:0 0 -9px 0;}
.searchbox-input{ top:0; right:0; border:0; outline:0; background:#fff; border:1px solid #d7d8dc; border-radius:25px; width:150px; height:39px; margin:0; padding:5px 25px 5px 10px; font-size:18px; color:#5f5f5f;}
.searchbox-input::-webkit-input-placeholder { color: #5f5f5f;}
.searchbox-input:-moz-placeholder { color: #5f5f5f;}
.searchbox-input::-moz-placeholder { color: #5f5f5f;}
.searchbox-input:-ms-input-placeholder { color: #5f5f5f;}
.searchbox-icon, .searchbox-submit{ width:50px; height:39px; display:block; position:absolute; top:0; right:0; padding:5px 0 0 0; margin:0; border:0; outline:0; cursor:pointer; text-align:left;}
.searchbox-open{ width:175px;}
.searchbox-open .searchbox-icon { background:#fff; border:1px solid #d7d8dc; border-left:none; border-top-right-radius:25px; border-bottom-right-radius:25px; padding:4px 0 0 0; height:33px; margin:0 5px 0 0;}
.searchbox-open .searchbox-icon img { margin:0 0 0 6px;}

.verticalScrollContentContainer { height:650px; width:100% !important;}

.searchContentContainer { width:calc(100% - 45px) !important; margin:0 !important; }
.vertical-track2 { width:2px; background:#c0c1c4; }
.vertical-handle2 { width:15px; background:#0c3983; border-radius:15px; margin:0 0 0 -6px; -webkit-overflow-scrolling: touch; /* lets it scroll lazy */ touch-action: cross-slide-x manipulation;}

.mCS-my-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{  width:15px; background:#0c3983; border-radius:15px; margin:0;}
.mCS-my-theme.mCSB_scrollTools .mCSB_draggerRail{ width:2px; background:#c0c1c4;  }
.mCSB_inside > .mCSB_container{ margin: 0 !important; }


.searchContentTitleContainer { border-bottom:1px solid #d1d1d1; padding:20px;}
.searchArea {}
.searchAreaBox { position:relative; display:block;}
.searchBoxInput { border:1px solid #c9c9c9; padding:15px 55px 15px 15px; border-radius:25px; width:350px; outline:0; }
.searchBoxSubmit { position:absolute; right:20px; top:10px; background:none; cursor:pointer; width:25px; height:25px; z-index:3; border:none;}
.searchAreaBoxIcon { position:absolute; right:20px; top:10px; z-index:2;}
.searchAreaResult { font-size:22px; margin:8px 0 0 35px;}
.searchAreaResult strong { font-weight:normal; color:#0c3983;}
.searchAreaResult i { font-style:normal; color:#009059;}
.resultArea {}
.resultArea ul {}
.resultArea ul li { list-style:none; font-size:16px;}
.resultArea ul li a { background:#fff; display:block; padding:20px 30px; color:#2a2a2a;}
.resultArea ul li:nth-child(even) a { background:#edeeef;}
.resultArea ul li a:hover { background:#0c3983; color:#fff;}

.messageTable {}
.messageTableTitleContainer { background:#fff;}
.messageTableTitleContainer td { padding:20px 40px; font-size:18px;}
.messageTableTitleContainer td:nth-child(1) { width:15%; text-align:center; border-right:1px solid #d5d6d7;}
.messageTableTitleContainer td:nth-child(2) { width:50%; border-right:1px solid #d5d6d7;}
.messageTableTitleContainer td:nth-child(3) { width:15%; text-align:center; border-right:1px solid #d5d6d7;}
.messageTableTitleContainer td:nth-child(4) { width:20%; text-align:center;}
.messageTableColumContainer {}
.messageTableColumContainer:nth-child(even) { background:#edeeef;}
.messageTableColumContainer td { padding:20px 40px; font-size:16px;}
.messageTableColumContainer td:nth-child(1) { text-align:center; border-right:1px solid #d5d6d7; color:#26abc7; font-weight:700;}
.messageTableColumContainer td:nth-child(2) {  border-right:1px solid #d5d6d7; color:#383838; font-weight:600; }
.messageTableColumContainer td:nth-child(2) strong { color:#2a2a2a; font-weight:700; }
.messageTableColumContainer td:nth-child(3) { text-align:center; border-right:1px solid #d5d6d7; color:#1a1a1a; font-weight:700;}
.messageTableColumContainer td:nth-child(4) { text-align:center;}
.messageTableColumContainer td strong { font-weight:700;}

.messageTableColumContainer.messageReaded td:nth-child(1) { font-weight:400; }
.messageTableColumContainer.messageReaded td:nth-child(2) { color:#363636; font-weight:400; }
.messageTableColumContainer.messageReaded td:nth-child(2) strong { color:#363636; font-weight:600;}
.messageTableColumContainer.messageReaded td:nth-child(3) { color:#1a1a1a; font-weight:400;}
.messageTableColumContainer.messageReaded td:nth-child(4) { }
.messageTableColumContainer.messageReaded .btnDetail { opacity:0.8;}

.messageTableColumContainer .clickReaded { display:block; font-size:12px; color:#5e5e5e; font-weight:600; text-align:left;}
.messageTableColumContainer .clickUnReaded { display:none;}
.messageTableColumContainer .clickReaded i { margin:0 10px 0 0; float:left; width:calc(16% - 10px);}
.messageTableColumContainer .clickReaded strong { font-weight:400; float:left; width:84%;}
.messageTableColumContainer.messageReaded .clickReaded { display:none;}
.messageTableColumContainer.messageReaded .clickUnReaded { display:block; font-size:12px; color:#e73232; font-weight:400; text-align:left;}
.messageTableColumContainer.messageReaded .clickUnReaded i { margin:0 10px 0 0; float:left; width:calc(16% - 10px);}
.messageTableColumContainer.messageReaded .clickUnReaded strong { font-weight:400; float:left; width:84%;}

.btnDetail { background:#0c3983; border-radius:5px; padding:15px 30px; color:#fff; font-weight:700; display:table; margin:25px auto 0 auto;}

.newMessageContainer { background:#eceef7;}

.newMessageBox { background:#fff; padding:40px 60px; width:calc(80% - 120px); font-size:18px; }
.newMessageBox h2 { font-size:26px; font-weight:600; color:#0c3983; margin:0 0 30px 0;}
.newMessageBox .item { margin:0 0 20px 0; position:relative;}
.messageTextBox { padding:13px 20px 13px 100px; font-size:18px; color:#565656; border:1px solid #aaa; min-height:40px; width:calc(100% - 120px);}
.messageTextArea { padding:20px 20px 13px 100px; font-size:18px; color:#565656; border:1px solid #aaa; height:260px; width:calc(100% - 120px);}
.newMessageBox .item i { font-style:normal; position:absolute; top:25px; left:22px; color:#666666;}
.newMessageBox .item ul.holder { padding:13px 20px 13px 100px; width:calc(100% - 120px) !important;  }
.newMessageBox .item ul.holder li.bit-box { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:#0c3983; padding:8px 45px 8px 12px; color:#fff; font-size:18px; font-family: 'Exo 2', sans-serif; font-weight:400; }
.newMessageBox .item ul.holder li.bit-box a.closebutton { position: absolute; right:12px; top:10px; display: block; width:17px; height:17px; background:url(../images/etc/close.png); border-radius:100%; cursor:pointer;}
.newMessageBox .item .facebook-auto { width:100% !important;}


.btnGonder { float:left; border:none; cursor:pointer; background:#009059; color:#fff; font-size:26px; font-weight:600; padding:10px 30px; border-radius:5px;}
.btnTemizle { float:left; margin:0 0 0 20px; border:none; cursor:pointer; background:#dc5555; color:#fff; font-size:26px; font-weight:600; padding:10px 30px; border-radius:5px;}

.newMessageClients { padding:40px 0; width:20%;}
.newMessageClients h3 { font-size:26px; font-weight:600; color:#0c3983; margin:0 0 30px 40px;}
.newMessageClients .item { border-bottom:1px solid #cacdd8; padding:15px 0 15px 40px;}
.newMessageClients .item input { margin:0 10px 0 0; border:1px solid #9b9da5;}

.regular-checkbox {	display:none;}
.regular-checkbox + label {	background:#fff; border: 1px solid #9b9da5; padding:6px; display: inline-block; position:relative; margin:0 10px 0 0;}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {}
.regular-checkbox:checked + label {	background:#e9ecee; border:1px solid #adb8c0; color:#54850f;}
.regular-checkbox:checked + label:after { content: '\2714';	font-size:11px; position:absolute; top:-2px; left:2px; color:#54850f; font-weight:600;}


.messageDetailContainer {}
.messageDetailTitle { padding:25px 30px 15px 30px; background:#f2f2f1;}
.messageTitle { font-size:16px; color:#26abc7; font-weight:600; padding:0 25px 0 0;}
.messageDate { border-left:1px solid #b4b4b4; padding:0 0 0 25px; font-size:16px; color:#1a1a1a; }
.messageDelete {}
.messageDelete i { color:#fff; background:#e86565; width:32px; height:22px; padding:5px 0; margin:-5px 0 0 0; text-align:center; border-radius:100%; display:block; font-style:normal; font-size:100%; cursor:pointer; font-weight:600; font-size:16px;}

.messageDetailContentContainer { padding:40px 35px;}
.messageDetailContent {color:#383838; font-size:16px; text-align:justify; line-height:160%; border-bottom:1px solid #c6c6c6;}
.messageDetailContent h2 { color:#242424; font-size:20px; font-weight:700; margin:0 0 10px 0;}
.messageDetailContent p { padding:0 0 20px 0;}

.messageDetailAnswer { position:relative; margin:35px 0 0 0;}
.messageAnswerTextArea { background:#e6e8f1; border:none; padding:10px 105px 10px 10px; border-radius:5px; width:calc(100% - 115px); min-height:50px;}
.btnAnswer { background:#0c3983; color:#fff; padding:15px; font-size:16px; font-weight:300; border:none; cursor:pointer; position:absolute; right:10px; top:10px; border-radius:5px;}