/*
Theme Name: HOTdesign - Grafika 2020
Theme URI: https://www.hotdesign.eu
Author: HOTdesign.eu
Author URI: https://www.hotdesign.eu
Description: 
Version:
Text Domain: grafika20               
License:                               
License URI:
*/
 @import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,700,800,900');
 @import url('https://fonts.googleapis.com/css?family=Open Sans:100,200,300,400,700,800,900');
body {
	font-family: Arial, Helvetica, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: Arial, Helvetica, sans-serif !important;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
	color: #acacac;
}
::-moz-placeholder {
/* Firefox 19+ */
	color: #acacac;
}
:-ms-input-placeholder {
/* IE 10+ */
	color: #acacac;
}
:-moz-placeholder {
/* Firefox 18- */
	color: #acacac;
}
.mfp-arrow-right, .mfp-ready .mfp-close {
    right: 40px;
}
.header-top {
	background-color: #242424;
	z-index: 11;
	position: relative;
	min-height: 20px
}
.nav-small .nav>li>a, .nav.nav-small>li>a {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ikonytop {
	font-weight: 400;
	color: #424242;
	margin-left: 1.5em
}
.ikonytop a {
	color: #424242;
	font-size: 12px !important;
}
.hnadpis {
	font-size: 64px !important;
	text-transform: uppercase;
    font-weight:800;
    color: #000;
    
}
.box-text h3
 {
    line-height: 1.3;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    font-weight: 500;
    font-size: 13px !important;
}
.fblink{
	font-size: 18px !important;
    text-transform: uppercase;
    font-weight:700;
    color: #1d396b;
    text-align: center;
    margin-top: 12px;
}
.header-main .nav > li > a {
    color: #8a813c;
        font-weight: 500 !important;
}
.header-main .nav > li > a:hover {
    color: #000;
}
.nav-spacing-large>li {
    margin: 18px;
    font-weight: 400 !important;
}
.nav-divided>li+li>a:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    border-left: 2px solid #8a813c;
    height: 15px;
    margin-top: -7px;
    left: -1em;
}
.b1 {background-color:#d61026 !important;}
.bb1 {border: 1px solid #d61026;}
.b2 {background-color:#e17c10 !important;}
.bb2 {border: 1px solid #e17c10;}
.b3 {background-color:#ffcc00 !important;}
.bb3 {border: 1px solid #ffcc00;}
.b4 {background-color:#0f4e39 !important;}
.bb4 {border: 1px solid #0f4e39;}
.b5 {background-color:#531e56 !important;}
.bb5 {border: 1px solid #531e56;}
.b6 {background-color:#1d396b !important;}
.bb6 {border: 1px solid #1d396b;}
.accordion-title {
    font-size:120%; 
    text-align: center;
    padding:.6em 1.2em;
    display:block;
    position:relative;
    color: #fff!important;
    font-weight: 500 !important;
    transition:border 200ms ease-out,background-color .3s}
.accordion-title a {color: #fff !important;}
.accordion-inner   {
background-color:#fff !important;
     font-size: 13px;