/*
Theme Name:     Kalogridis Child Theme
Author:         Page Agency
Theme URI: 		http://page.agency
Template:       kalogridis
Text Domain: mk_framework
Domain Path: /languages/
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

header#mk-filter-portfolio {
    margin: 0px 0 10px 0;
}

/*h3.mk-fancy-title.pattern-style, .page-id-190 .flex-prev, .page-id-190 .flex-next {
    display: none;
}*/

.about-text {padding:20px;
position: relative;
  top: 50%;
  transform: translateY(-50%);

}
.about-text .mk-button-container {margin-top:25px !important;}
.about-slider{padding:0px}
.about-slider-col{padding:0}
.about-text-col{}

.dashboard-opened .mk-side-dashboard {z-index:0}

/* Boxed Layout Fixes */

.home .mk-grid {max-width: 100% !important}
.home .header-logo {margin: 10px 0 0 0;}
.header-style-3.header-align-left .header-logo a {/* margin-left: -3px !important; */}
.dashboard-opened #mk-theme-container {left:0 !important}

.mk-side-dashboard {
	background-color: rgba(0,0,0,.8) !important;
	z-index: 200 !important;
	top: 50% !important;
	height: auto !important;
	transform: translateY(-50%);
	border-radius: 10px 0px 0px 10px;
	box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.72);
}
.mk-dashboard-trigger {z-index:201 !important;}
a.side-logo {
    margin: 0 auto;
    position: relative;
    display: table;
}

.portfolio-meta {
    pointer-events: none;
}
/*.mk-flexslider .mk-flex-slides>li {
	border-width: 0px 10px 0px 0px;
    border-style: inset;
    border-color: #ffffff;
	
}*/
.portfolio-carousel.style-modern .featured-image {margin:0 5px;}
 .flex-next{margin-right:5px;}
 .flex-prev{margin-left:5px;}

button, .vc_btn3 {
	background-color: #507dac !important;
	color: white !important;
	border-radius: 5px !important;
}
.mk-quick-contact-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -70%);
	/* right: auto; */
	/* bottom: auto; */
	/*background-color: red;*/
	max-width: 300px;
	/* right: auto; */
}
#mk-quick-contact {
	    /* max-width: 275px; */
	    right: auto;
	    bottom: auto;
	    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.8);
	    -moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.8);
	    box-shadow: 0px 0px 100px 10px rgba(0, 0, 0, 0.9);
	    /* transform: translate(-50%, -50%); */
	    background: url(http://kl.page.agency/wp-content/uploads/2018/01/quick-contact.png) no-repeat top center #eee;
	    background-size: contain;
	    padding: 41px 10% 0 10%;
	    border-radius: 5px;
	    top: auto;
	    left: auto;
	    pointer-events: auto;
}

.mk-quick-contact-link {
    position: fixed;
    right: 15px;
    bottom: 15px;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    transition: all 0.2s ease-in-out;
}
a.mk-quick-contact-link.js-bottom-corner-btn--contact.is-active {
    right: 70px;
}
.mk-portfolio-item.zoomin-hover .portfolio-meta {bottom:37% !important}
.no-mouse {pointer-events:none;}
.mouse {pointer-events: auto;}
.mk-side-dashboard .widget {margin: 0 auto 0 auto;}

div#social-5a1243bf638b4 {margin: 0 0 0 15px;}

.side-dash-bottom-widgets {
    padding: 0 0 20px 0;
}

.vc_btn3-.container.vc_btn3-center {
}

.side-dash-bottom-widgets.vc_btn3-container.vc_btn3-center {
    margin-bottom: 25px;
}
.page-titles .mk-page-title-box-subtitle { font-family: Crimson Text;text-transform: uppercase !important}
.page-titles .mk-page-title-box-title { font-family: Crimson Text;text-transform: uppercase !important;margin-bottom: 0 !important;padding-bottom: 0 !important;}

.mk-quick-contact-wrapper .mk-contact-form .btn-cont {
    text-align: center;
    margin-top: 25px;
    width: 100%;
}
.mk-quick-contact-wrapper .mk-contact-form .btn-cont button {width:77%;}
.mk-quick-contact-wrapper .mk-contact-form .text-input, .mk-quick-contact-wrapper .mk-contact-form .textarea {

    background-color: #fff;
	border: solid 1px #ccc;}

.location-boxes {
    background-color: #eee;
    border-radius: 5px;
    border: solid 1px #ccc;
	height: 100% !important;
	/*display: flex !important;*/
}
.location-boxes ul {list-style:none; margin-left:0 !important;}
.location-boxes ul li {margin-left: 0 !important}
.location-boxes ul .name {font-weight: bold; margin-bottom:15px;}
.location-boxes .mk-box-icon-2-image {
	margin-top: -50px !important;
	display: inline-block;
    border: solid 4px white;
    background-color: #cccc;
    padding: 9px;
    border-radius: 100px;
}
.contact-form input {width:100% !important;}
.dashboard-opened .header-style-3.sticky-style-fixed .mk-dashboard-trigger {
    transform: translateX(0px) translateZ(0) !important;
    transition: all 300ms ease-in-out !important;
}

.side-logo img {
    width: 200px;
    height: auto;
}

.side-dash-top-widgets {
    padding-bottom: 10px;
}
.twitter-hover {margin-right:0 !important;}
#sub-footer {padding: 45px 0 0 25px;}
#sub-footer .wpb_column  {text-align: center; border-right:2px #808080 solid; }
#sub-footer .wpb_column .location-span {text-align: center; text-transform:uppercase;}
#sub-footer .no-border  {border-right:0px !important; }


.wpb_single_image.wpb_content_element.vc_align_center {
    margin-bottom: 1px;
}

span.mk-footer-copyright {
    margin: 0 auto;
    text-align: center;
    display: block;
    float: none;
    clear: both;
    /* top: 54px; */
    position: relative;
    max-width: 250px;
    padding: 50px;
}
#mk-footer .mk-col-1-6 {text-align:center;}
#mk-footer .mk-col-1-6 a {
    text-align: center;
    font-size: 18px;
}
.mk-employees.simple.four-column .team-thumbnail.rounded-true {
    padding: 0px 0px;
}
.press-row .wpb_column {margin-bottom:35px;}
.company-logos img {filter: grayscale(100%); opacity:.8;}

.mk-fullscreen-nav .mk-fullscreen-nav-wrapper .fullscreen-menu .fullscreen-navigation-ul .menu-item {
	border-bottom:solid white 1px;
	margin: 0 19%;
}
.mk-quick-contact-wrapper .mk-contact-form .text-input, .mk-quick-contact-wrapper .mk-contact-form .textarea {
	width:100% !important;
}
.mk-fullscreen-nav .vc_btn3-container.vc_btn3-center {
    margin: 42px 0 0 0;
}

h2.qc-title {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 44px;
    line-height: 10px;
}
h3.qc-sub-title {
    color: white;
    text-transform: uppercase;
    /* font-weight: bold; */
    font-size: 26px;
    line-height: 28px;
    letter-spacing: 5px;
}
.contact-form-message {
    padding: 13px 0;
    font-size: 13px;
    color: #cd1313;
}
.portfolio-grid .mk-grid {max-width:100%;margin: 0;}

.sortable-note {
    text-align: center;
    padding: 11px 12px;
    line-height: 13px;
    font-size: 20px;
    font-weight: bold;
    display: block;
    letter-spacing: 1px;
    position: relative;
    color: white;



    text-transform: uppercase;
}
.mk-portfolio-item .featured-image {

    max-height: 225px;
}
/* Dropdown Button */
.dropbtn {
    background-color: transparent;
    color: white !important;
    padding: 10px;
    font-size: 16px;
    border: 2px solid white;
    cursor: pointer;
    box-sizing:inherit;
    width:100% !important;
    display: block;
    text-align: center;
    /* font-weight: bold; */
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: block;
	visibility:hidden;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999 !important;
    color:#333;
	width:100%;
	opacity:0;
	transition: all 0.3s ease-in-out;
	
}
.fancybox-close .mk-svg-icon {

    margin-top: 5px;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #333 !important;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ccc;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
	visibility:visible;
	opacity:1;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropbtn:hover  {
    background-color: #507dac;
}
/*.sort-right {float:right; width:100px; margin-left:20px;}*/
.sort-row {z-index:999 !important;margin-top: 21px !important;}
.dropbtn svg.mk-svg-icon {
    margin: 0px 0 -2px 13px;
}


.mk-employee-item { transition: all .2s ease-in-out; }
.mk-employee-item:hover { transform: scale(1.1); }

.press-row {overflow:visible !important; z-index:100;}
.press-row a { transition: all .2s ease-in-out; }
.press-row a:hover { transform: scale(1.1); }

.mk-fullscreen-nav .mk-fullscreen-nav-close {
    right: 10px;
    top: 10px;
}
/*@media handheld, only screen and (max-width: 450px) {
	
.page-titles .mk-page-title-box-subtitle, .page-titles .mk-page-title-box-title { 
font-size:24px !important;
}
.page-titles .mk-page-title-box-title { 
font-size:24px !important;
}
.page-id-310 .page-titles .mk-page-title-box-subtitle, .page-titles .mk-page-title-box-title { 
font-size:24px !important;
}
.page-id-310 .page-titles .mk-page-title-box-title { 
font-size:24px !important;
}

}*/

/* @ MEDIA */


@media handheld, only screen and (max-width: 650px) {
	
.about-text {
    padding: 50px 0 50px 0;
    position: relative;
    top: auto;
    transform: translateY(0) !important;
}

}
@media handheld, only screen and (max-width: 768px) {
	.dropbtn {margin-bottom:10px;}
}
@media handheld, only screen and (max-width: 1140px) {
.home .header-logo {margin: 0px 0 0 0;}	
.mk-go-top.is-active {
    right: 13px;
    bottom: 15px;
}
.mk-quick-contact-wrapper {width:100%;}
.mk-go-top {right:-50px;}
.mk-padding-wrapper {padding:0;}
}