/*******************************************************/
/*******************************************************/
/**** Handcrafted by Yuce Ozkan | www.yuceozkan.com ****/
/*******************************************************/
/*******************************************************/
/*
Fonts
**********************/
@font-face {
    font-family: 'Raleway';
    src: url('../font/raleway-extralight-webfont.eot');
    src: url('../font/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/raleway-extralight-webfont.woff') format('woff'),
    url('../font/raleway-extralight-webfont.ttf') format('truetype'),
    url('../font/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../font/raleway-light-webfont.eot');
    src: url('../font/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/raleway-light-webfont.woff') format('woff'),
    url('../font/raleway-light-webfont.ttf') format('truetype'),
    url('../font/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../font/raleway-regular-webfont.eot');
    src: url('../font/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/raleway-regular-webfont.woff') format('woff'),
    url('../font/raleway-regular-webfont.ttf') format('truetype'),
    url('../font/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../font/raleway-semibold-webfont.eot');
    src: url('../font/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/raleway-semibold-webfont.woff') format('woff'),
    url('../font/raleway-semibold-webfont.ttf') format('truetype'),
    url('../font/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Raleway';
    src: url('../font/raleway-bold-webfont.eot');
    src: url('../font/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../font/raleway-bold-webfont.woff') format('woff'),
    url('../font/raleway-bold-webfont.ttf') format('truetype'),
    url('../font/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: 700;
    font-style: normal;
}

/*
Base
**********************/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

*{font:13px/18px "Raleway",Arial,sans-serif;}
body{background:#fbfafc;font:13px/18px "Raleway",Arial,sans-serif;color:#979797;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}

h1,h2,h3,h4,h5,h6{color:#fff;font-weight:700;line-height:1.2em;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}
h1{font-size:30px;margin-bottom:20px}
h2{font-size:38px;margin-bottom:10px}
h3{font-size:20px;margin-bottom:20px;}
h4{font-size:18px;margin-bottom:20px;}
h5{font-size:15px;}
h6{font-size:14px;}

p{font-size:16px;line-height:1.3em;color:#84858f;margin:0 0 20px}
p img{margin:0}
p.lead{color:#a6abb7;font-size:20px;line-height:30px;text-align:center;margin:0 0 40px;}
em{font-style:italic}
strong{font-weight:600;}
small{font-size:80%}
sup {vertical-align:super}
sub {vertical-align:sub}

blockquote,blockquote p{font-size:17px;line-height:24px;color:#777;font-style:italic}
blockquote{margin:0 0 20px;padding:9px 20px 0 19px;border-left:1px solid #ddd}
blockquote cite{display:block;font-size:12px;color:#555}
blockquote cite:before{content:"\2014 \0020"}
blockquote cite a,blockquote cite a:visited{color:#555}

hr{width:100%;height:11px;background:url("/ui/img/hr.png") center;margin:20px 0 30px 0;border:0;}

a,a:visited{text-decoration:none;outline:0}
a:focus,a:hover{}

p a,p a:visited{color:#000;line-height:inherit;text-decoration:underline;font-weight:500;}
p a:focus,p a:hover{color:#1f1d1d;}

ol,ul{margin-bottom:20px}
ul{list-style:none outside}
ol{list-style:decimal}
ol,ul.circle,ul.disc,ul.square{margin-left:30px}
ul.square{list-style:square outside}
ul.circle{list-style:circle outside}
ul.disc{list-style:disc outside}
ol ol,ol ul,ul ol,ul ul{margin:4px 0 5px 30px;font-size:90%}
ol ol li,ol ul li,ul ol li,ul ul li{margin-bottom:6px}
li{font-size:13px;line-height:1.4em;margin-bottom:12px}
li p,ul.large li{line-height:21px}

img.scale-with-grid{max-width:100%;height:auto}

input,select,a img{vertical-align:middle;}
.button,button,input[type=button],input[type=reset],input[type=submit]{}
.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{}
.button:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{}
.button.full-width,button.full-width,input[type=button].full-width,input[type=reset].full-width,input[type=submit].full-width{}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
fieldset,form{margin-bottom:20px}
input[type=email],input[type=password],input[type=text],select,textarea{}
select{padding:0}
input[type=email]:focus,input[type=password]:focus,input[type=text]:focus,textarea:focus{}
textarea{min-height:60px}
label,legend{display:block;font-weight:700;font-size:13px}
select{width:220px}
input[type=checkbox]{display:inline}
label span,legend span{font-weight:400;font-size:13px;color:#444}

*{outline:0;outline:none;-moz-outline-style:none;;ie-dummy: expression(this.hideFocus=true);}
*:focus{outline:0;outline:none;-moz-outline-style:none;;ie-dummy: expression(this.hideFocus=true);}
*:selected{outline:0;outline:none;-moz-outline-style:none;;ie-dummy: expression(this.hideFocus=true);}
:-moz-any-link:focus{outline:none;}
a:active,a:focus,a:selected{outline:0;outline:none;-moz-outline-style:none;ie-dummy: expression(this.hideFocus=true);}
textarea {resize:none;overflow:auto;}
input[type=search] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;}

.center {float:none !important;margin-left:auto !important;margin-right:auto !important;display:block !important;}
.left {float:left !important;}
.right {float:right !important;}
.remove-bottom{margin-bottom:0!important}
.half-bottom{margin-bottom:10px!important}
.add-bottom{margin-bottom:20px!important}
.add-2x-bottom{margin-bottom:40px!important}
.add-3x-bottom{margin-bottom:60px!important}
.remove-top{margin-top:0!important}
.half-top{margin-top:10px!important}
.add-top{margin-top:20px!important}
.add-2x-top {margin-top:40px!important}
.add-3x-top {margin-top:60px!important}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.text-left {text-align:left !important;}
.bold {font-weight:600 !important;}

/*
Skeleton
***********/
.container{position:relative;width:1120px;margin:0 auto;padding:0}
.container .column,.container .columns{float:left;display:inline;margin-left:5px;margin-right:5px;position:relative;}
.row{margin-bottom:30px}
.column.alpha,.columns.alpha{margin-left:0}
.column.omega,.columns.omega{margin-right:0}
.container .one.column,.container .one.columns{width:40px}
.container .two.columns{width:110px}
.container .three.columns{width:180px}
.container .four.columns{width:250px;padding-right: 20px;}
.container .five.columns{width:320px}
.container .six.columns{width:390px}
.container .seven.columns{width:460px}
.container .eight.columns{width:530px}
.container .nine.columns{width:600px}
.container .ten.columns{width:670px}
.container .eleven.columns{width:740px}
.container .twelve.columns{width:810px}
.container .thirteen.columns{width:880px}
.container .fourteen.columns{width:950px}
.container .fifteen.columns{width:1020px}
.container .sixteen.columns{width:1090px}

.container .one-two.columns{width:114px}
.container .one-third.columns{width:343px; }
.container .one-four.columns{width:545px}
.container .two-thirds.columns{width:620px}
.blk {height:251px;}

.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}
.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after,.row:after{clear:both}
.clearfix,.row{zoom:1}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

body,html{min-width:1120px;background:#e5e5ea url("../img/headerBackground.png");}

#wrapper.fixed {padding-top:135px;}

/*
Buttons
**********/


/*
Classes
*******/
.table {display:table;}
.table-cell {display:table-cell;}
.full-height {height:100%;}
.full-width {width:100%;}
.vertical-middle {vertical-align:middle;}

a#scroll-to-top {background:url("../img/scroll-to-top.png");height:50px;width:50px;display:block;position:fixed;bottom:60px;right:43%;margin-right:-480px;z-index:999;}

/*
Header
********/
header {height:130px;border-bottom:5px solid #1c75bb;background:#e5e5ea url("/ui/img/headerBackground.png") repeat-x;}
header #logo {height:130px;width:160px;float:left;}
header #logo h1 {height:130px;width:160px;margin:0;padding:0;}
header #logo h1 a {display:block;}
header #logo h1 a img {margin:0;padding:0;display:block;}
header #logo-scroll {height:40px;width:160px;float:left;display:none;}
header #logo-scroll h1 {height:40px;width:160px;margin:0;padding:0;line-height:40px;}
header #logo-scroll h1 a {display:block;line-height:40px;color:#24255f;font-size:16px;}
header #logo-scroll h1 a span {color:#24a9dc;}
header nav {float:left;width:830px;height:130px;}
header nav #social-media {height:90px;line-height:90px;text-align:center;}
header nav #social-media a {color:#302f46;padding:0 12px;font-size:19px;}
header nav ul,header nav ul li {margin:0;padding:0; margin-left: 10px;}
header nav ul li {float:left;}
header nav ul li a {display:block;font-size:12px;font-weight:700;color:#302f46;padding:0 8px;line-height:40px;}
header nav ul li:first-child a {padding-left:0;}
header nav ul li:last-child a {padding-right:0;}
   

header .searchicon {background:url('/ui/img/Searchicon.png') no-repeat; width:24px; height:24px; position: absolute;right: -10px;top: 30px;z-index: 1; cursor:pointer;}
header .searchbox {display:block; position: absolute;right: -19px;top: -4px; z-index:0}
header .searchbox input {width:184px; height:32px; border-radius: 7px; font-size:16px;color:#000;font-family:"Georgia", serif; text-indent:10px;}

/*
10.06.2014
***********/
header #dashboard {float:left;margin-left:0;width:70px;padding-top:28px;}
header #dashboard #weather {float:left;width:50px;font-size:11px;font-weight:600;color:#302f46;vertical-align: middle;}
header #dashboard #weather img {vertical-align: middle;width: 18px;display: inline;}
header #dashboard #languages {float:left;width:20px; margin-top:7px;}
header #dashboard #languages a {float:left;width:20px;font-size:10px;font-weight:700;color:#302f46;}
header #dashboard a#scroll-to-promo {background: url(/ui/img/video.png) no-repeat;float: right;display: block;width: 48px;height: 50px;text-indent: -9999px;margin-bottom: 10px;margin-top: -8px; margin-right: -136px;}

header.fixed {height:40px;position:fixed;top:0;left:0;width:100%;z-index: 999;}
header.fixed.hidden {top:-40px;}
header.fixed nav {height:40px;}
header.fixed nav #social-media {display:none;}
header.fixed #logo {display:none;}
header.fixed #logo-scroll {display:block;}
header.fixed #dashboard {display:none;}

/*
Promo
*******/
section#promo {height:650px;border-bottom:5px solid #1c75bb;background:#0a0313;position:relative;}
section#promo a#trigger-digital-cardpostal {position: fixed !important; width:161px;height:186px;position:absolute;right:0;top:160px;z-index:90;}
ul#promo-banner,ul#promo-banner li {margin:0;padding:0;height:650px;position:relative;}
ul#promo-banner li .mejs-container {margin:0 auto;}
ul#promo-banner li .mejs-overlay-button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0 !important;background: url("../img/promoPlayIcon.png") no-repeat center center !important;}
ul#promo-banner li .mejs-controls {display:none !important;}
#promo-pager {position:absolute;height:80px;width:880px;bottom:50px;left:50%;margin-left:-440px;}
#promo-pager ul,#promo-pager ul li {margin:0;padding:0;}
#promo-pager ul li {float:left;}
#promo-pager ul li a {width:110px;display:block;padding-top:48px;height:32px;margin:0 55px;position:relative;overflow:hidden;}
#promo-pager ul li a i {background:url("../img/promoPagerIcons.png") no-repeat 0 0;width:32px;height:32px;display:block;margin:0 auto 0 auto;position:relative;z-index:1;}
#promo-pager ul li a i.belgesel {background-position:0 0;}
#promo-pager ul li a i.film {background-position:-32px 0;}
#promo-pager ul li a i.muzik {background-position:-64px 0;}
#promo-pager ul li a i.seminer {background-position:-96px 0;}
#promo-pager ul li a:hover i.belgesel,#promo-pager ul li a.active i.belgesel {background-position:0 -32px;}
#promo-pager ul li a:hover i.film,#promo-pager ul li a.active i.film {background-position:-32px -32px;}
#promo-pager ul li a:hover i.muzik,#promo-pager ul li a.active i.muzik {background-position:-64px -32px;}
#promo-pager ul li a:hover i.seminer,#promo-pager ul li a.active i.seminer {background-position:-96px -32px;}
#promo-pager ul li a span {position:absolute;top:80px;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);left:1px;display:block;width:108px;height:40px;background:url("../img/promoPagerTooltip.png") no-repeat 0 0;color:#fff;text-align:center;font-size:14px;line-height:33px;z-index:0;}
#promo-pager ul li a:hover span {top:0;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}

section#ad {background:#1c75bb; height:222px; padding-top: 17px;}
section#ad .ad-1 a.adfirst {margin-right:20px;}
section#ad .ad-1  {margin: 0px auto;width: 1120px;}



section#interaktifHarita {background:#302f46;border-bottom:5px solid #1c75bb;}
section#interaktifHarita p.intro {font-size:28px;color:#fff;font-weight:100;}
section#interaktifHarita ul.tab-links {height:50px;}
section#interaktifHarita ul.tab-links li {display:inline-block !important;float:none !important;margin:0 100px !important;}
section#interaktifHarita ul.tab-links li a {display:block;height:50px;background:#454459;border-radius:5px;font-size:36px;color:#fff;font-weight:700;line-height:50px;}
section#interaktifHarita ul.tab-links li a:hover {background:#c33e45;}
section#interaktifHarita ul.tab-links li.active a {background:#c33e45;}
section#interaktifHarita .tabs-container {position:relative;height:550px;}
section#interaktifHarita .tabs-container .tab {position:absolute;top:0;left:0;visibility:hidden;}
section#interaktifHarita .tabs-container .tab.active {visibility:visible; z-index:1;}
section#interaktifHarita .map {width:100%;height:550px;}

.markerControl {position:absolute;top:150px;right:50%;margin-right:-470px;z-index:998;display:none;}
.markerControl.active {display:block;}
.markerControl {background:#302f46;width:138px;padding:8px 15px 18px 15px;border:1px solid #fff;border-radius:5px;-webkit-box-shadow: 10px 14px 0px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:10px 14px 0px 0 rgba(0, 0, 0, 0.2);box-shadow:10px 14px 0px 0 rgba(0, 0, 0, 0.2);}
.markerControl .mapYear {text-align:center;line-height:108px;color:#fff;font-size:60px;font-weight:700;}
.markerControl a {display:block;font-size:12px;color:#fff;font-weight:700;height:18px;line-height:18px;background:url("../img/markerControlButton.png") no-repeat 0 0;}
.markerControl a {display:block;font-size:12px;color:#fff;font-weight:700;height:19px;line-height:14px;background:url("../img/markerControlButton.png") no-repeat 0 -19px;margin-bottom:12px;padding-left:29px;}
.markerControl a.active {background-position: 0 0;}

.infowindow {width:124px;height:120px;background:#454459;border-radius:5px 5px 0px 0px;overflow:hidden;border:1px solid #fff;-webkit-box-shadow: 10px 14px 0px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:10px 14px 0px 0 rgba(0, 0, 0, 0.2);box-shadow:10px 14px 0px 0 rgba(0, 0, 0, 0.2);cursor:pointer;}
.infowindow .savasTarihi {padding:0 5px;line-height:14px;padding-top:4px;font-size:12px;color:#fff;font-weight:500; min-height:35px; }
/*.infowindow .savasIsmi {padding:0 10px 4px 5px;line-height:16px;font-size:12px;color:#fff;height:34px; max-height:34px;}*/
.infowindow .savasGorseli img {padding:0;margin:0;display:block; min-height:80px; width:100%;}
.infoWindow_more {width:20px;height:15px;position:absolute;bottom:2px;right:50px;background:#454459;border-radius:5px 5px 0 0; padding:3px 0 1px 5px; cursor:pointer}
.spottext {display:none; width:116px; height:74px; background:#454459; position:absolute; border-radius:0 0 5px 5px; top:120px; right:0px; border-bottom:1px solid #fff; border-right:1px solid #fff;
           border-left:1px solid #fff; line-height:16px; color:#fff; font-size:11px; font-weight:400;  padding:4px 4px 4px 4px;}
.infoWindow_more img.dm {display:none;}
.spottext a {line-height:16px; color:#fff; font-size:11px; font-weight:400; }
.spottext img {position:absolute; right:5px; top: 68px; }

section#kronoloji {background:url(/ui/img/kronoloji_bg.jpg); height: 775px; border-bottom: 5px solid #1c75bb;}
section#kronoloji .contanier {position: relative;width: 1120px;margin: 0 auto;padding: 0;}
section#kronoloji .contanier .xb {font-size: 28px;color: #fff;font-weight: 100; padding-top: 84px;}
section#kronoloji .tab-links {margin: 0;padding: 0;height: 40px;margin-bottom: 40px;}
section#kronoloji .tab-links li {margin-bottom: 0;text-align: center; width: 343px; float: left;}
section#kronoloji .tab-links li.active a {display: block;font-size: 24px;color: #fff;font-weight: 100;border: 1px solid #92909b;line-height: 38px;border-radius: 5px;}
section#kronoloji .tab-links li a {display: block;font-size: 15px;color: #fff;line-height: 40px;}
section#kronoloji .tab-links li a .fa-camera:before {content:none;}
section#kronoloji .date-wars {height:305px; position:relative;}
section#kronoloji .date-wars .wars-prew  {float:left; position:absolute; top:0px; left:0px;  width: 337px; }
section#kronoloji .date-wars .wars-prew h3 { font-weight:500; margin-bottom:15px; width: 390px;}
section#kronoloji .date-wars .wars-prew span.date-events {position: absolute;top: 406px;left: -37px; font-size: 20px; color: #fff; font-weight: 700;}
section#kronoloji .date-wars .wars-prew {   }
section#kronoloji .date-wars .wars-prew img {float:left; }
section#kronoloji .date-wars .wars-prew .kron-ok {position:absolute; right:0px; top:50px; cursor:pointer;}
section#kronoloji .date-wars .wars-prew .kron-ok img {border:none;}
section#kronoloji .date-wars .wars-prew .wars-detail {position: absolute;right: 0; top: 39px; display:none; width: 318px;height: 213px;background: #fff;float: right; padding: 25px 21px 10px 22px;}
section#kronoloji .date-wars .wars-prew .wars-detail .close {position: absolute;right: 5px;top: 12px;cursor: pointer;}
section#kronoloji .date-wars .wars-prew p {color: #c33e45;font-size: 13px;font-weight: 500; line-height:17px;}
section#kronoloji .date-wars .wars-prew a {float:left; padding-right:6px;}
section#kronoloji .date-wars .wars-prew .smicons {position: absolute; top:244px;}
section#kronoloji .date-wars-two {position:relative;}
section#kronoloji .date-wars-two #slider {width:1044px; overflow:hidden; height:33px;}
section#kronoloji .date-wars-two #slider ul  {height:22px; z-index:1; width:1044px; overflow:hidden; height:33px;}
section#kronoloji .date-wars-two #slider ul li  {float:left; width:58px;}
section#kronoloji .date-wars-two #slider ul li a { position:relative; }
section#kronoloji .date-wars-two #slidertwo {width:1044px; overflow:hidden; height:33px;}
section#kronoloji .date-wars-two #slidertwo ul  {height:22px; z-index:1; width:1044px; overflow:hidden; height:33px;}
section#kronoloji .date-wars-two #slidertwo ul li  {float:left; width:58px;}
section#kronoloji .date-wars-two #slidertwo ul li a { position:relative; }
section#kronoloji .date-wars-two #sliderthree {width:1044px; overflow:hidden; height:33px;}
section#kronoloji .date-wars-two #sliderthree ul  {height:22px; z-index:1; width:1044px; overflow:hidden; height:33px;}
section#kronoloji .date-wars-two #sliderthree ul li  {float:left; width:58px;}
section#kronoloji .date-wars-two #sliderthree ul li a { position:relative; }
section#kronoloji .date-wars-two .prew-arrow{position:absolute; left:-27px; top:4px; cursor:pointer;}
section#kronoloji .date-wars-two .next-arrow{position:absolute; right:50px; top:5px; cursor:pointer;}
section#kronoloji .date-wars-two .timeline {background:url(/ui/img/golge.png) no-repeat; width:100%; height:50px;  z-index:0; background-position: -75px -16px;  }
section#kronoloji .date-wars-two .vertical-bar {background:url(/ui/img/verical_bar.png) center no-repeat; width:58px; height:112px; position: absolute; top:-17px; left:0px; z-index: 2; }
section#kronoloji .date-wars-two .vertical-bar span {background: url(/ui/img/renks.png);position: absolute;top: 17px;left: 0px;width: 58px;height: 33px;padding: 0px;border: none;}
section#kronoloji .date-wars-two .vertical-bar h3 {position: absolute;z-index: 5;top: 120px;width: 290px;}
section#kronoloji .date-wars .wars-prew .opre { width:337px; overflow:hidden; border: solid #fff 3px;height: 242px;}


section#canakkaleSavaslari {background:#302f46;border-bottom:5px solid #1c75bb;padding-bottom:120px;}
section#canakkaleSavaslari p.intro {font-size:28px;color:#fff;font-weight:100;}

section#yuzyilEtkinlikleri {background:url("../img/patternBg.jpg");padding:120px 0;border-bottom:5px solid #1c75bb;}
section#yuzyilEtkinlikleri h3 {height:70px;font-size:32px;font-weight:100;color:#000;margin-bottom:40px;position:relative;}
section#yuzyilEtkinlikleri h3 span {font-size:14px;font-weight:600;color:#d60017;font-style:italic;position:absolute;width: 100%;top: 60px;left: 31px;text-align: left;}
section#yuzyilEtkinlikleri h3.one-line {height:35px;padding-top:35px;}
section#yuzyilEtkinlikleri a.more {float:right;font-size:13px;color:#000;font-weight:700;margin-top:20px;}
section#yuzyilEtkinlikleri .proje-basvurusu {background:#fff;padding:35px 20px 15px 80px;text-align:left;position:relative; min-height: 222px;}
section#yuzyilEtkinlikleri .proje-basvurusu h4 {font-size:22px;color:#000;font-weight:100;}
section#yuzyilEtkinlikleri .proje-basvurusu p {font-size:12px;color:#000;font-weight:400;line-height:18px;}
section#yuzyilEtkinlikleri .proje-basvurusu p strong {font-size:14px;color:#000;font-weight:700;line-height:22px;}
section#yuzyilEtkinlikleri .proje-basvurusu a.bilgi-alin {width:46px;height:114px;position:absolute;top:-1px;left:17px;}
section#yuzyilEtkinlikleri a.basvuru-yap {height:45px;background:#1c75bb;font-size:27px;font-weight:100;text-align:center;display:block;line-height:45px;color:#fff;}
section#yuzyilEtkinlikleri a.basvuru-yap:hover {background:#00adee;}

section#canakkaleyiKesfet {background:#302f46 url("../img/360bg.png") no-repeat top left;border-bottom:5px solid #1c75bb;padding-bottom:120px;}
section#canakkaleyiKesfet p.intro {font-size:28px;color:#fff;font-weight:100;}

section#multimedya {background:url("../img/patternBg.jpg");padding:40px 0;border-bottom:5px solid #1c75bb;}
section#multimedya .tab-container {position:relative;height:670px;}
section#multimedya .tab {position:absolute;top:0;left:0;height:670px;visibility:hidden;text-align:center;}
section#multimedya .tab.active {visibility:visible;}
section#multimedya .tab-links {margin:0;padding:0;height:40px;margin-bottom:20px;}
section#multimedya .tab-links li {margin-bottom:0;text-align:center;}
section#multimedya .tab-links li a {display:block;font-size:15px;color:#000;line-height:40px;}
section#multimedya .tab-links li.active a {display:block;font-size:24px;color:#000;font-weight:100;border:1px solid #92909b;line-height:38px;border-radius:5px;}
section#multimedya .tab p {font-size:14px;color:#000;}
section#multimedya .tab ul.slider {margin:0;padding:0;height:530px;}
section#multimedya .tab ul.slider li {margin-bottom:0;height:530px;}
section#multimedya .tab ul.slider li .item {margin-bottom:20px;}
section#multimedya .tab ul.slider li .item img {max-width:100%;display:block;margin:0;padding:0;position:relative;z-index:0;}
section#multimedya .tab ul.slider li .item .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:url("../img/multimediaOverlay.png");z-index:1;}
section#multimedya .tab ul.slider li .item  a:hover .overlay {opacity:0;}
.ie8 section#multimedya .tab ul.slider li .item  a:hover .overlay {display:none;}
section#multimedya .tab ul.slider li .item .overlay-hover {position:absolute;left:0;top:0;width:100%;height:100%;background:url("../img/overlayHover.png") no-repeat center;z-index:1;opacity:0;}
section#multimedya .tab ul.slider li .item  a:hover .overlay-hover {opacity:1;}
.ie8 section#multimedya .tab ul.slider li .item .overlay-hover {display:none;}
.ie8 section#multimedya .tab ul.slider li .item  a:hover .overlay-hover {display:block;}
section#multimedya .tab ul.slider li .item  a:hover img {-webkit-box-shadow:0px 3px 29px 0px rgba(0, 0, 0, 0.56);-moz-box-shadow:0px 3px 29px 0px rgba(0, 0, 0, 0.56);box-shadow:0px 3px 29px 0px rgba(0, 0, 0, 0.56);}

section#multimedya .tab .bx-controls-direction {text-align:center;height:51px;margin:0;padding:0;position:relative;margin-top:30px;}
section#multimedya .tab .bx-controls-direction a {display:inline-block;width:25px;height:51px;background:url("../img/multimediaControls.png") no-repeat 0 0;margin:0 36px;text-indent:-9999px;}
section#multimedya .tab .bx-controls-direction a.bx-prev {background-position:0 0;}
section#multimedya .tab .bx-controls-direction a.bx-next {background-position:-25px 0;}

ul.grid-system, ul.grid-system li {margin:0;padding:0;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;}
ul.grid-system li {}
ul.grid-system li .item {margin:1px 1px 0 1px;color:#fff;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;}
ul.grid-system li .item.horizontal {height:170px;}
ul.grid-system li .item.vertical {height:340px;}
ul.grid-system li .item.col {float:left;width:271px;margin-right:0;}
ul.grid-system li .item.no-right-margin {margin-right:0;}
ul.grid-system li .item .image {position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;background-position:0 0;background-repeat:no-repeat;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;}
ul.grid-system li .item:hover .image {-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);-ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0);-moz-transform: matrix(1.1, 0, 0, 1.1, 0, 0);transform: matrix(1.1, 0, 0, 1.1, 0, 0);}
ul.grid-system li .item .text {position:absolute;z-index:1;background:#000;}
ul.grid-system.red li .item .text {background:#d60017;}
ul.grid-system li .item .text .tab {position: absolute;z-index: 1;background: #000;width: 20px;height: 15px;left: -9px;top: 40px;-moz-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);-webkit-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);-o-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);-ms-transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);transform:  matrix(0.70710678, 0.70710678, -0.70710678, 0.70710678, 0, 0);}
.ie8 ul.grid-system li .item .text .tab {filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand');}
ul.grid-system.red li .item .text .tab {background:#d60017;}
ul.grid-system li .item:hover .text {background:#00adee;}
ul.grid-system li .item:hover .text .tab {background:#00adee;}
ul.grid-system li .item.horizontal .text {width:60%;height:100%;top:0;right:0;}
ul.grid-system li .item.horizontal:hover .text {width:70%;}
ul.grid-system li .item.vertical .text {width:100%;height:60%;bottom:0;left:0;}
ul.grid-system li .item.vertical .text .tab {right: 30px;left: auto;top: -6px;}
ul.grid-system li .item.vertical:hover .text {height:70%;}
ul.grid-system li .item .text .text-content {position:relative;padding:15px;text-align:left;}
ul.grid-system li .item .text .text-content h3 {font-size:18px;font-weight:700;color:#fff;margin-bottom:5px;}
ul.grid-system li .item .text .text-content p {font-size:12px;color:#fff;line-height: 16px;}

ul.square-system {margin:0;padding:0;}
ul.square-system li {margin:0;padding:0;text-align:left;position:relative;}
ul.square-system li {display:block;margin-bottom:1px;float:left;}
ul.square-system li.small {width:42%;}
ul.square-system li.medium {width:58%;}
ul.square-system li.medium h4.uno{min-height: 51px; max-height:33px;}
ul.square-system li.medium h4.zero{max-height:53px;}
ul.square-system li.large {width:100%;}
ul.square-system li.large h4.due {min-height: 30px; max-height:35px; height:60px; margin-bottom:5px;}
ul.square-system li.full {width:100%;}
ul.square-system li .item {margin-right:1px;background:#1c75bb;overflow:hidden;position:relative;}
ul.square-system li .item.no-margin {margin-right:0;}
ul.square-system li:hover .item {background:#00adee;}
ul.square-system li .item img {max-width:100%;width:100%;display:block;margin:0;padding:0;min-height: 90px; max-height:114px;}
ul.square-system li .item h4 {font-size:14px;font-weight:100;line-height:18px;color:#fff;margin:5px 5px 10px 5px; height: 54px;overflow: hidden;}
ul.square-system li .item .date {font-size:11px;line-height:23px;color:#fff;height:23px;position:absolute;top:0;left:0;background:#302f46;padding:0 5px;z-index:1;}

.cardpostal {width:714px;height:496px; background-repeat: no-repeat; margin: 0;
    padding: 0;}
section#multimedya .cardpostal {display:none;}
.cardpostal .image {margin-left:47px;margin-top:55px;width:283px;height:203px;position:relative;float:left;}
.cardpostal .image img {max-width:100%;display:block;margin:0;padding:0;position:relative;z-index:0;}
.cardpostal .image span.corner {display:block;position:absolute;z-index:1;}
.cardpostal .image span.corner.right-top {background:url("../img/cardpostalRT.png") no-repeat 0 0;width:32px;height:30px;right:-5px;top:-3px;}
.cardpostal .image span.corner.right-bottom {background:url("../img/cardpostalRB.png") no-repeat 0 0;width:32px;height:30px;right:-5px;bottom:-5px;}
.cardpostal .image span.corner.left-top {background:url("../img/cardpostalLT.png") no-repeat 0 0;width:32px;height:30px;left:-4px;top:-4px;}
.cardpostal .image span.corner.left-bottom {background:url("../img/cardpostalLB.png") no-repeat 0 0;width:32px;height:30px;left:-4px;bottom:-6px;}
.cardpostal .vertical-line {float:left;margin-left:22px;margin-top:40px;margin-right:37px;background:url("../img/cardpostalVLine.png") no-repeat 0 0;width:3px;height:414px;}
.cardpostal form {float:left;width:278px;margin:0;padding:0;margin-top:55px;}
.cardpostal form fieldset {margin-bottom:0px;}
.cardpostal form fieldset label {margin:0;height:30px;line-height:30px;font-family:"Georgia", serif;font-size:14px;color:#73410f;}
.cardpostal form fieldset input.text {margin:0;padding:5px 10px;border:0;width:258px;height:32px;line-height:32px;background:url("/ui/img/cardpostalInputText.png") no-repeat 0 0;font-size:18px;color:#000;font-family:"Georgia", serif;}
.cardpostal form fieldset .textarea {margin:0;padding:10px;border:0;width:258px;height:112px;line-height:25px;background:url("/ui/img/cardpostalTextarea.png") no-repeat 0 0;font-size:18px;color:#000;font-family:"Georgia", serif;}
.cardpostal form input.submit {margin:0;padding:0;border:0;width:97px;height:33px;line-height:33px;background:url("../img/cardpostalInputSubmit.png") no-repeat 0 0;font-size:18px;color:#000;font-family:"Georgia", serif;font-weight:bold;text-align:center;float:right;cursor:pointer;}
.cardpostal .return-screen {display:none;}
.cardpostal .return-screen p {font-size:30px;color:#000;font-family:"Georgia", serif;}


/*
Subpage
********/
#content-header {height:90px;background:#45445e;border-bottom:5px solid #2b2a40;}
#content-header h2 {height:90px;line-height:90px;margin:0;color:#fff;font-size:32px;font-weight:100;}
#content-header #breadcrumbs {height:90px;line-height:90px;color:#fff;font-size:11px;}
#content-header #breadcrumbs a {color:#fff;font-size:11px;}

#content {background:#f0e7e1;padding-top:45px;padding-bottom:90px;}
#content nav .main-title {background:#2b2a40;padding:0 10px;line-height:60px;font-size:17px;color:#fff;font-weight:600;}
#content nav .main-title.active {background:#45445e;}
#content nav .main-title.no-sub {border-bottom:1px solid #69688e;}
#content nav ul {margin:0;padding:0;}
#content nav ul li {margin:0;padding:0;display:block; border-bottom:1px solid #69688e; }
#content nav ul li a { background:#2b2a40;  display:block;line-height:22px;font-size:17px;color:#fff;font-weight:600;padding:0 10px;border-top:1px solid #69688e; height: 33px;padding-top: 21px;padding-bottom: 14px;}
#content nav ul li.active > a {background:#45445e; color:#000;}
#content nav ul li.no-border > a {border-top:0;}
#content nav ul li > a:hover {background:#45445e; color:#fff}
#content nav ul ul {border-bottom:0;display:none;}
#content nav ul li.active ul {display:block;}
#content nav ul li li a {line-height:19px;font-size:14px;font-weight:400;background:none transparent;padding:15px 10px 15px 20px; color:#000}
#content nav ul li li.active a {background:#45445e;}
#content nav ul li li a:hover {background:#45445e;}

#content-detail h3 {line-height: 42px;padding: 18px 0;margin:0;color:#000;font-size:32px;font-weight:100;}
#content-detail .promo-image img {max-width:100%;display:block;margin:0;padding:0;}
#content-detail .promo-video .mejs-overlay {height: 100% !important;}
#content-detail .promo-video .mejs-overlay.mejs-overlay-play {background:rgba(0,0,0,0.75);}
#content-detail h4 {line-height:23px;margin-bottom:30px;padding-top:10px;color:#fff;font-size:15px;font-weight:600;}
#content-detail strong {line-height:23px;margin-bottom:30px;padding-top:10px;color:#000;font-size:15px;font-weight:600;}
#content-detail p {line-height:23px;margin-bottom:20px;color:#000;font-size:15px;font-weight:300;}
#content-detail .list-item .image img {max-width:100%;margin:0;padding:0;display:block;}
#content-detail #pager {text-align:right;}
#content-detail #pager a {display:inline-block;width:27px;height:27px;text-align:center;line-height:27px;color:#fff;background:#1c75bb;font-size:18px; margin-right: 2px; margin-left: 2px;}
#content-detail #pager span {display:inline-block;width:27px;height:27px;text-align:center;line-height:27px;color:#fff;background:#00adee;font-size:18px;}
#content-detail #pager a.active,#content-detail #pager a:hover {background:#00adee;}
#content-detail form {width:560px;}
#content-detail form fieldset {margin-bottom:40px;}
#content-detail form fieldset label {position:relative;font-size:18px;font-weight:300;color:#000;line-height:35px;}
#content-detail form fieldset label span {position:absolute;height:35px;top:0;right:0;font-size:18px;font-weight:300;color:#fff;line-height:35px;display:block;}
#content-detail form fieldset label span em {font-style:normal;}
#content-detail form fieldset input.text {margin:0;padding:10px;height:22px;line-height:22px;width:537px;background:#9897a3;border:0;border-top:4px solid #797882;border-left:3px solid #797882;font-size:18px;font-weight:600;color:#fff;-webkit-box-shadow: 4px 5px 0px 0px rgba(37, 36, 39, 1);-moz-box-shadow:4px 5px 0px 0px rgba(37, 36, 39, 1);box-shadow:4px 5px 0px 0px rgba(37, 36, 39, 1);}
#content-detail form fieldset textarea.textarea {margin:0;padding:10px;height:292px;line-height:22px;width:537px;background:#9897a3;border:0;border-top:4px solid #797882;border-left:3px solid #797882;font-size:18px;font-weight:600;color:#fff;-webkit-box-shadow: 4px 5px 0px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow:4px 5px 0px 0px rgba(0, 0, 0, 0.75);box-shadow:4px 5px 0px 0px rgba(0, 0, 0, 0.75);}
#content-detail form input.submit {margin:0;padding:0;border:0;float:right;width:133px;height:47px;line-height:47px;text-align:center;color:#fff;font-size:18px;font-weight:100;background:#1c75bb;cursor:pointer;}
#content-detail form input.submit:hover {background:#00adee;}
#content-detail form fieldset .masked-select {}

#content-detail form fieldset .masked-select {float:left;height:26px;padding:10px;position:relative;background:#9897a3 url("../img/selectPick.png") no-repeat right center;-webkit-box-shadow: 4px 5px 0px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow:4px 5px 0px 0px rgba(0, 0, 0, 0.75);box-shadow:4px 5px 0px 0px rgba(0, 0, 0, 0.75);width:240px;}
#content-detail form fieldset .masked-select .masked-select-text {line-height:26px;color:#fff;font-size:18px;display:block;text-decoration:none;font-weight:600;}
#content-detail form fieldset .masked-select .hidden-select {position:absolute;top:0;width:100%;height:100%;left:0;}
#content-detail form fieldset .masked-select select {width:100%;height:46px;}

/*#content .list-item {width:830px; float:right;}
#content .list-item p {line-height: 23px;margin-bottom: 20px;color: #fff;font-size: 15px;font-weight: 300;}*/

/*
Footer
******/
footer {padding-top:60px;/*background:#e5e5ea url("../img/headerBackground.png");*/}
footer #sitemap {margin-bottom:50px;}
footer #sitemap dt {margin-bottom:20px;}
footer #sitemap dt a {display:block;font-size:12px;color:#302f46;font-weight:700;}
footer #sitemap dd a {display:block;font-size:12px;color:#302f46;font-weight:400;line-height:24px;}
footer .sponsors {font-size:14px;color:#302f46;font-weight:300;text-align:center;}
footer .sponsors.s-left {padding-right:80px;}
footer .sponsors.s-right {padding-left:80px;}
footer #imza {margin:110px auto 80px 491px;width:50px;text-align:center;}
footer #imza a {font-size: 14px;color: #302f46;font-weight: 300;}
footer #imza img {margin-left:17px;}



/*
Fancybox
*********/
.fancybox-overlay {background: url('../img/fancyOverlay.png');}
#fancyBoxTitle {height:80px;line-height:80px;color:#fff;font-weight:300;font-size:30px;text-align:center;}
.fancybox-nav {position: absolute;width: 25px;height: 51px;top: auto;-webkit-tap-highlight-color: rgba(0,0,0,0);display:block;margin-top: 40px;}
.fancybox-prev {right: 50%;margin-right: 10px;left: auto;}
.fancybox-next {left: 50%;margin-left: 10px;right: auto;}
.fancybox-nav span {position: relative;top: auto;width: 25px;height: 51px;visibility: visible;display: block;}
.fancybox-prev span {left: auto;background:url("../img/fancyControls.png") no-repeat 0 0;}
.fancybox-next span {right: auto;background:url("../img/fancyControls.png") no-repeat -25px 0;}
.fancybox-close {position: fixed;bottom:auto;top: 10px;right: 10px;width: 50px;height: 50px;background:url("../img/fancyClose.png") no-repeat center;}

/*
Mediaelement
*************/
.mejs-overlay-button {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0 !important;background: url("../img/promoPlayIcon.png") no-repeat center center !important;}


/*
Transitions
***********/
.transition {-webkit-transition: all .40s ease-out;-moz-transition: all .40s ease-out;-ms-transition: all .40s ease-out;-o-transition: all .40s ease-out;transition: all .40s ease-out;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.transition-scale {-webkit-transition: all .80s ease-in-out;-moz-transition: all .80s ease-in-out;-ms-transition: all .80s ease-in-out;-o-transition: all .80s ease-in-out;transition: all .80s ease-in-out;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.not-visible {opacity:0 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;filter: alpha(opacity=0) !important;-webkit-transform: matrix(0.6, 0, 0, 0.6, 0, 0);-ms-transform: matrix(0.6, 0, 0, 0.6, 0, 0);-moz-transform: matrix(0.6, 0, 0, 0.6, 0, 0);transform: matrix(0.6, 0, 0, 0.6, 0, 0);}
.visible {opacity:1.0 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;filter: alpha(opacity=100) !important; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);-ms-transform: matrix(1, 0, 0, 1, 0, 0);-moz-transform: matrix(1, 0, 0, 1, 0, 0);transform: matrix(1, 0, 0, 1, 0, 0);}

/*
site haritası
***********/

.siteMap a {background: url(/ui/img/searchokblue.png) left center no-repeat;display: block;padding: 2px 3px 6px 25px;color: #000;line-height: 20px;background-position: 6px 0;}
.siteMap {margin: 10px 0px 15px 30px;}


/*
12.06.2014
************/

section#promo {overflow:hidden;}
#valinin-mesaji {position:absolute;top:-47px;height:60px;padding:0 0 5px 0;background:#1c75bb;width:100%;left:0;z-index:90;}
#valinin-mesaji.open {top:0;}
#valinin-mesaji a {color:#fff;font-size:12px;}
#valinin-mesaji a.continue {line-height:47px;}
#valinin-mesaji a.valinin-mesaji-trigger {width:125px;padding-left:3px; height:25px;background:#1c75bb;border-radius:0 0 10px 10px;line-height:25px;text-align:center;display:block;position:absolute;bottom:-25px;right:50%;margin-right:-55px;z-index:90;}
#valinin-mesaji a.valinin-mesaji-trigger i.down {display:inline;}
#valinin-mesaji a.valinin-mesaji-trigger i.up {display:none;}
#valinin-mesaji a.valinin-mesaji-trigger.open i.down {display:none;}
#valinin-mesaji a.valinin-mesaji-trigger.open i.up {display:inline;}
#valinin-mesaji .satir {font-size:12px;color:#fff;line-height:24px;}
#valinin-mesaji .satir.strong {font-size:11px;font-weight:700;}
#valinin-mesaji .fixed {font-size:16px;color:#fff;font-weight:300;line-height:25px;position:absolute;top:0;left:180px;width:820px;text-align:center;}
header {z-index:999;}
header #dashboard {float:right;width:100px;}
header #dashboard #weather {width:70px;margin-left:10px;margin-top:1px;}
header #dashboard #weather img {width: 28px;}


.contentsocial {margin-bottom:50px; margin-top: 40px; margin-left: 2px;}
.contentgplas {float: left;}


.habersocial {width: 390px; position: relative;float: right; }
.habersocial .hgplas {margin-right: -19px; float: left;}
.habersocial .hgplas iframe {float:left; width:70px;}
.habersocial .fb-like iframe {margin:-35px 80px;}
.fb_iframe_widget iframe {margin-left:-20px;}



#topcontrol {right:40px!important; background:url("../img/scroll-to-top.png") no-repeat; width: 80px; height: 80px; z-index:999}
#topcontrol img {display:none;}

.multititle {position: absolute;z-index: 9999;top: 30px;text-align: center; left: 10px;right: 10px; color:#fff; font-size: 16px;}
.fa {padding-right: 10px;}