html {scroll-behavior: smooth;}
body {padding-bottom: 0px;}
.border-3 {border-width:3px !important;}
.grad {background-image: linear-gradient(red, yellow);}
.navbar {margin-bottom: 20px;}
.nav-link {text-transform: uppercase;font-size:1rem;	color: #000057 !important; font-family: 'Nova Slim';}
.nav-link:hover {color: #3a3a9d !important;}
.text-bejtkov, .text-bejtkov a {color: #000057;}
.border-bejtkov {border-color: #000057 !important;}
.btn-bejtkov {background-color: #000057; color:#fff;}

/* nova-slim-regular - latin */
@font-face {
  font-family: 'Nova Slim';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nova-slim-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nova Slim'), local('NovaSlim'),
       url('fonts/nova-slim-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nova-slim-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nova-slim-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/nova-slim-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nova-slim-v11-latin-regular.svg#NovaSlim') format('svg'); /* Legacy iOS */
}


@media (max-width: 768px) {  
.nav-link {font-size:0.8rem;}
}
.carousel {background:#fff;}
.carousel-item .img-fluid {width:100%;}
.carousel-item a {
  display: block;
  width:100%;
}
#intro {
  width: 100%;
  position: relative;
  background: url("images/charcoal2.gif") center bottom no-repeat;
  background-size: cover;
  }
h1, h2, h3, h4, h5 {font-family: 'Nova Slim';}
@media (max-width: 544px) {  
  h1 {font-size:1rem;} /*1rem = 16px*/
  h5 {font-size:0.5rem;}
}
@media (max-width: 768px) {  
  h1 {font-size:1.5rem;} /*1rem = 16px*/
  h5 {font-size:1rem;}
}
@media (max-width: 1199px) { 
  h1 {font-size:2rem;} /*1rem = 16px*/
}
@media (min-width: 1200px) {  
  h1 {font-size:2.5rem;} /*1rem = 16px*/    
}

/*********************** Demo - 4 *******************/
.box4 {text-align:center}
.box4:before {content:""}
.box4 {overflow:hidden}
.box4 title{letter-spacing:1px}
.box4 .post{font-style:italic}
.box4 .title{text-transform:uppercase}
.box4 .icon li a:hover {border-radius:50%}

@keyframes animate{0%,100%{opacity:1}
}
@keyframes animate-hover{0%{box-shadow:0 0 0 10px rgba(255,255,255,.3)}
50%{box-shadow:0 0 0 5px rgba(255,255,255,.3)}
100%{box-shadow:0 0 0 0 rgba(255,255,255,.3)}
}
.box4 {box-shadow:0 0 3px rgba(0,0,0,.3)}

.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}

.box4{position:relative}
.box4:before{width:0;height:200%;background:rgba(0,0,0,.5);position:absolute;top:0;left:-250px;bottom:0;transform:skewX(-36deg);transition:all .5s ease 0s}
.box4:hover:before{width:200%}
.box4 img{width:100%;height:auto}
.box4 .box-content{width:100%;height:100%;padding-top:20%;position:absolute;top:0;left:0;transform:scale(0);transition:all .3s ease 0s}
.box4 .icon,.box5 .icon{list-style:none;padding:0}
.box4:hover .box-content{transform:scale(1)}
.box4 .title{font-size:22px;font-weight:400;color:#fff;margin:0 0 10px}
.box4 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:20px}
.box4 .icon{margin:0}
.box4 .icon li{display:inline-block}
.box4 .icon li a{display:block;width:35px;height:35px;line-height:35px;font-size:20px;background:#fff;color:#ee4266;margin-right:10px;transition:all .3s ease 0s}
.box5 .icon,.box5 .icon li{display:inline-block}
@media only screen and (max-width:990px){.box4{margin-bottom:30px}
}
@media only screen and (max-width:767px){.box4:before{left:-400px}
.box4:hover:before{width:300%}
}
#scroll {
    position:fixed;
    right:10px;
    bottom:50px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#000057;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#000;
    opacity:0.5;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}