html, body, body .container > * {
font: 16px/27px "Roboto",Helvetica,Arial,Verdana,sans-serif;
word-spacing: normal;
color: #000;
}

/*body.front{
  opacity: 0.5;
  background: #333;
}*/

#header{
  background: #fff;
}

* {
outline: none;
}

.form-item-submitted-feel:nth-child(1):hover:after,
.form-item-submitted-emotion:nth-child(1):hover:after{
color: #434343;
position:absolute;
font-size:13px;
cursor: pointer;
font-weight: bold;
display: block;

}
.form-item-submitted-feel:nth-child(1):hover:after{
content:"Nefret Ettim";
margin-left: -13px;
}

.form-item-submitted-emotion:nth-child(1):hover:after {
content:"Hate";
margin-left: 7px;
}

.form-item-submitted-feel:nth-child(2):hover:after,
.form-item-submitted-emotion:nth-child(2):hover:after{
color: #434343;
position:absolute;
font-size:13px;
cursor: pointer;
font-weight: bold;
display: block;
}

.form-item-submitted-feel:nth-child(2):hover:after{
content:"Sevmedim";
margin-left: -8px;
}

.form-item-submitted-emotion:nth-child(2):hover:after {
content:"Dislike";
margin-left: 2px;
}

.form-item-submitted-feel:nth-child(3):hover:after,
.form-item-submitted-emotion:nth-child(3):hover:after{
color: #434343;
position:absolute;
font-size:13px;
cursor: pointer;
font-weight: bold;
display: block;
}

.form-item-submitted-feel:nth-child(3):hover:after{
content:"Fikrim yok";
margin-left:-5px;
}

.form-item-submitted-emotion:nth-child(3):hover:after {
content:"Neutral";
margin-left: 2px;
}


.form-item-submitted-feel:nth-child(4):hover:after,
.form-item-submitted-emotion:nth-child(4):hover:after{
color: #434343;
position:absolute;
font-size:13px;
cursor: pointer;
font-weight: bold;
display: block;
}

.form-item-submitted-feel:nth-child(4):hover:after{
content:"Sevdim";
margin-left: 2px;
}

.form-item-submitted-emotion:nth-child(4):hover:after {
content:"Like";
margin-left: 9px;
}

.form-item-submitted-feel:nth-child(5):hover:after,
.form-item-submitted-emotion:nth-child(5):hover:after{
color: #434343;
position:absolute;
font-size:13px;
cursor: pointer;
font-weight: bold;
display: block;
}

.form-item-submitted-feel:nth-child(5):hover:after{
content:"Çok Sevdim";
margin-left: -10px;
}

.form-item-submitted-emotion:nth-child(5):hover:after {
content:"Love";
margin-left: 9px;
}

#webform-client-form-1774 label {
font: 16px/27px "Roboto",Helvetica,Arial,Verdana,sans-serif;
word-spacing: normal;
color: #252525;
font-weight: 500;
}

.form-item-submitted-feel, 
.form-item-submitted-emotion{
margin-top: -3px;
margin-bottom:20px;
}

#webform-client-form-1774 label {
font: 16px/27px "Roboto",Helvetica,Arial,Verdana,sans-serif;
word-spacing: normal;
color: #252525;
font-weight: 500;
}

#edit-submitted-e-posta ~ .description{
font-style: italic;
font-size:12px;
margin-top: -66px;
margin-left: 59px;
position:absolute;
}

#edit-submitted-feel-1 ~ label,
#edit-submitted-emotion-1 ~ label {
background:
url(/sites/all/themes/odtu/images/emotions/nefret-ettim.png)
no-repeat;
position: relative;
height: 45px;
width: auto;
display: block;
text-indent: -9999px;
cursor: pointer;
background-size: contain;
}

#webform-component-gorusunuz-nedir {
margin-top:40px;
}

#edit-submitted-feel-2 ~ label,
#edit-submitted-emotion-2 ~ label {
margin-top: 10px;
height: 45px;
width: auto;
background:
url(/sites/all/themes/odtu/images/emotions/sevmedim.png)
no-repeat;
position: relative;
display: block;
text-indent: -9999px;
cursor: pointer;
background-size: contain;
}

#edit-submitted-feel-3 ~ label,
#edit-submitted-emotion-3 ~ label {
margin-top: 10px;
height: 45px;
background:
url(/sites/all/themes/odtu/images/emotions/notr.png)
no-repeat;
position: relative;
display: block;
text-indent: -9999px;
background-size: contain;

}
#edit-submitted-feel-4 ~ label,
#edit-submitted-emotion-4 ~ label {
margin-top: 10px;
height: 45px;
background:
url(/sites/all/themes/odtu/images/emotions/sevdim.png)
no-repeat;
position: relative;
display: block;
background-size: contain;
text-indent: -9999px;
cursor: pointer;
}

#edit-submitted-feel-5 ~ label,
#edit-submitted-emotion-5 ~ label {
margin-top: 10px;
height: 45px;
background:
url(/sites/all/themes/odtu/images/emotions/cok-sevdim.png)
no-repeat;
position: relative;
display: block;
background-size: contain;
text-indent: -9999px;
cursor: pointer;
}

.form-item-submitted-feel,
.form-item-submitted-emotion{
display: inline-block;
margin-right: 10px;
width: 51px;
}

#edit-submitted-feel-2, #edit-submitted-feel-1, #edit-submitted-feel-3, #edit-submitted-feel-4, #edit-submitted-feel-5,
#edit-submitted-emotion-2, #edit-submitted-emotion-1, #edit-submitted-emotion-3, #edit-submitted-emotion-4, #edit-submitted-emotion-5 {
display: none;
}

input[type="radio"]:checked+label{
opacity: 0.4;
}

/*odtuden haber gönderi form*/
.webform-client-form-2007 legend{
  display: none;
}

.webform-client-form-2007 .btn-primary.ajax-processed{
  background: #68bc39;
  border: 1px solid #68bc39;
  border-radius: 0px;
  margin: 10px 0px;
}

.webform-client-form-2007 .webform-component-multiple-file{
  border-bottom: 1px solid #ccc;
}

/*kullanıcı form*/
#edit-submitted-dosya-2-ajax-wrapper legend,
#edit-submitted-dosya-ajax-wrapper{
    display: none;
}

.page-node-574 .pane-node-updated,
.page-node-573 .pane-node-updated{
  display: none;
}



/*google translate*/
#google_translate_element{
float:right;
}

div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value{
text-decoration:none;
}

.goog-te-menu-frame.skiptranslate{
box-shadow: none;
}

#maincontent #readspeaker_button1{
margin-top:10px;
}

body a{
color:#333;
text-decoration: none;
}

body a:hover{
color:#333;
}

main{
margin-bottom:36px;
text-align:justify;
}

@media only screen and (max-width: 1024px) {
main{
text-align:left;
}

div[align=justify]{
text-align: left;
}
}

h1,h2,h3,h4,h5,h6{
text-align:left;
}

.i18n-en #logo{
width:412px;	
}


#logo{
width:447px;
height: 61px;
float:left;
}

#logo .logo{
display: block;
width:100%;
height:100%;	
}

.skip-link__wrapper{
height: 0;
overflow: hidden;
}

#header .darkbar .user-menu ul{
padding-left: 0px;
} 

#header .darkbar{
padding-top:10px;
padding-bottom:10px;
background:#404041;
}

#header .darkbar a{
color:#fff;
text-decoration:none;
}

.site-map-page{
margin-bottom: 36px;
}

#header ul{
margin: 0px;
padding-left:5px;
font-size:14px;
}

#header .darkbar  ul.menu li{
display: inline-block;
line-height:34px;
padding-left:15px;
padding-right:15px;
}

#header .darkbar .menu-block-1 ul.menu li{
border-right:1px solid #191919;
}

#header .darkbar .menu-block-1  ul.menu li:first-child{
border-left:1px solid #191919;
}

.social-media{
margin-top:2px;	
}
.social-media a{
margin-left:5px;
width:30px;
height:30px;
line-height: 30px;
display: inline-block;
text-align: center;
border-radius: 50px;
background-color: #d0112b;
}

#header .social-media a:hover{
background-color: #fff;
color:#333;
}

.messages--error{
display:none;	
}

.branding{
padding: 40px 0px;
overflow: hidden;
}

.slogan{
color:#d0112b;
font-size:16px;
font-weight:500;
margin-top:15px;
/*padding:0px 73px;*/
padding:0px 53px;
font-size:16px;
}

.i18n-tr .slogan{
/*padding:0px 46px;*/
padding: 0px 30px;
padding-right: 0px;
}

.i18n-en .lang-tr,
.i18n-tr .lang-en{
display: none;
}

.campus-list a{
display: inline-block;
padding:3px 10px;
font-size:12px;
margin-top:12px;
margin-left:0px;
text-decoration:none;
border-radius: 20px;
background: #f2f2f2;
color:#404041;
border:1px solid #ccc;
}

.campus-list a:hover{
background:#fff;
color:#000;
border:1px solid #333;
}

.search .input-group{
max-width:185px;
}

/* nav */
.slicknav_menu {
display:none;
}

main .tabs{
margin-bottom: 10px;
}

/* table view - taxonomy page style */
.view-display-id-page{
position: relative;
}

table.table-view{
margin-top: 12px;
}

.view-display-id-page .language-switcher-locale-url{
top:-32px;
}

table.table-view thead th.views-align-center{
width: 14%;
}

@media screen and (max-width: 1024px) {
a.slicknav_btn:link{
background: #d12533;
text-decoration: none;
}

.js #main-menu {
display:none;
}

.js .slicknav_menu {
display:block;
position: relative;
background:#404041;	
}

.slicknav_nav{
background:#404041;	
}

.js .slicknav_menu li{
display: block;
float:none;
background:#404041;
border: none;
height: inherit;
line-height: inherit;
min-height:inherit;
}

.js .slicknav_menu li:hover{
background: inherit;
}

.js .slicknav_menu li a{
border: none !important;
background: none;
color:#fff;
}

.js .slicknav_menu .main-menu{
background: none;  
padding: 0px;
margin: 0px;
}

.slicknav_nav .menu.main-menu > li:hover > a{
color:inherit;
}

.slicknav_nav ul.main-menu li:first-child{
border: none;
}

.slicknav_menu ul.main-menu ul.children li a:hover{
background: #d0112b;
color:#fff;
}

.js .slicknav_menu li:hover{
background: inherit;
}

.js .slicknav_menu ul.main-menu ul li a{
padding: 0px;
margin: 0px;
line-height: inherit;
}

.slicknav_menu .menu-block-wrapper > ul.main-menu{
padding: 0px !important;
}

.slicknav_nav ul.menu li,
.slicknav_nav ul.menu  ul.main-menu.menu li{
margin-top:6px;
margin-bottom:6px;
}

.slicknav_nav ul.menu  ul.main-menu.menu ul.menu li{
margin: 0px;
padding: 0px;
}

.js .slicknav_nav ul.menu ul.children{
margin-bottom:12px !important;
}

.slicknav_menu ul.main-menu .active{
font-weight: bold;
color:#fff;
}

.slicknav_nav ul.main-menu ul.main-menu{
position: relative;
border: 0px;
box-shadow: none;
visibility: visible;
opacity: 1;
}

}

div#navigation{
border:none;
background:#d0112b;
}

nav#main-menu{
position: relative;
height:54px
}

.main-menu{
display: inline-block;
z-index: 500;
border:none;
background:#d0112b;
}

nav#main-menu ul.menu{
padding-left:0px;
margin-bottom:0px;
}

.main-menu > li{
float:left;
display: block;
z-index: auto;
vertical-align: middle;
padding: 0px 20px;
margin: 0px;
height: 54px;
min-height: 54px;
line-height: 54px;
border-right:1px solid #a61025;
transition: background 0.1s linear;
}

ul.main-menu li:first-child{
border-left:1px solid #a61025;
}

ul.main-menu ul li{
height: initial;
min-height: initial;
line-height:initial;
border:none !important; 
}

ul.main-menu > li > a {
font: 500 16px/20px "Roboto",Helvetica,Arial,Verdana,sans-serif;
color: #FFF;
text-transform: none;
position: relative;
vertical-align: baseline;
font-weight: bold;
position: relative;
z-index: 510;   
display: inline-block;
padding: 4px 0px 3px;
border: 1px solid transparent;
text-decoration: none;
text-align: left;
}

ul.main-menu  li:hover {
background: #fff;
}

ul.menu.main-menu > li:hover > a{
color:#d0112b; 
}

nav#main-menu ul ul li a:hover,
nav#main-menu ul ul li a{
border-top:none;
border-bottom:none;
}

ul.main-menu ul.main-menu{
border: 1px solid #ddd;
border-radius: 0 0 3px 3px;
opacity: 0;
position: absolute;
transition: all .3s ease .15s;
visibility: hidden;
left:0px;
top:100%;
}

ul.main-menu  ul.main-menu{
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
background-color: #FFF;
padding: 10px 0px;
}

ul.main-menu  li.is-expanded:hover  ul.main-menu {
opacity: 1;
overflow: visible;
visibility: visible;
}

ul.menu ul.menu.children a:hover{
background-color: rgba(58, 58, 58, 0.07);
color: #d0112b;
}

nav#main-menu ul.menu ul.menu li a {
position: relative;
vertical-align: baseline;
}

ul.main-menu ul li a {
padding-top: 9px;
padding-bottom: 9px;
font: 500 12px/16px "Roboto",Helvetica,Arial,Verdana,sans-serif;
text-transform: none;
color: #3A3A3A;
display: block;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
margin: 0px 0px 2px -1px;
padding: 7px 30px 7px 10px;
font-weight: 400;
text-align: left;
text-decoration: none;
line-height: 20px;
}

ul.main-menu.menu ul.menu li{
display: block;
position: relative;
padding: 0px 10px;
margin:0px;
height:100%;
}

ul.menu ul.menu ul.children li{
padding: 0px 0px;
}

ul.main-menu a.group-title-link{
font-weight:bold;
font-size:16px;
background:none;
}

a.nolink{
cursor: default;
}

main a:visited{
color:inherit;
}

.boxes a:visited{
color:#fff;
}

/* end nav */

/* slideshow*/
#main-slideshow{
margin-bottom:12px;	
}

.user-group-main-page #main-slideshow{
margin-bottom:0px;	
}

#main-slideshow .views-slideshow-cycle-main-frame-row-item img{
width:100%;
}

.views_slideshow_cycle_main {
width: 100%;
position: relative;
width: 100%;
height:100%;
overflow:hidden;
}

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
width: 100% !important;
height: auto;
}

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
width: 100% !important;
height: auto;
}

.views_slideshow_cycle_main .field-content {
max-width: 100%;
width: 100%;
}

.views_slideshow_cycle_main .field-content img {
max-width: 100%;
width: 100%;
height: auto;
margin: 0;
padding: 0;
}

#main-slideshow:hover .views-slideshow-controls-top{
visibility: visible;
}

.views-slideshow-controls-top{
position: relative;
z-index: 10;
text-indent: -9999px;
width:100%;
visibility: hidden;
}

.views-slideshow-controls-text-pause,
.views-slideshow-controls-text-previous,
.views-slideshow-controls-text-next{
display: none;
}

.views-slideshow-controls-bottom{
position: relative;
display:block !important;
visibility:visible !important;
z-index:99;
}

.views-slideshow-controls-bottom .widget_pager{
position: absolute;
top:-50px;
right:49%;
z-index: 9;
}

.views-slideshow-controls-bottom .views-slideshow-pager-field-item{
border:2px solid #fff;
box-shadow: 0px 0px 10px #999;
margin:2px;
text-indent:-9999px;
width:16px;
height:16px;
border-radius:10px;
display: inline-block; 
}

.views-slideshow-controls-bottom .views-slideshow-pager-field-item:hover{
background:#d0112b;
border:2px solid #d0112b;
}

.views-slideshow-controls-bottom .views-slideshow-pager-field-item.active{
background: #fff;
border:2px solid #fff;
}

#main-slideshow .all_news{
position: absolute;
top:-50px;
right: 20px;
z-index: 999;
color:#fff;
text-decoration:none;
text-shadow: 0px 0px 3px #000;
}

#main-slideshow .all_news:hover{
color:#000;
text-shadow: 0px 0px 3px #fff; 
}

#main-slideshow .view-footer{
position: relative;
}

/* banner */
.banner{
overflow:hidden;
margin-bottom:12px;	
}

.banner .banner-60yil{
background: #d0112b;
padding:0px;
border:1px solid #a61025;
width:100%;
}

.banner .banner-odtuden{
background:#f2f2f2;
border:1px solid #ccc;
padding: 16px;
width:100%;
}

/* little boxes on the hill side */
.boxarea{
overflow:hidden;
}

.boxes{
height:162px;
position: relative;
}

.boxes-1,
.boxes-2,
.boxes-3,
.boxes-4{
background-size: cover;
}

.boxes-1{
background:url(../images/box_1.jpg) top center;
background-size: cover;
}

.boxes-2{
background:url(../images/box_2.jpg) top center;
background-size: cover;
}

a.box-title{
position: absolute;
display: block;
width: 100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.78) 79%, rgba(0,0,0,0.78) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 79%,rgba(0,0,0,0.78) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.78) 79%,rgba(0,0,0,0.78) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#c7000000',GradientType=0 );
color:#efefef;
padding-top:36px;
font-size:18px;
line-height: 36px;
overflow: hidden;
text-align: center;
bottom: 0px;
text-decoration:none;
z-index:10;
}

.boxes-4 a.box-title{
text-align: left;
padding-left:12px;
}

a.box-title:hover{
color:#fff;
}

.instagram-image{
display: block;
width: 100%;
height: 162px;
position: relative;
background-position: center !important;
background-size: cover !important;
overflow: hidden;
}

.instagram-caption{
display:block;
background: rgba(2555, 255, 255, 0.8); 
bottom: 0px;
position: absolute;
color:#000;
padding: 10px;
display:none;
}

.instagram-like{
position: absolute;
color:#fff;
display: block;
right:12px;
bottom:6px;
z-index:11;
}

.instagram-like i.fa{
color:#fff;
}

.instagram-like i.count{
font-size:14px;
}


/* servisler ve haberler */
.service{
position: relative;
overflow: hidden;
background: #f2f2f2;
padding: 6px;
margin-top:12px;
padding-bottom:12px;
}

.news{
padding: 6px 12px;
margin-top:12px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
background:#fff;
}

.service h4,
.news h4{
color:#333;
margin-left:10px;
text-transform: uppercase;
border-bottom: 1px solid  #efefef;
padding-bottom:12px;
margin-left:0px;
}

.service .servis-baslik{
text-align: center;
display: block;
font-size:14px;
line-height: 120%;
}

.service h2.pane-title,
.news h2.pane-title{
color:#333;
margin-left:10px;
margin-top:10px;
text-transform: uppercase;
border-bottom: 1px solid  #ccc;
padding-bottom:12px;
font-size:18px;
}
.service a{
text-decoration:none;
}

.service .read-all-link a{
position: absolute;
top: -47px;
right: 6px;
color:#333;
text-decoration: none;
}

.service .read-all-link a:hover{
color:#000;	
}

.service img{
background: #fff;
transition: background 1s ease;
border-radius: 180px;
border: 4px solid #efefef;
width: 80%;
}

.service img:hover{
background: #f2f2f2;
border-radius: 180px;
}

.service .text-center{
margin-bottom: 18px;
}

/* footer */

#footer ul,
#footer p{
font-size: 14px !important;
line-height: 140%;
}

#footer,
#footer div{
color:#efefef;
background: #404041;
}

#footer{
padding-top:36px;
/*padding-bottom:36px;*/
}

#footer .wi{
padding-top:12px;
font-size:48px;
}

#footer a:hover{
color:#fff;
}

#footer  h2.block__title{
padding: 0px;
margin: 0px;
font-size: 16px;
color:#efefef;
border-bottom:1px solid #555;
padding-bottom:6px;
text-transform: uppercase;
display:inline-block;
}

#footer  .menu a{
color: #ccc;
}

#footer  .menu{
padding: 0px;
margin-top:6px;
}

#footer  .menu li{
display: block; 
}

#footer div.inline-links ul.menu li{
display: inline-block;
margin-left:12px;
margin-right:12px;
}

#footer div.inline-links ul.menu{
border-top:1px solid #555;
}

#footer div.inline-links ul.menu{
padding: 12px 0px;
margin: 0px;
margin-top:36px;
}

.copyright{
background:#212121;
color:#999; 
font-size:12px;
line-height: 160%;
padding-top:6px;
padding-bottom:6px;
}

.footer-icons{
list-style: none;
margin: 0px;
padding: 0px;
}

.footer-icons li{
display: inline-block;
margin-top:36px;
margin-left:10px;
}

.footer-icons img{
max-width: 58px;
width:100%;
vertical-align: center;
display: inline-block;
}

.footer-icons span{
display: block;
text-align: center;
color:#efefef;
padding-top:6px;
}

.feedback{
bottom: 0px;
right: 10px;
position: fixed;
width: 110px;
height: 24px;
line-height:24px;
z-index: 999;
background: #68bc39;
color:#fff;
text-align: center;
font-size: 9px;
}

.feedback a{
color:#fff;
text-shadow: 1px 1px 1px #333;
display: inline-block;
}

.feedback a:hover{
text-decoration: none;
color:#fff;
}

/* subpages */
#cover-image img{
width: 100%;
}

#cover-title {
position: absolute;
bottom: 0px;
color:  #d0112b;
text-shadow: 0px 3px 5px #fff;
background-color: rgba(255, 255, 255, 0.85);
font-size:22px;
padding: 6px 12px;
margin: 0px;
overflow: hidden;
width: 100%;
}

/* wenform title*/
.node-type-webform #cover-title{
position: relative !important;
top:0px;
padding: 0px;
margin: 0px;
margin-top:24px;
padding-left:6px;
}

#cover-image{
position: relative;
margin-bottom:24px;
}

#cover-image .container{
padding-right:18px;	
}


/* sidebar */
.sidebar{
border-right:2px solid #d0112b;
margin-right:12px;
text-align:left;
margin-bottom: 12px;
overflow: hidden;
}

.sidebar h2{
font-size: 20px;
color:#d0112b;
}

.sidebar .pane-title{
margin-top:0px;
}

.sidebar ul{
padding:0px;
list-style:none;
}

.sidebar ul.menu{
padding-right:12px;
}

.sidebar ul a{
color:#333;
text-decoration: underline;
}

.sidebar ul a:hover{
text-decoration: none;
}

.menu-level-2 a.active-trail.active{
color: #d0112b;
text-decoration:none;
font-weight:500;
}

.sidebar ul.menu li{
display: block;
border-bottom:1px solid #efefef;
padding:3px 0px;
}

.sidebar ul li a{
color:#333; 
}

.sidebar ul.menu a{
text-decoration: none;
}

.sidebar ul.menu a:hover{
font-weight:500;
}

/* lang switcher*/
.language-switcher-locale-url{
padding: 0px;
position: absolute;
right: 12px;
top:-40px;
top:-55px;
}

.col-md-12 .col-md-9 .language-switcher-locale-url{
top:-55px;
}

.language-switcher-locale-url li{
display: inline-block;
}

.language-switcher-locale-url a.active,
.language-switcher-locale-url .language-link.locale-untranslated{
display:none;
}

.node-type-webform .language-switcher-locale-url{
top:-50px;
}


/* details */
.pane-node-updated{
float: left;
font-size:12px;
color:#666;
}

.pane-node-updated h2.pane-title{
color:#666;
font-size:12px;
font-weight: 500;
display: inline-block;
margin: 0px;
}

.share-links{
clear: both;	
}

.details .share-links{
float:left;
margin-right:6px;
}

.details{
clear: both;
overflow: hidden;
margin-bottom:12px;
}

.share-links .fb_iframe_widget,
.share-links .fb_iframe_widget span{
vertical-align: top !important;	
}

.share-links iframe{
min-width: inherit;
}


/* user group panel pages */
body.user-group-main-page .service{
margin-top: 0px;
margin-bottom: 12px;
}

.user-group h2.pane-title{
font-size:18px;
margin-top:10px;
}

.user-group .service h2.pane-title{
text-align: center;
display: block;
border-color: #ccc;
padding: 0px 0px 12px 0px !important;
}

.user-group-main-page .user-group .service img{
width:inherit;
}

.box-shadow > div{
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2) !important;
}

.box-shadow h4.pane-title{
text-transform: uppercase;
}

.padding{
padding: 0px 12px;
}

.box-shadow .padding p{
margin: 0px;
}

.user-group ul{
padding: 0px;
text-align: left;
}

.user-group ul li{
display: block;

}

.user-group ul li a{
color:#1e85e2;
display: inline-block;
}

.user-group ul li a:hover{
font-weight:500;
color:#0069aa;
}

.user-group h4.pane-title,
.user-group h2.pane-title{
border-bottom:1px solid #ccc;
color:#333;
padding:6px 0px;
display: inline-block;
}

.user-group h2.user-group-main-title{
text-transform: uppercase;
display: block;
}

.page-all-services .user-group ul{
columns: 4;
-webkit-columns: 4;
-moz-columns: 4;
}

.page-researchers iframe{
height:360px;
}

.filter{
margin-right:12px;	
}

mark, .mark {
background-color: #fffbb3;
}

iframe {
min-width: 100%; 
width: 100px;
*width: 100%; 
}

/* social network page */
table.social-table{
width:100%;
}

table.social-table td{
border-bottom:1px solid #f2f2f2;
border-right:1px solid #f2f2f2;
padding:3px;
text-align:center;
}

table.social-table tr:hover{
background:#f2f2f2;
}

table.social-table tr.baslik:hover,
table.social-table tr.kategori:hover{
background:#fff;
}


table.social-table td:first-child{
text-align:left;
}

table.social-table td img{
vertical-align:middle;
width:28px;
}

table.social-table strong{
color:#d0112b;
}

#maincontent #readspeaker_button1{
margin-bottom:10px;
}

.pane-block-4{
overflow: hidden;
}

/* scroll to top */
/* https://codyhouse.co/gem/back-to-top/ */
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 30px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(51, 51, 51, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #333;
opacity: 1;
}

@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 30px;
}

.feedback{
right: 20px; 
}
}

@media only screen and (min-width: 1024px) {
.cd-top {
height: 40px;
width: 40px;
right: 30px;
bottom: 30px;
border:1px solid #555;
}

.feedback{
right: 30px; 
}
}

/* gallery */
.field-gallery-upload-images{
width: 12%;
}

.field-gallery-upload-images{
margin:1%;
overflow: hidden;
float:left;
}

/* video list*/
.html-list ul{
list-style: none;
padding: 0px;
margin: 0px;
margin-bottom:12px;
}

.html-list ul li{
overflow: hidden;
display:block;
vertical-align: top;
border-bottom:1px solid #efefef;
padding-bottom:3px;
padding-top:3px;
}

.html-list ul li a{
display:block;	
}

.html-list ul li a img{
width:12%; 
display: block;
float: left;
margin-right:12px;
}

.user-group .html-list ul li a img{
width:25%; 
}

span.play-button{
position:absolute;
width:36px;
height:36px;
top:40%;
left:47%;
background:url(../images/play.svg) no-repeat; 
-webkit-filter: drop-shadow( 0px 0px 3px rgba(0, 0, 0, 0.50));
filter: drop-shadow( 0px 0px 3px rgba(0, 0, 0, 0.50)  );
}

/* GKK sayfası */
h3.main_header_title{
font-size:16px;
color:#333;
}

.second_header{
font-size:14px;
display:block;
margin-bottom:10px;
color:#333;
}

.item_logo img{
width:300px; 
}

.item_logo{
width:300px; 
height:90px;
border:1px solid #ccc;
float:left;
display:block;
background:url(../images/transparent.jpg) repeat;
margin:3px;
}

.logo_list{
margin-top: 24px;
overflow:hidden;
}

.section-gkk .field-body p img ~ strong,
.section-gkk .field-body  img ~ a{
margin-left:6px;
}


/* form */
#webform-component-captcha{
display:none;	
}

main strong{
font-weight: 500;
}

main table.genel{
margin:0px;	
}

table.genel{
width:100%;
}

table.genel a{
color:#1e85e2; 
}

table blockquote,
.field-body blockquote{
margin: 0px;
margin-bottom:6px;
padding: 0px;
padding-top:6px;
border: 0px;
font-size: inherit;
}

table.genel ul{
margin-top:5px;
margin-bottom:5px;
}

table.genel ul li{
list-style-type:disc;
}

table.genel .tbleftbold{
background:#ddd;
border:1px solid #ccc;
font-weight:500;
color:#343434;
text-align: center;
}

table.genel .tbl1{
background:#ddd;
border:1px solid #ccc;
font-weight:500;
color:#343434;
padding:5px;
}

table.genel .tbleft{
background:#efefef;
color:#000;
border:1px solid #ccc;
padding:5px;
padding-left:10px;
font-weight:500;
text-align: left;
}

table.genel .tbright{
background:#f7f7f7;
color:#000;
border:1px solid #ccc;
padding:3px;
padding-left:10px;
font-weight:normal;
text-align:left;
}

.section-forms-documents table .tbleftbold,
.section-formlar-ve-belgeler table .tbleftbold{
text-align: left;
padding-left:6px;
}

.arsiv img{
max-height: 190px;
border:1px solid #ccc;
max-width: 220px;
}

.arsiv h5{
text-align: center;
}

.arsiv td{
text-align: center;
}

.arsiv a{
display: block;
}

.arsiv a ~ a{
font-size:12px;
margin-top:6px;
color:#666;
}

/* org chart with mobile*/
@media only screen and (min-width: 1024px) {
div.org-chart{
width:100%;
background:url(../images/org-sema-bg.png) no-repeat;
overflow:hidden;
text-align: left;
line-height: 100%;
}

div.org-chart a{
color:#000;
}

div.chart_col{
width:175px;
width:177px;
height:67px;
background:#e6e6e6;
color:#4b4b4b !important;
font-size:11px;
border:1px solid #b2b2b2;
display:inline-block;
margin-top:3.1px;
margin-bottom:3px;
padding-right:4px;
}

div.chart_col_a{
width:172px;
width:177px;
height:84px;
background:#e6e6e6;
color:#4b4b4b !important;
font-size:11px;
border:1px solid #b2b2b2;
display:inline-block;
margin-top:4px;
margin-bottom:3px;
padding-right:4px;
}

div.chart_text{
padding-left:7px;
padding-left:2px;
}


div.chart_text a{
text-align:left !important;	
}

div.chart_text h2{
margin:0px;
margin-top:3px;
font-size:11px;
line-height:15px;
}

div.chart_col_small{
width:135px !important;
height:40px !important;
border:1px solid #b2b2b2;
background:#e6e6e6;
font-size:11px;
margin-left:90px;
margin-bottom:13px;
margin-top:13px;
color:#4b4b4b;
}

div.level_1{
margin-top:339px;
width:247px;
float:left;
}

div.level_2{
float:left;
width:189px;
margin-top:73px;
margin-right:3px;
}

div.level_3{
float:left;
width:180px;
}

div.level_4{
float:left;
width:180px;
margin-top:370px;
margin-left:15px;
}

h2.rektor_text{
color:#cf0101;	
}
}

@media only screen and (max-width: 1023px) {
div.org-chart h2{
font-size:16px;
text-align: center;
font-weight: 500;
}

div.org-chart .chart_col_small h2{
color:#333;
text-transform: uppercase;
font-weight: 700;
}

div.org-chart span{
color:#333;
text-align: center;
display: block;
border-bottom: 1px solid #efefef;
padding-bottom: 6px;
}

div.org-chart a{
text-decoration: none;
} 

div.org-chart a > h2{
color:#d0112b;
margin: 6px;

}

div.org-chart h2.rektor_text ~ span b{
font-weight: normal;
color:#333;
}
}


/* navigation responseive */
@media screen and (max-width: 1023px) { 
#header {
position: relative;
}

#header .darkbar .social-media{
float:left !important;
clear: both !important;
}

#header .darkbar .social-media a{
background: none;
margin: 0px;
padding: 0px;
width: 24px;
height: 24px;
line-height: 24px;
}

#header .darkbar .social-media a:hover{
color:#ccc; 
}

#header .darkbar .language{
float:right !important; 
}

#header .darkbar .language ul{
margin: 0px;
padding: 0px;
}

#header .darkbar .search{
width: 100%;
}

#header .darkbar .search .input-group{
max-width:100%;
}

#header .branding .slogan{
text-align: center;
float: none;
clear: both;
margin:0px;
padding:0px;
width:100%;
font-size:14px;
}

#header .branding  .campus-list{
width:100%;
text-align: center;
}

#header .branding  .campus-list a{
padding:0px 6px;
margin-top:6px;
margin-left:0px;
border-radius: 6px;
}

#header .branding{
padding: 24px 0px;
}

.pane-node-updated{
margin-bottom:0px;
}

.pane-node-updated h2.pane-title{
padding: 0px;
margin: 0px;
}

div#navigation{
border:0px !important;
}

#logo{
width: 100%;
height: 100%;
min-width: 210px;
}

.i18n-en #logo{
width:100%;
min-width: 160px;	
}

.footer-icons li{
margin-top:6px;	
}

.footer-icons{
margin-top:24px;	
}

.col-md-12 .col-md-9 .language-switcher-locale-url{
top:-40px;
}

.banner .banner-odtuden{
padding: 10px 180px;
}

}

@media  (max-width: 768px) {
#header .darkbar .user-menu ul li{
font-size:12px;
padding: 0px 6px;
}

.i18n-tr #header .darkbar .user-menu ul li{
padding: 0px 4px;	
}

#header .darkbar .language a{
font-size:12px;
}

.footer-icons li{
margin-top:0px;
margin-bottom:3px;
margin-left:3px;
}

#footer  h2.block__title{
padding:0px;	
}

.footer-icons img{
max-width: 32px;
}

#footer .wi{
font-size: 24px;
}

#footer div.col-md-1 p.text-center{
font-size: 12px !important;
}

#main-slideshow .all_news,
.views-slideshow-controls-bottom .widget_pager{
top:-25px;
}

.banner .banner-odtuden{
padding: 10px 90px;
}

}


@media (min-width:992px) and (max-width: 1199px){
.servis-baslik{
min-height:53px;
}
}

@media  (max-width: 440px) {
.col-xs-6:nth-child(2n+1){
clear: both;
}
}

.page-node-1864 .field-body span small,
.page-node-1863 .field-body span small{
    text-align: center !important;
    width: 100% !important;
    display: inline-block;
    margin: 0 auto;
    margin-top:5px;
    margin-bottom:15px;
    color:#666;
    line-height: 18px;
}


.page-node-1864 .field-body  a,
.page-node-1863 .field-body a{
color:#337ab7;
text-decoration: underline;
}

.page-node-1863 .field-body .col-sm-3,
.page-node-1863 .field-body .col-sm-4,
.page-node-1863 .field-body .col-sm-5,
.page-node-1863 .field-body .col-sm-6,
.page-node-1863 .field-body .col-sm-7
.page-node-1863 .field-body .col-sm-8,
.page-node-1863 .field-body .col-sm-9,
.page-node-1863 .field-body .col-sm-10,
.page-node-1863 .field-body .col-sm-12{
padding-left:15px;
padding-right: 15px;
}

.page-node-1864 .field-body .col-sm-3,
.page-node-1864 .field-body .col-sm-4,
.page-node-1864 .field-body .col-sm-5,
.page-node-1864 .field-body .col-sm-6,
.page-node-1864 .field-body .col-sm-7
.page-node-1864 .field-body .col-sm-8,
.page-node-1864 .field-body .col-sm-9,
.page-node-1864 .field-body .col-sm-10,
.page-node-1864 .field-body .col-sm-12{
padding-left:15px;
padding-right: 15px;
}