@import url("fonts.css");

body {}
section {position: relative;}

.anasayfa .headerFixBug {height: 0;}

.bodyBg {background: url(../images/bodyBg.jpg) top center no-repeat #bfc9d3; position: fixed; height: 100%; width: 800px; z-index: -1;  top: 0;}
.content {margin-bottom: 60px;}

.popupKadro img{width: 100%;}

.headerFixBug {height: 134px;}
header {position: fixed; z-index: 30; width: 100%; height: 134px;}
header .leftColor {width: 30%;height: 92px;background: #f39200;position: absolute;left: 0;top: 0;z-index: -1;display: none;}
header .rightColor {width: 50%;height: 92px;background: #f39200;position: absolute;right: 0;top: 0;z-index: -2;}
header .logo {float: left;height: 92px;margin-right: 0;padding-right: 10px;}
header .logo img {  padding: 5px 0 5px 0;width: 100%;}
.lang{
  padding: 37px 0 37px;
  margin: 0 0 0 15px;
  float: right;
  position: absolute;
  right: -32px;}
header .menu {float: left;height: 92px;background: #f39200;margin-left: 0;padding-left: 10px;  position: relative;}
header .menu > ul {float: left;}
header .menu > ul > li {float: left;position: relative;}
header .menu > ul > li > a {font: 15px proxima-regular;display: block;color: #fff;padding: 37px 13px;}
header .menu > ul > li > a span {display: none;}
header .menu > ul > li:hover > a , header .menu > ul > li.active > a { color: #4686b6;}
header .menu li ul { position: absolute; background: #48A4CD; left: 0; display: none;}
header .menu li ul li { min-width: 200px; border-bottom: 1px solid #4686b6;}
header .menu li ul li a { font: 14px proxima-regular; color: #fff; display: block; padding: 12px 15px;}
header .menu li ul li:hover a { background: #4686b6;}
header .menu li.none ul {display: none !important;}

.slider {}
.slider .tp-caption { text-align: center; width: 510px; white-space: normal;}
.slider .tp-caption .titleBig { font: 40px/35px proxima-light; color: #1d394a;}
.slider .tp-caption .titleBig span { color: #48A4CD; font: 47px damion;}
.slider .tp-caption .titleMed { font: 21px proxima-light; color: #1997e6; margin: 15px 0 0 0;}
.slider .tp-caption .titleBtn { font: 15px proxima-bold; color: #fff; background: #1d394a; width: 130px; padding: 8px 10px 6px 0; margin: 15px auto; border-radius: 100px;}
.slider .tp-caption .titleBtn a { color: #fff;}
.slider .tp-caption .titleBtn a i {float: right; margin: 0; font-size: 20px; position: relative; top: -2px; right: 7px;}

.boxGrup {
	z-index: 30;
	width: 100%;
	bottom: 90px;
	position: absolute;
}
.boxGrup .box { width: 320px; height: 80px; float: left; background: url(../images/1.png); margin: 0 18px 0 0; position: relative; cursor: pointer;}
.boxGrup .box:nth-child(3n){margin:0;}
.boxGrup .box.last {margin: 0;}
.boxGrup .box .arrow { height: 33px; background: url(../images/1yeni.png) 0 0; position: absolute; width: 100%; z-index: 10; top: -33px;}
.boxGrup .box .arrow span { background: url(../images/arrow.png) center no-repeat; width: 100%; height: 33px; display: block;}
.boxGrup .box .arrow span.down { background: url(../images/arrowDown.png) center no-repeat;}
.boxGrup .box .icon {font: 17px proxima-regular; color: #fff; padding: 0 0 0; margin: 0;height: 79px;}
.boxGrup .box .icon img { float: left; margin: 0 13px 0 60px;}
.boxGrup .box .icon span { position: relative; top: 32px;}

.boxGrup .box .text {background: url(../images/textBg.png); position: absolute; width: 100%; top: 0; overflow: hidden;}
.boxGrup .box .text ol { margin: 0 20px;}
.boxGrup .box .text ol li { font: 16px proxima-regular; color: #fff; position: relative; margin: 7px 0 10px 0; background: url(../images/border.png) bottom repeat-x;}
.boxGrup .box .text ol li a {color: #fff;display: block;padding: 10px 0 25px 45px;}
.boxGrup .box .text ol li img { position: absolute; top: 7px; left: 0;}

.boxGrup .box2 { background: url(../images/2yeni.png);}
.boxGrup .box2 .arrow {background: url(../images/2yeni.png);}
.boxGrup .box3 { background: url(../images/3.png);}
.boxGrup .box3 .arrow {background: url(../images/3.png);}

.boxGrup .box1 .icon img { margin-top: 15px;}
.boxGrup .box2 .icon img { margin-top: 20px;}
.boxGrup .box3 .icon img { margin-top: 12px;}

.box1 .caroufredsel_wrapper {height: 150px !important;}
.box1 ul {}
.box1 ul li {width: 290px; height: 150px; float: left;padding: 15px;font: 15px proxima-regular;color: #fff;}
.box1 ul li a {color: #4799BE}
.box1 .pagi {float: right; right: 15px;margin-top: -50px;margin-right: 15px;}
.box1 .pagi a {width: 20px; height: 20px; display: block; float: left; background: #4799BE; text-align: center;margin: 0 0 0 3px;}
.box1 .pagi a i {color: #fff; font-size: 22px; position: relative; top: -1px;display: block;}
.box1 .pagi a.prev {}
.box1 .pagi a.next {}

.boxGrup2{z-index: 20;width: 100%;bottom: 65px;position: absolute;}
.etkinbg{position: relative;}
.etkin{background: #fff;  padding: 20px;}
.etkinbg .head{position: absolute;left: 0;width: 100px;  padding: 20px;background: #5FA7CF;z-index: 9;}
.etkinbg .head h1 a{color: #fff;font:15px proxima-regular;font-weight: 700;}
.etkinbg .head h1 a i{font-size:13px;}
.etkinbg .head h1 a:hover{transition: all ease 0.3s;color: #000;}
.etkin > a{color: #000;font: 15px proxima-regular;  border-right: 2px solid #5FA7CF;padding: 0px 10px;}
.etkin > a:hover{color:#5FA7CF;transition: all ease 0.3s;}

.owl-nav {position: absolute;top:-10px;right: 0;}
.owl-nav .owl-prev {float: left;margin-right: 2px;width: 30px;height: 20px;text-indent: -9999px;  background: url(../images/left.png) center no-repeat #dc3114;}
.owl-nav .owl-next {float: left;width: 30px;height: 20px;text-indent: -9999px;  background: url(../images/right.png) center no-repeat #dc3114;}

.global{display: block;float: left;width: 40%;}
.global img{text-align: center;margin: 0 auto;display: block;margin-top: -3px;}

footer { width: 100%; z-index: 20; background: #e1e9f1; padding: 0; position: fixed; height: 55px; bottom: 0;}
footer p {
	float: left;
	font: 13px proxima-regular;
	color: #3d5974;
	margin: 0;
	position: relative;
	top: 10px;
	left: 30;
}
footer p a {color: #3d5974;}
footer .katgor{background: #5FA7CF;margin: 0;position: relative;}
footer .katgor a{  color: #fff;display: block;padding: 11px;font: 14px proxima-regular;text-align: center;}
footer .katgor a span{width: 0;height: 0;border-style: solid;border-width: 15px 20px 15px 0;border-color: transparent #5fa8cf transparent transparent;position: absolute;left: -10px;}
footer .social { float: right; margin: 0 0 0 0; position: relative; left: 0;}
footer .social ul {}
footer .social ul li { float: left; margin: 0 0 0 3px; position: relative; top: 18px;}
footer .social ul li a { background: url(../images/sc-icon.png) no-repeat; width: 25px; height: 25px; display: block; background-size: 300% 100%;}
footer .social ul li a.fb {background-position: 0px 0px;}
footer .social ul li a.tw { background-position: -25px 0;}
footer .social ul li a.ln { background-position: -50px 0;}

.page.onSide {margin-top: -25px;width: 717px;margin-left: 20px;}
.page { position: relative; margin-top: 30px;}
.page .title { padding: 0 0 20px 0; border-bottom: 1px solid #edf5f7; margin: 0 0 20px 0;}
.page .title img { position: relative; left: 0; float: left; margin: 0 15px 10px 0;}
.page .title h1 { font: 32px/32px proxima-bold; color: #141f2b; margin: 0 0 10px 0;}
.page .title .bread {font: 11px proxima-regular;color: #617588;}
.page .title .bread a { font: 11px proxima-regular; color: #617588; float: left; display: block;}
.page .title .bread span {border-top: 4px solid transparent; border-bottom: 4px solid transparent; position: relative; border-left: 4px solid #617588; margin: 0 8px; top: 2px; left: 1px; display: block; float: left;}

.page .article {}
.page .article h2 { font: 18px/16px proxima-semibold; color: #48A4CD; margin: 0 0 10px 0;}
.page .article h3 { font: 18px/16px proxima-semibold; color: #747474; margin: 0 0 10px 0;}
.page .article p { font: 16px/22px proxima-regular; color: #00344c; margin: 0 0 10px 0; text-align: justify;}
.page .article p.date { font: 13px/22px proxima-regular; color: #4ab3e8; margin: 0 0 10px 0;}
.page .article a { color: #1996E6; border-bottom: 1px dotted;}
.page .article img { margin: 0 15px 15px 25px;}
.page .article ul { list-style-type: square; margin: 0 0 10px 15px;}
.page .article ul li { font: 15px/22px proxima-regular; color: #00344c;}
.page .article ol {}
.page .article ol li {float: left;width: 48%;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;  min-height: 80px;  margin-right: 10px;}
.page .article ol li a img{padding-left: 35px;float: left;}
.page .article ol li a {border: 0;font: 15px/24px proxima-regular;color: #00344c;background: url(../images/link-ico.png) left center no-repeat;  padding: 15px 0 15px 0;display: block;transition: all ease 0.5s;}
.page .article ol li:nth-child(2n){border-right: 0;}
.page .article ol li a:hover {background: url(../images/link-hover.png) left center no-repeat;}

.page .article ol .katalog{width: 100%;float: none;min-height: 10px;border-right: 0;}
.page .article ol .katalog a{padding-left: 40px;}
.page .article ol .katalog a:hover{color: #48A4CD;}
.page .article ol .katalog a span{}
.page .article ol .katalog a span:nth-child(2){position: absolute;right: 0;}

.gallery {}
.gallery ul{list-style-type: none !important;margin: 0 !important;}
.gallery ul li{margin-right: 10px;}
.gallery .resim-att {position: relative;float: left;padding: 0;text-align: center;width: 150px;}
.gallery .resim-att .resim-att-pre {position: relative;width: 150px;height: 150px;}
.gallery .resim-att .resim-att-pre .resim-thumb {width: 150px;height: 150px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.gallery .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 150px;height: 150px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.gallery .resim-thumb .resim-centered img {height:150px;position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.popupKadro{display: none;}
.popupKadro h5{  font: 20px/20px proxima-bold;  color: #141f2b;text-align: center;}
.popupKadro span{  font: 16px proxima-bold;  color: #141f2b;text-align: center;display: block;}
.popupKadro .text p{font: 15px/24px proxima-regular;}

.maps { margin-left: 0;}
.maps iframe { height: 310px; width: 100%;}
.address { margin-bottom: 45px; margin: 0 0 30px 0;}
.address .item {position: relative; padding: 10px 0; border-bottom: 1px solid #edf5f7; }
.address .item i {position: absolute; font-size: 20px; top: 12px; color: #0d485d; width: 25px; text-align: center;}
.address .item p {padding: 0 0 0 35px; margin: 0; }

.form { margin: 20px 0;}
.form form { margin: 30px 0 0 0;}
.form .inpGr {float: left; width: 100%; position: relative; margin: 0 0 15px 0; }
.form .inpGr100 {float: left; width: 100%; margin: 0 0 10px 0; }
.form .inpGr100 label {width: 146px !important;}
.form .inpGr label { display: block; font: 14px/40px proxima-regular; color: #00344c; float: left; margin-left: 0; margin-right: 0;; }
.form .inpGr input[type="text"] , .form .inpGr textarea , .form .inpGr input[type="file"] {border: 1px solid #E2E3EB;  background: #fff; padding: 10px 0; }
.form .inpGr input[type="submit"] {background: #48A4CD; color: #fff; font: 15px proxima-bold; padding: 10px 50px; float: right; margin: 30px 0; cursor: pointer; }
.form .inpGr textarea { height: 84px; }
.form .file {position: relative; float: left;}
.form .file .input[type="text"] {}
.form .file label {background: url(../images/file-ico.png) top right no-repeat;color: #fff;height: 30px;position: absolute;right: 5px;top: 4px;cursor: pointer;text-align: center;width: 100%;}
.form .file label i {font-size: 17px;position: relative;top: -3px;;}
.form p.ok {color: #27ae60;}
.form p.hata {color: #c0392b;}

.captcha {margin: 0;}
.captcha img {border: 1px solid #E2E3EB;float: left;padding: 0 0 0 0;margin: 0 !important;}
.captcha a {margin: 0 0 0 20px;position: absolute;top: 17px;border-bottom: none !important;font-size: 31px;;}
.captcha input[type="text"] {position: relative;left: 65px;top: 14px;width: 210px;;}


.otherNew {margin: 10px 0 40px 0;border-top: 1px solid #e1e9f1;border-bottom: 1px solid #e1e9f1;padding-top: 25px;}
.otherNew ul {}
.otherNew ul li {position: relative;margin: 0 0 25px 0;cursor: pointer;}
.otherNew ul li .arrow {position: absolute;left: 0;width: 18px;height: 33px;background: #747474;color: #fff;text-align: center;transition: all ease 0.5s;}
.otherNew ul li .arrow i {position: relative;top: 8px;font-size: 18px;;}
.otherNew ul li .text {padding: 0 0 0 30px;}
.otherNew ul li .text h4 {font: 16px proxima-regular;color: #747474;margin: 0 0 3px 0;}
.otherNew ul li .text p {font: 15px proxima-regular;color: #00344c;margin: 0 0 5px 0;}
.otherNew ul li .text p.date {font-size: 12px;color: #4ab3e8;}

.otherNew ul li:hover .arrow {background: #4ab3e8;} 

.otherNew2{border-bottom: 1px solid #e1e9f1;margin-bottom: 25px;min-height: 160px;position: relative;}
.otherNew2 .text h2{  font: 18px/16px proxima-semibold;color: #747474;margin: 0 0 10px 0;}
.otherNew2 .text p{  font: 16px/22px proxima-regular;color: #00344c;margin: 0 0 10px 0;text-align: justify;}
.otherNew2 .text a.more{  color: #fff;  font: 12px proxima-regular;padding: 6px 10px;position: absolute;bottom:10px;background: #5FA7CF;}
.haberliste{margin-right: 50px;}
.haberliste:nth-child(2n-1){margin-right: 0;}
.otherNew2 .text p > a{ color: #1996E6;
  border-bottom: 1px dotted;} 
.pagination ul li{float: left;margin-right:5px;  padding: 5px 2px;background: #5FA7CF;}
.pagination ul li a{color: #fff; padding:5px 8px; font: 12px proxima-regular;}
.pagination ul li:hover{background:#3779ab;}
.pagination ul li.active{background:#3779ab;}
.otherNew2 .news-text .gallery{min-height: 200px;}

.fontBig {background: #061b2f;float: right;width: 108px;height: 40px;border-radius: 5px;padding: 0 0 0 10px;}
.fontBig a {font: 14px proxima-semibold;color: #fff;margin: 0 10px 0 0;position: relative;padding: 11px 8px 10px;display: block;float: left;}
.fontBig a sup {font-size: 16px;margin: 0 0 0 -2px;position: absolute;top: 4px;right: 0;}

.sidebarFixBug {min-height: 250px;width: 239px;margin-right: 0;margin-top: 25px;position: relative;}
.sidebar {min-height: 250px;width: 239px;margin-right: 0;margin-top: 25px;position: fixed;z-index: 10;}
.sidebar .widget {}
.sidebar .widget ul {}
.sidebar .widget ul li {margin-bottom: 4px;}
.sidebar .widget ul li a {font: 13px proxima-regular;color: #fff;padding: 18px 20px;display: block;position: relative;transition: all ease 0.5s;}
.sidebar .widget ul li a span {position: absolute;right: -20px;font-size: 17px;top: 15px;transition: all ease 0.3s;}
.sidebar .widget ul li.active , .sidebar .widget ul li:hover {}
.sidebar .widget ul li.active a , .sidebar .widget ul li:hover a {background: #48A4CD;font-family: proxima-bold;}
.sidebar .widget ul li.active a span , .sidebar .widget ul li:hover a span {right: 20px;}


.pdfList {}
.pdfList ul {}
.pdfList ul li {float: left;width: 100%;min-height: 60px;margin: 0 0 2px 0;background: #dfe7ef;position: relative;}
.pdfList ul li .text {margin-left: 0;margin-right: 0;float: left;padding: 10px 65px 10px 0;}
.pdfList ul li .text p {font: 14px proxima-semibold;color: #00344d;margin: 0 0 3px 15px;}
.pdfList ul li .text p.date {font-size: 13px;color: #77818b;}
.pdfList ul li .icon {background: #95a3b2;width: 60px;position: absolute;margin-left: 0;right: 0;height: 100%;transition: all ease 0.5s;border-left: 2px solid #fff;}
.pdfList ul li .icon a {width: 100%;height: 100%;display: block;background: url(../images/pdf-ico.png) center no-repeat;}
.pdfList ul li .icon:hover {background: #009cff;} 

.accordionList {}
.accordionList h3 {font: 15px proxima-regular;color: #36414b;background: #c0ccd9;padding: 12px 15px;margin: 5px 0 3px 0;outline: none;cursor: pointer;position: relative;}
.accordionList h3.ui-accordion-header-active {background: #48A4CD;color: #fff;}
.accordionList h3.ui-accordion-header-active span {background: url(../images/arrowDown2.png) no-repeat;width: 8px;height: 6px;display: block;position: absolute;right: 20px;top: 50%;margin-top: -4px;}
.accordionList h3 span {background: url(../images/arrowRight.png) no-repeat;width: 6px;height: 8px;display: block;position: absolute;right: 20px;top: 50%;margin-top: -4px;}
.accordionList .accorText {border: 1px solid #d5dfe9;padding: 15px;margin: -3px 0 0 0;border-top: 0;}
.accordionList .accorText table {width: 100% !important;}
.accordionList .accorText table tr {padding: 5px 0;;}
.accordionList .accorText table tr th {font: 14px proxima-semibold;color: #0087db;padding: 10px 15px 10px;border: 1px solid #eee;text-align: left;}
.accordionList .accorText table tr td {font: 14px/18px proxima-regular;color: #00344c;padding: 7px 15px;border: 1px solid #eee;}

.filter{position: absolute;right: 0;  top: 20px;}
.filter .selecter{  font: 20px proxima-bold;color: #141F2B;background: url(../images/select-arrow.gif) right 29px center no-repeat;width: 100%;padding-right: 30px;}
.filter .selecter .selecter-item{text-align: center;}
.filter .selecter .selecter-options{background: #ddd;}


.ekip {margin: 45px 0 0 0;}
.ekip .item {margin-right: 33px;;margin-left: 0;;margin-bottom: 15px;;}
.ekip .item .image {background: #ccd5de;width: 100%;height: 145px;margin: 0 0 10px 0;position: relative;border: 1px solid #ccd5de;overflow: hidden;}
.ekip .item .image .resim-att {position: relative;float: left;padding: 0;text-align: center;width: 150px;}
.ekip .item .image .resim-att .resim-att-pre {position: relative;width: 150px;height: 150px;}
.ekip .item .image .resim-att .resim-att-pre .resim-thumb {width: 150px;height: 150px;display: block;position: absolute;top: 0;left: 0;margin: 0 auto;overflow: hidden;max-width: 100%;max-height: 100%;}
.ekip .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered {position: absolute;top: 0;left: 0;width: 150px;height: 150px;-webkit-transform: translate(50%,50%);-moz-transform: translate(50%,50%);-ms-transform: translate(50%,50%);-o-transform: translate(50%,50%);transform: translate(50%,50%);}
.ekip .item .image .resim-thumb .resim-centered img {height:150px;position: absolute;top: 0;left: 0;width: auto;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.ekip .item .image img {position: absolute; bottom: 0px; margin: 0;}
.ekip .item .text {font: 17px proxima-regular;color: #4e5155;text-align: center;}
.ekip .item .text span {font: 13px proxima-light;color: #666b71;display: block;margin: 5px 0 0 0;}
.ekip .item.add .image {background: url(../images/add.png) center no-repeat #3c4145;}
.ekip .item.add .image a {display: block;width: 100%;height: 100%;border: 0;}

.bulten {margin: 3px 0 0 0;float: right;}
.bulten span {font: 14px/37px proxima-regular;display: block;float: left;margin: 0 10px 0 0;}
.bulten form {position: relative;float: right;top: 8px;}
.bulten form input[type="text"] {border: 1px solid #c0c7ce;font: 13px proxima-regular;padding: 8px 45px 8px 5px;width: 160px;}
.bulten form input[type="submit"] {background: url(../images/mail-icon.png) center no-repeat #1996e6;width: 29px;height: 29px;position: absolute;right: 3px;top: 3px;cursor: pointer;}
.inline {display: none; font: 18px proxima-bold; margin: 30px 10px 0 10px; text-align: center;}


.mobileDiv {display: none;}
.mobileDiv a#mobil {width: 100%;color: #fff; font: 20px proxima-bold; padding: 6px 0; display: block; text-align: center; height: 100%;}
.mobileDiv a#mobil i { font-size: 28px; position: relative; top: 3px; height: 33px; margin: 0 15px 0 0;}
.mobileDiv nav.mobil-menu {display: none;}
.mobileDiv nav.mobil-menu ul {}
.mobileDiv nav.mobil-menu ul li { text-align: center; border-top: 1px solid rgba(29, 159, 222, 0.28);}
.mobileDiv nav.mobil-menu ul li a { color: #1ca3e0; padding: 9px; display: block;background: #fff;font: 16px/37px proxima-regular;}
.mobileDiv nav.mobil-menu ul li a i {margin: 0 0 0 15px;}
.mobileDiv nav.mobil-menu ul li a:hover { color: #fff; background: #1996e6;}
.mobileDiv nav.mobil-menu ul li ul {display: none;background: #FAFAFA;}
.mobileDiv nav.mobil-menu ul li ul li { font: 16px/37px proxima-regular;text-align: center; border-bottom: 1px solid #eee; position: relative;}
.mobileDiv nav.mobil-menu ul li ul li a {display: block;background: #00344c;}
.mobileDiv nav.mobil-menu ul li ul li a i { margin: 0 0 0 0; width: 50px; text-align: center; color: #f4ac00;}
.mobileDiv nav.mobil-menu ul li ul li a:hover i {color: #fff;}
nav.mobil-menu {display: none;}
nav.mobil-menu ul {}
nav.mobil-menu ul li { text-align: center; border-top: 1px solid rgba(29, 159, 222, 0.28);}
nav.mobil-menu ul li a { color: #1ca3e0; padding: 9px; display: block;background: #fff;font: 16px/37px proxima-regular;}
nav.mobil-menu ul li a i {margin: 0 0 0 15px;}
nav.mobil-menu ul li a:hover { color: #fff; background: #f39200;}
nav.mobil-menu ul li ul {display: none;background: #FAFAFA;}
nav.mobil-menu ul li ul li { font: 16px/37px proxima-regular;text-align: center; border-bottom: 1px solid #eee; position: relative;}
nav.mobil-menu ul li ul li a {display: block;background: #2E4993;  color: #fff;}
nav.mobil-menu ul li ul li a i { margin: 0 0 0 0; width: 50px; text-align: center; color: #f4ac00;}
nav.mobil-menu ul li ul li a:hover i {color: #fff;}
.images{  margin-top: 8px;
  position: absolute;
  right: 0;
  margin-right: 5px;}
.images img{width: 90%;float: right;}
a#prev{  position: absolute;left: 0;width: 18px;height: 33px;background: #747474;color: #fff;text-align: center;transition: all ease 0.5s;}
a#next{  position: absolute;left: 22px;width: 18px;height: 33px;background: #747474;color: #fff;text-align: center;transition: all ease 0.5s;}
a#prev i{position: relative;top: 9px;}
a#next i{position: relative;top: 9px;}
a#prev:hover{background: #4ab3e8;}
a#next:hover{background: #4ab3e8;}  







@media screen and (max-width: 999px) and (min-width: 1px) {

}
/* ====== All Mobile  =============================================================================================
===================================================================================================================
*/


@media screen and (max-width: 999px) and (min-width: 768px) {
header .menu > ul > li > a{ padding: 27px 8px;}
header .logo{margin-left: -47px;}
header .logo img{ margin-left: 49px;width: 130px;}
.page.onSide{width: 585px;}
.sidebarFixBug{width: 122px;}
.sidebar .widget ul li.active a span , .sidebar .widget ul li:hover a span {right: 10px;}
.sidebar{width: 122px;}
.boxGrup .box .icon img{margin: 15px 13px 0 25px;}
.ekip .item .image img{margin: 0 0 0 -20px;}
.page .article ol li{width: 48%;float: left;}
.page .article ol li a{width: 100%;}
.captcha input[type="text"]{width: 97px;}
footer p{ top: 5px;}
.mobileDiv {display: block;width: 100%;float: right;height: 100%;}
.mobil-logo.col3 img {padding: 3px 0 0 0;}
header .menu{display: none;}
.rightColor{display: none;}
.leftColor{width: 100% !important;height: 98px !important;background: #f39200;  display: block !important;}
header .logo{display: none;}
.mobil-logo.col3{float: left;}
.mobileDiv a#mobil i{padding: 30px 0 0 0;}
.mobileDiv a#mobil{padding: 0;}
.lang {float: right;height: 100%;position: relative;top: 0;margin: 0 3px 0 0;left: 0;}
.mobil-logo.col3 img {width: 100%;padding: 18px;}
header{position: relative;height: 97px;}
.headerFixBug{height: 65px;}
.boxGrup .box{width: 235px;}
.boxGrup{bottom:60px;}
.images {
  margin-top: 10px;
  position: absolute;
  right: 0;
  margin-right: 42px;
  top: 0;}

}
/* ====== Tablet Device =========================================================================================== 
===================================================================================================================
*/


@media screen and (max-width: 767px) and (min-width: 0) {
.mobileDiv {display: block;}
.mobil-logo.col3 {float: left;width: 25%;}
.mobil-logo.col3 img {padding: 25px;width: 100%;}
header{position: relative;height: 97px;}
.leftColor{background: #f39200;display: block !important;}

} 
/* ====== All Phone Device ========================================================================================
===================================================================================================================
*/


@media screen and (max-width: 767px) and (min-width: 480px) {
.slider .tp-caption .titleBig{font: 18px proxima-light;}
.slider .tp-caption .titleBig span{font: 30px damion;}
.slider .tp-caption .titleMed{font:18px proxima-light;}
.boxGrup .box{height: 40px;margin: 0px 0 35px 0;}
.boxGrup .box .icon img{width: 25px;margin-top:8px;}
.boxGrup .box .icon span{top: 8px;}
.boxGrup .box .icon{height: 35px;}
.bulten{float: none;margin: 13px 0 0 0;}
.bulten span{text-align: center;float: none;}
.bulten form{float: none;width: 100%;}
.bulten form input[type="text"]{width: 86%;}
.bulten form input[type="submit"]{right: 35px;}
header .logo{padding-right:30px;height: 98px;}
header .logo img{padding: 16px 0 0 0;float: left;max-width: 155px;margin-left: -5px;}
header .menu{display: none;}
.mobileDiv nav.mobil-menu{z-index: 999;position: relative;}
.mobileDiv {width: 100%;float: right;height: 100%;}
.page.onSide{width: 100%;margin-top: 30px;margin-left: 0;}
.sidebarFixBug {display: none;}
.sidebarFixBug.asd.col3{width: 100%;background: #00344c;min-height:145px;}
.sidebar{position: relative;width: 100%;min-height:105px; margin: 8px 0 8px 0;}
.page .article ol li{border: 1px solid #edf5f7;padding: 29px;display: block;margin-top: 8px;}
.page .article ol li a{width: 100%;padding: 19px;margin-top: -30px;text-align: center;}
.page .article ol li a img{margin-top: -15px;}
.rightColor{display: none;}
.leftColor{width: 100% !important;height: 98px !important;display: block !important;}
footer .social{display: block;}
footer{height: 143px;position: relative;}
footer p{text-align: center;float: none;}
.bodyBg{display: none;}
.headerFixBug{height: 98px;display: none;}
.mobileDiv a#mobil{height: 100%;padding: 0;}
.mobileDiv a#mobil i{padding: 30px 0 0 0;}
header .logo{display: none;}
.mobil-logo.col3{float: left;width: 28%;}
.boxGrup{bottom: 110px;}
.lang {  position: relative;top: 38px;margin: 0 3px 0 0;padding: 0;  float: right;left: 0;}
.filter form{width: 100%;padding: 12px 0;border-bottom: 1px solid #edf5f7;}
.filter form .selecter{font: 23px proxima-bold;margin-top: 12px;}
.filter form .selecter .selecter-selected{margin: 0;}
.accordionList {margin-top: 20px;}
.filter form .selecter .selecter-options{top: 43px;font: 16px proxima-bold;}
header{position: relative;height: 97px;}
.boxGrup{display: none;}
.filter{top: 0;}
.captcha input[type="text"]{left: 20px;}
.images {
  margin-top: 20px;
  position: absolute;
  right: 0;
  margin-right: 42px;
  top: 0;}
  .images img{  width: 75%;}
}
/* ====== Wide Phone Device =======================================================================================
===================================================================================================================
*/


@media screen and (max-width: 479px) and (min-width: 0) {
.slider .tp-caption .titleBig{font: 28px proxima-light;width: 344px;text-align: center;margin: 0 auto;}
.slider .tp-caption .titleBig span{font: 30px damion;}
.slider .tp-caption .titleMed{font:18px proxima-light;width: 344px;text-align: center;margin: 0 auto;}
.boxGrup .box{height: 40px;margin: 0px 0 35px 0;}
.boxGrup .box .icon img{width: 25px;margin-top:8px;}
.boxGrup .box .icon span{top: 8px;}
.boxGrup .box .icon{height: 35px;}
.bodyBg{display: none;}
.headerFixBug{display: none;}
header .logo img{padding: 16px 0 0 0;float: left;max-width: 155px;margin-left: -5px;}
header .menu{display: none;}
header .logo{padding-right:30px;height: 98px;}
.mobileDiv {display: block;width: 100%;float: right;height: 100%;}
.mobileDiv a#mobil i{padding: 30px 0 0 0 ;}
.mobileDiv a#mobil{height: 100%;padding: 0;  width: 87%;}
.page.onSide{width: 100%;margin-top: 15px;margin-left: 0;}
.sidebarFixBug {display: none;}
.sidebarFixBug.asd.col3{width: 100%;background: #00344c;min-height:190px;}
.sidebar{position: relative;width: 100%;min-height:165px;}
.page .article ol li{  border: 1px solid #edf5f7;padding: 0px;display: block;margin-top: 8px;width: 100%;float: none;}
.page .article ol li a{width: 100%;  padding: 0;margin-top: 24px;text-align: center;}
.page .article ol li a img{margin-top: -15px;}
.rightColor{display: none;}
.leftColor{width: 100% !important;height: 98px !important;background: #f39200;display: block !important;}
footer{height: 165px;}
footer .social ul{  display: -webkit-inline-box;}
footer p{text-align: center;float: none;}
footer .social{	display: block !important;margin-top: 10px;margin-bottom: 10px;}
footer p a{}
footer{position: relative;}
.bulten{float: none;margin: 13px 0 0 0;}
.bulten span{text-align: center;float: none;}
.bulten form{float: none;width: 100%;}
.bulten form input[type="text"]{width: 82%;}
.bulten form input[type="submit"]{}
.accordionList .accorText table tr td{font: 13px/18px proxima-regular;padding: 7px 7px;}
.captcha input[type="text"]{ width: 100%;left: 0;}
.captcha a{position: relative;}
header .logo{display: none;}
.mobil-logo.col3{float: left;width: 40%;}
.mobil-logo.col3 img {width: 100%;padding: 25px 0 0 10px ;}
.lang {  float: right;
  padding: 5px 0 26px;
  margin: 0 3px 0 0;
  right: 0;}
.form .inpGr100{margin-top:10px;}
.boxGrup{display: none;}
.accordionList {margin-top: 20px;}
.page .title{padding: 0 0 30px 2px;}
header{position: relative;height: 97px;}
.form .file{width: 100%;}
.filter{top: 0;}
input#cv{left: 0;}
.page .title .bread a{  font: 10px proxima-regular;}
.images{  margin-top: 10px;
  position: absolute;
  right: 0;
  margin-right: 0px;
  top: 18px;}
  .images img {width: 65%;}
.boxGrup2{position: relative;margin-top:-62px;bottom: 0;}
footer .katgor a span{display: none;}
footer .katgor{top: 10px;margin-bottom: 10px;}
.global{float: none;width: 100%;}
}