
@font-face {
    font-family: 'Calibri';
    src: url('/assest/fonts/Calibri/Calibri.eot');
    src: url('/assest/fonts/Calibri/Calibri.eot') format('embedded-opentype'), 
    url('/assest/fonts/Calibri/Calibri.woff2') format('woff2'), 
    url('/assest/fonts/Calibri/Calibri.woff') format('woff'), 
    url('/assest/fonts/Calibri/Calibri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'fontello';
  src: url('/assest/fonts/fontello/fontello5438.eot');
  src: url('/assest/fonts/fontello/fontello5438.eot') format('embedded-opentype'),
       url('/assest/fonts/fontello/fontello5438.woff2') format('woff2'),
       url('/assest/fonts/fontello/fontello5438.woff') format('woff'),
       url('/assest/fonts/fontello/fontello5438.ttf') format('truetype'),
       url('/assest/fonts/fontello/fontello5438.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
#blog-image{
    border-radius: 25px !important;
    filter: brightness(.6);
}
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
.icon-down-dir:before { content: '\e800'; } /* '' */
.icon-up-dir:before { content: '\e801'; } /* '' */
.icon-right-dir:before { content: '\e802'; } /* '' */
.icon-down-open:before { content: '\e803'; } /* '' */
.icon-left-open:before { content: '\e804'; } /* '' */
.icon-right-open:before { content: '\e805'; } /* '' */
.icon-up-open:before { content: '\e806'; } /* '' */
.icon-group-176:before { content: '\e807'; } /* '' */
.icon-group-177:before { content: '\e808'; } /* '' */
.icon-group-179:before { content: '\e809'; } /* '' */
.icon-group-180:before { content: '\e80a'; } /* '' */
.icon-group-182:before { content: '\e80b'; } /* '' */
.icon-group-181:before { content: '\e80c'; } /* '' */
.icon-angle-double-left:before { content: '\f100';font-size:23px } /* '' */
.icon-angle-double-right:before { content: '\f101'; } /* '' */
.icon-angle-double-up:before { content: '\f102'; } /* '' */
.icon-angle-double-down:before { content: '\f103'; } /* '' */
/*custom css*/
.AdminLink select, .AdminLink table, .AdminLink td { font-family: Tahoma, Arial, Helvetica, sans-serif }
.AdminLink select, .AdminLink table, .AdminLink td, .adminHeader { font-size: 11px; font-weight: 700 }
.adminHeader { background-color: red; color: #fff; padding: 5px; width: 136px; clear: both; position: relative; line-height: 1;display:block }
.AdminLink { background: #f2f2f2; border: 3px solid #FFF }
.AdminLink a { color: red }
.AdminLink a:hover { color: #CCC }
.AdminLink select { color: #039 }
.ModuleAdder, .ModuleCopier, .PageJumper { border-bottom: #999 1px solid }
.ModuleAdder .baslik, .ModuleCopier .baslik, .PageJumper .baslik { background-color: #999; font-weight: 700; color: #FFF; width: 130px }
input[type="submit"], select {cursor:pointer}
html, body {margin:0;padding:0;overflow-x:hidden !important;height:auto !important}
html {font:normal 15px/1.5 'Times New Roman', Times, serif;color:#414042}
* { -webkit-user-select: none; -webkit-touch-callout: none; }
body {background-color: #fff;}
.wrapperDetail, body {-webkit-transition: padding 0.7s ease;-moz-transition: padding 0.7s ease;-ms-transition: padding 0.7s ease;-o-transition: padding 0.7s ease;transition: padding 0.7s ease;}
a, select {color:#414042;text-decoration:none}
h1, h2, h3, p, .img {padding:0;margin:0 0 15px 0}
h4,h5,h6 {padding:0;margin:0 0 5px 0}
.no-margin {margin:0 !important}
h2, h3, h4, h5 {font-weight:bold}
h1 {font-size:2.3rem}
h2 {font-size:2.15rem}
h3 {font-size:2rem}
h4 { font-size: 1.1rem }

 

a:hover{
    text-decoration:none !important;
}

.acordion-sss .card {
    border-radius: 0px !important;
    background: #CECECE;
    padding: 20px;
    display: block;
    font-family: 'Calibri';
    font-size: 1.1rem;
    align-items: center;
    justify-content: space-between;
    flex-flow: row nowrap;
    transition: all 0.2s ease;
}

img {max-width:100%}
.text-center {text-align:center}
.text-right {text-align:right}
.bg-gray {background:#F1F1F1}
.relative {position:relative}
* {box-sizing:border-box;-moz-box-sizing:border-box}
#header {height:100px;background:#414042;color:#fff;padding:0 15px;position:fixed;z-index:200;top:0;left:0;width:100%}
.container {max-width:1200px;margin:0 auto}
.logo {width:307px;height:71px;background:url(/assest/images/logo.png) no-repeat;display:block;margin:0 !important;background-size:100%}
.logo2 {width:307px;height:71px;background:url(/assest/images/logo-en.png) no-repeat;display:block;margin:0 !important;background-size:100%}
.flex {display:flex;flex-flow:row wrap;align-items:center}
.nowrap {flex-wrap:nowrap}
.flex>* {flex:1}
#header .menuArea {flex:100%}
.RadMenu a.rmLink {cursor:pointer !important}
.RadMenu_destek, .RadMenu_destek > ul { float: none !important }
.RadMenu_destek li .rmSlide {display:none !important}
.RadMenu_destek>ul {text-align:right}
.RadMenu_destek .rmText { margin: 0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.RadMenu_destek .rmItem {z-index:9999 !important}
.RadMenu_destek .rmItem, .RadMenu_destek .rmText, .RadMenu_destek > ul > li > a { width: auto !important; float: none !important; padding: 0 !important }
.RadMenu_destek .rmLink {float:none !important;color:#fff}
.RadMenu_destek .rmLink:hover {color:#ccc}
.RadMenu_destek>ul li a { display: block;font-size:1.1rem}
.RadMenu_destek > ul li { display: inline-block; position: relative }
.RadMenu_destek > ul > li + li { margin:5px 0 0 30px }
.ara-put {display:block;padding:0 22px;width: 23px;height: 23px;display: inline-block;background: url(/assest/images/search.png) no-repeat center center;cursor: pointer;}
#search-input {position:absolute;top:0;right: 0;animation-duration: 0.4s !important;width: 300px;border-top: 1px solid #2f2e2f;}
#search-input .search-btn {position: absolute;right: 10px;top: 50%;width: 23px !important;height: 23px !important;padding: 0;transform: translateY(-50%);}
#search-input {visibility:hidden;opacity:0;transition:all 0.5s ease;}
#search-input.active {visibility:visible;opacity:1;top:100%}
#search-input input[type="text"], #search-input input[type="text"]:focus {border-radius: 0;outline:none !important;box-shadow:none !important;border:none !important}
#search-input .inputs {display: block;width: 100%;height: 50px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #fff;background-color: #414042;
background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.language {text-align:center;display:block}
.language > a {display:block;color:#7A797B;padding:5px 0}
.language > a:first-child {border-bottom:1px solid #fff}
.language > a.active {color:#fff}
.optionArea {display:flex;flex-flow:row wrap;align-items:center;justify-content: flex-end;min-width:175px}
#site-search, .language {margin-left:30px}
.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:transparent}.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}.fp-controlArrow{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none;position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff}.fp-scrollable{overflow:hidden;position:relative}.fp-scroller{overflow:hidden}.iScrollIndicator{border:0!important}.fp-notransition{-webkit-transition:none!important;transition:none!important}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0)}#fp-nav.right{right:17px}#fp-nav.left{left:17px}.fp-slidesNav{position:absolute;z-index:4;opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);left:0!important;right:0;margin:0 auto!important}.fp-slidesNav.bottom{bottom:17px}.fp-slidesNav.top{top:17px}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}.fp-slidesNav ul li{display:inline-block}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}#fp-nav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#333;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0 0 -5px}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;cursor:pointer}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity .2s ease-in;transition:opacity .2s ease-in;width:auto;opacity:1}#fp-nav ul li .fp-tooltip.right{right:20px}#fp-nav ul li .fp-tooltip.left{left:20px}.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important}.fp-responsive .fp-auto-height-responsive .fp-slide,.fp-responsive .fp-auto-height-responsive .fp-tableCell,.fp-responsive .fp-auto-height-responsive.fp-section{height:auto!important}
.grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(381px, 1fr));grid-gap: 30px;}
.grid .img {width:100%;object-fit:cover;display:block}
#main-slider {text-align:center}
#main-slider .fp-slide {background-position:top center !important}
#main-slider .texts {height: 100%;display: flex;align-items: center;justify-content: center;flex-flow: column wrap;}
#main-slider img {width:100%;display:block}
#main-slider h1 span, #main-slider p span {display:block;background:rgba(0, 0, 0, 0.5);color:#fff;padding: 10px 20px;}
.grid-3 {display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr))}
.grid-3 .item {margin:30px 0;font-weight:bold}
.grid-3 .icon {font-size:4rem}
#footer .footer {background:#414042;padding: 15px 0;}
#footer .footerTop {background: #565656;padding:7px 0}
#footer .footerTop, #footer .footer, .links a { color: #fff }
.logofooter {width:20px;height:20px;background:url(/assest/images/logofooter.svg) no-repeat;display:inline-block}
.goUp {width:29px;height:29px;text-align:center;line-height:27px;color:#fff;border:1px solid #fff;display:inline-block;font-size:20px}
.pt {padding-top:110px}
.menubar {border-bottom:1px solid #D5D5D5;padding:5px 0;margin-bottom:30px;display: flex;align-items: center;justify-content: space-between;}
.menubar a {font-size:12px;color:#414042;font-family: 'Calibri'; text-transform: uppercase;}
.menubar table td:last-child a {font-weight:bold}
.menubar table td + td {padding-left:3px}
.detailContainer {margin-top:2vw;margin-bottom:2vw}
.wrapperDetail {display: flex;min-height: 100vh;flex-direction: column;}
#detailMain {flex:1}
.textCapsul + .textCapsul {margin-top:2vw}
#vertical-menu>ul>li>a {border:2px solid #D5D5D5;border-bottom: 0;}
#vertical-menu ul, #vertical-menu ul li {margin:0;padding:0;list-style:none}
#vertical-menu li a {display:block;padding:22px;font-weight:bold}
#vertical-menu li a:hover {background:#414042;color:#fff}
#vertical-menu>ul>li:last-child>a {border-bottom:2px solid #D5D5D5;}
.MenuLevel2Act, .MenuLevel3Act, .MenuLevel4Act {border:none !important;}
.MenuLevel2Act {background: #414042;color: #fff;}
.MenuLevel3Act {background: #989798;color: #404042;}
.MenuLevel3 { margin-left: 25px !important }
.mb-2 { margin-bottom: 2vw }
.mt-3 {margin-top:3vw}
#btn-login {display:none !important}
#mobil-menu {width: 20px; height: 22px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer;}
#mobil-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
#mobil-menu span:nth-child(1) { top: 0px; }
#mobil-menu span:nth-child(2) { top: 10px; }
#mobil-menu span:nth-child(3) { top: 20px; }
#mobil-menu.open span:nth-child(1) { top: 9px; transform: rotate(135deg); }
#mobil-menu.open span:nth-child(2) { opacity: 0; left: -60px; }
#mobil-menu.open span:nth-child(3) { top: 9px; transform: rotate(-135deg); }
.text-justify + .text-justify {margin-top:20px}
.cerceve {text-align: center;font-size: 1.4rem;font-style: italic;max-width: 391px;padding: 35px 36px;border:2px solid #414042;display: flex;flex-direction:column;align-items: center;letter-spacing: 1px;
position:relative;margin-top:30px;margin-bottom:30px}
.cerceve-sml {font-size:1rem;max-width:100%;padding-top:13px;padding-bottom:13px}
.cerceve:before, .cerceve:after {content:'';width:60px;height:58px;position:absolute;background:url(/assest/images/finger.png) no-repeat center center #F1F1F1;display:block}
.cerceve:before {left:-25px;top:-29px;}
.cerceve:after {right:-25px;bottom:-29px;}
.right {float:right}
.cerceve.right {margin-left:30px}
.accordion {margin-bottom:20px}
.accordion .quest { background: #CECECE; padding: 12px 20px; display: block; font-family: 'Calibri'; font-size: 1.1rem; display: flex; align-items: center; justify-content: space-between;flex-flow: row nowrap;transition:all 0.2s ease}
.accordion p {background:#ECEBE9;padding:5px 30px;margin:0;display:none}
.accordion .quest:after {content: '\f103';font-family: "fontello";font-size:25px;display:inline-block;margin-left:10px;transition:transform 0.3s ease}
.accordion.active .quest:after {transform:rotate(180deg)}
.accordion.active .quest {background:#414042;color:#fff}
.listicon, .listicon li, .resetul, .resetul li { margin: 0; padding: 0; list-style: none }
.listicon li {background:url(/assest/images/listicon.svg) no-repeat left center;padding: 15px 20px;font-style:italic;font-size: 1.2rem;}
.flex-auto>* {flex:auto}
.links li a {display:block;padding:5px;text-shadow: 0px 1px 1px #333;}
.noDate .date, .detailHizmetkar .headerTxt > span, .detailHizmetkar .date-icon, .detailHizmetkar .ShareIt, .detailHizmetkar .arrow { display: none !important }
.itemTd { text-align: center;vertical-align:top;margin-bottom:30px}
.image-title {display:flex;align-items:center;flex-flow:row wrap;font-weight:bold}
.title a span>span {font-weight:normal !important}
.blackColored { position: relative; display: inline-block; margin-bottom: 10px; }
.blackColored .colored { position: absolute; left: 0; top: 0px; opacity: 0;transition:opacity 0.4s linear}
.blackColored .black, .blackColored .colored {display:block}
.blackColored:hover .colored {opacity:1}
#contactbg { width: 100vw; position: relative; left: calc(-50vw + 50%); }

.pattern1 .itemTd { width: 33% !important}
.pattern1 .grid-news br { display: none !important }
.pattern1 .itemTd:nth-of-type(2) + br { display: block !important }



/*btn*/
.btn {height:40px;line-height:38px;padding:0 15px;border:1px solid transparent;display:inline-block;font-weight:bold;font-family: 'Calibri';color:#414042}
.btn:hover, .fp-controlArrow:hover {opacity:0.8}
.btn-border {background:transparent}
.btn-white {background:rgba(255, 255, 255, 0.8);}
.border-white {border-color:#fff;color:#fff}
.border-black {border-color:#414042}
.btn-transparent {background:transparent;}
.btn-md {height:50px;line-height:48px;padding:0 25px;}
.btn-lg {height:70px;line-height:68px;padding:0 10%;font-weight:300;font-size:1.1rem}




/*media*/
@media (min-width:1200px) {

.detailFlex {display: grid;grid-template-columns: 30% calc(70% - 30px);grid-gap: 30px;}
#mobil-menu {display: none;}

}
@media (min-width:486px) {

.menubar table td + td {
    padding-left: 0px !important;
}

}
@media (max-width:1200px) {

html {font-size:13px}
.container {padding:0 15px}
.logo,.logo2 {width: 160px;height: 32px;float:right}
 #site-search {display:none}
.logoArea {order:3}
.menuArea {order: 1;max-width: 20px;padding: 0;}
.optionArea {order:2;min-width: inherit;max-width:fit-content}
#wrapper {transition:transform 0.4s ease}
.openedMobilMenu {transform:translateX(240px)}
.RadMenu_destek {position: fixed !important;top: 0;left: 0;width: 240px;background: #414042;bottom: 0;transform: translateX(-240px);white-space:inherit !important}
.RadMenu_destek ul li {float: none !important;overflow: hidden;padding: 0 !important;}
.RadMenu_destek ul li a {font-size: 16px;border-bottom: 1px solid #4d4c4e;float: none !important; padding: 20px !important; opacity: 1;}
.RadMenu_destek .rmItem, .RadMenu_destek .rmText, .RadMenu_destek > ul > li > a {width:100% !important}
.RadMenu_destek>ul {text-align:left}
.RadMenu_destek > ul > li + li {margin:0 !important}
.RadMenu_destek .rmText {white-space:inherit !important;text-overflow:inherit !important}
#header {height:65px}
.section.slider, .slider .fp-tableCell {height:calc(100vh - 65px) !important}
section + section, .rightArea {margin-top:15px}
.grid-3 {grid-template-columns: 50% 50%;}
#footer {font-size:11px}
.grid {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
.mobile-floatnone {float:none}
.cerceve { clear: both; display: block; float: none; width: 100%; max-width: 100%; margin: 30px 0px !important; padding: 14px 36px; font-size: 13px; }
.links>ul {flex:2}
.fp-controlArrow.fp-next {border-width: 16px 0 16px 12px;right:5px}
.fp-controlArrow.fp-prev {border-width: 16px 12px 16px 0;left:5px}
.fp-controlArrow {margin-top:-16px}
#main-slider h1 {font-size:1rem;padding:0 25px;margin:0}
#main-slider h1 p {margin:0 !important}

}



@media (max-width:1600px) {

.grid .img {max-height:131px}

}

@media (max-width:768px) {

.itemTd, .pattern1 .itemTd {width:100% !important;float:none !important;clear:both !important;display:block !important}

}
@media (max-width: 1200px){
    .openedMobilMenu {
    transform: translateX(240px);
     
}
.RadMenu_destek>ul {
  
    padding: 0;
}
.openedMobilMenuTransform{
        transform: translateX(0px);
       
}
.viewport{
           transition: .4s;
}
.RadMenu_destek{
    transition: .4s;
}
}


.p-0{
    padding: 0 !important;
}


