/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,900);
a,applet,b,blockquote,body,caption,center,dd,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u,ul,var{border:0;margin:0;padding:0}img{border:none}a{text-decoration:none !important;outline:0 !important;color:inherit}* html,* html body{padding-top:0}* css{margin:0;padding:0}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .clearfix{height:1%}.clearfix{display:block}html{height:100%}.clearBoth{clear:both}.nomargin{margin:0!important;padding:0!important}.mr40{margin-right:40px}input,select{color:#58595B;line-height:18px;}
* {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.heading-1,.heading-2,.heading-3,.heading-4,.heading-5,.heading-6,h1,h2,h3,h4,h5,h6 {margin-top:0;margin-bottom:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:600;color:#333;letter-spacing:.5px}
.heading-1 a,.heading-2 a,.heading-3 a,.heading-4 a,.heading-5 a,.heading-6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {display:inline;font:inherit;letter-spacing:inherit}
.heading-1 a,.heading-1 a:active,.heading-1 a:focus,.heading-2 a,.heading-2 a:active,.heading-2 a:focus,.heading-3 a,.heading-3 a:active,.heading-3 a:focus,.heading-4 a,.heading-4 a:active,.heading-4 a:focus,.heading-5 a,.heading-5 a:active,.heading-5 a:focus,.heading-6 a,.heading-6 a:active,.heading-6 a:focus,h1 a,h1 a:active,h1 a:focus,h2 a,h2 a:active,h2 a:focus,h3 a,h3 a:active,h3 a:focus,h4 a,h4 a:active,h4 a:focus,h5 a,h5 a:active,h5 a:focus,h6 a,h6 a:active,h6 a:focus {color:inherit}
.heading-1 a:hover,.heading-2 a:hover,.heading-3 a:hover,.heading-4 a:hover,.heading-5 a:hover,.heading-6 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:#000000}
.heading-1>*,.heading-2>*,.heading-3>*,.heading-4>*,.heading-5>*,.heading-6>*,h1>*,h2>*,h3>*,h4>*,h5>*,h6>* {display:inline-block}
.heading-decorated::after {content:'';position:relative;display:block;height:1px;width:65px;background:#000000;will-change:transform,opacity;}
.heading-decorated.centerD::after {margin:0 auto}


.cboth {clear:both;}
.margin-small-top{margin-top:20px!important}
.margin-medium-top{margin-top:50px!important}
.margin-large-top{margin-top:80px!important}
.margin-small-bottom{margin-bottom:20px!important}
.margin-medium-bottom{margin-bottom:50px!important}
.margin-large-bottom{margin-bottom:80px!important}

.margin-small-right{margin-right:20px!important}
.margin-medium-right{margin-right:50px!important}
.margin-large-right{margin-right:80px!important}
.margin-small-left{margin-left:20px!important}
.margin-medium-left{margin-left:50px!important}
.margin-large-left{margin-left:80px!important}
.align-center{text-align:center!important}
.align-left{text-align:left!important}
.align-right{text-align:right!important}


a.hidden-link { position:absolute; width:100%; height:100%; display:block; z-index:99; top:0; left:0}

.myImageParent{
    width: 185px;
    height: 115px;   
    background-color: #eff;
}

.myImage{
    max-width: 100%;
    max-height: 100%;   
}

body{background-color:#F5F5F5  !important; font-family:'Open Sans',Tahoma,Arial,Sans-Serif !important; font-weight:400; color: #000 !important;}
body.page { background-color:#F5F5F5 !important;}

.header {background-color:rgba(255, 255, 255);-webkit-box-shadow: 0 0 0 4px white, 0 6px 4px black;-moz-box-shadow: 0 0 0 4px white, 0 6px 4px black;box-shadow: 0 0 0 4px white, 0 6px 4px black;border:none;position:fixed;left:0px;top:0px;width:100%;z-index:99; color:#000; z-index:9999}
.header.bgh { background-color:#fff; color:#333; border-bottom:5px solid #000000;}
.header .logo { float:left;padding:5px 0 0 0; }
.header .logo img { width:270; height:auto;}
.header .sag { float:right; padding:30px 0 0 0; }
.header .sag .info { float:right; height:40px; line-height:40px;}
.header .sag .info ul { list-style:none;}
.header .sag .info ul li { float:left; margin-left:20px; font-size:16px;font-family:"PT Sans",sans-serif;}
.header .sag .info ul li.ara { position:relative; padding-top:3px; width:280px; float:right;}
.header .sag .info ul li.ara .form-control {  border-radius:4px; border:1px solid #000000; color:#000000;}
.header .sag .info ul li.ara button { position:absolute; top:0; right:0;height:36px;padding:0 10px;border:none;background:none;color:#000000;font-size:19px; outline:none;}

.header .sag .menu { float:right;}
.header .sag .menu .dil { float:right; margin-top: 21px}
.header .sag .menu .dil a { margin-left: 5px; display: block; float: left}
.header .sag .menu ul { list-style:none; display:table;}
.header .sag .menu ul li { float:left; position:relative;}
.header .sag .menu ul li a i { color: #000; font-size:12px; margin-left:3px; }
.header .sag .menu ul li a { height:65px; line-height:23px; padding:10px; color: #000; font-size:16px; font-family:"PT Sans",sans-serif; text-transform:capitalize; display:block;}
.header .sag .menu ul li a:hover { color: #da8f1a; }
.header .sag .menu ul li a.active { color: #da8f1a; }
.header .sag .menu ul li:last-child a{ padding-right:0}
.header .sag .menu ul li.mobile { display:none;}
.header .sag .menu ul li.mobile a i{ font-size:32px;}

.header .sag .menu ul li:hover ul.altm { display:block;}
.header .sag .menu ul li ul.altm { background-color:#8f8f8f; position:absolute; width:220px; top:64px; display:none; list-style:none; z-index:9999}
.header .sag .menu ul li ul.altm li { width:100%; background-color:#8f8f8f; padding:0; position: relative;}
.header .sag .menu ul li ul.altm li a { color:#fff; font-size:13px; display:block; text-align:left; text-transform:capitalize; line-height:27px; padding:6px 10px 6px 9px; height:auto; }
.header .sag .menu ul li ul.altm li:hover { background-color:#626262;}
.header .sag .menu ul li.aktif ul.altm li a { border-bottom:0;}

.header .sag .menu ul li ul.altm li:hover ul { display:block;}
.header .sag .menu ul li ul.altm li ul { background-color:#8f8f8f; position:absolute; width:220px; left: 220px; top:0; display:none; list-style:none; z-index:9999}
.header .sag .menu ul li ul.altm li { width:100%; background-color:#8f8f8f; padding:0; position: relative;}


.slayt { border-bottom:3px solid #000000; margin-top: 95px;}
.slayt img { max-width:100%; max-height:700px;}

.pagehead {position:relative; width:100%; overflow:hidden; margin-top:120px;}
.pagehead .bg { min-height:170px; position:relative; overflow:hidden; z-index:1;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center;}
.pagehead .cpbg { width:100%; background:rgba(0,0,0,0.20); position:absolute; display:block; top:0; right:0; height:120%; z-index:0}
.pagehead .bg h5 {color:#FFF; width:100%; text-align:right; font-size:25px; }
.pagehead .bg .navi { right:15px; position:absolute; bottom:10px; display:block;}
.pagehead .bg .navi a { float:left; padding-left:5px; color:#fff; font-size:13px;}
.pagehead .bg .navi a::after { content:'/'; display:block; float:right; margin-left:5px;}
.pagehead .bg .navi a:last-child::after { display:none;}

section.urungrup { padding:45px 0; min-height:600px; background-color:#f5f5f5;}
.urungrup h4.bslk { text-align:center; font-size:20px; line-height:2em;}
.urungrup ul { list-style:none;}
.urungrup ul li { margin-bottom:30px;}
.urungrup ul li .kps { width:100%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);}
.urungrup ul li a { display:block;}
.urungrup ul li .rsm { position:relative; overflow:hidden; border:1px solid #d2d2d2; border-bottom:0;}
.urungrup ul li .rsm img { width:100%; height:auto; transition:transform .3s;}
.urungrup ul li:hover .rsm img { transform: rotate(7deg) scale(1.2);-webkit-transform: rotate(7deg) scale(1.2);-moz-transform: rotate(7deg) scale(1.2);-o-transform: rotate(7deg) scale(1.2);-ms-transform: rotate(7deg) scale(1.2);}
.urungrup ul li .baslik { width:100%; padding:6px 13px; font-weight:bold; color:#000; background-color:#e98f37; text-align:center; font-size:12px;}
.urungrup ul li .bkisa { width:100%; padding:6px 13px; color:#000; text-align:center; font-size:12px;}


.teknikdestek { margin-bottom:30px}
.teknikdestek h4 { margin-bottom:10px;}
.teknikdestek .form-control { border-radius:0}
.teknikdestek button { width:100%; padding:7px 0; text-align:center; background-color:#332788; color:#fff; font-weight:bold; border:none;}

.hkmzda {background-color: #f09c3b;position:relative;width:100%;display:table;color: #000;}
.hkmzda img { width:100%; height:auto;}
.hkmzda h4.bslk { font-size:24px; line-height:2em; margin-bottom:30px;color: #000;}
.hkmzda .heading-decorated { margin-left:0}
.hkmzda .bg { width:50%; height:100%; left:0; top:0; position:absolute;}
.hkmzda .bg ul.hk { list-style:none; width:100%; height:100%;}
.owl-stage { height: 100% !important;  position:relative;}
.owl-item { height: 100% !important; position:relative;}
.hkmzda .bg ul.hk li {height:100%; position:relative;}
.hkmzda .bg ul.hk li img { width:100%; height:100%; position:relative; display:block;}
.hkmzda .bg .slick-dots { bottom:20px;}
.hkmzda .bg .slick-list { height:100%;}
.hkmzda .bg .slick-track { height:100%;}

.hkmzda .sag { padding:45px 120px; /*height: 450px;*/ font-family:"Poppins", sans-serif; float:right; font-size:15px; line-height:26px}

.solmenu { background-color:#e8e8e8; padding:15px 15px 1px 20px; border-radius: 10px 10px 10px 10px; }
.solmenu ul { list-style:none;}
.solmenu ul li { margin-bottom:17px; transition:all .2s}
.solmenu ul li a { font-weight:bold; font-size:14px;}
.solmenu ul li a.aktif{ color:#ff0000;}
.solmenu ul li:hover a{  color:#0064b4;}

.solmenu ul li ul.amenu { padding-left:10px; margin-bottom:10px}
.solmenu ul li ul.amenu li { margin-bottom:3px}
.solmenu ul li:hover ul.amenu li a { color:inherit;}

ul.mark { list-style:none;}
ul.mark li { margin-bottom:30px;}
ul.mark li img { width:100%; height:auto;}
ul.mark li .baslik { width:100%; text-align:center; padding:10px 0; font-weight:bold; font-size:15px}

.logolar { padding:45px 0;  background-color:#f5f5f5;}
.logolar ul{ list-style:none;}
.logolar li { width:100%; padding:3px; }
.logolar li img { width:100%; max-width:200px; height:auto; margin:0 auto;-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.logolar li:hover img {-webkit-filter: grayscale(0%);filter: grayscale(0%);}

section.page { padding:10px 0;}
.page-content  {font-size: 15px;display:table;width:100%;font-family: 'PT Sans', sans-serif;color:#58595B;font-weight: 300;line-height: 23px;}
.page-content  ul { padding-left:20px;}
.page-content  ol { padding-left:20px;}
.page-content  iframe {max-width:100%; min-height:200px}
.page-content  img:not(.img-right):not(.img-left) { max-width:100%;}
.page-content  img.img-right { padding-right:0; margin-bottom:15px;}
.page-content  img.img-left { padding-left:0; margin-bottom:15px;}

.text-uppercase { text-transform: uppercase}

.galeriler { width: 100%; padding-top: 30px;}
.galeriler .galeri { position: relative; margin-bottom: 25px}
.galeriler .galeri .content { width: 100%; position: relative;}
.galeriler .galeri .content  img { width: 100%; height:164px;border-radius: 5px 5px 5px 5px;}
.galeriler .galeri .content .caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(240, 156, 59, 0.46); z-index: 1; display: none;}
.galeriler .galeri .content .caption a { color: #fff; font-weight: bold; font-size: 23px; width:100%; height:100%; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center;  }
.galeriler .galeri:hover .content .caption { display: flex;border-radius: 5px 5px 5px 5px;}

.arama { margin-bottom:15px;}
.arama h4 { text-transform:capitalize; margin-bottom:10px}
.arama form .form-group{ position:relative;}
.arama form .form-control { border-radius:0}
.arama form button {position:  absolute;top: 0;right: 0;height:  100%;padding:  0 10px; border: none;background-color: #1f425e;color: #fff;font-weight:  bold;}

.bizeulas {min-height:150px; width:100%; background:url('../img/bizeulas-bg.jpg') no-repeat center center; background-size:cover;  position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center; justify-content:center; align-items:center; align-content:center; text-align:center;}
.bizeulas h4{color:#fff; font-size:18px}
.bizeulas a.btn { min-width:110px; border-radius:8px; color:#000; background-color:#fff; margin-top:30px; text-transform: uppercase;}

.page.iletisim .form-control {border-radius:0;}
.page.iletisim button { border-radius:4px; text-align:center; padding:10px 30px; background-color:#f09c3b; font-weight:bold; color:#fff; border:none;}
.page.iletisim button:hover { background-color:#000; }
.page.iletisim a { color:#000; }
.page.iletisim a:hover { color:#f09c3b; }

.breadcrumb {/*filter:alpha(Opacity=60);opacity:.6;background-color:transparent;*/padding:0 0 20px 0;margin-bottom:0;margin-top: 20px}
.breadcrumb li {font-size:14px}
.breadcrumb li a {color:#1f425e;}
.breadcrumb li a:hover {color:#000000}

.owl-carousel .fa-chevron-left,.owl-carousel .fa-chevron-right {font-size:30px;color:#fff;position:absolute;top:50%;cursor:pointer; text-shadow:0px 0px 8px #adadad;}
.owl-carousel .fa-chevron-right {right:5%}
.owl-carousel .fa-chevron-left {left:5%}

.urunResimGaleri .image img { max-height:400px; height:auto; width:100% !important;}
.urunResimGaleri .image a { width:100%; height:100%; display:block;}

.tabm { width:100%; border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; background-color:#fff;}
.tabm ul { list-style:none; text-align:center; display:table; width:100%}
.tabm ul li { display:inline-table;}
.tabm ul li a { padding:15px 23px; font-size:15px; line-height:30px; color:#696969; font-weight:bold; border-left:1px solid #f3f3f3; display:block;}
.tabm ul li:last-child a{ border-right:1px solid #f3f3f3;}
.tabm ul li.aktif a { background-color:#F8F8F8}

.tab-container ul.tb { list-style:none; width:100%;}
.tab-container ul.tb li.tb { width:100%; display:none;}
.tab-container ul.tb li.tb.aktif { display:block;}

ul.pdf { list-style:none;}
ul.pdf li { margin-bottom:35px;}
ul.pdf li img { display:block; margin:0 auto; margin-bottom:10px;}
ul.pdf li .baslik { font-weight:bold; text-align:center;}

.page.urund .tab-content ul { list-style:none;}
.page.urund .tab-content ul li {float: left;margin-right: 1.2%;width: 24.1%; margin-bottom:10px; border:1px solid #d2d2d2;}
.page.urund .tab-content ul li:last-child {margin-right: 0;}
.page.urund .tab-content ul li:nth-child(4) { margin-right:0}
.page.urund .tab-content ul li:nth-child(8) { margin-right:0}
.page.urund .tab-content ul li img { width:100%; height:auto;}
.page.urund .tab-content .tab-pane img {border:1px solid #d2d2d2;}
.page.urund .tab-content .tab-pane { margin-bottom:15px}

.page.urund h1.b { font-size:24px; color:#1f425e; padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #d2d2d2}
.page.urund .prodOzet { padding:10px 0;}
.page.urund .prodInfo { padding:10px 0;  border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
.page.urund .prodInfo span { color:#62aac1;}

.teklifForm { width:100%; padding:25px; background-color:#fff; min-height:200px;}
.teklifForm h3 { text-align:center; margin-bottom:20px}
.teklifForm .form-control:not(textarea) { border-radius:0; height:50px;}
.teklifForm button { width:100%; background-color:#2F2483; color:#fff; font-weight:bold; padding:10px 0; font-size:20px}
.teklifForm button:hover, .teklifForm button:focus { color:#fff;}

.panel { border:none; margin:0; border-radius:0; box-shadow:0;}
.slideout-menu{position:fixed;top:0;bottom:0;width:256px;min-height:100vh;overflow-y:scroll;-webkit-overflow-scrolling:touch;z-index:0;display:none}
.slideout-menu-left{left:0}
.slideout-menu-right{right:0}
.slideout-panel{position:relative;z-index:1;min-height:100%;min-height:100vh; overflow:hidden; background-color:#f5f5f5;}
.slideout-open,.slideout-open body,.slideout-open .slideout-panel{overflow:hidden}
.slideout-open .slideout-menu{display:block}
.slideout-menu{background-color:#1D1F20;background-image:linear-gradient(145deg,#1D1F20,#404348)}
.slideout-menu a{color:#fff}
.slideout-menu a:hover{text-decoration:underline}
.menu-section{margin:25px 0}
.menu-section-title{text-transform:uppercase;color:#85888d;font-weight:200;font-size:13px;letter-spacing:1px;padding:0 20px;margin:0}
.menu-section-list{padding:0;margin:10px 0;list-style:none}
.menu-section-list a{display:block;padding:8px 20px}
.menu-section-list a:hover{background-color:rgba(255,255,255,0.1);text-decoration:none}


.haberler { padding:50px 0; width:100%; background-color:#f5f5f5;}
.haberler .haber { text-align:center; padding-top:15px;}
.haberler .haber h5 { margin-bottom:10px}
.haberler .haber .item { padding:0 85px}

ul.haberlist { list-style:none;}
ul.haberlist li { margin-bottom:30px}
ul.haberlist li h5 { font-size:17px}
ul.haberlist li p { font-size:13px;}
span.tarih { color:#b1b1b1; font-size:12px;}

.footer { background-color:rgba(72, 72, 72); padding: 30px 0; color:#fff; position:relative; }
.footer::before { content:''; display:block; /*background-color:rgba(0, 0, 0, 0.70);*/ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.footer .container { z-index:10; position:relative;}
.footer .slogan {text-align:center;font-size:22px;margin-bottom:30px;color:#fff;border-bottom: 1px solid #797979;padding-bottom: 25px;}

.footer .iletisim {width:100%;margin-bottom:20px;margin-top: 40px;}
.footer .iletisim ul { list-style:none; text-align:center;}
.footer .iletisim ul li { display:inline-table; margin:0 35px; position:relative; top:0; font-size:15px; max-width:250px; transition:all 0.3s cubic-bezier(0.73, 0.1, 0, 1.5); min-height:130px}
.footer .iletisim ul li img { height:60px; margin:0 auto; display:block; margin-bottom:10px;}
.footer .iletisim ul li:hover { top:-15px}


.social {width:100%;margin-bottom: 25px; display:table;}
.social ul { list-style:none; }
.social ul li { font-size:29px; margin:0 10px 0 0; float:left}

.footer .social {width:100%;border-bottom: 1px solid #797979; padding-bottom:25px}
.footer .social ul {text-align:center; }
.footer .social ul li { text-align:center;display:inline-table; float:none;}
.footer .menu { width:100%; margin-top:15px}
.footer .menu ul { list-style:none;}
.footer .menu ul li { float:left;font-size:12px; margin:0 10px;}
.footer .menu ul li a { /*text-transform:uppercase;*/ font-family:"PT Sans",sans-serif;}
.footer .copyright { float:right;font-size:12px;}

.basvuru button { min-width:250px; padding:7px 0; color:#fff; text-align:center; background-color:#2F2483; font-weight:bold;}
.basvuru button:matches(:hover, :focus) { color:#fff;}
h6.gbslk { font-size:23px; margin-bottom:15px}

.select2-container--default .select2-selection--single { border:1px solid #ced4da !important;}
.select2-container .select2-selection--single .select2-selection__rendered { line-height:34px !important;}
.select2-container .select2-selection--single { height:34px !important; border-radius:0 !important;}
.select2 { width:100% !important; height:34px !important;}

.accordioncontainer { position: relative; border-radius: 0px; overflow: hidden; background-color: #f9f9f9; border: solid 1px #dedede; }
.accordionheader { cursor:pointer; position:relative; background: url(../img/acc-li-bg.png)no-repeat right; padding: 3px 55px 5px 0px;}
.accordionheader a { position: relative; font-family:"Poppins", sans-serif; color: #666; font-size: 14px; padding: 13px 20px; display: block; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; border-bottom: 1px dashed #cccccc; }     
.accordionheader a:hover { color: #af2323; /*background-color: #000000;*/ }  
/*.accordionheader span { cursor:pointer; background: url(images/acc-li-arrow.png) no-repeat ; position:absolute; top:8px; left:12px; width:10px; height:9px; }*/
.accordionheader span  { position: absolute; }  
.accordionheaderhover { cursor: pointer; }
.accordioncontent { display: none; padding:0px 10px; margin:5px; }  
.accordioncontent ul { list-style:none; }               
.accordioncontent ul li { font-family:"Poppins", sans-serif; font-size:14px; color:#dedede; position:relative; padding:2px 0px 2px 28px;}
.accordioncontent ul li span { cursor:pointer; background: url(../img/acc-li-arrow2.png) no-repeat left; position:absolute; top:8px; left:12px; width:10px; height:9px; }
.accordioncontent ul li a { text-decoration:none; color:#116fba; }     
.accordioncontent ul li a:hover { text-decoration:none; color:#000; }

@media all and (min-width: 480px) and (max-width: 767px) {
    .accordioncontainer { float:left; width:100%; }
}
@media all and (max-width: 992px) {
    .accordioncontainer { float:left; width:100%; }
}


.animated.infinite {    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}
.zoomIn {    -webkit-animation-name: zoomIn;    animation-name: zoomIn;}
.animated {    -webkit-animation-duration: 1s;    animation-duration: 1s;    -webkit-animation-fill-mode: both;    animation-fill-mode: both;}
.tada {    -webkit-animation-name: tada;    animation-name: tada;}
@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }
  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }
  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }
  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }
}
@-webkit-keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }
  50% {    opacity: 1;  }
}
@keyframes zoomIn {  from {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }
  50% {    opacity: 1;  }
}

.wtsp-iletism-circle {    width: 90px;    height: 90px;    top: 12px;    left: 12px;    position: absolute;    background-color: transparent;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid rgba(30, 30, 30, 0.4);    opacity: .1;    opacity: .5;}
.wtsp-iletism-circle-fill {    width: 60px;    height: 60px;    top: 28px;    left: 28px;    position: absolute;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;    border-radius: 100%;    border: 2px solid transparent;    -webkit-transition: all .5s;    -moz-transition: all .5s;    -o-transition: all .5s;    transition: all .5s;    opacity: .4 !important;}
.wtsp-iletism-img-circle {    width: 30px;    height: 30px;    top: 43px;    left: 43px;    position: absolute;    background: rgba(30, 30, 30, 0.1) url(../img/wtsp.png) no-repeat center center;    border-radius: 100%; -webkit-border-radius: 100%;    -moz-border-radius: 100%;    opacity: 1;    -webkit-transition: all 0.2s ease-in-out;    -moz-transition: all 0.2s ease-in-out;    -ms-transition: all 0.2s ease-in-out;    -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;    -webkit-transform-origin: 50% 50%;    -moz-transform-origin: 50% 50%;    -ms-transform-origin: 50% 50%;    -o-transform-origin: 50% 50%;    transform-origin: 50% 50%;    background-size: 100%;}
  
.wtsp-iletism { position:fixed; bottom:100px; left:0; z-index:9999;}
.wtsp-iletism-circle {border-color: #43b91e;}
.wtsp-iletism-circle-fill {background-color:#43b91e;}
.wtsp-iletism-img-circle {background-color: #43b91e;}.wtsp-iletismone:hover .wtsp-iletism-circle {border-color: #43b91e;}
.wtsp-iletismone:hover .wtsp-iletism-circle-fill {background-color:#43b91e;}
.wtsp-iletismone:hover .wtsp-iletism-img-circle {background-color: #43b91e;}


.siziAlt { position:fixed; right:0; bottom:0; width:287px; height:108px; background:url('../img/siziarayalim.png') no-repeat; z-index:99;}
.siziAlt.en {background:url('../img/siziarayalim_en.png') no-repeat; }
.siziAlt .kapat { color:#000; float:right; margin-top:9px; margin-right:13px; position:relative; z-index:999}
.siziAlt a.lnk { width:100%; height:100%; position:relative; display:block; z-index:888}


.siziArylm { width:100%; height:100%; position:fixed; z-index:10000; top:0; left:0; display:none;}
.siziArylm .bg { position:absolute; z-index:10001; background:rgba(0,0,0,0.80); width:100%; height:100%; top:0; left:0; cursor:pointer;}
.siziArylm .content { position:relative; z-index:10002; display:table; max-width:80%; width:400px; min-height:300px; margin:0 auto; border:3px solid #322980; background-color:#fff; padding:15px; top:25%;}
.siziArylm .content a.kapat {position:absolute;top: -23px;right: -15px;color: #fff;}
.siziArylm .content h3 { margin-bottom:15px; text-align:center;}
.siziArylm .content button { text-align:center; width:100%; padding:10px 0; color:#fff; background-color:#f09c3b; font-weight:bold; border:none;}
.siziArylm .content .alert { display:none; margin-top:10px; margin-bottom:0; font-size:13px}

    #cookie-banner {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #2c3e50;
        color: #ecf0f1;
        padding: 10px;
        text-align: center;
        z-index: 1000;
        font-family: Arial, sans-serif;
        font-size: 14px;
    }

    #cookie-banner p {
        margin: 0;
        display: inline-block;
        margin-right: 15px;
    }

    #cookie-banner button {
        background-color: #e67e22;
        color: #fff;
        border: none;
        padding: 10px 20px;
        margin: 10px 0 10px 0;
        cursor: pointer;
        font-size: 14px;
        border-radius: 5px;
        transition: background-color 0.3s;
    }

    #cookie-banner button:hover {
        background-color: #d35400;
    }
    #cookie-banner a {
        color: #cccccc;
        text-decoration: none;
    }
    #cookie-banner a:hover,
    #cookie-banner a:focus {
        text-decoration: underline;
    }
    #cookie-banner a:hover,
    #cookie-banner a:active {
        outline: 0;
    }

.ir {
  display: block;
  overflow: visible;
  padding: 0 0 100%;
  position: relative;
  height: 0;
  width: 100%;
}

.ir > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.soc {
  display: block;
  /*font-size: 0;*/
  list-style: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 110rem;
  max-width: 100%;
}
.soc li {
  display: inline-block;
  margin: 1.2rem;
}
.soc a, .soc svg {
  display: block;
}
.soc a {
  height: 6.6rem;
  width: 6.6rem;
}
ul.soc li .baslik { font-weight:bold; text-align:center;}
.icon-32:hover, .icon-31:hover, .icon-30:hover, .icon-29:hover, .icon-28:hover, .icon-27:hover, .icon-26:hover, .icon-25:hover, .icon-24:hover, .icon-23:hover, .icon-22:hover, .icon-21:hover, .icon-20:hover, .icon-19:hover, .icon-18:hover, .icon-17:hover, .icon-16:hover, .icon-15:hover, .icon-14:hover, .icon-13:hover, .icon-12:hover, .icon-11:hover, .icon-10:hover, .icon-9:hover, .icon-8:hover, .icon-7:hover, .icon-6:hover, .icon-5:hover, .icon-4:hover, .icon-3:hover, .icon-2:hover, .icon-1:hover {
  border-radius: 100%;
  fill: #ffffff;
  transform: scale(1.25);
  transition: background-color 0.5s, transform 0.5s ease-out;
}

.icon-1 {
  fill: #d94a26;
}
.icon-1:hover {
  background: #d94a26;
}

.icon-2 {
  fill: #d96e26;
}
.icon-2:hover {
  background: #d96e26;
}

.icon-3 {
  fill: #d99126;
}
.icon-3:hover {
  background: #d99126;
}

.icon-4 {
  fill: #d9b526;
}
.icon-4:hover {
  background: #d9b526;
}

.icon-5 {
  fill: #d9d926;
}
.icon-5:hover {
  background: #d9d926;
}

.icon-6 {
  fill: #b5d926;
}
.icon-6:hover {
  background: #b5d926;
}

.icon-7 {
  fill: #91d926;
}
.icon-7:hover {
  background: #91d926;
}

.icon-8 {
  fill: #6ed926;
}
.icon-8:hover {
  background: #6ed926;
}

.icon-9 {
  fill: #4ad926;
}
.icon-9:hover {
  background: #4ad926;
}

.icon-10 {
  fill: #26d926;
}
.icon-10:hover {
  background: #26d926;
}

.icon-11 {
  fill: #26d94a;
}
.icon-11:hover {
  background: #26d94a;
}

.icon-12 {
  fill: #26d96e;
}
.icon-12:hover {
  background: #26d96e;
}

.icon-13 {
  fill: #26d991;
}
.icon-13:hover {
  background: #26d991;
}

.icon-14 {
  fill: #26d9b5;
}
.icon-14:hover {
  background: #26d9b5;
}

.icon-15 {
  fill: #26d9d9;
}
.icon-15:hover {
  background: #26d9d9;
}

.icon-16 {
  fill: #26b5d9;
}
.icon-16:hover {
  background: #26b5d9;
}

.icon-17 {
  fill: #2691d9;
}
.icon-17:hover {
  background: #2691d9;
}

.icon-18 {
  fill: #266ed9;
}
.icon-18:hover {
  background: #266ed9;
}

.icon-19 {
  fill: #264ad9;
}
.icon-19:hover {
  background: #264ad9;
}

.icon-20 {
  fill: #2626d9;
}
.icon-20:hover {
  background: #2626d9;
}

.icon-21 {
  fill: #4a26d9;
}
.icon-21:hover {
  background: #4a26d9;
}

.icon-22 {
  fill: #6e26d9;
}
.icon-22:hover {
  background: #6e26d9;
}

.icon-23 {
  fill: #9126d9;
}
.icon-23:hover {
  background: #9126d9;
}

.icon-24 {
  fill: #b526d9;
}
.icon-24:hover {
  background: #b526d9;
}

.icon-25 {
  fill: #d926d9;
}
.icon-25:hover {
  background: #d926d9;
}

.icon-26 {
  fill: #d926b5;
}
.icon-26:hover {
  background: #d926b5;
}

.icon-27 {
  fill: #d92691;
}
.icon-27:hover {
  background: #d92691;
}

.icon-28 {
  fill: #df0916;
}
.icon-28:hover {
  background: #df0916;
}

.icon-29 {
  fill: #d9264a;
}
.icon-29:hover {
  background: #d9264a;
}

.icon-30 {
  fill: #d92626;
}
.icon-30:hover {
  background: #d92626;
}

.icon-31 {
  fill: #d94a26;
}
.icon-31:hover {
  background: #d94a26;
}

.icon-32 {
  fill: #d96e26;
}
.icon-32:hover {
  background: #d96e26;
}