@font-face {
  font-family: gothic;
  src: url('https://robotis.gr/fonts/GOTHIC.ttf');
}
@font-face {
  font-family: gothic;
  src: url('https://robotis.gr/fonts/GOTHICB.ttf');
  font-weight:bold;
}
@font-face {
  font-family: gothic;
  src: url('https://robotis.gr/fonts/GOTHICI.ttf');
  font-style:italic;
}
@font-face {
  font-family: gothic;
  src: url('https://robotis.gr/fonts/GOTHICBI.ttf');
  font-weight:bold;
  font-style:italic;
}

html{margin:0;padding:0;width:100%;height:100%;}
body{margin:0;padding:0;width:100%;height:100%;background:#fff;color:#4d4d4d;font-family:'gothic',sans-serif;font-size:16px;}

p{margin:15px 0 15px 0;}
.link, a{text-decoration:none;cursor:pointer;outline:none;color:#3361ae;}
.link:hover, a:hover{text-decoration:none;outline:none;color:#000;}
a:active{outline:none;}
a img{border:none;}
ul, ol{margin:15px 0 15px 30px;}
ul {list-style-image:url("../images/layout/li.png");}
li {margin: 1px 0;}
hr{display:block;clear:both;height:1px;margin:20px 0;padding:0;border:none;background:#d0d0d0;}
small, .small{font-size: 90%;}
.very-small{font-size:80%;}
.full-width{width:100%;}
.max-width{max-width:100%;}
.v-top{vertical-align:top;}
.nowrap{white-space:nowrap;}
.uc{display:block;padding:80px 20px;text-align:center;font-size:30px;color:#C1C1C1;}
h1,h2,h3,h4,h5{font-weight:300;margin-bottom:0.5em;/*font-family:'Roboto Slab',serif;*/}
h1{font-size:2.2em;} h2{font-size:1.7em;} h3{font-size:1.4em;} h4{font-size:1.2em;} h5{font-size:1.1em;}
b, strong{font-weight:700;}
.msg{display:block;margin:10px 0;padding:8px 14px;color:#fff;background:#b0b1b3;text-align:center;border-radius:5px;}
.img-left{float:left;margin:0 20px 10px 0;}
.img-right{float:right;margin:0 0 10px 20px;}
.relative{position:relative;}
.no-gutter > [class*='col-']{padding-right:0;padding-left:0;}

.content {padding-bottom:30px;min-height:50vh;margin-top:125px;color:#000;line-height:1.5}
.page-content{text-align:justify}

.overlay{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);transition:0.3s;}
.wrap{display:block;position:relative;width:100%;padding:40px 0;background:#fff;}

.wrap.header-wrap{padding:20px 0;position:fixed;top:0;left:0;box-shadow:0px 0px 15px rgba(0,0,0,0.3);z-index:1000;}
#logo-img{display:block;width:90px;float:left;margin:10px 15px 10px 0;}
#logo-title,#logo-subtitle{display:block;white-space:nowrap;line-height:1;}
#logo-title{color:#3361ae;font-size:120%;font-weight:bold;/*font-family:'Roboto Slab',serif;*/margin-top:20px;}
#logo-subtitle{margin-top:6px;color:#c93c3e;font-size:67%;font-weight:bold;}

.social-icons{position:absolute;right:15px;top:-10px;text-align:right;white-space:nowrap;}
.scrolled .social-icons{display:none;}
.social-icons a{display:inline-block;margin-left:10px;}
.social-icons .icon-svg{width:24px;height:24px;fill:#c93c3e;}
.social-icons a:hover .icon-svg{fill:#3361ae;}
.commons-share-wrap {margin-top: 0px;}
.social-icons .commons-share-wrap{white-space:normal;}

#menu{display:block;white-space:nowrap;text-align:right;margin-top:40px;}
#menu a{display:inline-block;margin-left:25px;color:#4e5066;/*font-family:'Roboto Slab',serif;*/font-weight:bold;letter-spacing:2px;font-size:90%;}
#menu a.selected , #menu a:hover{color:#3361ae;}

#mobile-menu{position:absolute;top:40px;right:20px;font-size:18px;text-align:right;}
.scrolled #mobile-menu{top:0px;}
#icon-menu{cursor:pointer;}
#mobile-menu-items{display:none;text-align:left;background:#fff;padding:10px 30px;}
a.mobile-menu-item{display:block;padding:10px 0;color:#c93c3e;}
a.mobile-menu-item:hover{color:#3361ae;}

.scrolled .wrap.header-wrap{padding:10px 0;}
.scrolled #menu{margin-top:5px;}
.scrolled #logo-img{width:45px;margin:0 5px 0 0;}
.scrolled #logo-title{font-size:120%;margin-top:0;}
.scrolled #logo-subtitle{margin-top:2px;font-size:67%;letter-spacing:0;}
.scrolled #logo-title br{display:none;}

.wrap.slide-wrap{padding:150px 0 0 0;height:350px;background:url('../images/layout/slide_bg2.jpg') no-repeat top left #82c8fa;background-size:cover;z-index:900;}
.slide-overlay{top:150px;height:200px;background:url('../images/layout/robotis_cut.png') no-repeat top right;background-size:contain;}
.slide-text{text-align:left;/*font-family:'Roboto Slab',serif;*/}
.slide-title{color:#c93c3e;font-size:120%;font-weight:bold;}
.slide-title span{font-size:70%;}
.slide-subtitle{margin-top:20px;color:#3361ae;font-size:150%;font-weight:bold;}
.slide-subtitle span{font-size:80%;}

.wrap.about-wrap{height:500px;margin-top:90px;background:#fff;color:#fff;background-image:url('../images/layout/robotis3.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;text-shadow:2px 2px 0px rgba(0,0,0,0.7);}
.about-overlay{background:none;padding:40px 0 0 40px; cursor: pointer;}

.wrap.home-news{background-color:#eaeaea;}

.home-block{text-align:center;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #c1c1c1;}
.home-block .icon-svg{width:90px;fill:#c93c3e;margin-bottom:10px;}
.home-block p{margin-bottom:40px;}
.small-sep{display:inline-block;width:40px;height:3px;background:#c93c3e;margin:5px auto;}
.home-block.news{text-align:left;}
.home-thumb{display:block;height:250px;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;border:1px solid #d9d9d9;}
.home-block .title{display:block;/*font-family:'Roboto Slab',serif;*/font-weight:bold;margin-top:10px;}

.input-line, #captcha, .cse-ums-input, .newsletter-input{display:inline-block;width:90%;padding:8px 14px;border:none;border:1px solid #c1c1c1;background:rgba(255,255,255,0.7);color:#888888;vertical-align:top;}

.button, input[type=submit]{display:inline-block;padding:15px 30px;font-size:13px;border:none;cursor:pointer;transition:background 0.7s, color 0.7s;border-radius:3px;background:#3361ae;color:#fff;text-align:center;}
.button:hover, input[type=submit]:hover{text-decoration:none;background:#c93c3e;color:#fff;}

.right-column .button{width:100%;}

#scroll-top{position:fixed;bottom:150px;right:20px;display:none;width:50px;height:50px;background-color:#c93c3e;border-radius:100%;transition:0.5s;/*transform:rotate(45deg);*/z-index:300;text-align:center;}
#scroll-top span{display:inline-block;margin-top:20px;width:15px;height:15px;border:0;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);}
#scroll-top:hover{background-color:#3361ae;transform:rotate(360deg);}
#scroll-top:hover span{width:20px;height:20px;}

#footer-wrap{padding:10px 0;background:#1b1b1b;color:#fff;}
#footer-wrap a{color:#fff;opacity:0.7;}
#footer-wrap a:hover{opacity:1;}

#exit-btn{display:block;position:absolute;top:0px;right:0px;border-radius:100%;width:32px;height:32px;line-height:32px;font-size:9px;font-weight:bold;background:#656565;color:#b4b4b4;}
#exit-btn:hover{background:#3361ae;color:#fff;}

.wrap.map-wrap{padding:0;}
#gmap {width:100%; height: 530px;  background-color: transparent; }
.gmap-content {width:280px; height: 90px;text-align:center;}
.gmap-content-link{display:inline-block;margin-top:15px;padding:3px 8px;border-radius:10px;background:#a9a9a9;color:#fff;font-size:80%;}
.gmap-content-link:hover{background:#595959;color:#fff;text-decoration:none;}

.stream-wrap{padding:30px 0;background-color:#3361ae}

/* stories */
.news-thumb,.news-thumb-small{display:block;width:100%;border:10px solid #e4e4e4;height:200px;margin-bottom:10px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#e4e4e4;}
.news-thumb:hover{/*border:1px solid #c93c3e;*/}
.news-block{margin-bottom:20px;}
.news-block p{padding:4px 0;}
.news-block-title{display:block;text-align:center;line-height:1.2;font-weight:bold;/*margin-bottom:10px;border-bottom:1px solid #fff;*/}
.gal3-thumb{display:inline-block;margin:5px;}
.gal3-thumb{width:120px;height:75px;border:1px solid #11304E;padding:5px;}
.gal3-thumb:hover, a:hover .news-thumb{border:1px solid #c93c3e;}
.gal3-link{display:block;width:100%;height:100%;border-radius:3px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;}
.news-block-date{color:#aaaaaa;font-size:11px;line-height:1.3;padding:0;font-style:italic;}
.news-title-read{font-size:22px;line-height:1.3;margin-bottom:5px;}
.news-block.article{padding:10px;background:#ebebeb;border-radius:5px;}
.news-block.article .news-block-title{line-height:1.3;font-size:120%;font-weight:bold;text-align:left;}
.news-block.article.short-list .news-block-title{font-size:100%;}
/*.news-block.article .news-thumb.default-thumb{display:none;}*/

.db-container, .download-attachments-container{padding:12px 20px;background:#e6e7e8;margin-bottom:15px;border-radius:10px;}
.db-info, .download-attachments-info{color:#868686;font-size:80%;font-style:italic;}
.db-img, .download-attachments-img{vertical-align:middle;}

.pager{color:#aaaaaa;font-size:80%;}
.selectorPager{display:inline-block;border:1px solid transparent;border-bottom:2px solid #c93c3e;cursor:pointer;font-size:130%;}
.pager a{display:inline-block;padding:2px 5px;text-align:center;line-height:1;font-size:130%;border-bottom:2px solid #c93c3e;color:#c93c3e;}
.pager a:hover{border-bottom:2px solid #333333;color:#333333;}

.wrap.social-media-wrap{background:#2160be;}

/* search */
#search {display: inline-block; padding: 1px 0 0 0; background: #fff; height: 28px;margin-right: 10px;}
#cse-ums-form {display:none;position:absolute;right:15px;top:-10px;}
.scrolled #cse-ums-form{display:none;}
.cse-ums-input{border: 0; width: 140px; height: 26px; background: #fff; padding:0 8px;  color: #163f7d;border-bottom:1px solid #3361ae;}
.cse-ums-submit {font-size: 0 !important; background: #fff url(../images/search_img3.png) no-repeat !important; border: 0; padding: 0 !important; height: 26px; width: 26px; padding:0px;cursor: pointer; vertical-align: 4px;}
#search-img {vertical-align: -5px; margin-right: 10px;}
#cse {width: 100%;}

.wrap.calendar-wrap{background:#163f7d;color:#fff;}
#cald h1{text-align:left;}
.cald-link{display:block;padding:5px 10px;border-radius:2px;background:#ededed;color:#6f6f6f;}
.cald-link:hover{background:#dcdcdc;color:#000;}
.cal-day-title{display:block;background:#c93c3e;color:#fff;padding:5px 10px;font-weight:bold;font-size:110%;margin-top:4px;text-shadow:1px 1px 3px #000;}
.cal-day-title:hover{background:#c93c3e;color:#fff;}
.cal-day-item{line-height:1.3;}
.cal-day-item .show-hide-content{padding-bottom:12px;}
table.cal-table{width:100%;border-collapse:separate;border-spacing:2px;}
.cal-table td{font-size:16px;text-align:center;padding:5px 0;width:62px;border:0;}
.cal-title{font-size:24px;}
.cal-days td{background:rgba(0,0,0,0.3);color:#fff;}
.cal-dates td{position:relative;background:rgba(255,255,255,0.3);color:rgba(0,0,0,0.3);font-weight:bold;}
.cal-dates td.active{cursor:pointer;background:rgba(255,255,255,0.5);color:#fff;}
.cal-dates td.active:hover{background:rgba(255,255,255,0.8);color:#000;}
.indicator{box-sizing:border-box;position:absolute;top:3px;right:3px;width:5px;height:5px;border:5px solid transparent;}
.cal-dates td.active .indicator{border-right-color:#c93c3e;border-top-color:#c93c3e;}
.cal-dates td.selected{background:rgba(255,255,255,1);color:#000;}
.cal-dates td.today{background:rgba(255,255,255,0.7);color:#000;}
.cal-dates td.today .indicator{border-right-color:#3594cb;border-top-color:#3594cb;}
.cal-nav{font-size:26px;font-weight:300;color:#68f9fe;}
.cal-nav:hover{color:#fff;}

.wrap.parallax-wrap{text-align:center;padding:100px 0;color:#fff;font-size:18px;background:url(../images/layout/parallax.jpg) no-repeat center;background-size:cover;background-attachment:fixed;/*font-family:'Roboto Slab',serif;*/text-shadow:1px 1px 1px rgba(0,0,0,0.8);}

@media (min-width: 768px) {
	.wrap{padding:50px 0;}
	.wrap.slide-wrap{height:400px;}
	.slide-overlay{top:100px;height:350px;background:url('../images/layout/robotis.png') no-repeat top right;background-size:contain;}
	.slide-text{text-align:center;}
	.slide-title{font-size:150%;}
	.slide-subtitle{font-size:200%;}
	.news-block.article .news-thumb{float:left;margin-right:10px;width:124px;height:100px;border:2px solid #e4e4e4;border-radius:5px;}
	.news-block.article .news-thumb-small{float:left;margin-right:5px;width:80px;height:60px;border:1px solid #e4e4e4;border-radius:5px;}
	.social-icons{right:220px;}
	#logo-title{font-size:120%;}
	#cse-ums-form {display: inline-block;}
}
@media (min-width: 992px) {
	.wrap{padding:60px 0;}
	.slide-title{font-size:200%;}
	.slide-subtitle{font-size:340%;}
	.wrap.slide-wrap{padding:200px 0 0 0;height:650px;min-height:550px;}
	.slide-overlay{top:auto;bottom:-100px;height:650px;}
	.home-block{padding-bottom:0;margin-bottom:0;border:0;}
	.wrap.parallax-wrap{padding:200px 0;font-size:25px;}
	#logo-title{font-size:150%;}
	.slide-title,.slide-subtitle{transform:rotate(-12deg);font-style:italic;text-shadow:3px 3px 0px rgba(0,0,0,0.2)}
	.wrap.about-wrap{margin-top:110px;background-image:url('../images/layout/robotis2.jpg');background-position:top center;}
}
@media (min-width: 1200px) {
	.wrap{padding:80px 0;}
	.slide-title{font-size:230%;}
	.slide-subtitle{font-size:400%;}
	.slide-overlay{left:-10vw;}
	.about-overlay{padding-top:100px;}
	#logo-title{font-size:200%;}
	#logo-subtitle{font-size:91%;letter-spacing:1.9px;}
	.wrap.about-wrap{height:600px;}
}