@import url('../../../_lib/css/fontawesome.css');
@import url('../../../_lib/css/datatable.css');
@import url('../../../_lib/css/jquery.fancybox.css');
@import url('../../../_lib/css/jquery-ui.css');

/* fonts */
@font-face { font-family: 'PFDinComp Light'; src: url('fonts/pfdintextcomppro-light-webfont.woff') format('woff'); }
@font-face { font-family: 'PFDinComp Regular'; src: url('fonts/pfdintextcomppro-regular-webfont.woff') format('woff'); }
@font-face { font-family: 'PFDinComp Medium'; src: url('fonts/pfdintextcomppro-medium-webfont.woff') format('woff'); }
@font-face { font-family: 'PFDinSquare Medium'; src: url('fonts/pfsquaresanspro-medium-webfont.woff') format('woff'); }
@font-face { font-family: 'PFDinDisp Bold'; src: url('fonts/pfdindisplaypro-bold-webfont.woff') format('woff'); }
@font-face { font-family: 'ptsans narrow'; src: url('fonts/ptsans narrow.woff') format('woff'); }
@font-face { font-family: 'BebasNeue-webfont'; src: url('fonts/BebasNeue-webfont.woff') format('woff'); }

/* common */
body { margin: 0; font-family: 'ptsans narrow'; }
header, nav, article, section, footer, figure, aside { display: block; }
.clearfix { clear: both; }

article { background: #fff; }

#top { position: relative; margin: 0; border-bottom: 7px solid #00aeef; line-height: 0; }
#line { position: absolute; bottom: 0; z-index: 10; width: 100%; }
#bar { background: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; }
footer { background: #242424; padding: 20px 0 0 0; color: #7d7d7d; clear: both; }

#imza { border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: center; padding: 10px 0; }
#side { background: #f3f3f3; padding: 20px; }
#side h2 { font-family: 'BebasNeue-webfont'; font-size: 1.6em; color: #4c4c4c; font-weight: normal; border-bottom: 2px solid #eaeaea; margin: 10px 0; padding: 0 0 10px 0; }

.subleft { float: left; width: 40%; }
.subcenter { float: left; width: 35%; }
.subright { float: right; width: 25%; }
.subright img { margin: 0 2px 2px 0; }
.subcentered { margin: 0 10%; }
.h20 { height: 20px; }
.sub3 { background: #2e2e2e; padding: 15px; }

.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; }
.bx-wrapper img { max-width: 100%; display: block; margin: 0; }
.bx-wrapper .bx-viewport { background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-prev { left: 10px; background: url(img/controls.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next { right: 10px; background: url(img/controls.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(img/controls.png) -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(img/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 10px; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }

#scq { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #e6e6e6; padding: 7px; }

.side_object { margin: 0 0 10px 0; }
.sidelist_img { float: left; width: 30%; padding: 1px; background: #fff; border: 1px solid #e5e5e5; line-height: 0; }
.sidelist_txt { float: right; width: 65%; }
.sidelist_txt a { text-decoration: none; color: #4c4c4c; }
.sidelist_txt h3 { margin: 0 0 5px 0; }

#mainslide { background: #202021; padding: 10px; margin: 0 0 20px 0; }
#mainslide .news_main { float: left; width: 84%; line-height: 0; position: relative; }
#mainslide .news_main img { border: 2px solid #333; }
#mainslide .news_main .news_text { position: absolute; background: #000; opacity: .8; color: #fff; z-index: 500; margin: 2px; width: 100%; bottom: 0; font-size: 1.2em; line-height: 1.2em; }
#mainslide .news_main .news_text a { text-decoration: none; color: #ffc000; }
#mainslide .news_main .news_text a:hover { text-decoration: underline; }
#mainslide .news_main .news_text .title { font-weight: bold; font-size: 1.4em; line-height: 1.4em; }
#mainslide .news_main .news_text .margin { padding: 15px; }
#mainslide .news_list { float: right; width: 15%; }
#mainslide .news_list img { border: 2px solid #333; cursor: pointer; }
#mainslide .news_list img.selected { border: 2px solid #666; }

.hp { font-family: 'BebasNeue-webfont'; font-size: 24px; border-bottom: 3px solid #00aeef; font-weight: normal; margin: 0 0 10px 0; }
.hp .link { float: right; font-family: 'PFDinComp Light'; width: auto; background: #00aeef; color: #fff; display: block; font-size: .7em; text-decoration: none; padding: 3px 10px 0 10px; }

.qlink { display: block; padding: 5px 0 5px 24px; background: url(img/side_arrow1.png) left no-repeat; border-bottom: 1px solid #e6e6e6; color: #666; text-decoration: none; }
.qlink:hover { background: url(img/side_arrow2.png) left no-repeat; color: #00aeef; }

.gls_list { float: left; width: 22%; margin: 0 1% 1% 0; height: 200px; }
.gls_list a.img_link { display: block; height: 200px; }
.gls_name { position: absolute; width: 100%; background: #00aeef; text-align: center; opacity: .9; bottom: 10px; line-height: 1em; padding: 3px 0; font-weight: bold; }
.gls_name a { color: #fff; text-decoration: none; }
.gls_pics { margin: 0 10px 10px 0; border: 1px solid #fff; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75); box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75);  }

/* responsive */ 

@media screen and (min-width: 1200px) { 
body { font-size: 14px; line-height: 22px; }
.centered { margin: 0 auto; width: 1200px; }

#logo { float: left; width: 270px; padding: 10px; }

#nav { float: left; width: auto; margin: 0; }
section { float: left; width: 850px; padding: 15px 0; margin: 0 0 0 10px; }
aside { float: right; width: 300px; padding: 5px 0 5px 15px; }

#primary_nav_wrap { padding: 40px 0 0 0; }
#primary_nav_wrap ul{ list-style:none; position:relative; float:left; margin:0; padding: 0; font-size: 1.2em; }
#primary_nav_wrap ul a { display:block; color:#383838; text-decoration:none; }
#primary_nav_wrap ul a:hover { color: #00aeef; }
#primary_nav_wrap ul li { position:relative; float:left; margin:0 15px 0 0; padding: 0 10px 12px 10px; color:#383838; cursor: pointer; }
#primary_nav_wrap ul li.hassub { cursor: pointer; padding: 0 20px 15px 10px; background: url(img/smenu1.png) right no-repeat; }
#primary_nav_wrap ul li.hassub:hover { background: url(img/smenu2.png) right no-repeat; }
#primary_nav_wrap ul li.current-menu-item { background:#f00 }
#primary_nav_wrap ul li:hover { color:#00aeef; }
#primary_nav_wrap ul ul { display:none; position:absolute; top:100%; left:4px; background:#f5f5f5; z-index: 25; width: 240px; font-size: 0.9em; padding: 10px 0 0 0;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75); }
#primary_nav_wrap ul ul li { float:none; width: 85%; margin: 10px 4px 6px 4px; border-bottom: 1px dotted #787878; }
#primary_nav_wrap ul ul li:last-child { border: none; margin: 10px 4px 0 4px; }
#primary_nav_wrap ul ul a { line-height:100%; padding:0; font-size: 1.1em }
#primary_nav_wrap ul ul a:hover { color: #00aeef; }
#primary_nav_wrap ul ul ul { top:0; left:100% }
#primary_nav_wrap ul li:hover > ul { display:block; }

#ataturk { position: absolute; bottom: 39px; z-index: 15; width: 100%; }
#ataturk img { margin: 0 20px 0 0; }

#bayrak { position: absolute; top: 0; z-index: 25; width: 100%; margin: -20px 0 0 0; }

#slinks { float: right; width: 90px; padding: 10px; margin: 25px 0 0 0; }
#slinks a { margin: 0 5px; }

.contact_txt { float: left; width: 45%; }
.contact_frm { float: right; width: 45%; }

.l50 { float: left; width: 48%; margin: 0 5px 10px 0; }
.l100 { clear: both; margin: 15px 0 0 0; }
.xlabel { font-size: 1.2em; font-weight: bold; }
.xinput { width: 90%; border: 1px solid #a7a7a7; padding: 5px 2px; }
.xsubmit { background: #00aeef; color: #fff; padding: 10px 20px; border-radius: 5px; border: none; }

#xmap { height: 360px; width: 100%; }

.news_main img { height: 450px; }

}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
.centered { margin: 0 auto; width: 1000px; }
}

@media screen and (min-width: 981px) and (max-width: 1024px) {
.centered { margin: 0 auto; width: 960px; }
#logo { float: left; width: 200px; padding: 10px; }
section { float: left; width: 720px; padding: 15px 0; margin: 0 0 0 10px; }
aside { float: right; width: 200px; padding: 5px 0 5px 15px; }

#nav { float: left; width: auto; margin: 0 0 0 20px; }
#primary_nav_wrap { padding: 40px 0 0 0; }
#primary_nav_wrap ul{ list-style:none; position:relative; float:left; margin:0; padding: 0; font-size: 1em; }
#primary_nav_wrap ul a { display:block; color:#383838; text-decoration:none; }
#primary_nav_wrap ul a:hover { color: #00aeef; }
#primary_nav_wrap ul li { position:relative; float:left; margin:0 15px 0 0; padding: 0 6px 12px 6px; color:#383838; cursor: pointer; }
#primary_nav_wrap ul li.hassub { cursor: pointer; padding: 0 20px 15px 10px; }
/*#primary_nav_wrap ul li.hassub:hover { }*/
#primary_nav_wrap ul li.current-menu-item { background:#f00 }
#primary_nav_wrap ul li:hover { color:#00aeef; }
#primary_nav_wrap ul ul { display:none; position:absolute; top:100%; left:4px; background:#f5f5f5; z-index: 25; width: 240px; font-size: 0.9em; padding: 10px 0 0 0;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75); }
#primary_nav_wrap ul ul li { float:none; width: 85%; margin: 10px 4px 6px 4px; border-bottom: 1px dotted #787878; }
#primary_nav_wrap ul ul li:last-child { border: none; margin: 10px 4px 0 4px; }
#primary_nav_wrap ul ul a { line-height:100%; padding:0; font-size: 1.1em }
#primary_nav_wrap ul ul a:hover { color: #00aeef; }
#primary_nav_wrap ul ul ul { top:0; left:100% }
#primary_nav_wrap ul li:hover > ul { display:block; }

#ataturk { position: absolute; bottom: 25px; z-index: 15; width: 100%; }
#ataturk img { margin: 0 20px 0 0; }

#bayrak { position: absolute; top: 10px; z-index: 25; width: 100%; }

#slinks { float: right; width: 90px; padding: 10px; margin: 15px 0 0 0; }
#slinks a { margin: 0 5px; }

#xmap { height: 280px; width: 100%; }
}

.clock { width: 100%; margin: 0 auto; padding: 10px; border: 1px solid #333; color: #fff; }
#date { font-family: 'BebasNeue-webfont'; font-size: 1.5em; text-align: center; text-shadow: 0 0 5px #00c6ff; }

#clock { width: 100%; margin: 10px auto; padding: 0px; list-style: none; text-align: center; }
#clock li { display: inline; font-size: 2.5em; text-align: center; font-family: 'BebasNeue-webfont'; text-shadow: 0 0 5px #00c6ff; }
#point { position: relative; -moz-animation: mymove 1s ease infinite; -webkit-animation: mymove 1s ease infinite; padding-left: 10px; padding-right: 10px; }
 /* Simple Animation */ @-webkit-keyframes mymove { 0% {opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
 50% { opacity: 0; text-shadow: none; }
 100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
  }
 @-moz-keyframes mymove { 0% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
 50% { opacity: 0; text-shadow: none; }
 100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
; }