/* 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;
}
.mycontent
{
   max-width: 100%; /* or something else */
}
.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;text-transform:uppercase;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:#2f2483}
.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:#2F2483;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}

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

.header {background-color:rgba(255, 255, 255, 255.85);border:none;position:fixed;left:0px;top:0px;width:100%;z-index:99; color:#fff; z-index:9999}
.header.bgh { background-color:#fff; color:#333; border-bottom:5px solid #2F2483;}
.header .logo { float:left;padding:20px 0 20px 0; }
.header .logo img { width:300px; height:auto; }
.header .sag { float:right;}
.header .sag .info { height:40px; line-height:40px;padding:30px 0 0 0; color: #ed3237;font-size:32px;font-family:"PT Sans",sans-serif;}
.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 #2F2483; color:#2F2483;}
.header .sag .info ul li.ara button { position:absolute; top:0; right:0;height:36px;padding:0 10px;border:none;background:none;color:#000;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 { font-size:12px; margin-left:3px;}
.header .sag .menu ul li a {line-height:23px; padding:20px; color:#ed3237; font-size:16px; font-family:"PT Sans",sans-serif; text-transform:capitalize; display:block;}
.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:#2F2483; 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:#2F2483; 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:#251c69;}
.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:#2F2483; 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:#2F2483; padding:0; position: relative;}


.slayt { border-bottom:6px solid #2F2483;}
.slayt img { max-width:100%;}

.pagehead {position:relative; width:100%; overflow:hidden; margin-top:110px;}
.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; text-transform:uppercase;}
.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;}

.urungrup { padding:45px 0; min-height:505px; background-color:#f5f5f5;}
.urungrup h4.bslk { text-align:center; font-size:16px; line-height:2em; }
.urungrup h4.bslk a { line-height:23px; padding:20px; color:#000000; font-size:16px; font-family:"PT Sans",sans-serif; text-transform:capitalize; display:block; }
.urungrup h4.bslk a:hover { color:#ed3237; }
.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:#fff; background-color:#ed3237; text-align:center; font-size:13px;}

.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: #2f2483;position:relative;width:100%;display:table;color: #fff;}
.hkmzda img { width:100%; height:auto;}
.hkmzda h4.bslk { font-size:30px; line-height:2em; margin-bottom:30px;color: #fff;}
.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; font-family:"Poppins", sans-serif; float:right; font-size:15px; line-height:26px}

.solmenu { background-color:#e8e8e8; padding:15px 15px 1px 20px}
.solmenu ul { list-style:none;}
.solmenu ul li { margin-bottom:17px; transition:all .2s}
.solmenu ul li a { font-weight:bold; font-size:12px;}
.solmenu ul li a.aktif{ color:#2F2483;}
.solmenu ul li:hover a{  color:#2F2483;}

.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%}
.galeriler .galeri { position: relative; margin-bottom: 25px}
.galeriler .galeri .content { width: 100%; position: relative;}
.galeriler .galeri .content  img { width: 100%; height:auto;}
.galeriler .galeri .content .caption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:rgba(46, 35, 132, 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;}

.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: #2f2483;color: #fff;font-weight:  bold;}

.bizeulas {min-height:150px; width:100%; background:url('../img/bizeulas-bg.png') 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:28px}
.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 { text-align:center; padding:10px 30px; background-color:#2F2483; font-weight:bold; color:#fff; border:none;}

.breadcrumb {filter:alpha(Opacity=60);opacity:.6;background-color:transparent;padding:0 0 20px 0;margin-bottom:0}
.breadcrumb li {font-size:12px}
.breadcrumb li a {color:#3a7de3}

.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:#2e2383; 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:url('../img/footerbg.jpg');padding: 1px 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 #505050;padding-bottom: 25px;}

.footer .iletisim {width:100%;margin-bottom:10px;margin-top: 30px;}
.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 #505050;*/ padding-bottom:2px}
.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:14px; margin:0 10px;}
.footer .menu ul li a { text-transform:uppercase; font-family:"PT Sans",sans-serif;}
.footer .ceviz-bilisim { float:right;}

.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;}


.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:35%;}
.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:#322980; font-weight:bold; border:none;}
.siziArylm .content .alert { display:none; margin-top:10px; margin-bottom:0; font-size:13px}