.q_slide_text{
letter-spacing: 0.7px;
}

.carousel-inner .slider_content .text .qbutton {
    margin: 0px 0 0;
}
 

.portfolio_main_holder .item_holder.subtle_vertical_hover .icons_holder a {
    background-color: #252525;
    color: #fff;
}

.projects_holder article .portfolio_description .portfolio_title {
    margin: 10px 0 16px;
}

.q_progress_bar .progress_title_holder {
    position: relative;
    margin: 0 0 9px;
}
.q_list.circle ul>li, .q_list.number ul>li {
    margin: 0 0 16.7px;
    padding: 0 0 0 27px;
}
.q_list.circle ul>li:before {
    top: 6px;
    background-color: #2a2a2a; 
    width: 6px;
    height: 6px;
}


.testimonials_holder.light .flex-direction-nav a:hover {
     background-color: #737373;           
    border-color: #fff;
}

.portfolio_single .portfolio_container {
    margin-top: 10px;
}

.portfolio_navigation .portfolio_prev a:hover{
    background-color: rgba(37, 37, 37, 0);
}

@media only screen and (min-width: 1000px){
    .projects_holder.v3 .mix, .projects_holder.v3.hover_text .mix {
        width: 32%;
        margin: 0 0 1.8%;
    }
}

aside.vertical_menu_area .vertical_menu_area_widget_holder {
  
    font-size: 11px;
}

.cf7_custom_style_1 textarea.wpcf7-form-control.wpcf7-textarea{
margin-bottom: 12px;
}

.two_columns_50_50>.column1>.column_inner {
    padding: 0 4px 0 0;
}

.filter_outer {
  text-align: left;
}

.vertical_menu_enabled .full_width .filter_outer {
    margin: 0 0 45px;
}

 .filter_holder ul li.active, .filter_holder ul li:hover {
border: 1px solid #000;
}

.filter_holder ul li {
    margin: 0 1px;
    border: 1px solid transparent;
}

/* Style The Dropdown Button */
.dropbtn {
    background-color: #3E4146;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

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

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 3px 4px;
    text-decoration: none;
    display: block;
}

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

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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.biela {color:#fff !important;}


#menu_icy {position:absolute; right:0px;}
a#pull { 	display:block;	background:#3E4146; 	height:20px; 
	color:#fff;	z-index:20;	top:100px; 	padding:10px 20px;
	font-family:Arial, Helvetica, sans-serif;	font-size:14px;
	margin:0 auto;	width:360px;	border-radius:3px;
	-webkit-border-radius:3px;	-moz-border-radius:3px;
	outline:none;	text-decoration:none;	position:relative; text-align:left;}
	
.arrow{background:url('https://citadela.sk/icynene/wp-content/uploads/2017/06/arrow.jpg') center center no-repeat;
	display:block;	width:30px;	height:100%;	position:absolute;
	right:0;	top:0;	border-left:2px solid #5E6166;}
	
.nav-list {display:none; }
	
#main-menu{
	margin-left:0;
	max-height:300px;
	overflow-y:scroll;
	position:relative;
	margin:0 auto;
	top:84px;
	padding:0px;
	z-index:300;
	background:#3E4146;
	border-top:2px solid #5E6166;
	width:400px;
text-align:left;}
	
	#main-menu li{
	display:block;
	width:100%;
	padding-left:0;
	margin:0;}
	
	#main-menu li a{
	max-width:100%;
	color:#fff;
	margin:0;
	padding:5px 20px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	font-size:12px;}


#menu_icy li{list-style:none;}

#menu_icy li a:hover{
	background:#5E6166;}


@media only screen and (min-width: 200px) and (max-width: 767px){
	body{overflow-y:auto;}
	a#pull{width:90%;}
        #main-menu {z-index:9999 !important}
	#menu_icy{top:80px;right: 30px;}
	#menu_icy ul{width:90%;max-height:500px;overflow:auto}
	#main-menu li a{padding:12px 20px;}
}

a.flc:hover {color:#0064af !important;}
a.flc {font-weight:bold;}

@media screen and (max-width: 1000px) {
    header {
        position: fixed !important;
        left: 0px !important;
        top: 0px !important;
    }
    .content {
        top: 40px !important; /* this should be equal to mobile header height */
    }
}