html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

table{border-collapse:separate; border-spacing:0; margin:0 0 15px 0}

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

table, td, th{vertical-align:middle}

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

blockquote, q{quotes:""""}

a img{border:none}

*:focus{outline:0}

root{    display:block}

body{    width:1024px;     margin:0 auto;     height:100%;     font-family:Arial}

p{    margin:0;     padding:0}

textarea{    resize:none;     font-size:13px;     overflow:hidden}

.clear{    clear:both}

#header{    display:block;     height:100px;     width:900px;     margin:0 auto; margin-top: 166px !important;}

.header_nav{    list-style:none;     display:block;     height:20px}

.header_nav li{    float:left;     margin-right:10px;     height:20px;     line-height:20px}

.header_nav li a{    text-decoration:none;     outline:none;     color:#b4b4b4;     font-size:13px}

.header_nav li a.current{    color:#646464}

.header_nav a:hover{    color:#646464}

.sf-menu >li >a{    font-size:15px !important}

.sub-menu{    visibility:hidden;     list-style-type:none;     padding:0;     margin:0}

.sub-menu li{    clear:both}

#header h1{    color:red;     font-size:20px;     width:350px;     float:left;     margin-bottom: 10px; margin-top: 20px; }

.gallery{    height:450px;     margin-top:5px;     margin-bottom:0;     margin-left:auto;     margin-right:auto;     background-image:url('images/gallery_bg.gif')}

.gallery div{    width:900px !important;     margin:0 auto !important}

.qtranxs_language_chooser{    float:right}

.qtranxs_language_chooser{    list-style-type:none; height:20px; display:block; font-size:15px; margin-top: 20px; }

.qtranxs_language_chooser li{    float:left;     width:30px;     margin:4px 0}

.lang-el{    border-right:1px solid #b4b4b4}

.qtranxs_language_chooser li a{    text-decoration:none;     outline:none;     color:#aaa}

.lang-en{    margin-left:5px !important}

.mainContent{    width:900px;     min-height:480px;     margin:0 auto; margin-top: 50px; display: flex; flex-wrap: wrap;}

.wpcf7{    width:210px;     float:left;     margin-left:235px !important}

.contact-info{    width:280px;     float:right;          color:#646464}

.contact-info h2{    font-size:14px;     height:40px;     line-height:40px;     margin-bottom:10px}

.contact-info p{    font-size:11px;     height:40px;     line-height:40px;     width:300px;     margin-bottom:10px}

.wpcf7 input[type=text]{    border:0px none;     background:url('images/input.png') 0 0 no-repeat;     padding:4px;     width:200px;     height:24px;     display:block;     color:#646464}

.wpcf7 textarea{    border:0px none;     background:url('images/textarea.png') 0 0 no-repeat;     padding:4px;     width:200px;     height:279px;     display:block;     font-family:Arial;     color:#646464}

.send-el input[type=submit]{    margin:10px 0 0 0 !important;     border:none;     font-size:12px;     background:url('images/btn_el.png') 0 0 no-repeat;     width:100px;     height:39px}

.send-en input[type=submit]{    margin:10px 0 0 0 !important;     border:none;     font-size:12px;     background:url('images/btn_en.png') 0 0 no-repeat;  width:100px;  height:39px}

.wpcf7 p{ min-height:40px}

span.wpcf7-not-valid-tip{ top:-10px !important;  left:10px !important;  width:285px !important}

div.wpcf7-validation-errors{ border:none !important}

.mainContent p{ margin-bottom:10px;  font-size:12px}

.publication_item{ float:left;  width:160px;  display:block;  margin-right:10px;  min-height:200px;  height:100%;  background-size:160px 200px; padding-bottom: 10px;}

.publication_item a{ margin-top:155px;  width:160px;  height:45px;  display:block;  color:white;  text-align:right;  background-color:black;  font-size:12px;  text-decoration:none}

.pub_first{ opacity:0;  filter:alpha(opacity=0)}

.publication_thumbs{ margin-top:10px !important;  width:70px !important;  height:70px !important;  float:left;  display:block}

.publication_thumbs img{ width:70px !important;  height:70px !important}

.publication_item img{ height:70px;  width:70px;  float:left}

.publications-pagination{ width:800px;  height:20px;  display:block;  float:right;  text-align:right;  margin-top:5px}

.publications-pagination .current{ color:#646464;  margin:0 2px}

.publications-pagination a{ color:#b4b4b4;  text-decoration:none;  outline:0px;  margin:0 2px}

.project_item{ float:left;  width:150px;  height:144px;  display:block;  margin-right:10px;  margin-bottom:10px}

.project_item img{ height:127px;  width:170px;  border:1px solid black}

.project_item a{ margin-top:110px;  width:150px;  background-color:black;  padding-top:2px;  height:32px;  color:white;  text-align:center;  display:block;  opacity:0;  filter:alpha(opacity=0);  overflow:hidden;  font-size:11px;  text-align:right;  text-decoration:none;  outline:none}

.project-pagination{ float:right;  display:block;  width:800px;  text-align:right}

.project-pagination .current{ color:#646464;  margin:0 2px}

.project-pagination a{ color:#b4b4b4;  text-decoration:none;  outline:0px;  margin:0 2px}

.project-info{ float:right;  width:240px;  display:block;  color:#646464}

.project-info h2{ margin-bottom:10px}

.current-menu-item >a{ color:#646464 !important}

.news_item{ display:block;  height:150px;  margin-bottom:10px}

.news_item div{ float:left;  margin-right:20px;  width:100px;  font-size:14px;  color:#b4b4b4}

.news_item img{ float:left;  margin-right:20px}

.news_item a{ float:left;  color:#b4b4b4;  font-size:14px;  text-decoration:none;  outline:none;  width:600px}

.news_item a:hover{ color:#646464}

.scroll_wrap{ height:496px;  width:430px}

.full-width p{ width:411px}

.full-width img{ float:right;  max-width:350px}

.all_project-categories{ width:100px;  float:left;  padding-top:20px}

.all_project-categories ul{ list-style-type: none}

.all_project-categories a{ font-size:14px;  color:#b4b4b4;  text-decoration:none;  outline:none}

.all_project-categories a:hover{ color:#646464}

.all_project-view{ width:800px;  float:right;  height:23px;  display:block}

.all_project_thumbs{ display:block;  width:800px;  float:right}

.all_project_list{ display:none;  width:800px;  float:left}

.all_project_list ul{ margin-top:20px;  margin-left:30px}

.all_project_list li{ color:#b4b4b4}

.all_project_list li:hover{ color:#646464}

.all_project_list a{ font-size:14px;  color:#b4b4b4;  text-decoration:none;  outline:none}

.all_project_list a:hover{ color:#646464}

.all_project-view a, .all_project-view{ font-size:14px;  color:#b4b4b4;  text-decoration:none;  outline:none}

.all_project-view a:hover{ color:#646464 !important}

.project-info ul{ list-style:none}

.project-info li{ float:left;  margin-right:5px}

.project-info-text{ height:auto;  display:block}

.project-info li a{ text-decoration:none;  outline:none;  color:#b4b4b4}

.project-info li a:hover{ color:#646464}

#project_photo_cnt{ width:600px;  height:300px;  display:block;  float:left}

#footer{ height:20px;  text-align:right;  display:block;  font-size:12px;  color:#b4b4b4;  margin:0px auto 0 auto;  width:900px}

#footer a{ text-decoration:none;  outline:none;  color:#b4b4b4}

#footer a:hover{ color:#646464}

.selected{ width:280px !important;  margin-right:20px !important;  margin-bottom:20px !important}

.selected a{ width:280px !important;  font-size:16px !important}

.exhibition_item{ width:200px;  height:200px;  display:block;  margin-right:10px;  float:left}

.exhibition_item_video{ width:200px;  height:200px;  display:block;  margin-right:10px;  float:left}

.exhibition_item a{ width:200px;  height:30px;  display:block;  margin-top:170px;  color:white;  outline:none;  text-decoration:none;  font-size:13px;  background-color:black;  opacity:0;  filter:alpha(opacity=0);  text-align:right}

.exhibition_item_video a{ width:200px;  height:30px;  display:block;  margin-top:170px;  color:white;  outline:none;  text-decoration:none;  font-size:13px;  background-color:black;  opacity:0;  filter:alpha(opacity=0);  text-align:right}

.all_project_list_table{ text-align:left}

.all_project_list_table thead{ font-size:14px !important;  color:#b4b4b4 !important}

.all_project_list_table tbody tr{ background-color:white}

.all_project_list_table tbody tr:hover{ background-color:#b4b4b4}

.all_project_list_table tbody td{ border-top:1px solid #d1d1d1;  display:table-cell}

.all_project_list_table tbody a{ font-size:11px !important;  color:#646464 !important;  width:100% !important;  height:100% !important;  display:block;  line-height:20px}

.all_project_list_table tbody a:hover{ color:#646464 !important}

.table_center{ text-align:center}

#jquery-overlay{ width:100% !important;  height:100% !important;background-color: #FFFFFF !important;}

.unlink:cover{ background-color:white}

.collaboration{ margin-top:50px;  width:78px;  display:none;  height:350px}

.collaboration p{ font-size:9px;  color:#a4a4a4}

.news-photos{ width:200px;  float:right;  display:block}

.news-photos a{ width:150px;  display:block}

.col-table{ font-size:12px}

.selected-a{ color:#646464}





.single-teaching { max-width: 550px; margin: 0 auto; margin-top: 50px;}

.single-teaching p { margin: 20px 0px; font-size:12px; }

.single-teaching img, .single-teaching p img { width: 100%; }

.single-teaching h1, .single-teaching h2, .single-teaching h3, .single-teaching h4, .single-teaching h5, .single-teaching h6 { text-align: center; margin: 15px 0px; }

.single-teaching h1 { font-size: 40px; }

.single-teaching h2 { font-size: 36px; }

.single-teaching h3 { font-size: 30px; }

.single-teaching h4 { font-size: 26px; }

.single-teaching h5 { font-size: 20px; }

.single-teaching h6 { font-size: 16px; }



.category-teaching #header { margin-top: 166px !Important; }

.single-teaching-preface { float: left; display: block; margin-right: 10px; margin-bottom: 10px; position: relative; }

.single-teaching-thumbnail { position: relative; }

.single-teaching-info { position: absolute; bottom: 0; width: 100%; height: 35px; opacity: 0; filter: alpha(opacity=0);

    -webkit-transition: opacity 0.3s ease;

    -moz-transition: opacity 0.3s ease;

    -ms-transition: opacity 0.3s ease;

    -o-transition: opacity 0.3s ease;

    transition: opacity 0.3s ease;

}

.single-teaching-info.visible { opacity: 1; }

.single-teaching-info a { background-color: black; padding-top: 2px; color: white; display: block; overflow: hidden; font-size: 11px; text-align: right;text-decoration: none; outline: none; height: 35px; }

.theSlider { width: 60%; float: left; }



article.singleProject { position: relative; float: left; }

article.singleProject .mainSlider { width: 60%; float: left; }

article.singleProject .mainSlider .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: 0px solid #fff; left: 0px; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }

article.singleProject .project-info { width: 30%; }

article.singleProject .sliderPager { width: 30%; right: 0; bottom: 14px; position: relative; float: right; }

article.singleProject .bx-wrapper { margin: 0 auto 0px; }



#bx-pager a { float: left; width: 20%; margin: 9px 9px 0px 0px; 

    border: 2px solid transparent; 

    -webkit-transition: border 0.2s ease;

    -moz-transition: border 0.2s ease;

    -ms-transition: border 0.2s ease;

    -o-transition: border 0.2s ease;

    transition: border 0.2s ease;

}

#bx-pager a:hover { border: 2px solid #600;}

#bx-pager a img { width: 100%; }



ul.bxslider li a span { color: #646464; float: right; font-size: 12px; }

.teaching-archive { float: left; margin-left: 63px; margin-top: 50px; }

.lb-number, .lb-nav, .lb-details { display: none !important; }



@media (min-width: 1024px) and (max-width: 1366px) {

    #header { margin-top: 20px !important; }

    .category-teaching #header { margin-top: 20px !Important; }

}