﻿@charset "utf-8";
/* CSS Document */

/*Font*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext');

/*Font*/
@import url("jquery.scrollbar.css");

body {
	padding: 0px;
	margin: 0px;
	height:100%;
	min-width: 300px;
	background:#FFF;
    overflow-x: hidden;
    overflow-y: scroll;
}
body.Mainpage {
    overflow: hidden;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, em, img, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, select, label, legend, table, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
html{
    height:100%;
    position:relative;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button, html [type="button"],[type="reset"], [type="submit"] {
    -webkit-appearance: button; /* 2 */
}
ol, ul, li {
	list-style: none;
}
.clear {
	clear: both;
}
img {
	border: 0px;
}
input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus, 
input[type="button"]:focus, 
input[type="submit"]:focus, 
select:focus {
	outline-color: transparent;
	outline-style: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
input, textarea, select {
	font:400 13px/28px 'Montserrat', sans-serif;
	color: #333333;
}
::-moz-selection {
	background-color: #231f20;
	color: #fff;
	text-shadow: none;
}
::selection {
	background-color: #231f20;
	color: #fff;
	text-shadow: none;
}
.highlight {
	padding: 0 3px;
	background-color: #231f20;
	color: #fff;
	text-shadow: none;
}
a,
a span,
a h2,
a p,
input[type=button],
input[type=submit]{
	text-decoration: none;
	-webkit-transition:all 200ms linear;
  	-moz-transition:all 200ms linear;
  	-o-transition:all 200ms linear;
  	-ms-transition:all 200ms linear;
  	transition:all 200ms linear;
}
.center{
    text-align: center;
}
/*----POPUP-ALERT---*/
.modalAlert{
    width:100%;
    height:auto;
    display:block;
    background:#FFF;
    max-width:420px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    overflow:hidden;
    padding: 0px !important;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border: 1px solid #636363 !important;
}
.modalAlert span.Baslik{
    float:left;
    width:100%;
    height:auto;
    background:#636363;
    padding:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font:400 18px/30px 'Open Sans', sans-serif;
    color: #FFF;
    text-align:center;
}
.modalAlert .AlertText,
.modalAlert .AlertButon{
    float:left;
    width:100%;
    height:auto;
    padding:30px 20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
}
.modalAlert .AlertText{
    font:400 14px/20px 'Open Sans', sans-serif;
    text-decoration:none;
    color:#636363;
    padding:30px 20px 10px 20px;
}
.modalAlert .AlertButon{
    padding:20px 20px 20px 20px;
}
.modalAlert .AlertButon a{
    display:inline-block;
    vertical-align:middle;
    width:100px;
    height:40px;
    font:400 16px/20px 'Open Sans', sans-serif;
    color:#636363;
    padding:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #636363;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
.modalAlert .AlertButon a:hover{
    border:1px solid #636363;
    color:#FFF;
    background:#636363;
}
/*----POPUP-ALERT---*/
/*----HEADER----*/
.Header {
    float: left;
    width: 100%;
    height: auto;
    z-index: 9999;
    background: #FFF;
    border-bottom: 1px solid #636363;
    padding: 0px 30px ;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    position: relative;
    z-index: 200
}
.Header .Logo {
    float: left;
    width: 200px;
    height:auto;
    margin: 23px 0px 12px;
}
    .Header .Logo h1 {
        float: left;
        width: 200px;
        height: auto;
        display: block;
        padding: 0px;
        margin: 0px;
    }
        .Header .Logo h1 a,
        .Header .Logo a {
            float: left;
            width: 200px;
            height: 33px;
            display: block;
            background-image: url(../uploads/siteheaderlogo/images/logo.png);
            background-image: url(../uploads/siteheaderlogo/images/logo.png)\0/; /* ie8 ve ie 7 */
            background-size: 200px 33px;
            background-repeat: no-repeat;
            background-position: left center;
            text-indent: -9999px;
        }
.Header .Navigation,
.Header .Language{
    float:right;
    width: auto;
    height: auto;
    margin: 22px 0px 0px 0px;
}
    .Header .Language {
        margin-right: 340px;
    }
.Header .Navigation ul, .Header .Language ul{
    float:left;
    width: 100%;
    height: auto;
}
.Header .Navigation ul li,
.Header .Language ul li{
    float:left;
    width:auto;
    height: auto;
    padding-right: 1px;
    position:relative;
}
.Header .Navigation ul li:before,
.Header .Language ul li:before{
    position: absolute;
    content: "";
    top:50%;
    right: 0px;
    margin-top: -10px;
    width: 1px;
    height: 20px;
    background: #636363;
}
.Header .Navigation ul li:last-child:before,
.Header .Language ul li:last-child:before{
    display: none;
}
.Header .Navigation ul li a,
.Header .Language ul li a{
    float:left;
    width:auto;
    height: auto;
    padding: 0px 10px;
    font:300 12px/51px 'Open Sans', sans-serif;
    color:#636363;
    display: block;
    position: relative;
    margin-bottom: -1px;
}
.Header .Language ul li:last-child a{
    padding-right: 0px;
}
.Header .Navigation ul li a:before,
.Header .Language ul li a:before{
	content:'';
	border-style:solid;
	border-color:#636363 #636363 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	position:absolute;
	width:6px;
    height:6px;
	border-width:1px 1px 1px 1px;
	left:15px;
	bottom:-4px;
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
    background:#FFF;
    display: none;
}
.Header .Navigation ul li:hover a:before,
.Header .Language ul li:hover a:before{
    display: block;
}
.Header .Navigation ul ul {
	margin: 0px 0;
	left: -999em;
	position: absolute;
	width: 214px;
	z-index: 10;
	-webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
	box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
    background: rgba(255,255,255,0.80);
	-webkit-border-radius: 0 0 35px 0px;
	-moz-border-radius: 0 0 35px 0px;
	border-radius: 0 0 35px 0px;
	padding: 20px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.Header .Navigation ul li:hover ul{
	left: 0px;
	top: 51px;
}
.Header .Navigation ul ul li{
    width: 100%;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 0px 12px;
}
.Header .Navigation ul ul li:hover{
    background: url("../images/menuArrow.png") 3px center no-repeat;
}
.Header .Navigation ul ul li:before,
.Header .Navigation ul ul li:before{
    display: none;
}
.Header .Navigation ul ul li a {
    width: 100%;
    padding: 0px;
    line-height: 22px;
    font-size: 12px;
    border-bottom: 1px solid #636363
}
.Header .Navigation ul ul li:last-child a {
    border: 0px
}
.Header .Navigation ul ul li a:hover {
}
.Header .Navigation ul ul li a:before {
    display: none !important;
}

.Header .Navigation ul ul ul {
    display: none;
}

.Header .SearchBox{
    float:right;
    width: 150px;
    height: 20px;
    border: 1px solid #636363;
    margin: 38px 5px 0px 15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 2px 10px;
}

.Header .SearchBox input[type=text]{
	float:left;
	height:14px;
	width:75%;
    font:300 12px/12px 'Open Sans', sans-serif;
    color:#636363;
	background:none;
	padding:0px 0px 0px 4px;
	-webkit-appearance:none;
	border-radius:0;
	margin:0px;
	outline-color:transparent;
	outline-style:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	border:0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.Header .SearchBox input[type=text]:focus{
	outline-color:transparent;
	outline-style:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.Header .SearchBox input::-webkit-input-placeholder,
.Header .SearchBox input:-moz-placeholder,
.Header .SearchBox input:-ms-input-placeholder{
	color:#FFF;
}
.Header .SearchBox input[type=submit],
.Header .SearchBox input[type=button]{
	float:left;
	width:15px;
	height:14px;
	border:0px;
	cursor:pointer;
	margin:0px;
	padding:0px;
    background:url("../images/search.png") center center no-repeat;
    text-indent: -9999px;
}
.Header .MobileBt{
	float: right;
	width:auto;
	height:70px;
	display: none;
	cursor:pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	padding:19px 20px;
	background:#FFF;
}
.Header .MobileBt > div{
	float:left;
	width: 30px;
	height:32px;
	position: relative;
}
.Header .MobileBt > div span{
	display: block;
    position: absolute;
    top: 13px;
    left: 0px;
    right: 0px;
	width: 100%;
    height: 4px;
    background: #004287;
}
.Header .MobileBt > div span::before, 
.Header .MobileBt > div span::after{
	position: absolute;
    display: block;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 4px;
    background-color: #004287;
    content: "";
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-transition-duration: 0.1s, 0.1s;
	-moz-transition-duration: 0.1s, 0.1s;
	-o-transition-duration: 0.1s, 0.1s;
	-ms-transition-duration: 0.1s, 0.1s;
	transition-duration: 0.1s, 0.1s;
	-webkit-transition-delay:0.1s, 0s;
	-moz-transition-delay: 0.1s, 0s;
	-o-transition-delay: 0.1s, 0s;
	-ms-transition-delay:0.1s, 0s;
	transition-delay: 0.1s, 0s;
}
.Header .MobileBt > div span::before{
	top:-9px;
	-webkit-transition-property:top, -webkit-transform;
	-moz-transition-property: top, -webkit-transform;
	-o-transition-property: top, -webkit-transform;
	-ms-transition-property: top, -webkit-transform;
	transition-property: top, -webkit-transform;
	-webkit-transition-property:top, transform;
	-moz-transition-property: top, transform;
	-o-transition-property: top, transform;
	-ms-transition-property: top, transform;
	transition-property: top, transform
}
.Header .MobileBt > div span::after{
	bottom:-9px;
	-webkit-transition-property:bottom, -webkit-transform;
	-moz-transition-property: bottom, -webkit-transform;
	-o-transition-property: bottom, -webkit-transform;
	-ms-transition-property: bottom, -webkit-transform;
	transition-property: bottom, -webkit-transform;
	-webkit-transition-property:bottom, transform;
	-moz-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	transition-property: bottom, transform
}
.Header .MobileBt.push > div span{
	background: none;
}
.Header .MobileBt.push > div span::before{
	top: 0px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.Header .MobileBt.push > div span::after{
	bottom: 0px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.Header .MobileBt.push > div span::before, 
.Header .MobileBt.push > div span::after{
	-webkit-transition-delay: 0s, 0.1s;
	-moz-transition-delay: 0s, 0.1s;
	-o-transition-delay: 0s, 0.1s;
	-ms-transition-delay: 0s, 0.1s;
	transition-delay: 0s, 0.1s;
}
.MobilMenu {
    position: fixed;
    right: 0px;
    top: 0px;
    width: 240px;
    height: 100%;
    z-index: 9998;
    background: #FFF;
    -webkit-transform: translate3d(240px, 0, 0);
    -moz-transform: translate3d(240px, 0, 0);
    -ms-transform: translate3d(240px, 0, 0);
    -o-transform: translate3d(240px, 0, 0);
    transform: translate3d(240px, 0, 0);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
    overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    -webkit-box-shadow: inset 5px 0px 10px -4px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 5px 0px 10px -4px rgba(0,0,0,0.3);
    box-shadow: inset 5px 0px 10px -4px rgba(0,0,0,0.3);
}
.MobilMenu .Language{
	float:right;
	width:100%;
	height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:10px 20px;
}
.MobilMenu .Language span{
	display:none;
}
.MobilMenu .Language ul {
	float:left;
	width:100%;
	height:auto;
}
.MobilMenu .Language ul li{
	float:left;
	width:auto;
	height:auto;
	margin-right:15px;
}
.MobilMenu .Language ul li a{
	float:left;
	width:auto;
    height:auto;
    font:300 16px/30px 'Open Sans', sans-serif;
    color:#636363;
}

.MobilMenu  .SearchBar{
	float:left;
	width:100%;
	height:auto;
	background-color: #004287;
}
.MobilMenu  .SearchBar input[type=text]{
	float:left;
	height:40px;
	width:-moz-calc(100% - 40px);
	width:-webkit-calc(100% - 40px);
	width:-o-calc(100% - 40px);
	width:calc(100% - 40px);
	font:300 14px/30px 'Open Sans', sans-serif;
	color:#FFF;
	background:none;
	padding:10px 0px 10px 20px;
	-webkit-appearance:none;
	border-radius:0;
	margin:0px;
	outline-color:transparent;
	outline-style:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	border:0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.MobilMenu .SearchBar input[type=text]:focus{
	outline-color:transparent;
	outline-style:none;
	box-shadow:none;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
}
.MobilMenu .SearchBar input::-webkit-input-placeholder{
	color:#FFF;
}
.MobilMenu .SearchBar input:-moz-placeholder{
	color:#FFF;
}
.MobilMenu .SearchBar input:-ms-input-placeholder{
	color:#FFF;
}
.MobilMenu .SearchBar input[type=submit],
.MobilMenu .SearchBar input[type=button]{
	float:right;
	width:40px;
	height:40px;
	border:0px;
	cursor:pointer;
	margin:0px;
	padding:0px;
	background:url(../images/Search_mobile.png) center center no-repeat;
	text-indent:-9999px;
}
.MobilMenu .SearchBar input[type=submit]:hover,
.MobilMenu .SearchBar input[type=button]:hover{
	opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	-moz-opacity:0.5;-khtml-opacity:0.5;
}
.MobilMenu .Navigation{
	float:left;
	width:100%;
	height:auto;
}
.MobilMenu .Navigation ul{
	float:left;
	width:100%;
	height:auto;
	padding-bottom:30px
}
.MobilMenu .Navigation ul li{
	float:left;
	width:100%;
	height:auto;
}
.MobilMenu .Navigation ul li a{
	float:left;
	width:100%;
	height:auto;
	display:block;
    font:300 16px/40px 'Open Sans', sans-serif;
    color:#636363;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px 20px;
	border-bottom:1px solid #464646;
}
    .MobilMenu .Navigation ul li a.SubMenu, .MobilMenu .Navigation ul li.push ul li a.SubMenu {
        cursor: pointer;
        pointer-events: none;
        background: url("../images/submenu_Arrow.png") right 10px center no-repeat;
    }
    .MobilMenu .Navigation ul li.push a.SubMenu, .MobilMenu .Navigation ul li.push ul li.push a.SubMenu {
        background: url("../images/submenu_Arrow2.png") right 10px center no-repeat;
    }
    .MobilMenu .Navigation ul ul, .MobilMenu .Navigation ul ul ul{
        float: left;
        width: 100%;
        max-height: 0px;
        -webkit-transition: max-height 0.5s ease-out;
        -moz-transition: max-height 0.5s ease-out;
        -o-transition: max-height 0.5s ease-out;
        -ms-transition: max-height 0.5s ease-out;
        transition: max-height 0.5s ease-out;
        overflow: hidden;
        background: #004287;
        padding: 0px;
    }
    .MobilMenu .Navigation ul li.push ul li ul {
        max-height: 0px;
    }
    .MobilMenu .Navigation ul li.push ul, .MobilMenu .Navigation ul li.push ul li.push ul {
        max-height: 1000px;
    }
    .MobilMenu .Navigation ul ul li a, .MobilMenu .Navigation ul ul ul li a {
        font: 300 14px/30px 'Open Sans', sans-serif;
        color: #FFF;
        border-bottom: 1px solid #FFF;
    }
/*----/HEADER----*/
/*----anasayfa----*/
.PageWrapper {
    float:left;
    width: 100%;
    height: auto;
    background: #FFF;
    padding: 7px 0px;
    display: block;
}
/*----anasayfa----*/
/*----HaberSidePAnel----*/
.NewsSidePanel {
    float:right;
    width: 370px;
    height: 100%;
    display: block;
    background: #FFF;
    overflow: auto;
    position: relative;
}
.NewsSidePanel .Content{
    float: left;
    width: 100%;
    height: auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 7px 0px 7px 30px;
}
.NewsSidePanel .Content span.panelTitle{
    float: left;
    width: 100%;
    max-width: 310px;
    height: auto;
    border-bottom: 1px solid #636363;
    font:300 16px/30px 'Open Sans', sans-serif;
    color:#636363;
}
.NewsSidePanel .Content span.panelTitle2{
    float: left;
    width: 100%;
    max-width: 310px;
    height: auto;
    border-bottom: 1px solid #636363;
    font:300 16px/30px 'Open Sans', sans-serif;
    color:#636363;
}
.NewsSidePanel .Content .TopSlideWrapper,
.NewsSidePanel .Content .BottomSlideWrapper{
    float: left;
    width: 100%;
    max-width: 310px;
    height: auto;
    max-height: 370px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    /*padding: 15px 0px 0px 0px;*/
    overflow: hidden;
    border-bottom: 0px none;
    background-color: transparent;
}
.NewsSidePanel .Content .BottomSlideWrapper {
    /*border-bottom: 1px solid #FF0000;*/
}
.NewsSidePanel .Content .BottomSlideWrapper{
    border-bottom: 0px;
}
.NewsSidePanel .Content .TopSlideWrapper ul,
.NewsSidePanel .Content .BottomSlideWrapper ul,
.NewsSidePanel .Content .TopSlideWrapper ul li,
.NewsSidePanel .Content .BottomSlideWrapper ul li,
.NewsSidePanel .Content .TopSlideWrapper ul li a,
.NewsSidePanel .Content .BottomSlideWrapper ul li a{
    float: left;
    width: 100%;
    height: auto;
    display: block;
}
.NewsSidePanel .Content .TopSlideWrapper ul li a span.NewsTitle,
.NewsSidePanel .Content .BottomSlideWrapper ul li a span.NewsTitle{
    float: left;
    width: 100%;
    height: auto;
    font:300 13px/24px 'Open Sans', sans-serif;
    color:#636363;
    max-height: 60px;
    overflow: hidden;
}
.NewsSidePanel .Content .TopSlideWrapper ul li a span.Image,
.NewsSidePanel .Content .BottomSlideWrapper ul li a span.Image{
    float: left;
    width: 100%;
    height:auto;
    -webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
    overflow: hidden;
    position: relative;
    margin-top: 15px;
}
.NewsSidePanel .Content .TopSlideWrapper ul li a span.Image img,
.NewsSidePanel .Content .BottomSlideWrapper ul li a span.Image img{
    float: left;
    width: 100%;
    height:auto;
    position: relative;
    z-index: 1;
}
.NewsSidePanel .Content .TopSlideWrapper ul li a span.Image span.Play,
.NewsSidePanel .Content .BottomSlideWrapper ul li a span.Image span.Play{
    position:absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    margin-left: -36px;
    margin-top: -36px;
    z-index: 5;
    background:url("../images/play_bt.png") center center no-repeat;
    background-size: contain;
}
.NewsSidePanel .Content .TopSlideWrapper ul li a span.Image span.ViewImage,
.NewsSidePanel .Content .BottomSlideWrapper ul li a span.Image span.ViewImage{
    position:absolute;
    left: 50%;
    top: 50%;
    width: 66px;
    height: 66px;
    margin-left: -36px;
    margin-top: -36px;
    z-index: 5;
    background:url("../images/photo_bt.png") center center no-repeat;
    background-size: contain;
}
.NewsSidePanel .Content .TopSlideWrapper ul li a p,
.NewsSidePanel .Content .BottomSlideWrapper ul li a p{
    float: left;
    width: 100%;
    height: auto;
    font:300 12px/20px 'Open Sans', sans-serif;
    color:#636363;
    margin: 15px 0px;
    max-height: 60px;
    overflow: hidden;
}
.NewsSidePanel .Content .TopSlideWrapper .bx-pager,
.NewsSidePanel .Content .BottomSlideWrapper .bx-pager{
    float: left;
	width:100%;
	height:auto;
	text-align:center;
    z-index: 100;
}
    .NewsSidePanel .Content .TopSlideWrapper .bx-pager .bx-pager-item,
    .NewsSidePanel .Content .BottomSlideWrapper .bx-pager .bx-pager-item {
        display: inline-block;
        width: 9px;
        height: 9px;
        margin: 0px 2px;
    }
.NewsSidePanel .Content .TopSlideWrapper .bx-pager .bx-pager-item a,
.NewsSidePanel .Content .BottomSlideWrapper .bx-pager .bx-pager-item a{
	display:inline-block;
	width:9px;
	height:9px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	text-indent:-9999px;
    border: 1px solid #636363;
}
.NewsSidePanel .Content .TopSlideWrapper  .bx-pager .bx-pager-item a:hover,
.NewsSidePanel .Content .TopSlideWrapper .bx-pager .bx-pager-item a.active,
.NewsSidePanel .Content .BottomSlideWrapper  .bx-pager .bx-pager-item a:hover,
.NewsSidePanel .Content .BottomSlideWrapper .bx-pager .bx-pager-item a.active{
    background: #636363;
}
/*----HaberSidePAnel----*/
/*----anasayfaSlider----*/
.MainSlider{
    float:left;
    width: 1550px;
    height: 820px;
    display: block;
    position:relative;
	overflow:hidden;
    background: #FFF;
}
.bx-viewport, .bx-wrapper{
    position:relative;
    width:100%;
    height:100% !important;
    top:0;
    left:0;
}
.MainSlider ul {
    float: left;
    width: 100%;
    height: 100%;
    display: block;
}
.MainSlider ul li{
	float:left;
	width:100%;
    height: 820px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    position: relative;
	overflow:hidden;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.MainSlider ul li a{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    text-indent: -9999px;
}
.MainSlider ul li span.Caption{
    position: absolute;
    width: 50%;
    height: auto;
    z-index: 5;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.MainSlider ul li span.Caption.TopLeft{
    left: -800px;
    top: 20px;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.TopLeft{
    left: 30px;
    opacity: 1;
}
.MainSlider ul li span.Caption.TopRight{
    right: -800px;
    top: 20px;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.TopRight{
    right: 30px;
    opacity: 1;
}
.MainSlider ul li span.Caption.TopCenter{
    left: 50%;
    top: -150px;
    margin-left: -25%;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.TopCenter{
    top: 20px;
    opacity: 1;
}
.MainSlider ul li span.Caption.BottomLeft{
    left: -800px;
    bottom: 45px;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.BottomLeft{
    left: 30px;
    opacity: 1;
}
.MainSlider ul li span.Caption.BottomRight{
    right: -800px;
    bottom: 45px;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.BottomRight{
    right: 30px;
    opacity: 1;
}
.MainSlider ul li span.Caption.BottomCenter{
    left: 50%;
    bottom: -150px;
    margin-left: -25%;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.BottomCenter{
    bottom: 45px;
    opacity: 1;
}
.MainSlider ul li span.Caption.MiddleLeft{
    left: -800px;
    top: 50%;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.MiddleLeft{
    left: 30px;
    opacity: 1;
}
.MainSlider ul li span.Caption.MiddleRight{
    right: -800px;
    top: 50%;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.MiddleRight{
    right: 30px;
    opacity: 1;
}
.MainSlider ul li span.Caption.MiddleCenter{
    left: 50%;
    top: 50%;
    margin-left: -25%;
    opacity: 0;
}
.MainSlider ul li.active-slide span.Caption.MiddleCenter{
    opacity: 1;
}
.MainSlider ul li span.Caption{
    width: 50%;
    height: auto;
    z-index: 5;
    opacity: 0;
}
.MainSlider ul li span.Caption span{
    float: left;
    width: 100%;
    height:auto;
    font:700 45px/50px 'Open Sans', sans-serif;
}
.MainSlider ul li span.Caption span.small{
    float: left;
    width: 100%;
    height:auto;
    font:400 16px/20px 'Open Sans', sans-serif;
    margin-top:20px;
    opacity:0;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-ms-transition:all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.MainSlider ul li.active-slide span.Caption span.small{
    -webkit-transition-delay: 600ms;
    -moz-transition-delay: 600ms;
    -ms-transition-delay: 600ms;
    -o-transition-delay:600ms;
    transition-delay: 600ms;
    opacity: 1;
}
.MainSlider ul li span.Caption.TopRight span,
.MainSlider ul li span.Caption.BottomRight span,
.MainSlider ul li span.Caption.MiddleRight span{
    text-align: right;
}
.MainSlider ul li span.Caption.TopCenter span,
.MainSlider ul li span.Caption.BottomCenter span,
.MainSlider ul li span.Caption.MiddleCenter span{
    text-align:center;
}
.MainSlider .bx-pager{
	position:absolute;
	bottom:20px;
	left:1px;
	width:100%;
	height:auto;
	text-align:center;
    z-index: 100;
}
    .MainSlider .bx-pager .bx-pager-item {
        display: inline-block;
        width: 9px;
        height: 9px;
        margin: 0px 2px;
    }
        .MainSlider .bx-pager .bx-pager-item a {
            display: inline-block;
            width: 9px;
            height: 9px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            border-radius: 100%;
            text-indent: -9999px;
            border: 1px solid #FFF;
        }
            .MainSlider .bx-pager .bx-pager-item a:hover,
            .MainSlider .bx-pager .bx-pager-item a.active {
                background: #FFF;
            }
.MainSlider .bx-controls-direction {
    position: absolute;
    bottom: 2px;
    width:100%;
	height:auto;
	text-align:center;
    display: inline-block;
}
    .MainSlider .bx-controls-direction .bx-prev {
        width: 25px;
        z-index: 300;
        font-size: 14pt;
        margin-left: 10px;
        margin-right: 10px;
        color: #FFFFFF;
        -webkit-text-stroke: 1px #FFFFFF;
    }
    .MainSlider .bx-controls-direction .bx-next {
        width: 25px;
        z-index: 300;
        font-size: 14pt;
        margin-left: 10px;
        margin-right: 10px;
        color: #FFFFFF;
        -webkit-text-stroke: 1px #FFFFFF;
    }
/*----anasayfaSlider----*/
/*----anasayfaPopup----*/
.MainSlider .MainPopup{
    position:absolute;
    right: 10px;
    top: 10px;
    width:98%;
    max-width: 550px;
    height: 95px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    z-index: 120;
    -webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
    overflow: hidden;
    display: none;
}
.MainSlider .MainPopup a.Close{
    position:absolute;
    right: 3px;
    top: 3px;
    width:28px;
    height:28px;
    -webkit-border-radius: 8px;
	-moz-border-radius:8px;
	border-radius:8px;
    text-indent: -9999px;
    background: url("../images/close.png") center center no-repeat rgba(255,255,255,0.5);
    background-size: 19px 19px;
    z-index: 10;
}
.MainSlider .MainPopup a.Close:hover{
    background: url("../images/close.png") center center no-repeat rgba(255,255,255,1);
}
.MainSlider .MainPopup span.Text{
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 6px 40px;
    overflow: hidden;
}
.MainSlider .MainPopup span.Text a.Link{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    text-indent: -9999px;
}
.MainSlider .MainPopup span.Text span.Big{
    float: left;
    width: 100%;
    height:auto;
    font:700 40px/46px 'Open Sans', sans-serif;
    color:#FFF;
    text-align: right;
}
.MainSlider .MainPopup span.Text span.Small{
    float: left;
    width: 100%;
    height:auto;
    font:700 20px/26px 'Open Sans', sans-serif;
    color:#FFF;
    text-align: right;
}
/*----/anasayfaPopup----*/
/*----FOOTER----*/
.Footer {
    float: left;
    width: 100%;
    height: auto;
    z-index: 9999;
    background: #FFF;
    border-top: 1px solid #636363;
    padding: 0px 30px ;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.Footer span.Copyright{
    float: left;
    width:auto;
    height: auto;
    font:300 12px/30px 'Open Sans', sans-serif;
    color:#636363;
    margin: 10px 0px;
}
.Footer .Social{
    float:right;
    width:auto;
    height: auto;
    margin: 10px 340px 0px 0px;
}
.Footer .Social ul{
    float:left;
    width:auto;
    height: auto;
}
.Footer .Social ul li{
    float:left;
    width:auto;
    height: auto;
    margin-left: 5px;
}
.Footer .Social ul li a{
    float: left;
    width: 25px;
    height: 25px;
    background-image: url("../images/Social.png");
    background-size: 150px 25px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.Footer .Social ul li a.tw{
    background-position: 0px 0px;
}
.Footer .Social ul li a.fb{
    background-position: -25px 0px;
}
.Footer .Social ul li a.yt{
    background-position: -50px 0px;
}
.Footer .Social ul li a.in{
    background-position: -75px 0px;
}
.Footer .Social ul li a.vm{
    background-position: -100px 0px;
}
.Footer .Social ul li a.ins{
    background-position: -125px 0px;
}
.Footer .Social ul li a:hover{
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
}
/*----/FOOTER----*/
/*----Altsayfa----*/
.supPageWrapper {
    float:left;
    width: 100%;
    height: auto;
    background: #FFF;
    padding: 7px 0px 0px;
    display: block;
}
/*----Altsayfa----*/
/*----PageHeader----*/
.PageHeader {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.PageHeader img{
    width: 100%;
    height: auto;
}
/*----/PageHeader----*/
/*----SubPageContent----*/
.subPageContent {
    float: left;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 20px;
    background: url("../images/subPageBg.jpg") right bottom no-repeat #FFF;
    /*background-size: cover;*/
}
.subPageContent .LeftColums{
    float: left;
    width: 15%;
    min-width: 220px;
    height: auto;
    display: block;
    min-height: 1px;
}
.subPageContent .LeftColums ul{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.subPageContent .LeftColums ul li{
    float: left;
    width: 100%;
    height: auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 0px 0px 13px;
}
.subPageContent .LeftColums ul ul{
    margin-top: 0px;
}
.subPageContent .LeftColums ul ul li{
    padding: 0px 0px 0px 17px;
}
.subPageContent .LeftColums ul li.Active,
.subPageContent .LeftColums ul li:hover{
    background: url("../images/menuArrow_Sub.png") left 5px no-repeat;
}
.subPageContent .LeftColums ul li a{
    float: left;
    width: 100%;
    padding: 0px;
    font:300 12px/20px 'Open Sans', sans-serif;
    color:#636363;
    border-bottom: 1px solid #979797;
    padding: 2px 10px 2px 0px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.subPageContent .LeftColums ul ul li a{
    padding: 2px 8px 2px 0px;
}
.subPageContent .LeftColums ul ul li.Active,
.subPageContent .LeftColums ul ul li:hover{
    background: url("../images/menuArrow_Sub.png") 0px 5px no-repeat;
}
.subPageContent .LeftColums .SubMobileBt{
	float:left;
	width:100%;
	height:32px;
	display:none;
    padding-bottom: 15px;
}
.subPageContent .LeftColums .SubMobileBt > div{
	float:left;
	width: 25px;
	height:32px;
	position: relative;
    margin-right: 15px;
}
.subPageContent .LeftColums .SubMobileBt > div span{
	display: block;
    position: absolute;
    top: 14px;
    left: 0px;
    right: 0px;
	width: 100%;
    height: 3px;
    background: #004287;
}
.subPageContent .LeftColums .SubMobileBt > div span::before, 
.subPageContent .LeftColums .SubMobileBt > div span::after{
	position: absolute;
    display: block;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 3px;
    background-color: #004287;
    content: "";
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-transition-duration: 0.1s, 0.1s;
	-moz-transition-duration: 0.1s, 0.1s;
	-o-transition-duration: 0.1s, 0.1s;
	-ms-transition-duration: 0.1s, 0.1s;
	transition-duration: 0.1s, 0.1s;
	-webkit-transition-delay:0.1s, 0s;
	-moz-transition-delay: 0.1s, 0s;
	-o-transition-delay: 0.1s, 0s;
	-ms-transition-delay:0.1s, 0s;
	transition-delay: 0.1s, 0s;
}
.subPageContent .LeftColums .SubMobileBt > div span::before{
	top:-6px;
	-webkit-transition-property:top, -webkit-transform;
	-moz-transition-property: top, -webkit-transform;
	-o-transition-property: top, -webkit-transform;
	-ms-transition-property: top, -webkit-transform;
	transition-property: top, -webkit-transform;
	-webkit-transition-property:top, transform;
	-moz-transition-property: top, transform;
	-o-transition-property: top, transform;
	-ms-transition-property: top, transform;
	transition-property: top, transform
}
.subPageContent .LeftColums .SubMobileBt > div span::after{
	bottom:-6px;
	-webkit-transition-property:bottom, -webkit-transform;
	-moz-transition-property: bottom, -webkit-transform;
	-o-transition-property: bottom, -webkit-transform;
	-ms-transition-property: bottom, -webkit-transform;
	transition-property: bottom, -webkit-transform;
	-webkit-transition-property:bottom, transform;
	-moz-transition-property: bottom, transform;
	-o-transition-property: bottom, transform;
	-ms-transition-property: bottom, transform;
	transition-property: bottom, transform
}
.subPageContent .LeftColums .SubMobileBt.push > div span{
	background: none;
}
.subPageContent .LeftColums .SubMobileBt.push > div span::before{
	top: 0px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.subPageContent .LeftColums .SubMobileBt.push > div span::after{
	bottom: 0px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.subPageContent .LeftColums .SubMobileBt.push > div span::before, 
.subPageContent .LeftColums .SubMobileBt.push > div span::after{
	-webkit-transition-delay: 0s, 0.1s;
	-moz-transition-delay: 0s, 0.1s;
	-o-transition-delay: 0s, 0.1s;
	-ms-transition-delay: 0s, 0.1s;
	transition-delay: 0s, 0.1s;
}
.subPageContent .LeftColums .SubMobileBt span.Text{
	float:left;
	width:auto;
	height:auto;
    font:700 20px/32px 'Open Sans', sans-serif;
    color:#004287;
}
.subPageContent .MiddleColums{
    float: left;
    width:70%;
    height: auto;
    min-height: 700px !important;
    background: rgba(255,255,255,0.8);
    margin-top: -65px;
    -webkit-border-radius:25px 25px 0 0;
    -moz-border-radius:25px 25px 0 0;
    border-radius:25px 25px 0 0;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3);
    padding: 20px 40px 120px 40px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.subPageContent .MiddleColums.paddingNone{
    padding: 20px 20px 110px 20px;
}
.subPageContent .MiddleColums h1{
    float: left;
    width:100%;
    height: auto;
    font:400 16px/30px 'Open Sans', sans-serif;
    color:#636363;
}
.subPageContent .MiddleColums h1:after{
    content: "";
    float: left;
    width: 100%;
    height: 1px;
    background: #636363;
    margin-top: 1px;
}
.subPageContent .MiddleColums.paddingNone h1{
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 20px;
}
.subPageContent .MiddleColums .Content,
.subPageContent .MiddleColums .managementContent,
.subPageContent .MiddleColums .certificateContent,
.subPageContent .MiddleColums .projectContent,
.subPageContent .MiddleColums .projectDetailContent,
.subPageContent .MiddleColums .areasActivityContent,
.subPageContent .MiddleColums .FormContent,
.subPageContent .MiddleColums .MapsContent,
.subPageContent .MiddleColums .NewsListContent,
.subPageContent .MiddleColums .SearchListContent{
    float: left;
    width:100%;
    height: auto;
    margin-top: 25px;
}
.subPageContent .MiddleColums .managementContent {
    margin-top: 0px;
    font-family: 'Open Sans', sans-serif;
}
.subPageContent .MiddleColums .certificateContent,
.subPageContent .MiddleColums .projectContent,
.subPageContent .MiddleColums .projectDetailContent{
    margin-top: 10px;
}
.subPageContent .MiddleColums .areasActivityContent{
    margin-top: 10px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 5px;
}
.subPageContent .MiddleColums .MapsContent{
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    margin-top: 100px;
    padding: 0px 20px;
}
.subPageContent .MiddleColums .Content p,
.subPageContent .MiddleColums .projectDetailContent p{
    float: left;
    width:100%;
    height: auto;
    font:300 15px/18px 'Open Sans', sans-serif;
    color:#636363;
    padding: 10px 0px;
}
.subPageContent .MiddleColums .projectDetailContent p{
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subPageContent .MiddleColums .Content p b,
.subPageContent .MiddleColums .projectDetailContent p b{
    font-weight: 400;
}
.subPageContent .MiddleColums .Content p img{
    float: left;
    width:auto;
    max-width: 100%;
    height: auto;
    /*-webkit-border-radius:20px;*/
    /*-moz-border-radius:20px;*/
    /*border-radius:20px;*/
}
.subPageContent .MiddleColums .Content ul,
.subPageContent .MiddleColums .managementContent ul,
.subPageContent .MiddleColums .certificateContent ul,
.subPageContent .MiddleColums .projectContent ul,
.subPageContent .MiddleColums .areasActivityContent ul,
.subPageContent .MiddleColums .NewsListContent ul,
.subPageContent .MiddleColums .SearchListContent ul,
.subPageContent .MiddleColums .Content ul.download{
    float: left;
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 2px 0px;
    list-style: disc;
}
.subPageContent .MiddleColums .managementContent ul{
    margin:15px 0px 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid #636363
}
.subPageContent .MiddleColums .managementContent ul:last-child{
    border-bottom: 0px;
}
.subPageContent .MiddleColums .certificateContent ul,
.subPageContent .MiddleColums .NewsListContent ul{
    padding: 0px 5px;
}
.subPageContent .MiddleColums .areasActivityContent ul{
    width: 25%;
    padding: 15px;
}
.subPageContent .MiddleColums .areasActivityContent ul.Big{
    width: 50%;
    padding: 15px;
}
.subPageContent .MiddleColums .SearchListContent ul{
    padding: 0px 20px;
}
.subPageContent .MiddleColums .Content ul.download,
.subPageContent .MiddleColums .Content ul.ImageDownload{
    list-style:none;
    padding:0px;
    margin-top:20px;
}
.subPageContent .MiddleColums .Content ul li,
.subPageContent .MiddleColums .managementContent ul li,
.subPageContent .MiddleColums .Content ul.download li,
.subPageContent .MiddleColums .Content ul.ImageDownload li{
    float: left;
    width: 100%;
    height: auto;
    font:300 12px/24px 'Open Sans', sans-serif;
    color:#636363;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style:none;
    padding-left: 14px;
    margin: 2px 0;
    background: url("../images/bull.png") left 9px no-repeat;
}
.subPageContent .MiddleColums .managementContent ul li {
    padding-left: 0px;
    background: none;
}
.subPageContent .MiddleColums .Content ul.download li{
    background: url("../images/download.png") left center no-repeat;
    padding:10px 0px 10px 44px;
    margin:5px 0px;
}
.subPageContent .MiddleColums .Content ul.download li.ImageDownload{
    width:33.33%;
    padding:10px;
    background:none;
    margin:0px;
}
.subPageContent .MiddleColums .Content h2,
.subPageContent .MiddleColums .managementContent h2,
.subPageContent .MiddleColums .projectDetailContent h2,
.subPageContent .MiddleColums .FormContent h2{
    float: left;
    width:100%;
    height: auto;
    font:400 14px/24px 'Open Sans', sans-serif;
    color:#636363;
    padding: 25px 0px 6px 0px;
}
.subPageContent .MiddleColums .projectDetailContent h2{
    font:300 26px/36px 'Open Sans', sans-serif;
    padding: 10px 20px 6px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subPageContent .MiddleColums .Content h2{
    font:400 26px/36px 'Open Sans', sans-serif;
    padding: 10px 0px 6px 0px;
}
.subPageContent .MiddleColums .projectDetailContent h2 b{
    font-weight: 400;
}
.subPageContent .MiddleColums .managementContent ul li span{
    float: left;
    height: auto;
    font:300 15px/24px 'Open Sans', sans-serif;
    color:#636363;
}
.subPageContent .MiddleColums .managementContent ul li span b{
    font-weight: 400;
}
.subPageContent .MiddleColums.paddingNone .FormContent h2{
    font:400 14px/24px 'Open Sans', sans-serif;
    padding: 0px 20px 14px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subPageContent .MiddleColums .Content ul.download li a{
    float: left;
    width:100%;
    height: auto;
    font: 400 14px/24px 'Open Sans', sans-serif;
    color: #636363;
}
.subPageContent .MiddleColums .Content ul.download li.ImageDownload a{
    float: left;
    width:100%;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid #e7e7e7;
    padding:10px;
}
.subPageContent .MiddleColums .Content ul.download li.ImageDownload a span.Image{
    float: left;
    width:100%;
    height:auto;
    text-align:center;
    overflow:hidden;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom:1px solid #e7e7e7;
}
.subPageContent .MiddleColums .Content ul.download li.ImageDownload a span.Image img{
    vertical-align:middle;
    display:inline-block;
    width:auto;
    max-height:100%;
    height:auto;
}
.subPageContent .MiddleColums .Content ul.download li.ImageDownload a span.Name{
    float: left;
    width:100%;
    height: auto;
    font: 700 14px/24px 'Open Sans', sans-serif;
    color: #636363;
    text-align:center;
}
.subPageContent .MiddleColums .Content ul.download li.ImageDownload a span.link{
    float: left;
    width:100%;
    height: auto;
    font: 400 14px/24px 'Open Sans', sans-serif;
    color: #636363;
    text-align:center;
}
    .subPageContent .MiddleColums .certificateContent ul li,
    .subPageContent .MiddleColums .projectContent ul li,
    .subPageContent .MiddleColums .SearchListContent ul li {
        float: left;
        width: 33.33%;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 15px;
    }

    .subPageContent .MiddleColums .NewsListContent ul li {
        float: left;
        width: 33.33%;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 11px;
    }
.subPageContent .MiddleColums .projectContent ul li{
    width: 50%;
    padding: 20px;
}
.subPageContent .MiddleColums .SearchListContent ul li{
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #636363
}
.subPageContent .MiddleColums .certificateContent ul li a,
.subPageContent .MiddleColums .projectContent ul li a,
.subPageContent .MiddleColums .NewsListContent ul li a{
    float: left;
    width:100%;
    height: auto;
    background: #FFF;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
    padding: 10px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.subPageContent .MiddleColums .projectContent ul li a{
    padding:0px;
    overflow: hidden;
    position: relative;
}
.subPageContent .MiddleColums .NewsListContent ul li a{
    padding: 30px 20px;
}
.subPageContent .MiddleColums .certificateContent ul li a img{
    float: left;
    width:100%;
    height: auto;
}
.subPageContent .MiddleColums .SearchListContent ul li a{
    float: left;
    width: 100%;
    height: auto;
    font:300 15px/30px 'Open Sans', sans-serif;
    color:#636363;
    padding: 20px 0px;
}
.subPageContent .MiddleColums .SearchListContent ul li a b{
    font:400 26px/36px 'Open Sans', sans-serif;
}
.subPageContent .MiddleColums .SearchListContent ul li a:hover{
    color:#004287;
}
.subPageContent .MiddleColums .projectContent ul li a img {
    float: left;
    width:100%;
    height: auto;
	-webkit-transition:all 200ms linear;
  	-moz-transition:all 200ms linear;
  	-o-transition:all 200ms linear;
  	-ms-transition:all 200ms linear;
  	transition:all 200ms linear;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow: 0px
}
.subPageContent .MiddleColums .projectContent ul li a span.Caption{
    position: absolute;
    left: 0px;
    bottom: 0px; /*-77px;*/
    width: 100%;
    height: auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding:13px 40px;
    -webkit-transition:all 200ms linear;
  	-moz-transition:all 200ms linear;
  	-o-transition:all 200ms linear;
  	-ms-transition:all 200ms linear;
  	transition:all 200ms linear;
    opacity: 100;/*0;*/
    z-index: 999;
    background: rgba(19,67,132,0.85);
}
.subPageContent .MiddleColums .projectContent ul li a:hover span.Caption{
    bottom: 0px;
    opacity: 1;
}
.subPageContent .MiddleColums .projectContent ul li a span.Caption span.Text {
    float: left;
    width: auto;
    height: auto;
    border-bottom: 1px solid #FFF;
    font:400 11px/22px 'Open Sans', sans-serif;
    color:#FFF;
    background: url("../images/projectArrow.png") right center no-repeat;
    padding-right: 20px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.subPageContent .MiddleColums .Content .VideoWrapper,
.subPageContent .MiddleColums .projectDetailContent .VideoWrapper {
    float: left;
    width:100%;
    height: auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 15px 20px;
}
.subPageContent .MiddleColums .Content .VideoWrapper{
    padding:0px;
    margin: 15px 0px;
}
.subPageContent .MiddleColums .Content .VideoWrapper > div,
.subPageContent .MiddleColums .projectDetailContent .VideoWrapper > div{
    float: left;
    width:100%;
    height: auto;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    overflow: hidden;
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.subPageContent .MiddleColums .Content .VideoWrapper > div iframe,
.subPageContent .MiddleColums .projectDetailContent .VideoWrapper > div iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.subPageContent .MiddleColums .projectDetailContent .ImageWrapper,
.subPageContent .MiddleColums .projectDetailContent .ImageWrapper ul{
    float: left;
    width:100%;
    height: auto;
}
.subPageContent .MiddleColums .projectDetailContent .ImageWrapper ul li{
    float: left;
    width:33.33%;
    height: auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 15px 20px;
}
    .subPageContent .MiddleColums .projectDetailContent .ImageWrapper ul li a {
        float: left;
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.18);
        -webkit-border-radius:20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        display: block;
    }
.subPageContent .MiddleColums .projectDetailContent .ImageWrapper ul li a img{
    float: left;
    width:100%;
    height: auto;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}
.subPageContent .MiddleColums .areasActivityContent ul li {
    float: left;
    width: 100%;
    height: auto;
}
.subPageContent .MiddleColums .areasActivityContent ul.Big li{
    /*width: 50%;*/
}
.subPageContent .MiddleColums .areasActivityContent ul.sismik li{
    width: 100%;
}
.subPageContent .MiddleColums .areasActivityContent ul li.Title{
    width:auto;
    text-align:center;
    letter-spacing:-4px;
}
.subPageContent .MiddleColums .areasActivityContent ul li.Title span.icon{
    display:inline-block;
    vertical-align:middle;
    letter-spacing:0px;
    width:auto;
    text-align: center;
}
.subPageContent .MiddleColums .areasActivityContent ul li.Title span.icon img{
    float:left;
    width:100%;
    height:auto;
}
.subPageContent .MiddleColums .areasActivityContent ul li.Title span.text{
    display:inline-block;
    vertical-align:bottom;
    letter-spacing:0px;
    width:auto;
    padding: 10px 0px 10px 15px;
    text-align: center;
    font:600 14px/20px 'Open Sans', sans-serif;
    color:#636363;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    text-align:left;
}
.subPageContent .MiddleColums .areasActivityContent ul li.Line{
    width: 100%;
    height:1px;
    border-bottom: 1px solid #636363;
    margin:5px 0px;
}

.subPageContent .MiddleColums .areasActivityContent ul li a{
    float: left;
    width: 95%;
    height: auto;
    font:300 12px/18px 'Open Sans', sans-serif;
    color:#636363;
    padding: 5px 0px 5px 12px;
    position:relative;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.subPageContent .MiddleColums .areasActivityContent ul li a::before{
    position:absolute;
    left:0px;
    top:12px;
    width:4px;
    height: 4px;
    content:"";
    background:#636363;
    -webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.subPageContent .MiddleColums .areasActivityContent ul.sismik li a{
    width: 45%;
    padding-right: 5%;
}
.subPageContent .MiddleColums .areasActivityContent ul li a:hover{
    text-decoration: underline;
}
.subPageContent .MiddleColums .NewsListContent ul li a span.NewsTitle {
    float: left;
    width: 100%;
    height: auto;
    min-height: 80px;
    max-height: 80px;
    font: 300 18px/24px 'Open Sans', sans-serif;
    color: #636363;
    margin: 0px 0px 12px 0px;
}
.subPageContent .MiddleColums .NewsListContent ul li a span.Image{
    float: left;
    width: 100%;
    height:auto;
    -webkit-border-radius: 10px;
	-moz-border-radius:10px;
	border-radius:10px;
    overflow: hidden;
    position: relative;
    margin: 12px 0px;
}
.subPageContent .MiddleColums .NewsListContent ul li a span.Image img{
    float: left;
    width: 100%;
    height:auto;
    position: relative;
    z-index: 1;
}
.subPageContent .MiddleColums .NewsListContent ul li a p{
    float: left;
    width: 100%;
    height: auto;
    font:300 14px/20px 'Open Sans', sans-serif;
    color:#636363;
    margin: 12px 0px;
    max-height: 60px;
    overflow: hidden;
}
.subPageContent .MiddleColums .NewsListContent ul li a:hover span.NewsTitle,
.subPageContent .MiddleColums .NewsListContent ul li a:hover p{
    color:#004287;
}
.subPageContent .MiddleColums .areasActivityContent span.Line,
.subPageContent .MiddleColums .FormContent span.Line{
    float: left;
    width: 100%;
    height: auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 15px;
    margin: 40px 0px;
}
.subPageContent .MiddleColums .FormContent span.Line{
    padding: 0px 20px;
    margin: 40px 0px 0px;
}
.subPageContent .MiddleColums .areasActivityContent span.Line:before,
.subPageContent .MiddleColums .FormContent span.Line:before{
    content: "";
    float: left;
    width: 100%;
    height: 1px;
    background: #636363;
}
.subPageContent .MiddleColums .FormContent .LeftForm,
.subPageContent .MiddleColums .FormContent .RightForm{
    float: left;
    width:40%;
    height: auto;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    padding: 0px 20px;
}
.subPageContent .MiddleColums .FormContent .RightForm{
    width:60%;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul,
.subPageContent .MiddleColums .FormContent .RightForm ul{
    float: left;
    width:100%;
    height:auto;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li,
.subPageContent .MiddleColums .FormContent .RightForm ul li{
    float: left;
    width:100%;
    height:auto;
    padding: 5px 0px;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li input[type=text],
.subPageContent .MiddleColums .FormContent .RightForm ul li input[type=text],
.subPageContent .MiddleColums .FormContent .LeftForm ul li textarea,
.subPageContent .MiddleColums .FormContent .RightForm ul li textarea {
    float: left;
    height: 24px;
    width: 100%;
    font:300 12px/20px 'Open Sans', sans-serif;
    color:#636363;
    background: #FFF;
    padding: 11px 20px;
    -webkit-appearance: none;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    margin: 0px;
    outline-color: transparent;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #636363;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li textarea,
.subPageContent .MiddleColums .FormContent .RightForm ul li textarea {
    height: 56px;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li input[type=text]:focus,
.subPageContent .MiddleColums .FormContent .RightForm ul li input[type=text]:focus,
.subPageContent .MiddleColums .FormContent .LeftForm ul li textarea:focus,
.subPageContent .MiddleColums .FormContent .RightForm ul li textarea:focus{
    outline-color:transparent;
    outline-style:none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li input::-webkit-input-placeholder,
.subPageContent .MiddleColums .FormContent .RightForm ul li input::-webkit-input-placeholder,
.subPageContent .MiddleColums .FormContent .LeftForm ul li textarea::-webkit-input-placeholder,
.subPageContent .MiddleColums .FormContent .RightForm ul li textarea::-webkit-input-placeholder,
.subPageContent .MiddleColums .FormContent .LeftForm ul li input:-moz-placeholder,
.subPageContent .MiddleColums .FormContent .RightForm ul li input:-moz-placeholder,
.subPageContent .MiddleColums .FormContent .LeftForm ul li textarea:-moz-placeholder,
.subPageContent .MiddleColums .FormContent .RightForm ul li textarea:-moz-placeholder,
.subPageContent .MiddleColums .FormContent .LeftForm ul li input:-ms-input-placeholder,
.subPageContent .MiddleColums .FormContent .RightForm ul li input:-ms-input-placeholder,
.subPageContent .MiddleColums .FormContent .LeftForm ul li textarea:-ms-input-placeholder,
.subPageContent .MiddleColums .FormContent .RightForm ul li textarea:-ms-input-placeholder{
    color:#636363;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li input[type=submit],
.subPageContent .MiddleColums .FormContent .RightForm ul li input[type=submit],
.subPageContent .MiddleColums .FormContent .LeftForm ul li input[type=button],
.subPageContent .MiddleColums .FormContent .RightForm ul li input[type=button],
.subPageContent .MiddleColums .FormContent .LeftForm ul li .fileuploadlayer button,
.subPageContent .MiddleColums .FormContent .RightForm ul li .fileuploadlayer button
{
    float: left;
    width: auto;
    height: 24px;
    border: 0px;
    cursor: pointer;
    margin: 0px;
    padding: 0px 10px;
    font: 400 12px 'Open Sans', sans-serif;
    color: #636363;
    background: #FFF;
    border: 1px solid #636363;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li .fileuploadlayer,
.subPageContent .MiddleColums .FormContent .RightForm ul li .fileuploadlayer
{
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li .fileuploadlayer input[type=file],
.subPageContent .MiddleColums .FormContent .RightForm ul li .fileuploadlayer input[type=file]
{
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li .fileuploadlayer span,
.subPageContent .MiddleColums .FormContent .RightForm ul li .fileuploadlayer span {
    float: left;
    margin: 0px;
    padding: 3px 12px;
    font: 400 12px 'Open Sans', sans-serif;
    color: #636363;
}
.subPageContent .MiddleColums .FormContent .LeftForm ul li input[type=submit]:hover,
.subPageContent .MiddleColums .FormContent .RightForm ul li input[type=submit]:hover,
.subPageContent .MiddleColums .FormContent .LeftForm ul li input[type=button]:hover,
.subPageContent .MiddleColums .FormContent .RightForm ul li input[type=button]:hover{
    background:#636363;
    color: #FFF;
}
.subPageContent .MiddleColums .FormContent ul.contact,
.subPageContent .MiddleColums .FormContent ul.MailContact,
.subPageContent .MiddleColums .FormContent .Maps{
    float: left;
    width: 100%;
    height:auto;
    padding-bottom: 30px;
}
.subPageContent .MiddleColums .FormContent ul.contact{
    width: 50%;
}
.subPageContent .MiddleColums .FormContent .Maps{
    float:right;
   width: 45%;
}
.subPageContent .MiddleColums .FormContent ul.MailContact{
    padding-top: 10px;
}
.subPageContent .MiddleColums .FormContent ul.contact li,
.subPageContent .MiddleColums .FormContent ul.MailContact li{
    float: left;
    width: 60%;
    height:auto;
    padding: 12px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subPageContent .MiddleColums .FormContent ul.contact li{
    width: 100%;
}
.subPageContent .MiddleColums .FormContent ul.MailContact li{
    width: 100%;
    padding: 5px 20px;
}
.subPageContent .MiddleColums .FormContent ul.contact li p,
.subPageContent .MiddleColums .FormContent ul.contact li a,
.subPageContent .MiddleColums .FormContent ul.contact li p div {
    float: left;
    width: auto;
    height: auto;
    font: normal 11px / 18px 'Open Sans', sans-serif;
    color: #636363;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 48px;
}
    .subPageContent .MiddleColums .FormContent ul.contact li div.address {
        font: normal 11px / 18px 'Open Sans', sans-serif;
        color: #636363;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 22px;
        background: url("../images/address.jpg") 5px center no-repeat;
        background-size: 24px;
        padding-top: 10px;
        padding-bottom: 10px;
        display: inline-block;
    }
    .subPageContent .MiddleColums .FormContent ul.contact li .phone {
        background: url("../images/phone.jpg") 5px center no-repeat;
        background-size: 24px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .subPageContent .MiddleColums .FormContent ul.contact li a.mail {
        background: url("../images/mail.jpg") 2px center no-repeat;
        background-size: 28px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
.subPageContent .MiddleColums .FormContent ul.contact li a:hover{
    text-decoration: underline;
}
.subPageContent .MiddleColums .FormContent ul.MailContact li p,
.subPageContent .MiddleColums .FormContent ul.MailContact li a{
    float: left;
    width:40%;
    height: auto;
    font:300 12px/24px 'Open Sans', sans-serif;
    color:#636363;
    padding-right: 2%;
}
.subPageContent .MiddleColums .FormContent ul.MailContact li p{
    font-weight: 400;
}
.subPageContent .MiddleColums .FormContent ul.MailContact li a:hover{
    text-decoration: underline;
}
.ContactPage h1{
    font-size: 12px;
}
.ContactPage h2 {
    font-size: 12px;
}
.ContactPage h1 {
    font-size: 12px;
}
/*----/SubPageContent----*/
.NewsListContent ul li a span.ImageOverlay {
    width: 100%;
    height: 100%;
    z-index: 300;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url("/images/photo_bt.png") no-repeat;
    background-position: 50% 50%;
    background-size: 16%;
}
.NewsListContent ul li a span.ImageOverlayPlay {
    width: 100%;
    height: 100%;
    z-index: 300;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url("/images/play_bt.png") no-repeat;
    background-position: 50% 50%;
    background-size: 16%;
}
.logolist td:first-child
{
    display: none;
}
.logolist .logoimg {
    width: auto;
    height: 25px;
}
.logolist .logoimg2 {
    width: auto;
    max-height: 35px;
}

.logolist .logoseparatorimg {
    width: 2px;
    height: 45px;
}

#cookie-notice {
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    text-align: center;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
}

.cn-position-bottom {
    bottom: 0;
}
#cookie-notice .cookie-notice-container {
    margin: 0 auto;
    padding: 15px 30px;
    text-align: center;
    width: 100%;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    #cn-notice-text {
        max-width: 850px;
    }
}

#cookie-notice, #cookie-notice * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cn-buttons-container, .cn-text-container {
    display: inline-block;
}
.cn-text-container {
    margin: 0 0 6px 0;
}

#cookie-notice .cn-button {
    margin: 0 0 0 10px;
    border: none;
}

.cn-button:hover {
    box-shadow: inset 0 0 0 99999px rgb(0 0 0 / 5%);
    text-decoration: none;
}

.cn-button {
    font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .25px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    touch-action: manipulation;
    white-space: nowrap;
    outline: 0;
    box-shadow: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.cookie_btn, .cn-text-container a {
    font-family: Gotham-Book,Gotham,sans-serif;
    font-weight: 400;
    /*font-size: 15px;*/
    line-height: 23px;
    padding: 2px 8px;
    color: #004486 !important;
    background-color: #fff;
    margin: 14px 0;
    text-decoration: none;
}

#cn-notice-text a#cn-more-info.cookie_btn, .cn-text-container a {
    color: #0f9aea !important;
    text-decoration: underline;
    background: 0 0;
    padding: 0;
    font-size: 13px;
}
