body {
	background: #161719;
	visibility: hidden
}
b {
	font-weight: bold
}
.margin-tb-20 {
	margin-top: 20px;
	margin-bottom: 20px
}
.margin-tb-10 {
	margin-top: 10px;
	margin-bottom: 10px
}
.link {
	float: left;
	text-decoration: none;
	font-size: 12px
}
.left {
	float: left
}
.right {
	float: right
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #CECECF;
	margin: 10px 0;
	padding: 0;
	width: 100%;
	float: left;
}
.clear {
	clear: both;
}
.font-15 {
	font-size: 15px!important;
}
::selection {
	color: #FFFFFF;
}
/* METRO ICONS */
.home-icon {
	background-image: url("icons/home.png");
	background-repeat: no-repeat
}
.aboutus-icon {
	background-image: url("icons/aboutus.png");
	background-repeat: no-repeat
}
.services-icon {
	background-image: url("icons/services.png");
	background-repeat: no-repeat
}
.services-icon-b {
	background-image: url("icons/services-b.png");
	background-repeat: no-repeat
}
.link-icon {
	background-image: url("icons/link-b.png");
	background-repeat: no-repeat
}
.portfolio-icon {
	background-image: url("icons/portfolio.png");
	background-repeat: no-repeat
}
.blog-icon {
	background-image: url("icons/blog.png");
	background-repeat: no-repeat
}
.contact-icon {
	background-image: url("icons/contact.png");
	background-repeat: no-repeat
}
.contact-icon-b {
	background-image: url("icons/contact-b.png");
	background-repeat: no-repeat
}
.announce-icon {
	background-image: url("icons/announce.png");
	background-repeat: no-repeat
}
.info-icon {
	background-image: url("icons/info-icon.png");
	background-repeat: no-repeat
}
.to-left-icon {
	background-image: url("icons/to-left-arrow.png");
	background-repeat: no-repeat
}
.to-left-icon-b {
	background-image: url("icons/to-left-icon-black.png");
	background-repeat: no-repeat
}
.to-right-icon {
	background-image: url("icons/to-right-arrow.png");
	background-repeat: no-repeat
}
.pencil-icon {
	background-image: url("icons/pencil.png");
	background-repeat: no-repeat
}
.android-icon {
	background-image: url("icons/android.png");
	background-repeat: no-repeat
}
.connection-icon {
	background-image: url("icons/connection.png");
	background-repeat: no-repeat
}
.twitter-icon {
	background-image: url("icons/twitter.png");
	background-repeat: no-repeat
}
.clients-icon {
	background-image: url("icons/clients.png");
	background-repeat: no-repeat
}
.welcome-icon {
	background-image: url("icons/welcome.png");
	background-repeat: no-repeat
}
.calendar-icon {
	background-image: url("icons/calendar.png");
	background-repeat: no-repeat
}
.phone-icon {
	background-image: url("icons/phone.png");
	background-repeat: no-repeat
}
.ris3-icon-b {
	background-image: url("icons/ris3thessaly-icon-b.png");
	background-repeat: no-repeat
}
.mail-icon {
	background-image: url("icons/mail.png");
	background-repeat: no-repeat
}
.mail-icon-b {
	background-image: url("icons/mail-b.png");
	background-repeat: no-repeat
}
.info-icon-b {
	background-image: url("icons/info-icon-b.png");
	background-repeat: no-repeat
}
.star-icon-b {
	background-image: url("icons/star-icon-b.png");
	background-repeat: no-repeat
}
.drupal-icon {
	background-image: url("icons/drupal.png");
	background-repeat: no-repeat
}
.doc-list-icon {
	background-image: url("icons/doc-list.png");
	background-repeat: no-repeat
}
.connection-w {
	background-image: url("icons/connection-w.png");
	background-repeat: no-repeat
}
.grid {
	background-image: url("icons/grid.png");
	background-repeat: no-repeat
}
.tag-cloud {
	background-image: url("icons/tag-cloud.png");
	background-repeat: no-repeat
}
.faq {
	background-image: url("icons/faq.png");
	background-repeat: no-repeat
}
.title-icon {
	background-image: url("icons/title.png");
	background-repeat: no-repeat
}
.magnifier {
	background-image: url("icons/magnifier.png");
	background-repeat: no-repeat
}
.to-left-icon-db {
	background-image: url("icons/to-left-arrow-double.png");
	background-repeat: no-repeat
}
.to-right-icon-db {
	background-image: url("icons/to-right-arrow-double.png");
	background-repeat: no-repeat
}
/* OTHER ICONS */
.twitter-white-icon {
	background-image: url("icons/twitter-white-icon.png");
	background-repeat: no-repeat
}
.plus {
	background-image: url("img/plus.png")!important;
}
/* SOCIAL ICONS */
.social-facebook {
	background-image: url("icons/social-facebook.png");
}
.social-twitter {
	background-image: url("icons/social-twitter.png");
}
.social-youtube {
	background-image: url("icons/social-youtube.png");
}
.social-whale {
	background-image: url("icons/social-whale.png");
}
/* uth icons */
.lab-icon {
	background-image: url("icons/lab.png");
	background-repeat: no-repeat
}
#page_wrap {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
/** * LEFT SIDE/MENU COLUMN STARTS * * **/
header {
	width: 250px;
	background: #161719;
	float: left;
}
.header {
}
#logo {
	display: block;
	padding: 20px 40px;
}
nav {
	width: 100%;
}
#menu {
	float: left;
}
#menu li {
	display: block;
	float: left;
	position: relative;
	width: 100%;
}
.menu-specs {
	position: relative;
	float: left;
	z-index: 1;
	background-position: 20px center;
	padding: 20px 0 20px 60px;
}
#menu li a, #menu li span {
	z-index: 2;
}
.menu-abs-bg {
	position: absolute;
	height: 100%;
	width: 0;
	right: 0;
	top: 0;
	z-index: 1;
	-webkit-transition: width ease 0.5s;
	-moz-transition: width ease 0.5s;
	-ms-transition: width ease 0.5s;
	-o-transition: width ease 0.5s;
	transition: width ease 0.5s;
}
#menu li:hover .menu-abs-bg {
	width: 100%;
}
#menu li .menu-specs a {
	display: block;
	font-size: 20px;
	line-height: 20px;
	text-decoration: none;
	color: #FFFFFF;
}
#menu li .menu-specs span {
	display: block;
	font-size: 12px;
	color: #6C6C6C;
}
#menu li:hover .menu-specs span {
	color: #000000;
}
#menu li.active-menu-item .menu-specs span {
	color: #000000;
}
#menu > li > ul {
	display: none;
	float: left;
	width: 100%;
	position: absolute;
	top: 95%;
	left: 0;
	border-radius: 0 0 5px 5px;
	z-index: 9;
	box-shadow: 0 0 5px #000;
}
#menu > li > ul > li {
	display: block;
	float: left;
	padding: 10px;
	background: #222;
	border-top: 1px solid #333;
	border-bottom: 1px solid #444;
	position: relative;
}
#menu > li > ul > li .sub-menu-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity ease 0.5s;
	-moz-transition: opacity ease 0.5s;
	-ms-transition: opacity ease 0.5s;
	-o-transition: opacity ease 0.5s;
	transition: opacity ease 0.5s;
	opacity: 0;
	z-index: 1;
	left: 0;
	top: 0;
}
#menu > li > ul > li:hover .sub-menu-bg {
	opacity: 1;
}
#menu > li > ul > li:first-child {
	border-top: none;
}
#menu > li > ul > li:last-child {
	border-radius: 0 0 5px 5px;
	border-bottom: none;
}
#menu > li > ul > li > a {
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
	z-index: 2;
	position: relative;
}
#subLevel {
	border-left-width: 5px;
	border-left-style: solid;
	position: absolute;
	z-index: 9999999;
	left: 250px;
	top: 0;
	width: 0;
	-webkit-transition: width ease 0.5s;
	-moz-transition: width ease 0.5s;
	-ms-transition: width ease 0.5s;
	-o-transition: width ease 0.5s;
}
#opener {
	display: block;
	width: 0;
	height: 0;
	border-right: 20px solid transparent;
	border-top-width: 20px;
	border-left-width: 20px;
	border-top-style: solid;
	border-left-style: solid;
	border-bottom: 20px solid transparent;
	position: absolute;
	right: -35px;
	top: 0;
}
.opener-plus {
	width: 30px;
	height: 30px;
	background: url('img/plus.png') center center no-repeat;
	margin: -22px 0 0 -23px;
}
.opener-minus {
	width: 30px;
	height: 30px;
	background: url('img/minus.png') center center no-repeat;
	margin: -22px 0 0 -23px;
}
.active-sub-level {
	width: 200px!important;
}
#subLevel ul li a {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 0 5px;
	line-height: 34px;
}
#subLevel ul li:last-child a {
	border-bottom: none;
}
#subLevel ul {
	display: none;
}
.search-and-misc {
	float: left;
	margin-bottom: 50px;
	margin-left: 20px;
	width: 210px;
	height: 80px;
	/*position: absolute;*/
	position:relative;
	bottom: 0;
}
.search-form {
	float: left;
	width: 210px;
	height: 30px;
	background: url('img/search-box.png');
}
.search-text {
	float: left;
	display: block;
	width: 155px;
	height: 10px;
	border: none;
	background: none;
	font-size: 12px;
	line-height: 30px;
	padding: 10px;
}
.search-submit {
	float: left;
	display: block;
	width: 35px;
	height: 30px;
	background: none;
	border: none;
	cursor: pointer;
}
.search-and-misc .text {
	width: 100%;
	line-height: 30px;
}
.side-social {
	float: right;
	width: 30px;
	height: 30px;
	margin: 0 1px 0 0;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.facebook {
	background: url("img/facebook.png")
}
.twitter {
	background: url("img/twitter.png")
}
.vimeo {
	background: url("img/vimeo.png")
}

.youtube {
	background: url("img/youtube.png")
}

.side-social:hover {
	background-position: 0 -30px;
}
/** * LEFT SIDE/MENU COLUMN ENDS * * **/
/** * * CONTENT SIDE STARTS * * **/
.rightSide {
	float: left;
	background: #FFFFFF;
	padding: 0 0 0 5px;
}
.announce {
	float: left;
	padding-left: 40px;
	font-size: 19px;
	color: #151719;
	line-height: 30px;
}
/** * * SLIDER STYLE STARTS * * **/
.slider {
	float: left;
	width: 100%;
}
.slider > img {
	width: 100%;
	float: left;
}
.slider-bottom {
	width: 100%;
	float: left;
	height: 40px;
}
.icon-side {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 20px;
	background-color: rgba(21,23,25,0.2);
	background-position: 16px 13px;
}
.slider-bottom a {
	float: left;
	display: block;
	line-height: 40px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
}
.controls {
	float: right;
	width: 40px;
	height: 40px;
	background-position: center center;
}
.deactive {
	background-color: rgba(21,23,25,0.2);
}
/** * * SLIDER STYLE ENDS * * **/
/** * * CAROUSEL STYLE STARTS * * **/
.carousel-controls {
	float: left;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 14px;
	width: 225px;
	background: #4C5050;
	padding-left: 20px;
}
.lines {
	float: left;
	margin-left: 10px;
	height: 40px;
	background: url('img/line-pattern.png');
	position: relative;
}
.lines:after {
	content: ' ';
	display: block;
	position: absolute;
	width: 10px;
	height: 40px;
	background: #4C5050;
	right: -19px;
	top: 0;
}
.carousel {
	float: left;
	width: 100%
}
.carousel .item {
	float: left;
	width: 19.8%;
	margin: 0 0.2% 0.2% 0;
	position: relative;
	overflow: hidden;
}
.carousel .item img {
	float: left;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.carousel .item .item-background {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	-ms-transition: all ease 0.8s;
	-o-transition: all ease 0.8s;
	transition: all ease 0.8s;
}
.carousel .item .itemtitle {
	position: absolute;
	display: block;
	z-index: 3;
	text-decoration: none;
	top: 140%;
	left: 0;
	font-size: 12px;
	color: #161719;
	line-height: 14px;
	-webkit-transition: all ease 0.9s;
	-moz-transition: all ease 0.9s;
	-ms-transition: all ease 0.9s;
	-o-transition: all ease 0.9s;
	transition: all ease 0.9s;
	opacity: 0;
	padding: 0 10px;
}
.carousel .item .itemsubtitle {
	position: absolute;
	display: block;
	z-index: 3;
	text-decoration: none;
	top: 150%;
	left: 0;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 18px;
	-webkit-transition: all ease 1s;
	-moz-transition: all ease 1s;
	-ms-transition: all ease 1s;
	-o-transition: all ease 1s;
	transition: all ease 1s;
	opacity: 0;
	padding: 0 10px;
}
.carousel .item:hover img {
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-ms-transform: scale(2);
	filter: progid: DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2);
	opacity: 0;
}
.carousel .item:hover .item-background {
	opacity: 1;
}
.carousel .item:hover .itemtitle {
	opacity: 1;
	top: 40%;
}
.carousel .item:hover .itemsubtitle {
	opacity: 1;
	top: 50%;
}
/** * * CAROUSEL STYLE ENDS * * **/
/** * * TESTIMONIALS & TWITTER FEED SIDE STARTS * * **/
.testimonials {
	float: left;
	width: 100%;
	color: #5B6A6F;
	font-size: 12px;
}
.testimonials .customer-image {
	float: left;
	width: 60px;
	height: 50px;
	border: 5px solid #E5E5E5;
	margin-right: 20px;
}
.latest-tweets-icon {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 20px;
	background-position: center center;
}
/** * * TESTIMONIALS & TWITTER FEED SIDE STARTS * * **/
/** * * GRAY BOXES STARTS * * **/
.gray-box {
	float: left;
	padding: 20px;
	background-color: #F3F5F5;
}
.gray-box-title {
	display: block;
	float: left;
	margin-right: 10px;
	line-height: 40px;
}
.gray-box-input {
	float: left;
	padding: 0 10px;
	height: 36px;
	line-height: 40px;
}
.gray-box-input::-webkit-input-placeholder, .gray-box-input:-moz-placeholder, .gray-box-input::-moz-placeholder, .gray-box-input:-ms-input-placeholder {
	color: #5B6A6F;
	font-size: 10px;
}
.gray-box-submit {
	float: left;
	padding: 0 19px;
	height: 40px;
	color: #FFFFFF;
	display: block;
	margin-left: 5px;
	border: none;
	cursor: pointer;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.gray-box-submit:hover {
	background-color: #151719!important;
}
.social-icons {
	display: block;
	float: left;
	margin: 0 6px;
	padding-left: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #151719;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: left center;
}
/** * * GRAY BOXES ENDS * * **/
/** * * PARTNERS CAROUSEL STARTS * * **/
.partners-carousel-title {
	float: left;
	width: 17%;
	height: 100px;
	padding: 0 3%;
	line-height: 100px;
	color: #FFFFFF;
}
.partners-carousel-images {
	float: left;
	/*width: 77%!important;
	width: -moz-calc(77% - 50px)!important;
	width: -webkit-calc(77% - 50px)!important;
	width: -o-calc(77% - 50px)!important;
	width: calc(77% - 50px)!important;
*/
	width: 100%;
	height: 100px;
	background: #F3F5F5;
	overflow-y: hidden;
}
.partners-carousel-images .an-item {
	float: left;
	width: 151px;
	height: 100px;
	display: block;
}
.partners-carousel-controls {
	float: left;
	width: 50px;
	height: 100px;
}
.partners-carousel-control {
	float: left;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-size: 32px 31px;
	-webkit-transition: all ease 0.7s;
	-moz-transition: all ease 0.7s;
	-ms-transition: all ease 0.7s;
	-o-transition: all ease 0.7s;
	transition: all ease 0.7s;
	cursor: pointer;
}
.partners-carousel-control:hover {
	background-color: #151719!important;
}
/** * * PARTNERS CAROUSEL ENDS * * **/
/** * * FOOTER STARTS * * **/
.footer {
	float: left;
	height: 40px;
	position: relative;
	border-bottom: 5px solid #161719;
	margin-left: -5px;
	margin-right: 0;
	margin-bottom: 0;
	max-width: inherit!important;
}
.footer .columns {
	margin-top: 0;
}
.footer-menu {
	float: left;
}
.footer-menu a {
	display: block;
	text-decoration: none;
	line-height: 40px;
	color: #FFFFFF;
	padding: 0 20px;
	font-size: 12px;
	-webkit-transition: background-color ease 0.7s;
	-moz-transition: background-color ease 0.7s;
	-ms-transition: background-color ease 0.7s;
	-o-transition: background-color ease 0.7s;
	transition: background-color ease 0.7s;
}
.footer-menu a:hover {
	background-color: #161719;
}
/** * * FOOTER ENDS * * **/
/** * * ACCORDION STARTS * * **/
.accordion {
	float: left;
	width: 100%;
	margin: 10px 0;
}
.accordion-item {
	float: left;
	width: 100%;
	margin: 10px 0;
}
.accordion-head {
	float: left;
	width: 100%;
	margin-bottom: 10px;
	cursor: pointer;
}
.accordion-toggler {
	float: left;
	background-image: url("img/plus.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	-webkit-transition: background-color ease 0.7s;
	-moz-transition: background-color ease 0.7s;
	-ms-transition: background-color ease 0.7s;
	-o-transition: background-color ease 0.7s;
	transition: background-color ease 0.7s;
}
.accordion-head:hover .accordion-toggler {
	background-color: #161719!important;
}
.accordion-toggler.active-item {
	background-image: url("img/minus.png");
}
.accordion-title {
	float: left;
	font-size: 15px;
	line-height: 30px;
}
.accordion-text {
	float: left;
	width: 100%;
	font-size: 13px;
	display: none;
}
/** * * ACCORDION ENDS * * **/
/** * * PROGRESS BARS START * * **/
.progress-bars {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.progress-bar {
	float: left;
	width: 100%;
	position: relative;
	height: 50px;
	background: #F3F5F5;
	margin-bottom: 5px;
}
.progress-bg {
	position: absolute;
	height: 50px;
	z-index: 1;
}
.progress-text {
	position: absolute;
	z-index: 2;
	color: #FFFFFF;
	font-size: 12px;
	height: 50px;
	line-height: 50px;
	width: 92%;
	padding: 0 4%;
}
/** * * PROGRESS BARS ENDS * * **/
/** * * LATEST NEWS STARTS * * **/
.latest-news {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #CECECF;
}
.latest-news-title {
	font-size: 15px;
	line-height: 15px;
}
.latest-news-datetime {
	font-size: 11px;
	font-style: italic;
	color: #5B6A6F;
	line-height: 13px;
}
/** * * LATEST NEWS ENDS * * **/
/** * * OUR TEAM STARTS * * **/
.team-box {
	float: left;
	width: 100%;
}
.team-member-img {
	float: left;
	width: 100%;
}
.team-member-specs {
	float: left;
	width: 95%;
	padding-left: 5%;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
}
.team-member-icons {
	float: right;
	width: 40px;
	height: 40px;
	background-position: center center;
}
/** * * OUR TEAM ENDS * * **/
/** * * SIDEWAY TABS START * * **/
.sideway-tabs {
	float: left;
	width: 100%;
}
.sideway-controls {
	float: left;
	width: 245px;
	position: relative;
}
.sideway-controls-shadow {
	position: absolute;
	width: 8px;
	height: 100%;
	background: url("img/sideway-bg.png") repeat-y;
	right: -8px;
	top: 0;
}
.sideway-controls li {
	float: left;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	padding-left: 20px;
	color: #5B696F;
	background: url('img/to-right-arrow.png') 10px center no-repeat;
	width: 225px;
	font-size: 12px;
	cursor: pointer;
}
.sideway-controls li.active-sideway-item {
	background-color: #F3F5F5;
	border-right: none;
}
.sideway-controls li:last-child {
	border-bottom: none;
}
.sideway-description {
	float: left;
	margin-left: 15px;
}
.sideway-description-content {
	float: left;
	width: 100%;
	display: none;
}
.sideway-description-content.active-sideway-content {
	display: block;
}
/** * * SIDEWAY TABS ENDS * * **/
/** * * BLOG STYLES START * * **/
.random-blog-item {
	float: left;
	padding: 10px;
	background-color: #F3F5F5;
	color: #151719;
	margin-bottom: 10px;
	position: relative;
}
.random-blog-item-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	-webkit-transition: opacity ease 0.5s;
	-moz-transition: opacity ease 0.5s;
	-ms-transition: opacity ease 0.5s;
	-o-transition: opacity ease 0.5s;
	transition: opacity ease 0.5s;
}
.random-blog-item:hover .random-blog-item-bg {
	opacity: 1;
}
.random-blog-img {
	position: relative;
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	z-index: 2;
}
.random-blog-title {
	position: relative;
	float: left;
	font-size: 14px;
	line-height: 20px;
	display: block;
	text-decoration: none;
	color: #151719;
	z-index: 2;
}
.random-blog-descr {
	position: relative;
	float: left;
	font-size: 10px;
	color: #5B6A6F;
	z-index: 2;
}
.random-blog-item:hover .random-blog-title, .random-blog-item:hover .random-blog-descr, .background-color .random-blog-title, .background-color .random-blog-descr {
	color: #FFFFFF;
}
.blog-post-title {
	float: left;
	width: 100%;
	min-height: 40px;
  font-size: 1.2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url('ellipsis.xml#ellipsis');
}
.blog-post-link {
	float: left;
	display: block;
	text-decoration: none;
	line-height: 40px;
	color: #fff !important;
	margin-left: 20px;
}
.blog-post-date {
	float: right;
	line-height: 40px;
	/*color: #00AAAA !important;*/
	color: rgb(0,147,180) !important;
	margin: 0 10px;
	font-size: 12px;
}
.blog-post-img {
	width: 100%;
	margin-bottom: 30px;
}
.blog-post-comments {
	float: left;
	width: 100%;
	margin: 20px 0;
	background: #F3F5F5;
	border-bottom: 4px solid #4C5050;
	overflow: hidden;
}
.comments-nav {
	float: left;
	width: 100%;
	min-height: 40px;
	background: #4C5050;
}
.comment-title {
	float: left;
	line-height: 40px;
	padding: 0 20px;
	color: #FFFFFF;
	font-size: 12px;
}
.blog-comments-toggler {
	float: right;
	width: 40px;
	height: 40px;
	background-image: url("img/minus.png");
	background-position: center center;
	background-color: rgba(0,0,0,0.2);
	background-repeat: no-repeat;
}
.comments {
	float: left;
	padding: 20px 0 20px 20px;
}
.comment {
	float: left;
	width: 100%;
	margin: 10px 0;
	;
}
.comment-poster-pic {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	border: 1px solid #CACACA;
	margin-right: 10px;
}
.name-and-message {
	float: left;
}
.comment-poster {
	float: left;
	width: 100%;
	font-size: 12px;
	color: #151719;
	line-height: 12px;
	margin-bottom: 5px;
}
.comment-message {
	float: left;
	width: 100%;
	color: #5B6A6F;
	font-size: 11px;
	line-height: 14px;
}
.sub-comment {
	margin-left: 20px;
}
.sub-comment .name-and-message {
	background-color: #ECEEEE;
	border-right: 5px solid #4C5050;
	padding: 5px;
}
.comment-form {
	display: none;
	float: left;
}
.comment-text {
	width: 43%;
	margin: 20px 0 20px 2%;
}
.comment-textarea {
	float: left;
	width: 93%;
	margin-left: 2%;
	height: 150px;
	font-size: 13px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #CACACA;
	resize: none;
}
.comment-sender {
	margin: 10px 13px 10px 0;
	float: right;
}
.blog-categories {
	float: left;
	width: 100%;
	margin: 10px 0;
}
.blog-categories li {
	float: left;
	width: 100%;
	display: block;
	position: relative;
}
.blog-categories li a {
	float: left;
	display: block;
	text-decoration: none;
	width: 100%;
	line-height: 40px;
	height: 40px;
	background: url('img/to-right-arrow.png') 95% center no-repeat;
	border-bottom: 1px solid #E6E6E6;
	color: #151719;
	z-index: 2;
	position: relative;
}
.blog-cat-anim {
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	bottom: 0;
	-webkit-transition: height ease 0.5s;
	-moz-transition: height ease 0.5s;
	-ms-transition: height ease 0.5s;
	-o-transition: height ease 0.5s;
	transition: height ease 0.5s;
	z-index: 1;
}
.blog-categories li:hover a {
	color: #FFFFFF;
	background-image: url("img/to-left-icon-white.png");
	background-position: 95% center;
}
.blog-categories li:hover .blog-cat-anim {
	height: 100%;
}
.blog-posts-tab {
	float: left;
	width: 100%;
	position: relative;
	-webkit-transition: height ease-in-out 0.5s;
	-moz-transition: height ease-in-out 0.5s;
	-ms-transition: height ease-in-out 0.5s;
	-o-transition: height ease-in-out 0.5s;
	transition: height ease-in-out 0.5s;
}
.popular-blogs {
	position: absolute;
	z-index: 1;
	float: left;
	width: 100%;
	left: 0;
	top: 50px;
	-webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	opacity: 1;
}
.recent-blogs {
	position: absolute;
	z-index: 1;
	float: left;
	width: 100%;
	left: 100%;
	top: 50px;
	-webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	opacity: 0;
}
.popular-blogs-passive {
	left: -100%;
	opacity: 0;
}
.recent-blogs-active {
	left: 0;
	opacity: 1;
}
.tag-list {
	float: left;
	width: 100%;
}
.tag-list a {
	text-decoration: none;
	color: #000;
}
.tag-normal {
	font-size: 12px;
}
.tag-medium {
	font-size: 13px;
}
.tag-bigger {
	font-size: 14px;
}
.tag-biggest {
	font-size: 17px;
}
.tag-bold {
	font-weight: bold;
}
.blog-paging {
	float: left;
	margin: 20px 0;
}
.blog-paging a {
	float: left;
	padding: 10px 12.9px;
	font-size: 11px;
	margin: 0 2.5px;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.blog-paging a:hover {
	background-color: #1D1C1C!important;
}
/** * * BLOG STYLES ENDS * * **/
/** * * CONTACT STYLES START * * **/
.google-map {
	float: left;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 5px;
}
.contact-info {
	width: 80px;
	display: inline-block;
	margin: 5px 0;
}
.openable {
	width: 0;
	padding-left: 35px;
	overflow: hidden;
	-webkit-transition: width ease 0.5s;
	-moz-transition: width ease 0.5s;
	-ms-transition: width ease 0.5s;
	-o-transition: width ease 0.5s;
	transition: width ease 0.5s;
}
.openable:hover {
	width: 39px;
}
.contact-form {
	float: left;
	width: 100%;
}
.contact-long {
	width: 92%;
	margin: 5px 0 5px 2%;
}
.contact-short {
	margin: 5px 0 5px 2%;
}
.contact-textarea {
	margin-top: 5px;
	width: 92.3%;
}
.ajax-loader {
	display: none;
	float: left;
	position: absolute;
	left: 48%;
	top: 42%;
}
.contact-thank-you {
	display: none;
	float: left;
	font-size: 18px;
	width: 100%;
	text-align: center;
}
/** * * CONTACT STYLES ENDS * * **/
/*-->TABBED CONTENT START<--*/
.contents {
	float: left;
}
.tabs {
	margin-top: 31px;
	margin-bottom: 31px;
}
.tabs .tab-links a {
	height: 20px;
	float: left;
	background: #DBDDDD;
	color: #151719;
	font-size: 12px;
	text-align: center;
	padding: 5px 15px;
	margin-right: 2px;
	text-decoration: none;
}
.tabs .contents .article {
	float: left;
	background: #F3F5F5;
	color: #151719;
	font-size: 11px;
	top: 40px;
	left: 10px;
	padding: 15px;
	display: none;
}
.tabs .contents .article:first-child {
	display: block;
}
.tabs a.active {
	background: #F3F5F5;
}
/*-->TABBED CONTENT END<--*/
/** * * Notice Boxes STARTS * * **/
.message-box {
	float: left;
	min-height: 60px;
	margin: 10px 0;
}
.bg-with-icon {
	float: left;
	margin-right: 20px;
	width: 60px;
	height: 60px;
	background-position: center center;
}
.message-text {
	line-height: 60px;
	float: left;
	font-size: 14px;
}
.warning-bg {
	background-color: #FEEAEB;
	border-right: 5px solid #F02932
}
.success-bg {
	background-color: #F3F5EB;
	border-right: 5px solid #809533
}
.processing-bg {
	background-color: #EEF5F7;
	border-right: 5px solid #5694B1
}
.notice-bg {
	background-color: #FBF8E9;
	border-right: 5px solid #D9B31F
}
.warning-icon-bg {
	background-color: #F02932
}
.success-icon-bg {
	background-color: #809533
}
.processing-icon-bg {
	background-color: #5694B1
}
.notice-icon-bg {
	background-color: #D9B31F
}
/** * * Notice Boxes ENDS * * **/
/** * * Portfolio Styles STARTS * * **/
.portfolio-image {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.portfolio-img {
	float: left;
	position: relative;
	z-index: 1;
	width: 100%;
}
.portfolio-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: -100%;
	left: -100%;
	opacity: 0;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	-ms-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
.portfolio-title {
	color: #FFFFFF;
	position: absolute;
	left: -100%;
	top: 20px;
	font-size: 18px;
	z-index: 3;
	text-decoration: none;
	opacity: 0;
	-webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}
.portfolio-subtitle {
	color: #0A0C0C;
	position: absolute;
	left: 100%;
	top: 40px;
	font-size: 11px;
	z-index: 3;
	text-decoration: none;
	opacity: 0;
	-webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}
.portfolio-link {
	position: absolute;
	left: 20px;
	bottom: -57px;
	z-index: 3;
	width: 27px;
	height: 27px;
	background: url('icons/link.png');
	opacity: 0;
	-webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}
.portfolio-image:hover .portfolio-bg {
	left: 0;
	top: 0;
	opacity: 1;
}
.portfolio-image:hover .portfolio-title {
	left: 20px;
	opacity: 1;
}
.portfolio-image:hover .portfolio-subtitle {
	left: 20px;
	opacity: 1;
}
.portfolio-image:hover .portfolio-link {
	bottom: 20px;
	opacity: 1;
}
.full-gallery {
	margin: 0;
}
.full-gallery .columns {
	padding: 0;
	margin: 0;
	width: 25%;
}
.full-gallery + .footer {
	margin-top: 0;
}
.portfolio-outer-title {
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
	font-size: 20px;
	text-decoration: none;
	color: #151719;
}
.portfolio-outer-subtitle {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
	font-size: 14px;
}
.portfolio-outer-subtext {
	width: 100%;
	float: left;
	margin: 10px 0;
	font-size: 12px;
}
/********************************* * PORTFOLIO ISOTOPE STYLES END * ********************************/
/**** Isotope Filtering ****/
.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
#filters {
	float: left;
	width: 100%;
}
#filters li a {
	font-size: 11px;
	padding: 5px 10px;
	text-decoration: none;
	display: block;
	float: right;
	margin: 5px;
	color: #000000;
}
.active-isotope {
	color: #FFFFFF!important;
}
.portfolio-full-width {
	width: 100%
}
.icon-with-small-text {
	padding-left: 40px;
	background-position: left center;
	line-height: 40px;
	font-size: 11px;
	color: #5B6A6F;
	margin-right: 30px;
	float: left;
	display: block;
	text-decoration: none;
}
/********************************* * PORTFOLIO ISOTOPE STYLES END * ********************************/
/** * * METRO SLIDER STARTS * * **/
.metro-slider {
	float: left;
	width: 100%;
	height: 455px;
	overflow: hidden;
}
.col {
	float: left;
	width: 670px;
	height: 425px;
}

/* 3 cols */
.three-col {
	height: 225px;
	display: block-inline;
}

.onethird img { height: 220px; }

.onethird.metro-image {
	width: 280px;
	height: 220px;
}

.metro-item.onethird {
	width: 280px;
	height: 220px;
}

.metro-item.onethird .metro-description {
	height: 220px;
	top: 160px;
}

.metro-item.onethird .metro-title {
	font-size: 20px; 
	padding-top: 10px; 
	line-height: 20px;
}



.metro-item.onethird a.disabled .metro-title, 
.metro-item.onethird  a.disabled  .metro-text p  {
	padding-top:20px;
	color:#bdbdbd;
}

.metro-item.onethird:hover a.disabled .metro-description  {
	top: 160px;
}

/* 3cols end */

.metro-item {
	float: left;
	position: relative;
	z-index: 1;
	margin-right: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	height: 210px;
}

.full {
	width: 660px;
}

.half {
	width: 327.5px;
}

.metro-item.half {
	width: 330px;
}

.metro-image {
	display: block;
	float: left;
	width: 100%;
	height: 210px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	overflow: hidden;
}
.metro-image img {
	-webkit-transition: all ease-in-out 1s;
	-moz-transition: all ease-in-out 1s;
	-ms-transition: all ease-in-out 1s;
	-o-transition: all ease-in-out 1s;
	transition: all ease-in-out 1s;
}
.metro-description {
	position: absolute;
	width: 100%;
	height: 210px;
	top: 150px;
	left: 0;
	z-index: 3;
	-webkit-transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
}
.metro-description.hidden {
	top: 100%;
}
.metro-icon {
	float: left;
	width: 60px;
	height: 60px;
	margin-right: 10px;
	background-position: center center;
}
.metro-misc {
	float: left;
}
.metro-date {
	float: left;
	width: 100%;
	font-size: 11px;
	color: #1D1C1C;
	line-height: 11px;
	font-style: italic;
	margin-top: 20px;
}
.metro-title {
	float: left;
	width: 100%;
	text-decoration: none;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
}
.metro-text {
	float: left;
	width: 96%;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	margin-top: 30px;
}
.metro-item:hover > .metro-image > img {
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	-ms-transform: scale(2);
	filter: progid: DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2);
}
.metro-item:hover .metro-description {
	top: 0;
}
/** * * METRO SLIDER ENDS * * **/
/** * * jScrollPane STARTS * * **/
#scrollbar1 {
	width: 100%;
	height: 455px;
	clear: both;
	margin: 20px 0 10px;
	position: relative;
}
#scrollbar1 .viewport {
	width: 100%;
	height: 455px;
	overflow: hidden;
	position: relative;
}
#scrollbar1 .overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
}
#scrollbar1 .thumb .end, #scrollbar1 .thumb {
}
#scrollbar1 .scrollbar {
	position: absolute;
	float: right;
	width: 15px;
	bottom: 0;
	z-index: 2;
}
#scrollbar1 .track {
	background-color: #131718;
	height: 20px;
	width: 13px;
	position: relative;
	padding: 0 1px;
}
#scrollbar1 .thumb {
	height: 20px;
	width: 13px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	top: 0;
}
#scrollbar1 .thumb .end {
	overflow: hidden;
	height: 5px;
	width: 13px;
}
#scrollbar1 .disable {
	display: none;
}
.noSelect {
	user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
/** * * jScrollPane ENDS * * **/
/** * * Portfolio Styles ENDS * * **/
.title {
	float: left;
	line-height: 30px;
	padding-left: 40px;
	color: #151719;
	font-size: 18px;
}
.text {
	font-size: 12px;
	line-height: 15px;
	color: #5B6A6F;
	float: left;
	text-align: justify;
}
.plus-with-hard-text {
	float: left;
}
.plus-sign {
	font-weight: 700;
	font-size: 105px;
	line-height: 59px;
}
.hard-text {
	font-weight: 700;
	font-size: 27px;
	color: #151719;
	line-height: 28px;
	margin: 52px 0 -30px 35px;
	float: left;
}
.back-button {
	padding-right: 35px;
	background-position: right center;
	color: #000000;
	display: block;
	float: right;
	text-decoration: none;
	font-size: 12px;
	line-height: 27px;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 26px;
}
h4 {
	font-size: 24px;
}
h5 {
	font-size: 22px;
}
h6 {
	font-size: 20px;
}
.list {
	float: left;
	width: 100%;
}
.list li {
	background: url('img/to-right-arrow.png') left center no-repeat;
	padding-left: 10px;
	font-size: 13px;
	line-height: 24px;
}
.line-height-25 {
	line-height: 25px;
}
#toTop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 48px;
	height: 48px;
	background: url(img/back-to-top.png) 0 0 no-repeat;
	z-index: 99999999;
	-webkit-transition: background-position .2s ease-in-out;
	-moz-transition: background-position .2s ease-in-out;
	-o-transition: background-position .2s ease-in-out;
	-ms-transition: background-position .2s ease-in-out;
	transition: background-position .2s ease-in-out;
	cursor: pointer;
	display: none;
}
#toTop:hover {
	background-position: 0 -48px;
}
/** * CONTENT SIDE END * * **/
@media (max-width: 1280px) and (min-width: 1024px) {
.social-icons {
	padding-left: 31px;
}
}
@media (max-width: 1024px) {
.twelve, .row .twelve {
	/*width: 94%;
*/
}
.row {
	min-width: 752px;
}
}
@media (max-width: 768px) and (min-width: 767px) {
.gallery .columns {
	width: 24.9%!important;
	margin: 0!important;
	padding: 0!important;
}
}
@media (max-width: 800px) {
.search-and-misc {
	display: none
}
.row {
	margin: 0;
	min-width: inherit
}
.column, .columns {
	margin: 20px 0
}
header {
	width: 100%;
}
.logo-container {
	float: left;
	width: 100%;
	text-align: center;
}
.logo-container #logo {
	display: inline-block;
}
nav {
	float: left;
}
.rightSide {
	padding: 0 5px 0 5px;
	min-height: inherit;
}
#menu {
	margin-bottom: 20px;
}
#menu > li {
	width: 33.30%;
	float: left;
}
#subLevel {
	display: none;
}
}
@media (max-width: 480px) {
#menu li {
	width: 50%;
}
.slider-bottom a {
	font-size: 10px;
}
.gray-box-input {
	width: 190px;
}
.gray-box-submit {
	padding: 0 7px;
}
.social-icons {
	margin: 0 3px;
	padding-left: 30px;
}
.partners-carousel-title {
	font-size: 10px;
}
.partners-carousel-images .an-item {
	width: 142px;
}
.footer {
	height: auto;
}
.footer > div {
	text-align: center;
	margin: 0;
}
.footer-menu {
	display: inline-block;
	width: 79%;
}
.footer-menu a {
	width: auto;
}
.left, .right {
	float: left;
}
.gallery .columns {
	width: 44.9%!important;
	margin-bottom: 0!important;
}
}
@media (max-width: 320px) {
.sideway-tabs {
	display: none;
}
.footer-menu {
	width: 250px;
}
.footer-menu a {
	width: 100%;
}
.gray-box-title {
	width: 100%;
	text-align: center;
}
.gray-box-input {
	width: 90%;
}
.gray-box-submit {
	margin-top: 5px;
	width: 96%;
}
.social-icons {
	padding-left: 40px;
	width: 30%;
}
#menu li {
	width: 100%;
}
.slider-bottom .icon-side, .slider-bottom a {
	display: none;
}
}

/** tsiakmaki **/
.vg-blog-intro dl dt {
	float:left;
	font-weight:bold;
	width:120px;
}

.vg-blog-intro dl dd {
	margin-right:0px;
	padding-right:0px;
	padding-left:120px;
}


.column-1, .column-2 {
	padding-left:0px;
}


.beta {
    background-image: url("img/beta.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}