/*
Theme Name: Kalium - Child Theme
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator:  <a href="https://themeforest.net/user/laborator">Envato</a>, <a href="https://twitter.com/thelaborator">Twitter</a> or <a href="https://www.facebook.com/laboratorcreative">Facebook</a>.
Version: 2.1
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/

/*==================================================================*/
/* Reset ===========================================================*/
/*==================================================================*/

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600&subset=greek');

html {
	font-size: 62.5%; 
    /* A nice trick: all text becomes 10px. 
    But How? 
    100% = 16px for all browsers
    62.5% = 0.625
    16 * 0.625 = 10
    */
	line-height: 1.5;
	font-family: 'Source Sans Pro', sans-serif;
}

body {
	font-family: 'Source Sans Pro', sans-serif !important;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


p {
	font-weight: 300;
	font-size: 2rem;
	line-height: 2.8rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Source Sans Pro', sans-serif !important;

}

.site-footer a:after, 
.wrapper a:after,
a.link-hover:after {
	content: none !important;
}

.post-formatting a {
    word-wrap: break-word;
}

/*==================================================================*/
/* Common ==========================================================*/
/*==================================================================*/

.section-title {
	position: relative;
	font-size: 5rem;
	font-weight: 600;
	text-align: center;
}


.section-row .wpb_column {
    height: calc(100vh - 100px);
}

br.mobile-only {
	display: none;
}

.hide-on-desktop {
	display: none;
}

.add-animation {
	position: relative;
	opacity: 0;
	top: 100px;
}

.add-animation.active  {
	top: 0;
	opacity: 1;
	-webkit-transition: .8s ease;
	-moz-transition: .8s ease;
	-o-transition: .8s ease;
	transition: .8s ease;
}

.add-animation-title {;
	opacity: 0;
}

.add-animation-title.active  {
	opacity: 1;
	-webkit-transition: .8s ease;
	-moz-transition: .8s ease;
	-o-transition: .8s ease;
	transition: .8s ease;
}

.add-animation-each .blog-post-column,
.add-animation-each .services-wrapper {
	position: relative;
	top: 100px;
	opacity: 0;
}

.add-animation-each.active .services-wrapper:nth-child(1),
.add-animation-each.active .blog-post-column:nth-child(1) {
	top: 0;
	opacity: 1;
	-webkit-transition: .8s ease;
	-moz-transition: .8s ease;
	-o-transition: .8s ease;
	transition: .8s ease;
}

.add-animation-each.active .services-wrapper:nth-child(2),
.add-animation-each.active .blog-post-column:nth-child(2) {
	top: 0;
	opacity: 1;
	-webkit-transition: .8s ease .4s;
	-moz-transition: .8s ease .4s;
	-o-transition: .8s ease .4s;
	transition: .8s ease .4s;
}

.add-animation-each.active .services-wrapper:nth-child(3),
.add-animation-each.active .blog-post-column:nth-child(3) {
	top: 0;
	opacity: 1;
	-webkit-transition: .8s ease .8s;
	-moz-transition: .8s ease .8s;
	-o-transition: .8s ease .8s;
	transition: .8s ease .8s;
}


/*==================================================================*/
/* Header ==========================================================*/
/*==================================================================*/

.social-header {
    height: 100vh;
    position: fixed;
    right: 0;
}

.social-header {
    height: 100vh;
    position: fixed;
    right: 8px;
    z-index: 9;
}

.social-header .social-networks {
	margin-top: 80px;
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.social-header .social-networks li {
    display: block;
}

.social-networks.rounded li a i {
	color: #fff !important;
}

.social-header .social-networks li i.fa.fa-facebook {
    margin-left: -3px;
}

.social-header .social-networks:before {
    content: "follow us";
    color: #fff;
    transform: rotate(-90deg);
    display: block;
    font-weight: 400;
    font-size: 1.5rem;
    font-family: "Roboto", sans-serif;
    position: relative;
    bottom: 45px;
    right: 9px;
}


.social-header .social-networks:after {
    content: "";
    width: 1px;
    height: 65px;
    background: #fff;
    display: block;
    position: relative;
    right: -22px;
}

.social-networks.rounded li a,
.social-networks.rounded li a:hover {
	background-color: transparent;
}

.black .social-networks:before {
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
	color: #000;
}

.black .social-networks:after {
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
	background: #000;
}

.black .social-networks.rounded li a i {
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-o-transition: .4s ease;
	transition: .4s ease;
	color: #000 !important;
}

.sticky-spacer {
	height: 100px !important;
}

.site-header .container,
.single-post .container {
	max-width: 1600px;
	width: 100%; 
}

header.main-header {
    border-top: 3px solid #45697c;
	padding-top: 7px !important;
}

.header-logo,
.header-logo svg {
	display: block;
	width: 200px;
	height: 80px;
}

.header-logo .st0 {
	fill:#466A7D;
}

.homepage-row.vc_row-flex {
	width: 100% !important;
	max-width: 1600px;
	height: 100%;
	margin: 0 auto;
	left: 0 !important;
	padding: 100px 0;
}

.reset-row {
    margin-top: 50px;
}

.reset-row .wpb_column.vc_column_container {
	height: 0;
	padding: 0;
}

/*==================================================================*/
/* Menu ============================================================*/
/*==================================================================*/

.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-main ul.menu > li > a,
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu > li > a {
	font-size: 1.8rem;
}


.menu li:last-child {
    border: 2px solid #45697c;
    padding: 10px 20px !important;
}

/*==================================================================*/
/* Slider ==========================================================*/
/*==================================================================*/

.slider-text {
	text-align: center !important;
}

.wpb_revslider_element.wpb_content_element {
	margin-bottom: 0;
}

.tp-svg-innercontainer {
	cursor: pointer;
}

/*==================================================================*/
/* About ===========================================================*/
/*==================================================================*/

.about-row {
	height: calc(100vh - 100px);
}

.about-title {
	margin: 100px auto 130px;
}

.about-info-bg {
    background-image: url(graphics/logistiki-icon.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 20%;
    background-attachment: fixed;
}

.about-title h2:after {
    content: "";
    width: 1px;
    height: 400px;
    background: #45697c;
    position: absolute;
    left: 50%;
    top: 220px;
    display: block;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}

.about-info-row {
	max-width: 1600px;
	margin: 0 auto;
}

.about-info,
.about-info p {
	font-size: 2.2rem;
	line-height: 3.6rem;
}

.about-info  {
	color: #000;
}

.left-info {
	text-align: right;
	padding-right: 60px;
}

.right-info {
	text-align: left;
	padding-left: 60px;
}

.left-info p:first-child {
    display: none;
}

/*==================================================================*/
/* Services ========================================================*/
/*==================================================================*/

.section-row-services {
	min-height: 100vh;
}

.section-row-services .section-title {
	margin-top: 130px !important;
}

.section-services-title {
	margin-bottom: 0;
}

.section-services-title .section-title {
    top: -80px;
}

.services-row-middle {
    max-width: 1600px;
    margin: 0 auto;
}

.services-wrapper {
	padding: 0 15px;
}

.services-wrapper .vc_column-inner {
	padding: 20px 40px;
    background: #fff;
    min-height: 550px;
}

.services-icon {
	margin: 50px auto 20px;	
}

.services-info h2 {
	font-weight: 600;
	padding: 15px 0;
}

.services-info ul {
	list-style-type: none;
	padding: 0; 
}

.services-info ul li {
	font-size: 1.8rem;
	padding-bottom: 10px;
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg .vc_icon_element-icon {
    font-size: 4.8rem !important;
}

/*==================================================================*/
/* News (homepage) =================================================*/
/*==================================================================*/

.vc_gitem-animated-block {
	max-height: 260px;
}

.vc_gitem_row .vc_gitem-col {
    padding: 20px 20px 0 20px;
}

.vc_gitem-post-data-source-post_excerpt p {
	font-size: 1.6rem;
}

.vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
    color: #fff;
    background-color: #45697c;
}

.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 0;
}

.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
	min-height: 325px;
}

.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover,
.vc_btn3.vc_btn3-color-juicy-pink:hover,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus,
.vc_btn3.vc_btn3-color-juicy-pink:focus {
	background: #375362 !important;
}

.vc_gitem-linkPafter {
	content: none !important;
}

.blog-post-title {
	font-size: 2.5rem;
	font-weight: 600;
}

.news .section-title {
    top: -40px;
}

.more-news {
    margin: 35px 0 0;
    text-align: center;
}

.btn-more {
    border: 1px solid #45697c;
    padding: 25px 30px;
    font-weight: 400;
}

/*==================================================================*/
/* News Page =======================================================*/
/*==================================================================*/

.page-heading--title {
    font-size: 5rem;
    font-weight: 600;
    text-align: center;
    margin-top: 50px;
}

.blog.blog--standard {
    margin-top: 50px;
}

.page-heading .container,
.blog .container {
	max-width: 1600px;
	width: 100%; 
}

.blog-posts .post-item .post-details .post-title {
	font-weight: 600;
}

.blog .blog--standard .container {
    margin-bottom: 100px;
}

/*Single Post*/

.single-post .post .entry-header .post-title {
    font-weight: 600;
    font-size: 3rem;
}

.post-navigation--label em {
    display: none;
}

.post-navigation--label strong {
	top: 0;
}

.single-post .post--column {
	margin-bottom: 100px;
}

.single-post {
    margin-bottom: 100px;
}


/*==================================================================*/
/* Links ===========================================================*/
/*==================================================================*/

.section-links-title .section-title {
	top: 30px;
}

.useful-links {
	margin: 150px 100px 100px 100px;
}

.useful-links ul {
	max-width: 555px;
    margin: 0 auto;
	list-style-type: none;
	padding: 0; 
}

.useful-links ul li {
	padding-bottom: 10px;
    font-size: 2rem;
    line-height: 4rem;
}

.useful-links ul li:after {
    content: "";
    width: 100%;
    min-width: 400px;
    height: 1px;
    background: #45697c;
    display: block;
    margin-bottom: 20px;
    position: relative;
    bottom: -15px;
    opacity: .2;
}

.useful-links ul li:before {
    content: "\f105";
    font-family: fontawesome;
	font-weight: lighter;
    background-repeat: no-repeat;
    background-size: 30px;
    padding-right: 20px;
    position: relative;
    top: 0px;
}

.useful-links ul li:before,
.useful-links ul li:before svg {
	display: block;
	width: 50px;
	height: 15px;
}

.useful-links ul li:before svg .st0 {
    fill: #45697c;
}

.links-bg {
	height: 100vh;
	background-image: url('/wp-content/uploads/2018/05/links-image-02.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.links-image img {
    margin-top: 60px;
}


/*==================================================================*/
/* Contact =========================================================*/
/*==================================================================*/

.contact-info {
	max-width: 1600px;
	margin-left: 60px;
}

.contact-title .section-title {
	padding: 100px 0 60px;
}

.contact-info ul {
	list-style-type: none;
	padding: 0;
}

.contact-info ul li {
    padding-right: 50px;
    padding-top: 20px;
    font-size: 2rem;
    float: left;
    display: inline;
    width: 90%;
}

.contact-info li i {
    padding-right: 10px;
    color: #45697c;
    float: left;
    width: 35px;
}

.contact-name {
	display: block;
	padding-left: 33px;
}

.contact-social-media {
	padding-left: 50px;
}

.wpb_wrapper .lab-google-map {
	margin-bottom: 0;
}

.follow-us {
    padding-left: 60px;
    margin-bottom: 4px;
}

.social-networks {
	margin-left: -9px;
}

.wpb_wrapper .lab-vc-social-networks.display-type-rounded-icons .social-networks li a {
	width: 35px;
	height: 35px;
}

.map-cell {
	z-index: 9999;
}
.espa-container {
    position: fixed;
    bottom: 5px;
    left: 5px;
    z-index: 999;
}
.espa-container .espa-image {
    width: 210px;
    height: auto;
    z-index: 999;
}
/*==================================================================*/
/* Copyright =======================================================*/
/*==================================================================*/

.eight8 {
	font-weight: 600;
}
.contact-cell .social-networks.rounded li a i {
    color: #45697c !important;
}

/*==================================================================*/
/* Responsive ======================================================*/
/*==================================================================*/


@media(max-width: 1400px)  {

	.social-header {
		right: 0;
	}

	/*about*/
	.about-title {
    	margin: 100px auto 50px;
	}

	.about-title h2:after {
		top: 140px;
	}

	/*service*/
	.section-services-title .section-title {
	    top: -90px;
	}

	.services-wrapper .vc_column-inner {
	    min-height: 525px;
        margin-top: -30px;
	}

	.services-info h2 {
		font-size: 2.4rem;
	}

	/*news page*/
	.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container {
		min-height: 340px;
	}	

	/*useful links*/
	.useful-links {
	    margin: 120px 20px 20px 20px;
	}

	.useful-links ul li:after {
	    min-width: 300px;
	}

	.links-image img {
	    margin-top: 20px;
	    max-height: 600px;
	    width: auto;
	}

	/*contact*/ 
	.contact-info {
    	margin-left: 20px;
	}

	.contact-info li i {
    	padding-right: 35px;
	}

	.contact-name {
   	 	padding-left: 36px;	
	}	

	.follow-us {
    	padding-left: 20px;
	}

	.contact-social-media {
    	padding-left: 15px;
	}

}

@media(max-width: 1366px) {
	
	/*services*/
	.services-icon {
	    margin: 20px auto;
	}

	.section-row-services .section-title {
	    margin-top: 100px !important;
	}

	.links-image img {
       	max-height: 500px;
	}

}


@media(max-width: 1280px) {

	p {
		font-size: 1.8rem;
	}

	/*about*/
	.about-title {
	    margin: 80px auto 50px;
	}
	
	.section-title,
	.page-heading--title {
		font-size: 4rem;
	}

	.about-title .section-title {
		margin-bottom: 60px;
	}

	/*services*/

	.services-wrapper .vc_column-inner {
    	min-height: 520px;
	}

	.section-row-services .section-title {
	    margin-top: 70px !important;
	}

	.section-services-title .section-title {
    	top: -75px;
	}

	/*news*/
	.homepage-row.vc_row-flex {
		padding: 50px 0;
	}

	.news {
	    margin-bottom: 0;
	}

	.more-news {
		margin: 0;
	}

	/*contact*/ 
	.contact-info ul li {
		font-size: 1.8rem;
	}

	.follow-us {
    	padding-left: 20px;
   	}

	.contact-info {
    	margin-left: 15px;
	}

	.contact-social-media {
		padding-left: 10px;
	}

	.contact-name {
	    padding-left: 35px;
	}

}

@media(max-width: 1024px) {
	
	.hide-on-1024 {
		display: none;
	}

	/*about*/
	.about-title {
    	margin: 70px auto 0;
	}

	.about-title .section-title {
    	margin-bottom: 60px;
	}

	.about-title h2:after {
		display: none;
	}

	.about-info-title-right h2, 
	.about-info-title-left h2 {
 	   top: 25px;
	}

	.left-info {
    	padding-right: 0;
	}


	.right-info {
    	padding-left: 20px;
	}
	
	/*services*/
	.vc_icon_element.vc_icon_element-outer {
	    text-align: center;
	}

	.services-wrapper .vc_column-inner {
    	min-height: 560px;
	}

	/*useful-links*/
	.useful-links {
		margin: 80px 15px;
	}

	.useful-links ul li:after {
    	min-width: 0;
	}

}

@media(max-width: 991px) {

	.vc-container .vc-row-container--stretch-content .vc_inner.container-fixed {
	    width: 100% !important;
	}

	/*services*/
	.services-wrapper .vc_column-inner {
    	min-height: 580px;
	}

	/*news*/
	.wpb_wrapper .lab-blog-posts .blog-post-entry .blog-post-content-container .blog-post-title {
		font-size: 2rem;
	}

	/*useful-links*/
	.useful-links {
    	margin: 15px;
	}

	/*contact*/
	.contact-title .section-title {
    	padding: 20px 0;
	}
	
}

@media(max-width: 767px)  {

	br.mobile-only {
		display: block;
	}

	.hide-on-desktop {
		display: inline-block;
	}

	.hide-on-mobile {
		display: none;
	}

	.social-header {
		display: none;
	}

	.social-menu {
		margin-left: 10px;
	}

	.menu li:last-child {
		border: none;
		padding: 10px 0px !important;
	}
	
	.section-title,
	.page-heading--title {
		font-size: 3.5rem;
	}

	/*about*/
	.about-row {
		height: auto;
	}

	.about-title {
    	margin: 30px auto 0;
	}

	.about-title .section-title {
	    margin-bottom: 30px;
	}

	.about-info-title-left h2 {
	    font-size: 5rem;
	    position: absolute;
	    text-align: center;
	    width: 100%;
	}

	.left-info {
    	text-align: left;
    }

	.right-info {
	    margin-top: -30px;
		padding: 0;
	}

	/*services*/
	.services-wrapper .vc_column-inner {
    	min-height: 0;
    	margin-bottom: 50px;
	}

	/*news page*/
	.single-post .post .entry-header .post-title {
	    font-size: 2rem;
	}

	.single-post .post--column {
    	margin-bottom: 0;
	}
		
	.single-post {
    	margin-bottom: 0;
	}

	.post-navigation--label {
		display: none;
	}

	.mobile-menu-slide .social-networks.rounded li a i {
		color: #000!important;
	}

	/*useful-links*/
	.useful-links-right {
		margin-top: -15px;
	}
	.espa-container {
    display: none !important;
}

}