/* Clear all styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;}

/* remember to define focus styles! */
:focus {
    outline: 0;}

/*body {
   }*/

ol, ul {
    list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table{
    border-collapse: separate;
    border-spacing: 0;}

caption, th, td {
    text-align: left;
    font-weight: normal;}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";}

blockquote, q {
    quotes: "" "";}
/*Ceal all styles END */


.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/preloader.gif) center no-repeat #fff;
}


body{ line-height: 1; color: #000; background: white; font-size:15px;font-family:'MYRIADPROREGULAR'; !important; font-weight:500; color:#555555; background-color:#dee7ec;}

a{text-decoration:none; cursor:pointer;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both;}


/*SCROLL*/
.scroll-logo{width: 158px !important;height:116px; margin-left:-45px!important;}
.scroll-header{height:48px!important;}
.scroll-help{margin:8px 8px!important;}
.scroll-menu{top:48px!important;}
.visiblefalse{ display:none;}
.visible{opacity:1!important;-webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease;}
.ml{margin-left:0px!important;}
.mr{margin-right:0px!important;}
.white{background-color: rgba(255, 255, 255, 0.8)!important;background: rgba(255, 255, 255, 0.8)!important;}
/*SCROLL*/

.header{width:100%; height:104px; font-size:14px; position:fixed; z-index:1003; top:0px; background-color: rgba(255, 255, 255, 0.6);background: rgba(255, 255, 255, 0.98);color: rgba(255, 255, 255, 0.6);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.header .wrapper{width:100%; max-width:1240px; margin:auto;}
.header .logo{position:relative; margin-left:-65px;    width: 264px; float:left;}
.header .help{margin:18px 0px;}
.header .help .search{width:116px; height:31px; background:; margin-right:5px; float:right; color:#375770;}
.header .help p{float:right; font-family:'impactreg'; font-size:24px; color:#375770; margin:4px 20px;}

.header .social-network{background-color: rgba(0, 169, 173, 0.3); background: rgba(0, 169, 173, 0.3); color: rgba(0, 169, 173, 0.3); float:right; height:38px;}
.header .social-network li{ float:left; border-right:1px solid #9aced5; padding:0 4px 0 4px;}
.header .social-network li:hover{background-color: rgba(0, 169, 173, 0.8);background: rgba(0, 169, 173, 0.8);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.header .links{float:right; margin-right:15px;}
.header .links li{margin:10px; color:#375770; float:left;}
.header .links img{margin:0 10px -3px 0px;}
.header .links li a{color:#444;}
.ataturk{margin:-5px -25px 0 0;}
/*MENU*/

.MenuContainer{width:100%; height:44px; position:fixed; top:104px; z-index:1000; background-color: rgba(19, 63, 99, 0.6); background: rgba(19, 63, 99, 0.6); color: rgba(19, 63, 99, 0.6);}
.MenuContainer .thin{width:43%; height:3px; background:#98cb4f; float:right; margin-top:-6px;}
.MenuWrapper{width:100%; max-width:1240px; margin:auto;}
.MenuWrapper .wrapper{max-width:1000px; height:50px; float:right;}
.dropdownMenu{float:right;}
.MenuWrapper .call{float: right; font-family: 'impactreg'; font-size: 24px; margin: 11px 60px 0 0; display:none;}
.MenuWrapper .call a{color: #FFF;}


/*menu*/
/*-----------------------------------------------------------------------------------*/
#MainMenu1_mainNav { height:40px; float:right; padding:2px 0px; border-bottom: none; z-index:0; text-align:center;}
#MainMenu1_mainNav li a, #MainMenu1_mainNav li {float: left;}
#MainMenu1_mainNav li {list-style: none;position: relative; z-index:10;}
#MainMenu1_mainNav li a { padding:8px 17px; line-height:25px; position:relative; color:#FFFFFF;  font-size:15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease}
#MainMenu1_mainNav li a:hover {color:#FFF;}

/* Submenu */
/*-----------------------------------------------------------------------------------*/
.hasChildren {position:absolute; width:0px; height:5px; background:black; right:0; bottom: 0;}
#MainMenu1_mainNav li ul {/*display:none;*/ visibility: hidden;  height:0px; opacity:0;  position:absolute; margin-top::-100px;  background-color: rgba(19, 63, 99, 0.6); background: rgba(19, 63, 99, 0.6); color: rgba(19, 63, 99, 0.6); top:100%; left:0;padding:0; margin:0;}
#MainMenu1_mainNav li ul:hover{ background-color: rgba(19, 63, 99, 0.6); background: rgba(19, 63, 99, 0.6); color: rgba(19, 63, 99, 0.6); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease-in-out;}

#MainMenu1_mainNav li:hover > ul { /*display:block;*/visibility: visible; margin-top:0; height:auto; opacity:1; -webkit-transition: all 0.8s ease-in-out;  -o-transition:all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}

#MainMenu1_mainNav li ul li, #MainMenu1_mainNav li ul li a { float: none; min-width:186px; max-width:250px; text-decoration: none; font-weight:400; color:#FFF; font-size:14px; /*padding:10px 10px;*/  }
#MainMenu1_mainNav li ul li { border-bottom:1px dashed #7792b3; /* for IE6 */}

#MainMenu1_mainNav li ul li a {min-width:186px; min-height:15px; padding:7px 10px 7px 10px; display: block; opacity:1; text-align:left;}
#MainMenu1_mainNav li ul li a:hover {background-color: rgba(19, 63, 99, 0.6); background: rgba(19, 63, 99, 0.6); height:auto; opacity:1;}

/* SUBSUB Menu */
/*-----------------------------------------------------------------------------------*/
#MainMenu1_mainNav li ul li ul {/*display: none;*//*height:0px; opacity:0;*/}
#MainMenu1_mainNav li ul li:hover ul {left:100%; top:0;height:auto; opacity:1;}
/*#majorNav li ul */
/*menu*/

/*MAIN*/
.main-container{width:100%; height:100%; background:url(../images/bg-pattern.png) top center;}
.main-wrapper{width:100%; max-width:1240px; height:100%; margin:auto;}

.top-buttons{margin-top:-90px; position:relative; z-index:100; text-align:center;}
.top-buttons li{ font-weight:bold; color:#0c496e; 
 display:inline-block; width:15%; height:130px; margin-right:1.7%;}
.top-buttons li a{color:#0c496e;}
.top-buttons li a:hover{color:#d0f0f5; }
.top-buttons li:last-child{ margin-right:0;}
.top-buttons li .thin{width:2%; height:130px; float:left;}
.top-buttons li .color{background-color: rgba(50, 169, 173, 0.7); background: rgba(50, 169, 173, 0.7);
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.top-buttons li .color:hover{ background-color: rgba(0, 169, 173, 0.8); background: rgba(0, 169, 173, 0.8);}
.top-buttons li .box{width:96%; height:130px; float:left;border-top-right-radius:60px; border-bottom-left-radius: 60px;}
.top-buttons li .box .text{padding:12px;}
.top-buttons li .box .imgbtn{margin:12px;}
/*MAIN*/

/*PAGE*/
.fixed-area {position: fixed; left:0; right:0; top: 0; bottom: 0; width: 100%; height: 100%; background-size: cover;background-position: center center; background-repeat: no-repeat; overflow: hidden; z-index:-1; -khtml-transition: all,.5s,ease; transition: all,.5s,ease;}
.p-header{max-width:1240px; width:100%; margin:auto; margin-top:18%;}
.p-header h1{border:none; text-align:left; color:#FFF; text-indent:10px; font-family: 'impactreg'; letter-spacing:1px; text-shadow: 0px 0px 5px rgba(19, 63, 99, 0.8); text-transform:uppercase; font-size:36px;}
.page-container{width:100%; height:100%; background:url(../images/bg-pattern.png) top center;}
.page-wrapper{width:100%; max-width:1240px; height:100%;  margin:auto; background-color:rgba(19, 63, 99, 0.4); background:rgba(19, 63, 99, 0.4);border-top-left-radius: 30px; border-bottom-right-radius: 30px; }
.page{margin:0 10px; padding:10px 0; color:#414c53;}
.page .wrapper{width:320px; float:left;}
.page .wrapper .head{width:300px; background:#09F; background-color: rgba(0, 169, 173, 0.6); background: rgba(0, 169, 173, 0.6); border-top-left-radius: 20px; padding:10px; font-size:18px; color:#FFF; float:left; font-weight:bold;}
.page .wrapper .navigator{float:left; width:320px; margin-top:10px; padding-bottom:10px;}
.page .wrapper .navigator li{ background-color: rgba(225, 225, 225, 0.9)!important; background:rgba(225, 225, 225, 0.9) !important; margin-bottom:3px; /*border-bottom:1px solid rgba(50, 169, 173, 0.1)!important;*/  padding:10px 10px 10px 12px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.page .wrapper .navigator li a{color:#222; display:block;}
.page .wrapper .navigator li:last-child{border-bottom:none;}
.page .wrapper .navigator li:hover{background-color: rgba(225, 225, 225, 0.7)!important; background:url(../images/m-nav.png) no-repeat left center rgba(225, 225, 225, 0.7) !important;}
.page .wrapper .navigator li ul{ margin-top:10px;}


.page .smap{float:right; padding:12px 0;color:#222; max-width:880px; width:100%; background-color: rgba(225, 225, 225, 0.8); background: rgba(225, 225, 225, 0.8);}
.page .smap .wrap{margin:0px 10px; font-size:15px;}
.page .smap .wrap a{color:#222;}
.page .content{float:right; margin-top:10px; height:auto; max-width:880px; width:100%; background-color: rgba(225, 225, 225, 0.9); background: rgba(225, 225, 225, 0.9);border-bottom-right-radius:20px; line-height:18px; font-size:16px; }
.page .content
{

	/*width:100%;
    height:100%;
    overflow:auto;*/
	overflow-x:auto;
	_overflow: auto;
	margin: 0 0 1em;
}
.page .content table{
	border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;}
	
.page .content th, td {
    border: none;
    text-align: left;
	text-indent:2px;
    padding: 8px 0;

}
.table-container tr:nth-child(even){background-color: #f2f2f2}

.page .content .tools{margin-top:10px; border:1px solid rgba(229, 232, 234, 0.7); padding:10px;}
.page .content .tools .icons{opacity:0.6; margin-top:10px; margin-left:-5px;}
.page .content .tools .icons img{margin:0 5px;}
.page .content .tools .social{float:right; margin-top:-3px;}
.page .content h1{padding:10px 0; margin-bottom:10px; border-bottom:2px solid rgba(19, 63, 99, 0.6); text-transform:uppercase; }
.page .content h1 div{margin:0px 0px;font-weight:bold;}
.page .content .info{ padding-top:10px; color:#222;}
.page .content  strong{font-weight:bold;}
/*PAGE*/

.left-part{text-align:center; padding-top:20px; width:350px; float:right;}

/*PRESIDENT*/
.president{float:right; width:350px; color:#000;  font-size:14px;}
.president .wrapper{width:350px; float:right;}
.president .wrapper .menu{width:350px; height:97px; background-color: rgba(77, 120, 134, 0.7);  background-image:url(../images/bayrakli-trans.png); background-repeat:no-repeat; background-position:right; background-size:110px;  }
.president .wrapper .link{width:330px; padding:1px 0; float:left;}
.president .wrapper .link li{ padding:5px; margin:5px; width:335px; border-left:1px solid #0b6497; text-align:left;}
.president .wrapper .link li:hover{ background-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3);}
.president .wrapper .link li a{color:#e8f5f7!important; display:block}
.president .wrapper .link li a:hover{color:#FFF!important;}
.president .wrapper .social{ width:350px; float:right; position: relative; margin-top:-35px; background-color: rgba(255, 255, 255, 0.4);  padding:3px 0;}
.president .wrapper .social li{ display:inline-block;}
.president .wrapper .social li img{ margin:-7px 0 3px 0;}
.president .images { height:203px; overflow:hidden;}
.president .images img{ width:350px;}
/*PRESIDENT*/

/*NEWS*/
.member{max-width:880px; height:100%; margin:auto; color:#364457;}
.member ul{ display: block; text-align: center; width: 100%; padding: 0; margin: 0; float:none;}
.member ul li{  display: inline-block; list-style: none; width: 245px; margin:10px; padding: 8px; float:none; background: #ececec; 
background: -moz-linear-gradient(top, #ececec 0%, #ffffff 80%); background: -webkit-linear-gradient(top, #ececec 0%,#ffffff 80%); 
background: linear-gradient(to bottom, #ececec 0%,#ffffff 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 );}
.member ul li .image{max-width:245px; height:140px; overflow:hidden; margin:5px auto 0 auto;}
.member ul li .image img{height:200px;}
.member ul li .head{max-width:240px; font-size:14px; font-weight:bold; text-align:center; padding:10px 0;}
.member ul li .info{max-width:220px; height:121px; overflow:hidden; text-align:justify;}
/*NEWS*/

/*NEWS*/
.news{padding:0px 0px 10px 0px; font-size:15px; line-height:19px;}
.news ul{text-align:center;}
.news ul li{width:270px; height:250px; margin:5px 9px; background-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.4);border-bottom:5px solid rgba(50, 169, 173, 0.6); border-top:1px solid rgba(50, 169, 173, 0.9);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-top-left-radius: 20px;}
.news ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.news ul li .image{ width:250px; height:150px; overflow:hidden; margin:10px; text-align:center; }
.news ul li .image img{ /*max-width:290px; max-height:200px;*/ border-top-left-radius:10px; left: 50%; margin-left: -100%; position: relative; width: auto !important; height: 150px !important;}
.news ul li .head{margin:10px; color:#000; height:40px; overflow:hidden; border-bottom:1px solid rgba(229, 232, 234, 0.7);}
.news ul li .date{height:20px; margin:10px; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:12px; background:url(../images/a-date.png) no-repeat left center;}
.news .holder{margin:10px;}
/*NEWS*/

/*VIDEOS */
.video ul{text-align:center;}
.video ul li{  border:1px solid #f4f4f4; display:inline-block; margin:5px;}
.video ul li .image{width:180px; height:100px; overflow:hidden; margin:10px; text-align:center;}
.video ul li .image img{height:110px; left: 50%; margin-left: -100%; position: relative; width: auto !important; height: 100px !important;}
.video ul li .info{ width:180px; height:72px; margin:10px;}
.video ul li .info h2{font-size:15px; font-weight:100; color:#933; text-align:left; height:35px; overflow:hidden;}
.video ul li .info .date{margin-top:10px; font-size:13px; text-align:left;  padding-top:5px; border-top:1px dotted #e2e2e2;}
.video ul li .info .date img{margin:0 10px -4px 0;}
.video ul li a{color:#333;}
.video ul li a:hover{color:#000;}
/*VIDEOS */

/*LAST NEWS*/
.last-news{padding:0px 0px 10px 0px; font-size:15px; line-height:19px;}
.last-news ul{text-align:center;}
.last-news ul li{width:165px; height:120px; margin:5px 2px; background-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.4);border-bottom:5px solid rgba(50, 169, 173, 0.6); border-top:1px solid rgba(50, 169, 173, 0.9);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-top-left-radius: 20px;}
.last-news ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.last-news ul li .image{ width:180px; height:120px; overflow:hidden; margin:10px; text-align:center;}
.last-news ul li .image img{ max-width:210px; max-height:120px;border-top-left-radius: 10px;}
.last-news ul li .head{margin:10px; color:#000; height:60px; overflow:hidden; border-bottom:1px solid rgba(229, 232, 234, 0.7);}
.last-news ul li .date{height:20px; margin:10px; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:12px; background:url(../images/a-date.png) no-repeat left center;}
.last-news .holder{margin:10px;}
/*LAST NEWS*/

/*ANNOUCEMENT*/
.annoucements{padding:0px 0px 10px 0px; font-size:15px; line-height:19px;}
.annoucements ul{text-align:center;}
.annoucements ul li{width:97%; height:auto; margin:5px 9px; background-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);border-bottom:0px solid rgba(50, 169, 173, 0.5); border-top:1px solid rgba(50, 169, 173, 0.5);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-top-left-radius: 20px;}
.annoucements ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.annoucements ul li .head{margin:10px; color:#000; min-height:28px; overflow:hidden; border-bottom:1px solid rgba(229, 232, 234, 0.7);}
.annoucements ul li .text{margin:0px 10px; color:#444; overflow:hidden;}
.annoucements ul li .date{height:20px; margin:10px; overflow:hidden; text-align:justify; text-indent:26px; color:#333; font-size:12px; background:url(../images/a-date.png) no-repeat left center;}

.sport-annoucement{width:100%; padding:10px 0; border:1px solid rgba(229, 232, 234, 0.7); margin:10px 0; background:url(../images/green_bg.png) no-repeat left /5px 90px;}
.sport-annoucement a{color:#444;}
.sport-annoucement .head {margin:0px 10px;}
.sport-annoucement .date{color: #933; font-size:14px; margin:0px 10px;}

.sport-h{background-color: rgba(0, 169, 173, 0.6); background: rgba(0, 169, 173, 0.6); border-top-left-radius: 20px; color:#FFF; text-indent:10px; margin:10px 0 0 0;}
/*ANNOUCEMENT*/

/*ANNOUCEMENT*/
.developmentPlan{padding:0px 0px 10px 0px; font-size:15px; line-height:19px;}
.developmentPlan ul{text-align:center;}
.developmentPlan ul li{width:97%; height:auto; margin:5px 9px; background-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);border-bottom:0px solid rgba(50, 169, 173, 0.5); border-top:1px solid rgba(50, 169, 173, 0.5);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-top-left-radius: 20px;}
.developmentPlan ul li:hover{background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.developmentPlan ul li .head{margin:10px; color:#000; min-height:28px; overflow:hidden;}
.developmentPlan ul li .head b{font-size:22px;color:#ae2831;}

/*ANNOUCEMENT*/

/*LIST PAGES*/
.list-pages{padding:0px 0px 10px 0px; font-size:15px; line-height:19px;}
.list-pages ul{text-align:center;}
.list-pages ul li{width:97%; height:auto; margin:5px 9px; background-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);border-bottom:0px solid rgba(50, 169, 173, 0.5); border-top:1px solid rgba(50, 169, 173, 0.5);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-top-left-radius: 20px;}
.list-pages ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.list-pages ul li .image{ width:150px; height:100px; overflow:hidden; margin:10px; text-align:center; float:left;}
.list-pages ul li .image img{ max-width:190px; max-height:120px; border-top-left-radius: 10px; left: 50%; margin-left: -100%; position: relative; width:auto!important; height: 100px !important;}
.list-pages ul li .head{margin:10px; color:#000; height:22px; overflow:hidden; border-bottom:1px solid rgba(229, 232, 234, 0.7);}
.list-pages ul li .text{margin:0px 10px; color:#444; height:40px; overflow:hidden; font-size:14px;}
.list-pages ul li .date{height:20px; margin:10px; overflow:hidden; text-align:justify; text-indent:26px; color:#333; font-size:12px; background:url(../images/a-date.png) no-repeat left center;}
/*LIST PAGES*/

/*EVENTS*/
.events{float:right; width:350px; margin-top:20px; height:300px; background:#993; font-size:14px; color:#FFFFFF; background:url(../images/event.png);text-align:left; opacity:0; margin-right:-400px;}
.events .image{margin:10px; height:165px; overflow:hidden;}
.events .image img{ width:330px;}
.events .box .cln{margin:5px 10px; text-align:left; font-size:14px; line-height:16px; height:17px; overflow:hidden;}
.events .box .cln img{margin:0 10px -3px 0;}
.events .link{margin:3px 10px;  padding:15px 0; border-top:1px solid #FFF; text-align:center; font-weight:bold;}
.events .link a{color:#9bd5d9;}

.eventBox{padding:0px 0px 10px 0px; font-size:15px; line-height:19px;}
.eventBox ul{text-align:center;}
.eventBox ul li{width:270px; height:340px; margin:5px 9px; background-color: rgba(255, 255, 255, 0.4); background: rgba(255, 255, 255, 0.4);border-bottom:5px solid rgba(50, 169, 173, 0.6); border-top:1px solid rgba(50, 169, 173, 0.9);  display:inline-block;  text-align:left;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-top-left-radius: 20px;}
.eventBox ul li a{ color:#222;}
.eventBox ul li:hover{ background-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7);}
.eventBox ul li .image{ width:250px; height:150px; overflow:hidden; margin:10px; text-align:center;}
.eventBox ul li .image img{ max-width:250px; max-height:auto;border-top-left-radius: 10px;}
.eventBox ul li .head{margin:10px; color:#000; height:40px; overflow:hidden; border-bottom:1px solid rgba(229, 232, 234, 0.7);}
.eventBox ul li .date{height:20px; margin:10px; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:13px; background:url(../images/a-date.png) no-repeat left center;}
.eventBox ul li .clock{height:20px; margin:10px; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:13px; background:url(../images/a-clock.png) no-repeat left center;}
.eventBox ul li .map{height:20px; margin:10px; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:13px; background:url(../images/a-map.png) no-repeat left center;}
.eventBox ul li .cat{height:20px; margin:10px; overflow:hidden; text-align:justify; color:#333; text-indent:26px; font-size:13px; background:url(../images/a-cat.png) no-repeat left center;}
.eventBox .holder{margin:10px;}

.activityLightBox{width:300px; height:200px;}
.activityImgDiv{width:300px; height:200px; overflow:hidden; float:left;}
.activityImgDiv img{width:300px;height:auto;}

.activityTextDiv{width:300px; height:auto; padding:10px 0; float:left;}
.activityTextDiv a{font-style:italic; color:#00629c; font-size:13px; font-weight:bold; text-decoration:underline;}
.activityTitle{ font-size:15px; font-weight:bold; color:#000;}
.activityDate{font-size:13px; color:#999;}
.activityDate span{color:#555!important;}
.activityPlace{font-size:13px;color:#f48220;}
.activityPlace b{color:#555!important;}
/*EVENTS*/

/*ANNOUCEMENT*/
.annoucement{float:right; width:350px; height:300px; font-size:14px; color:#FFFFFF; margin-top:20px; background:url(../images/annoucement-bg.png); opacity:0; margin-right:-500px;}
.annoucement .wrapper{margin:8px;text-align:left;}
.annoucement .wrapper h1{font-size:18px; margin:10px 0;}
.annoucement .wrapper h1 img{margin:0 7px -7px 0;}
.annoucement .wrapper ul li{margin:0px 8px 0 8px; padding:8px 0; line-height:18px; border-bottom:1px solid #e396a8; }
.annoucement .wrapper ul li:hover{ background:rgba(255, 255, 255, 0.3); background-color:rgba(255, 255, 255, 0.3);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.annoucement .wrapper ul li a{color:#FFF;}
.annoucement .wrapper ul li .head{overflow:hidden; height:36px;}
.annoucement .wrapper ul li .date{color:#dee7ec; font-size:13px;}

.annoucement .link{margin:10px; padding:5px 0; text-align:center; font-weight:bold;}
.annoucement .link a{color:#FFF;}
/*ANNOUCEMENT*/

/*BLOCKS*/
.blocks{width:100%; max-width:865px; float:left; margin-left:-300px; padding:15px 0; margin-top:15px; text-align:center; opacity:0;}
.blocks .blank{height:21px; width:100%;}
.blocks .block{width:420px; height:210px; background-repeat:no-repeat; background-position:right bottom; background-color:#fcfcfc; margin:10px 0 5px 0; display:inline-block; vertical-align:top; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.blocks .block:hover{background-color:#f8f8f8; transform: perspective(500px) translate3d(0px, 0px, -10px);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.blocks .block .wrapper{margin:10px; font-size:14px; text-align:left;}
.blocks .block .head{color:#5ba3a8; font-weight:bold; font-size:18px; margin:10px 0;}
.blocks .block p{color:#667e96; font-weight:bold; font-size:14px; margin:15px 0;}
.blocks .block .info{ margin:20px 0; line-height:18px;}
.blocks .block a{color:#ee0e20; margin:10px 0;}
/*BLOCKS*/

/*HALF BLOCKS*/
.halfBlock{width:100%; text-align:center; opacity:0;}
.halfBlock .block{width:100%; max-width:609px; height:110px;}
.halfBlock .block .wrapper{height:92px; margin:8px; border:1px solid #fff;}
.halfBlock .block .wrapper:hover{opacity: 0.7; filter: alpha(opacity=70);}
.halfBlock .block .wrapper .info{padding:25px 20px; text-align:left;}

.halfBlock .block .wrapper .photo{background-color: rgba(18, 38, 58, 0.6); background: rgba(18, 38, 58, 0.6); color:#FFF; padding:10px 0px; width:180px; text-align:center; float:left; margin:30px 20px;}
.halfBlock .block .wrapper .photo:hover{opacity: 0.5; filter: alpha(opacity=50);}
.halfBlock .block .wrapper .video{background-color: rgba(18, 38, 58, 0.6);
background: rgba(18, 38, 58, 0.6); color:#FFF; padding:10px 0px; width:180px; text-align:center; float:right; margin:30px 20px;}
.halfBlock .block .wrapper .video:hover{opacity: 0.5; filter: alpha(opacity=50);}
.halfBlock .block .wrapper a{color:#FFF; display:block;}
/*HALF BLOCKS*/

/*SEARCH*/
.content .search{max-width:810px; width:100%; height:30px; border-bottom:1px dotted #e2e2e2; padding:5px 0;}
.content .search .text{float:left; width:100%; height:30px; overflow:hidden;}
.content .search .text .info{padding-top:10px; height:20px; overflow:hidden;}
.content .search .text a{font-weight:800; color:rgba(19, 63, 99, 1); text-decoration:none;}
.content .search .text a:hover{color:rgba(19, 63, 99, 0.6);}
.content .search .text .holder{font-weight:400; font-size:15px; width:100%; text-align:left; padding-top:6px;}
/*SEARCH*/

.carousel-cont{width:100%; max-width:1240px; margin:auto;}

/*FOOTER*/
.footer-bg{background-color: rgba(19, 64, 98, 0.4); background: rgba(19, 64, 98, 0.4); margin-top:20px;}
.footer-container{background-color: rgba(72, 109, 134, 0.4);
background: rgba(72, 109, 134, 0.4);
color: rgba(72, 109, 134, 0.4); font-size:14px;}
.footer{max-width:1240px; width:100%; margin:auto;}
.footer .wrapper{max-width:1240px; width:100%; padding-top:15px; margin:auto;}
.footer .wrapper .fmenu{margin-left:0px; color:#FFF; }
.footer .wrapper .fmenu .fcontact{width:325px; height:240px; margin-left:0px; float:left; border-right:1px solid #fff;}
.footer .wrapper .fmenu .fcontact li{padding:5px 5px; width:315px!important; height:54px;}
.footer .wrapper .fmenu .fcontact .text{height:50px; display: table-cell; vertical-align: middle;}

.footer .wrapper .fmenu .fheader{padding:10px 0; font-size:16px; margin-bottom:10px; text-indent:10px;}
.footer .wrapper .fmenu .list{width:265px; height:240px; margin-left:20px; float:left;  border-right:1px solid #fff;}
.footer .wrapper .fmenu .list li{padding:5px 5px; width:315px!important; height:20px;}
.footer .wrapper .fmenu .list li a{height:20px; padding-left:20px; background:url(../images/f-arrow.png) no-repeat; display: table-cell; vertical-align: middle; color:#fff;}
.footer .wrapper .fmenu .list li a:hover{ color:#e2e2e2;}

.footer .wrapper .fmenu .buttons{max-width:305px; width:100%; height:220px; margin-top:15px; margin-left:20px; float:left}
.footer .wrapper .fmenu .buttons .icon{width:210px;height:80px; float:left; padding:0 40px; border-right:1px solid #FFF;}
.footer .wrapper .fmenu .buttons .icon .text{font-size:18px; padding-top:10px;}
.footer .wrapper .fmenu .buttons .social{text-align:center; margin-top:20px;}
.footer .wrapper .fmenu .buttons .social .head{font-size:24px; font-weight:bold; text-align:center;}
.footer .wrapper .fmenu .buttons .social img{opacity: 0.7; filter: alpha(opacity=70); width:50px; margin:5px;}
.footer .wrapper .fmenu .buttons .social img:hover{opacity: 0.8; filter: alpha(opacity=80);}
.privacy-bilcom{ height:40px; max-width:1210px; width:100%; border-top:1px solid #fff; margin-top:0px; padding:15px;}
.privacy{color:#FFF; padding-top:16px;}
/*FOOTER*/
.helpdesk{width:108px; padding:2px; text-align:center; background-color: rgba(19, 63, 99, 0.6); background: rgba(19, 63, 99, 0.6); position:fixed; bottom:0px; margin:auto; right:0px; left:0px; border-top-right-radius: 15px;
    border-top-left-radius: 15px;}

@media (max-width: 1738px)
{
/*.president{max-width:1240px; width:100%; position:absolute; z-index:900; margin:160px auto 0 auto; left:0; right:0; overflow:hidden; color:#000;}
.president .wrapper{width:180px; float:right;}
.president .wrapper .images{ width:180px; text-align:right;}
.president .wrapper .menu{width:180px; height:110px; }
.president .wrapper .link{width:180px;}
.president .wrapper .link li{ padding:3px; margin:3px; border-left:1px solid #0b6497;}*/
}

@media (max-width: 1415px)
{
/*.president .wrapper{width:130px; float:right; margin-right:20px;}
.president .wrapper .images{ width:130px;}
.president .wrapper .menu{width:130px; height:103px; }
.president .wrapper .link{width:130px; }
.president .wrapper .social li img{ width:26px;}*/
.p-header{max-width:1240px; width:100%; margin:auto; margin-top:22%;}
.p-header h1{font-size:30px;}
}

@media (max-width: 1240px)
{
.top-buttons{margin-top:0px; padding-top:20px; position:relative; z-index:100; text-align:center;}
.top-buttons li{ font-weight:bold; color:#0c496e;
 display:inline-block; width:15%; height:130px; margin-right:1.7%;}
.top-buttons li:last-child{ margin-right:0;}
.top-buttons li .thin{width:2%; height:130px; float:left;}
.top-buttons li .color{background-color: rgba(0, 169, 173, 0.3); background: rgba(0, 169, 173, 0.3);}
.top-buttons li .box{width:96%; height:130px; float:left;}

.MenuWrapper{width:100%; max-width:1240px; text-align:center;}

/*PAGE*/

.page .wrapper{width:100%; float:left;}
.page .wrapper .head{width:100%;  padding:10px 0; border-top-left-radius: 0px;}
/*.page .wrapper .head{width:300px; background:#09F; background-color: rgba(0, 169, 173, 0.4); background: rgba(0, 169, 173, 0.4);border-top-left-radius: 20px; padding:10px; font-size:18px; color:#FFF; float:left;}*/
.page .wrapper .navigator{width:100%;}


.page .smap{ max-width:100%; margin-top:10px; }
.page .content{ max-width:100%;}
/*PAGE*/

.left-part{text-align:center; padding-top:20px; width:100%; float:none; margin:auto;}

.president{float:none; display:inline-block; vertical-align:top; margin-top:20px;padding-top:0px; margin-bottom:-20px;}
/*EVENTS*/
.events{float:none; display:inline-block; vertical-align:top; margin-top:20px; padding-top:0px;}

/*EVENTS*/
/*ANNOUCEMENT*/
.annoucement{float:none; display:inline-block; vertical-align:top; margin-top:20px; padding-top:0;}
/*ANNOUCEMENT*/

.blocks{ float:none; margin:auto; padding:10px 0; text-align:center;}
.blocks .block{width:350px; height:210px; float:none!important; background-repeat:no-repeat; background-position:right; background-color:#fcfcfc; margin:10px 0; display:inline-block; }

.halfBlock{width:100%; text-align:center;}
.halfBlock .block{width:100%; max-width:609px; height:110px; float:none!important; display:inline-block; margin-bottom:10px;}

.footer .wrapper .fmenu .list{width:275px;}
.footer .wrapper .fmenu .buttons{max-width:305px;}
/*.footer .wrapper .fmenu .buttons .social .head{ display:none;}*/
.footer .wrapper .fmenu .buttons .social { /*text-align:left;*/ }
.footer .wrapper .fmenu .buttons .social img{ width:40px; clear:both;}



}

@media (max-width: 1070px)
{
.top-buttons li{ font-weight:bold; color:#0c496e;
 display:inline-block; width:30%; height:130px; margin-right:0;}
.top-buttons li:last-child{ margin-right:0;}
.top-buttons li .thin{width:2%; height:130px; float:left;}
.top-buttons li .color{background-color: rgba(0, 169, 173, 0.3); background: rgba(0, 169, 173, 0.3);}
.top-buttons li .box{width:96%; height:130px; float:left;}


}

@media (max-width: 995px)
{
.header{width:100%; height:48px; position:fixed; z-index:1003; top:0px; background-color: rgba(255, 255, 255, 0.6);background: rgba(255, 255, 255, 0.6);color: rgba(255, 255, 255, 0.6);}
.header .wrapper{width:100%; max-width:1240px; margin:auto;}
.header .logo{position:relative; margin-left:-45px; float:left;     width: 158px;height:116px;}
.header .help{margin:8px 0px;}
.header .social-network{display:none;}
.header .links{display:none;}

.MenuContainer{width:100%; height:44px; position:fixed; top:48px; z-index:1000; background-color: rgba(19, 63, 99, 0.6); background: rgba(19, 63, 99, 0.6); color: rgba(19, 63, 99, 0.6);}
.MenuContainer .thin{width:43%; height:3px; background:#98cb4f; float:right; margin-top:-6px;}
.position{position:absolute!important;}

/*.president{display:none;}*/
.footer .wrapper{ text-align:center;}
.footer .wrapper .fmenu .fcontact{width:325px; height:240px; margin-left:0px; float:none; display:inline-block; border-right:none;}
.footer .wrapper .fmenu .list{width:305px; height:auto; float:none; display:inline-block; border-right:none;}
.footer .wrapper .fmenu .buttons{max-width:305px; margin-top:0px; float:none; display:inline-block; height:180px}
.footer .wrapper .fmenu .buttons .social .head{}
.footer .wrapper .fmenu .buttons .social { /*text-align:left;*/}
.footer .wrapper .fmenu .buttons .social img{ width:40px; clear:both;}
.privacy-bilcom{ height:50px; max-width:inherit; width:auto; border-top:1px solid #fff; margin-top:10px; padding:15px 10px 0 10px;}

.dropdownMenu{ display:none;}
.menuCont{ width:0px; height:0px;}

.logo{ float:left; }
.logo img{width:150px; margin-left:10px;}

.header .help{ margin-right:10px;}

#mobileMenu
{
		display: block;
		z-index: 99;
		color:#333;
		margin-top:44px;
}
.toggleMobile
{
		position: absolute;
		top:11px;
		right: 0px;
		display: block!important;
		width: 40px;
		height: 36px;
		cursor: pointer;
		z-index: 11999;
}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
{
		display: block;
		position: absolute;
		width: 30px;
		height:2px;
		left: 0;
		background: #FFF;

		/*-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
		transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);*/
}
.toggleMobile span.menu1
{
		top: 0;
}
.toggleMobile span.menu2
{
		top: 10px;
}
.toggleMobile span.menu3
{
		top: 20px;
}

/*MOBILE MENU*/
#mobileMenu
{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
}

.mobileMenu-margin{background:url(images/bgp.png)!important; height:55px; width:100%;}
#mobileMenu li ul {
  display: none;/*visibility:hidden; height:0; opacity:0;  -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;*/
}
#mobileMenu li:hover > ul{display:block; /*height:auto; opacity:1; visibility:visible;*/}
#mobileMenu ul li
{
	  display:block;
	  background-color: rgba(19, 63, 99, 0.6); background: rgba(19, 63, 99, 0.6); color: rgba(19, 63, 99, 0.6);
	  color: #FFF;
	  padding: 12px 0;
	  letter-spacing: 0.1em;
	  text-align: center;
	  text-transform: uppercase;
	  border-bottom: 1px dotted #f4f4f4;
}
#mobileMenu ul li a{color:#FFF; font-size:15px; text-decoration:none; font-weight:500;}
#mobileMenu ul li ul{ padding:5px 0;}
#mobileMenu ul li ul li
{ 
      display:block;
	  background:url(../images/mbg.png);
	  color: #FFF;
	  padding: 5px 0;
	  letter-spacing: 0.1em;
	  text-align: center;
	  text-transform:lowercase;
	  border-bottom:none
}
#mobileMenu ul li ul li ul li a{color:#88b8c7; font-size:14px; text-decoration:none;}

.toggleMobile
{
      display: none;
}

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #364457; 
    /*-webkit-border-radius: 10px;
    border-radius: 10px;*/
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    /*-webkit-border-radius: 10px;
    border-radius: 10px;*/
    background: #364457;
    -webkit-box-shadow: inset 0 0 6px #364457; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #364457; 
}
.events{margin-right:0px;}
.annoucement{margin-right:0px;}
.blocks{margin-left:0px;}
}
@media (max-width: 900px)
{
/*NEWS*/
.news ul li{width:200px; height:220px; }
.news ul li .image{ width:180px; height:120px; }
.news ul li .image img{ max-width:210px; max-height:120px;}
/*NEWS*/
}
@media (max-width: 777px)
{
.blocks .block{width:350px; height:210px; float:none!important; background-repeat:no-repeat; background-position:right; background-color:#fcfcfc; margin:10px 0; display:inline-block; }
.blocks .block .wrapper{margin:10px; font-size:14px; text-align:left;}
.president{float:none; display:inline-block; margin-top:20px;padding-top:0px; margin-bottom:0px;}

/*.footer .wrapper .fmenu .list{width:255px; height:240px; margin-left:20px; float:left;  border-right:1px solid #fff;}*/
.footer .wrapper .fmenu .list li{padding:2px 5px; width:315px!important; height:15px;}

}
@media (max-width: 500px)
{
.p-header{max-width:1240px; width:100%; margin:auto; margin-top:40%;}
.p-header h1{ font-size:22px;}

.header .help .search{}
.header .help p{display:none;}	
.MenuWrapper .call{display:block;}
.ataturk{display:none;}	
.top-buttons li{ font-weight:bold; color:#0c496e;
 display:inline-block; width:32%; height:90px; margin-right:0; margin-top:5px;}
.top-buttons li:last-child{ margin-right:0;}
.top-buttons li .thin{width:2%; height:90px; float:left;}
.top-buttons li .color{background-color: rgba(0, 169, 173, 0.3); background: rgba(0, 169, 173, 0.3);}
.top-buttons li .box{width:96%; height:90px; float:left;border-top-right-radius:40px; border-bottom-left-radius:40px;}
.top-buttons li .box .imgbtn{margin:10px 12px 5px 12px;}
.top-buttons li .box .text{padding:5px 12px 0 12px; font-size:14px;}
.top-buttons li .box .imgbtn img{height:30px;}


.halfBlock .block .wrapper .photo{background-color: rgba(18, 38, 58, 0.6);
background: rgba(18, 38, 58, 0.6); color:#FFF; padding:10px 0px; width:140px; text-align:center; float:left; margin:30px 10px;}
.halfBlock .block .wrapper .video{background-color: rgba(18, 38, 58, 0.6);
background: rgba(18, 38, 58, 0.6); color:#FFF; padding:10px 0px; width:140px; text-align:center; float:right; margin:30px 10px;}

/*NEWS*/
.news ul li{max-width:90%; width:100%; height:290px; }
.news ul li .image{ max-width:95%;  width:100%; height:190px;}
.news ul li .image img{ max-width:590px; width:100%; max-height:200px;}
/*NEWS*/
.page .content .tools .icons {
    float: none;
    margin: 0px;
    height: 30px;
    display: inline-block;
    clear: both;
}
.page .content .tools .social {
    float: none;
    margin-top: 0px;
    height: 25px;
    display: block;
}

/*VIDEOS */

.video ul li .image{width:140px; height:90px; overflow:hidden; margin:10px; text-align:center; float:left;}
.video ul li .image img{height:110px;}
.video ul li .info{ width:155px; height:72px; margin:10px; float:left;}
.video ul li .info h2{font-size:15px; font-weight:100; color:#933; text-align:left; height:35px; overflow:hidden;}

/*VIDEOS */

}
@media (max-width: 400px)
{
.video ul li{}
.video ul li .image{width:155px; height:90px; overflow:hidden; margin:10px auto; text-align:center; float:none;}
.video ul li .image img{height:110px;}
.video ul li .info{ width:90%; height:72px; margin:10px auto; float:none;}
.video ul li .info h2{font-size:15px; font-weight:100; color:#933; text-align:left; height:35px; overflow:hidden;}
.table-container
{
	/*width: 90%;*/
}
}