@charset "utf-8";
/* CSS Document */
body {font-family:'Pt Sans', sans-serif; margin:0}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear {clear:both}
a{text-decoration:none;}
ul {margin:0; padding:0; list-style:none}
.disable-default h1,.disable-default h2,.disable-default h3,.disable-default h4,.disable-default h5,.disable-default h6,.disable-default p,.disable-default ul,.disable-default li {padding:0; margin:0}

.frame-1 {width:1140px}
.frame-2 {width:1420px}

#header .frame-2 {padding:10px 0; margin:10px 0 10px 0}
#header .frame-2 {background-image:url(_images/menu_bg.png); background-repeat:no-repeat; height:104px;background-position:38px;}
#header .frame-1 {padding-top:15px}
#header .logo {float:left}
#header .menu {float:right; padding:20px 140px 0 0; font-size:20px}
#header .menu > ul > li {display:inline-block; margin-left:20px; font-family:'PT Sans'; padding-bottom:10px}
#header .menu > ul > li a {text-decoration:none}
#header .menu > ul > li a:hover { opacity:0.6}
#header .menu > ul > li.active { background-image:url(_images/active-line.png); background-repeat:no-repeat; background-position:center bottom}
#header .menu > ul > li.dil {font-size:12px}
#header .menu > ul > li.dil a {color:#000}
#header .menu > ul > li.dil a.active {color:#FFF}
#header .menu .drop-menu {display:none; position: absolute;  padding-top: 27px; z-index:101}
#header .menu .drop-menu > ul {background-color: white; width: 1100px ;margin-left: -600px; border-right: solid 1px #E2000F; border-left: solid 1px #E2000F; border-bottom: solid 1px #E2000F; padding:30px 0 0 30px}
#header .menu .drop-menu a {color:#000}
#header .menu .drop-menu > ul > li {width:25%; float:left; text-align:left; padding-bottom:30px }
#header .menu .drop-menu > ul > li > a {border-bottom:solid 1px #000; display:block; margin-right:60px; font-weight:600; padding-bottom:5px; font-size: 15px}
#header .menu .drop-menu > ul > li > ul {padding-top:5px}
#header .menu .drop-menu > ul > li li {display:block;    width: 100%;  font-size:16px}
.menu {overflow: hidden;}
.menu ul li {float: left}
.menu-ac {cursor: pointer;display: none}

#header .menu a {color:#FFF}

.owl-carousel-1 .caption {bottom: 100px; position: absolute; font-size:54px; color:#FFF; width:100%}
.owl-carousel-1 .caption > div {text-align:right; }
.owl-carousel-1 .caption > div > span { width:300px; display:block; float:right; text-align:center; font-weight:300}

.list-1 {padding-top:50px}
.list-1 .item {padding:10px; width:25%; float:left}
.list-1.list-1-2  .item {width:33.33%}
.list-1 .item .content {border-top-right-radius: 2em 10em; border-bottom-right-radius: 2em 10em; border-top-left-radius: 2em 10em; border-bottom-left-radius: 2em 10em; border:solid 1px #E2E2E2; height:130px; background-size: 100%}
.list-1 .item .txt {border:solid 1px #E2E2E2; width:92%; padding:10px 5px 5px; height: 120px} 
.list-1 .item .txt a {color:#000; text-decoration:none}
.list-1 .item .txt h2 { font-size:22px; font-weight:600}
.list-1 .item .txt p { font-size:12px; text-align:left; padding-top:10px; color:#999999; }
.list-1 .item .txt p a { color:#999999; }
.list-2 ul li img {width:90%}

.text-1 { background:#F2F2F2; padding:30px 10px; margin-top:20px; font-family:'Open Sans'}
.text-1 h1 {font-size:35px; font-weight:300}
.text-1 p {color:#999; font-size:25px; font-weight:200}
.text-1 span {color:#E2000F}

.list-2 {text-align:left; padding-top:20px; padding-top:30px}
.list-2 .col-1 {float:left; width:75%}
.list-2 .col-2 {float:left; width:25%}
.list-2 .col-3 {width:100%}
.list-2 .col-1 li {float:left; width:16.66%; padding-bottom:20px}
.list-2 .col {padding-top:30px}
.list-2 .col-2 p {font-size:21px; font-family:'Open Sans'; margin-top:15px}
.list-2 .col-2 a {color:#E2000F; margin-top:15px; display:block; font-size:12px}

.h-style-1 {font-size:22px; border-bottom:solid 1px #B3B3B3; padding-bottom:10px; display:inline-block; padding-right:200px}

.list-3 {text-align:left; padding-top:20px; padding-top:30px}
.list-3 .col-1 {width:50%; float:left; font-size:15px; line-height:26px; padding-right:15px}
.list-3 .col-1 a {color:#E2000F; font-size:12px}
.list-3 .col-2 {width:50%; float:left}

#footer {border-top:solid 1px #E6E6E6; margin-top:30px; padding-bottom:35px}
#footer .col-1 {float:left; width:70%; text-align:left; padding-top:10px; font-size:12px}
#footer .col-2 {float:left; width:30%}
#footer .col-2-1 {float:left; width:200px; text-align:left; padding-top:10px; font-size:12px}
#footer .col-2-2 {float:right} 
#footer .col-2 ul li {display:inline-block}

.hide-full{display:inherit}

.heading {background:#EEE; padding-top:50px}
.heading h1,.heading h2{ float:left; width:30%; text-align:left; border-bottom:solid 3px #E2000F; font-size:27px; padding-bottom:15px; font-weight:300; font-family:'Open Sans'}
.heading .breadcrumb{ float:left; width:70%; text-align:right; background:none; margin-bottom:0; padding:0}
.heading .breadcrumb ul li {display:inline-block; color:#E2000F}
.heading .breadcrumb ul li a {color:#000}
.heading .breadcrumb ul li a:hover {text-decoration:none; color:#E2000F}
.heading .breadcrumb ul li a:after {content:'>'; margin-right:5px; margin-left:5px}

.body {padding-top:20px}
.body .side-menu { float:left; width:25%; text-align:left}
.body #content { float:left; width:75%; padding-left:10px; font-family:'Open Sans'; font-weight:300}
.body .side-menu > ul > li > a {height:37px; background-color:#3B5999; /*background-image:url(_images/side-menu-bg.png);*/ background-position:center right; background-repeat:no-repeat }
.body .side-menu > ul > li > a {padding:5px 0 0 15px; display:block; color:#FFF; font-size:18px}
.body .side-menu > ul > li  a {text-decoration:none} 
.body .side-menu .drop-menu-2 {display:none;  background-color:#EEE; margin-right:25px;  padding:5px 5px 5px 15px;  }
.body .side-menu .drop-menu-2 a {color:#808080; font-size:18px; display:block; padding:2px 0 2px 0; margin:4px 0 }
.body .side-menu .drop-menu-2 a:hover {color:#000}
.body .side-menu .drop-menu-2 .active {border-left:solid 3px #3B5999; padding-left:5px; color:#000}
.body .side-menu .drop-menu-2.open {display:block}

.body #content .top {padding-top:20px}
.body #content .img {float:left; width:65%}
.body #content .cont {float:left; width:35%; text-align:left; padding-left:15px}
.body #content .cont .txt {padding-bottom:50px; font-size:18px}

.side-menu .ok-right {background-image: url(_images/side-menu-bg-sag.png); background-position:center right; background-repeat:no-repeat}
.side-menu .ok-up {background-image: url(_images/side-menu-bg-asagi.png); background-position:center right; background-repeat:no-repeat}
.side-menu .ok-no {background-image: url(_images/side-menu-bg.png); background-position:center right; background-repeat:no-repeat}

.accordioncontent{display: none}
.accordioncontainer{display:block}

.heading-2 {text-align:left; background-image:url(_images/isaret-head-bg.png); background-repeat:no-repeat; background-position:left bottom}
.heading-2 h1 {font-size:27px; font-weight:bold; font-family:'Open Sans'; background-color:#FFF; display:inline-block; padding-right:20px}

.button-1 {background:#3B5999; color:#FFF; display:block; text-align:center; padding:6px; margin-bottom:5px}
.button-1:hover,.button-2:hover {background-color:#333; text-decoration:none; color:#FFF}
.button-2 {background:#D90311; color:#FFF; display:block; text-align:center; padding:6px; margin-bottom:5px}

.table {padding-top:40px}
.table table {width:100%; text-align:left}
.table table th {padding:5px}
.table table td {padding:5px; background:#E6E6E6}
.table table .even td {background:#FFF}

.body .list-1-2 {padding-top:30px}

.list-4 .item {float:left; width:33.33%; padding:0 5px 20px; }
.list-4 .item .img {width:100% !important; border-top-right-radius:5px; border-top-left-radius:5px; padding:5px; border-left:solid 1px #E6E6E6; border-right:solid 1px #E6E6E6; border-top:solid 1px #E6E6E6;}
.list-4 .item .img img {border-top-right-radius:5px; border-top-left-radius:5px}
.list-4 .item .caption {width:100%; background:#D90311; float:inherit; color:#FFF; padding:5px; height:70px; border-bottom-right-radius:5px; border-bottom-left-radius:5px; display: table}
.list-4 .item .caption a{color:#FFF; text-decoration:none; display: table-cell; vertical-align: middle}
.list-4 .item .caption h3 {font-size:16px; font-weight:600;text-align: center; }
.list-4 .item img {width:100%}

/* owl */
.owl-buttons {display:none}
.owl-theme .owl-controls {margin-top: -30px;position: absolute; width: 100%}
.owl-theme .owl-controls .owl-page span {background:#E2000F}

.content-2 .img {width:100% !important}
.content-2 .cont {width:100% !important; padding-left:0 !important}
.content-2 .cont { font-size:16px}
.content-2 .cont h2{ font-size:16px; font-weight:bold}
.content-2 .cont p {padding-bottom:15px}

.list-5 {font-family:'Open Sans'}
.list-5 .img {float:left; width:20%;}
.list-5 .img img {width:100%}
.list-5 .txt-content {float:left; width:80%; text-align:left; padding-left:20px}
.list-5 li {clear:both; padding-bottom:25px}
.list-5 h2 {font-size:16px; color:#000; font-weight:600}
.list-5 p {font-size:15px; color:#4D4D4D}
.list-5 .url {float:right; font-size:12px; color:#E2000F; font-weight:600}

.contact .col-1 {float:left; width:50%; padding-top:20px; text-align:left; padding-right:30px}
.contact .col-2 {float:left; width:50%; padding-top:20px; text-align:left; padding-left:30px}
.contact .col-2 li {padding-bottom:30px; font-size:16px}

#sosyal-btn {position:fixed; bottom:0; z-index:101; width:10%; display:none }
#sosyal-btn ul li {width:25%; float:left}
#sosyal-btn ul li a {width:100%; display:block; height:32px}
#sosyal-btn .sosyal-fb { background:#3B5998; background-image:url(_images/ikon-sosyal-fb.png); background-position:center; background-repeat:no-repeat}
#sosyal-btn .sosyal-twitter { background:#3BCAFF; background-image:url(_images/ikon-sosyal-twitter.png); background-position:center; background-repeat:no-repeat}
#sosyal-btn .sosyal-email { background:#C0392B; background-image:url(_images/ikon-sosyal-email.png); background-position:center; background-repeat:no-repeat}
#sosyal-btn .sosyal-whatsup { background:#2AB200; background-image:url(_images/ikon-sosyal-whatsup.png); background-position:center; background-repeat:no-repeat}

@media (max-width: 1420px) {
	.frame-2 {width:1366px}
	#header .frame-2 {background-position:6px;}
	#sosyal-btn {width:20%}
}
@media (max-width: 1280px) {
	.frame-2 {width:1280px}
	#header .frame-2 {background-position:0px;}
}
@media (max-width: 1140px) {
	.frame-1 {width:100%}
	#header .frame-2 {background-image:none; background:#E2000F}
	.frame {padding-left:15px; padding-right:15px}
	
	#header .frame-2 {margin:0 0 10px 0}
	.menu > ul > li > a {display: block;}
	.menu {z-index:500}
	.menu > ul {display: none;width: 100%; background-color: rgba(150,0,15,0.9);margin-top: 60px;position: relative;z-index:500}
	.menu > ul > li { float: none }
	.menu > ul > li > a { border-right: none; border-bottom: 1px solid #FFF }
	#header .menu {float: right; padding: 20px 0 0 0; font-size: 20px;position: absolute;width: 100%;}	
	.menu-ac {display: block;right: 20px;float: right; position: relative;	top:-5px}
	#header .menu > ul > li {display: block; margin-left: 0;font-family: 'PT Sans';padding-bottom: 0;width: 100%;}
	#header .menu > ul > li > a {padding:5px 0}	
	.hide-full{display:none !important}	
	#header .menu > ul > li.active {background-image:none;background-color: rgba(100,0,10,0.9);}
	.owl-carousel-1 .caption {bottom: 10px;font-size: 30px;}
	
	.list-2 .col-2 .img img {width:100%}
}
@media (min-width: 1140px){
	.menu > ul { display: block!important }
}
@media (max-width: 960px) {
	.list-1 .item { width: 50% !important; }
	.text-1 h1 { font-size: 25px; margin-top:10px }
	.text-1 p {font-size: 20px}
	.h-style-1 {font-size: 18px;display: block; padding-right: 0px;}
	#footer .col-1 {width:100%}
	#footer .col-2 {width:100%}
	.body #content .img {width: 100%}
	.body #content .cont {width: 100%; padding-left:0}
	.body .side-menu {width: 100%}
	.body #content { width: 100%;padding-left:0; padding-top:20px}
	.heading h1,.heading h2 {width: 100%}
	.heading .breadcrumb {width: 100%;text-align: left;padding: 10px 0;}
	#sosyal-btn {width:30%}
	.list-1 .item .txt {border:none}
	#sosyal-btn {display:block }
}

@media (max-width: 768px) {
	.owl-carousel-1 .caption {display:none}
	.list-2 .col-1 {width:100%}
	.list-2 .col-2 {width:100%}
	.list-3 .col-1 {width:100%}
	.list-3 .col-2 {width:100%}
	.list-2 .col-1 li {width: 25%}
	.contact .col-1 {width:100%; padding-right:0}
	.contact .col-2 {width:100%;  padding-left:0}
	#sosyal-btn {width:100%}
}

@media (max-width: 480px) {
	.list-1 .item { width: 100% !important;}
	.list-4 .item {width:50%}
	.list-5 .img {width:50%; margin:0 25%}
	.list-5 .txt-content { width:100%; padding-left:0; text-align:justify; font-size:14px}
	.owl-carousel-1 {display:none !important}
	.list-1 {padding-top: 20px}
}