@import url("https://fonts.googleapis.com/css?family=Changa:400,500,600|Lato");
 html {
     scroll-behavior: smooth;
}
 @font-face {
     font-family: "responsivenav";
     src: url("../icons/responsivenav.eot");
     src: url("../icons/responsivenav.eot?#iefix") format("embedded-opentype"), url("../icons/responsivenav.ttf") format("truetype"), url("../icons/responsivenav.woff") format("woff"), url("../icons/responsivenav.svg#responsivenav") format("svg");
     font-weight: normal;
     font-style: normal;
}
#header {
    min-height: 145px;
    padding-top: 35px;
}
.navbar-brand {
    margin: 0;
}
.navbar-expand-md .navbar-nav {
    white-space: nowrap !important;
}
.no-padding {
    padding: 0 !important;
}
 .sf-menu a {
     font-family: 'Changa', sans-serif;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 0.1em;
     color: black;
     padding: 0 10px;
     text-decoration: none 
}
 .sf-menu>li>a:after {
     top: auto;
     bottom: 22px;
     right: 0;
     left: 100%;
     transition: right 0.1s ease 0s, left 0.1s ease 0s;
}
 .sf-menu>li>a:before {
     top: 22px;
     bottom: auto;
     left: 0;
     right: 100%;
     transition: right 0.1s ease 0s, left 0.1s ease 0s;
}
/* @media (min-width: 768px) {
     .navbar-expand-md .navbar-collapse {
         overflow: scroll;
    }
}
 */
 .social {
     text-align: right 
}
 @media (max-width: 768px) {
     .show .sf-menu a {
         border-top: 1px solid #ccc;
         padding: 5px 0;
         width: 100%;
         display: block;
    }
     .logo-block {
         text-align: center !important;
    }
}
 /*.logo {
     font-family: 'Changa', sans-serif;
     text-align: center;
     margin-left: 63px;
}*/

.logo {
    font-family: 'Changa', sans-serif;
    text-align: center;

    margin: -35px auto 0 auto;
    width: 100%;
    position: absolute;
    color: #000;
}
.logo:hover {
    color: #000;
}
@media (max-width: 768px) {
    .logo {
        margin: 0px;
        position: relative;
    }
    .dot {
        width: 40px !important;
    }
}
 .logo .large {
     font-size: 23pt;
     line-height: 18pt;
     font-weight: bold;
     display: block;
}
 .logo .small {
     font-size: 13pt;
     line-height: 0pt;
}
 .logo img {
     width: 15%;
     margin: 10px;
}
 .logo-block {
     text-align: center;
}
 @media (min-width: 992px) {
     .logo-block {
         text-align: left;
    }
     .sf-menu li {
         position: relative;
    }
     .sf-menu>li>a:after {
         content: "";
         position: absolute;
         top: 22px;
         left: 100%;
         right: 0;
         height: 1px;
         transition: left 0.1s ease 0s, right 0.1s ease 0s;
         background-color: #222222;
    }
     .sf-menu>li.current_page_item>a:before {
         height:0 !important;
    }
     .sf-menu>li>a:before {
         content: "";
         position: absolute;
         bottom: 0px;
         left: 50%;
         width: 10%;
         height: 1px;
         transition: left 0.1s ease 0s, right 0.1s ease 0s;
         background-color: #222222;
    }
     .sf-menu>li>a:hover:after, .sf-menu>li.current_page_item>a:after {
         left: 50%;
         width: 20px;
         transition: left 0.1s ease 0.1s, right 0.1s ease 0s;
    }
}
 .photograph-ico {
     margin: -100px auto 0 auto;
     z-index:1000;
}
@media (max-width: 768px) {
    .photograph-ico {
        width: 20%;
        height: 20%;
        margin-top: -30px;
    }
}
 #intro-gallery {
     background: #EEEEEE;
     padding: 10px 0;
     text-align: center;
}
 .gallery .col-md-12 {
     padding: 0;
}
 .gallery .row .col-md-4 {
     padding: 0;
}
 .gallery {
     text-align: center;
     overflow: hidden;
}
 .gallery img {
     border: 5px solid #fff;
}
 .gallery .row {
     margin: 0;
     padding: 0;
}
 .gallery img {
     width: 100%;
}
 .gallery img:hover {
     transform: scale(1.05);
}

.ngg-galleryoverview {
    text-align: center;
    padding: 0px 0;
    margin: 10px 0;
    background: #fff;
    width: 100%;
}
.home .ngg-galleryoverview { 
background: none;
padding: 0;
margin: 0;
}

 
.ngg-gallery-thumbnail img {
    border: 5px solid #fff;
    height: 200px;
}
 
 .underline {
     text-decoration: none;
     position: relative;
}
 .underline:after {
     position: absolute;
     content: '';
     height: 1px;
     bottom: -4px;
     margin: 0 auto;
     left: 0;
     right: 0;
     width: 10%;
     background: #000;
    /* optional animation */
     -o-transition: .5s;
     -ms-transition: .5s;
     -moz-transition: .5s;
     -webkit-transition: .5s;
     transition: .5s;
}
 .underline:hover:after {
     width: 40%;
     background: #fff;
}
 #about-me {
     margin: 0;
     min-height: 300px;
     text-align: center;
     color: #000;
     padding: 30px 0;
     font-size: 23px;
}
 #about-me .me {
     margin-bottom: 0px;
}
 @media screen and (min-width: 30em) {
     .wrap {
         max-width: 900px;
         margin: 0 auto;
    }
}
 /*.dot {
     height: 20%;
     width: 25%;
     background-color: #000;
     border-radius: 50%;
     display: inline-block;
     margin-bottom: 10px;
     margin-top: 10px;
}
*/
    .dot {
    height: 20%;
    width: 40px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 18px;
}


 .dot .fa {
     color: #fff;
     display: block;
     padding: 10px;
}
 .social a {
     color: #000;
     font-size: 21pt;
}
 .navbar {
     position: relative 
}
 .navbar-toggler {
     font-size: 15pt;
}
 #collapsibleNavbar {
     margin-top: 30px;
}
 @media (max-width: 768px) {
     .social {
         text-align: center 
    }
}
 footer#footer {
    background: #2F2E2E;
    margin: 40px 0 0 0;
    text-align: center;
    color: #fff;
    font-size: 12px;
    padding: 0 0 20px 0;
}
 footer#footer .copyright {
      
}
 #footer .top {
     margin-top: -20px;
}
 .img-hover-zoom--zoom-n-pan-v img {
     transition: transform .5s ease-in-out;
     transform: scale(1.4);
     transform-origin: 0 0;
}
 @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
     .navbar-expand-md {
         flex-flow: wrap;
    }
     #header .col-md-6  {
         position: relative ;
         width: 100% ;
         float: none ;
         flex: none ;
         clear: both ;
         max-width: 100% ;
         padding: 0;
    }
}
 @media all and (device-width: 1024px) and (orientation:landscape) {
     .navbar-expand-md {
         flex-flow: wrap;
    }
     .logo-block {
         text-align: center !important;
    }
     #header .col-md-6 {
         position: relative ;
         width: 100% ;
         float: none ;
         max-width: 100%;
         flex: 100% !important;
         clear: both ;
         max-width: 100% ;
         padding: 0;
    }
     .social {
         text-align: center 
    }
    .logo {
        margin: 0;
        position: relative;
    }
}
 @media all and (device-width: 1366px) and (orientation:landscape) {
        .navbar-expand-md {
         flex-flow: wrap;
    }
     .logo-block {
         text-align: center !important;
    }
     #header .col-md-6 {
         position: relative ;
         width: 100% ;
         float: none ;
         max-width: 100%;
         flex: 100% !important;
         clear: both ;
         max-width: 100% ;
         padding: 0;
    }
     .social {
         text-align: center 
    }
    .logo {
        margin: 0;
        position: relative;
    }
}
@media all and (device-height: 1366px) and (orientation:portrait) {
        .navbar-expand-md {
         flex-flow: wrap;
    }
     .logo-block {
         text-align: center !important;
    }
     #header .col-md-6 {
         position: relative ;
         width: 100% ;
         float: none ;
         max-width: 100%;
         flex: 100% !important;
         clear: both ;
         max-width: 100% ;
         padding: 0;
    }
     .social {
         text-align: center 
    }
    .logo {
        margin: 0;
        position: relative;
    }
}



 @media all and (device-width: 768px) and (orientation:portrait) {
     .navbar-expand-md {
         flex-flow: wrap;
    }
     .logo-block {
         text-align: center !important;
    }
     #header .col-md-5, #header .col-md-2 {
         position: relative ;
         width: 100% ;
         float: none ;
         max-width: 100%;
         flex: 100% !important;
         clear: both ;
         max-width: 100% ;
         padding: 0;
    }
     .social {
         text-align: center !important 
    }
    .logo {
        margin: 0;
        position: relative;
    }    
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
    .logo {
        margin: 0;
        position: relative;
    }   
    .navbar-expand-md .navbar-nav{
        max-width: 100%;
        margin: 0 auto !important;
        width: auto !important;    
        display: inline-flex;
        
         
        
    }
    .menu-horni-menu-container {
        text-align: center;
        margin: 0 auto;
    }    
    #collapsibleNavbar {
        margin: 0;
    }
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
    .logo {
        margin: 0;
        position: relative;
    }   
    .navbar-expand-md .navbar-nav{
        max-width: 100%;
        margin: 0 auto !important;
        width: auto !important;    
        display: inline-flex;
         
        
    }
    .menu-horni-menu-container {
        text-align: center;
    }    
    #collapsibleNavbar {
        margin: 0;
    }    
}

.column-count {
	column-gab: 40;
	column-count: 1;
}

@media (max-width: 768px) {
	.column-count {
		column-count: 1;
	}
}


#offer-block {
	padding: 30px 15px;
	background:#ccc;
	color: #fff;
	margin: 30px 0;
     
}
#offer-block {
   
    background-size: cover
}/*
#products-block img {
     max-width: 100%;
}
#products-block  {
    background: #f0f0f0;
    padding: 20px;
    text-align: center;
}

#products-block p {
    text-align: left
}
#products-block button {
    margin: 10px;
}

#products-block div.col-md-3:nth-child(odd) {
  background: #fff;
}
#products-block div.col-md-3:nth-child(even) {
  background: #E1E5E5;
}
*/

 h1 {
    margin: 20px 0;
    font-family: Changa;
    font-weight: normal;
    font-size: 50pt;
    text-align: center;
}
@media (max-width: 768px) { 
    h1 {
        font-size: 35pt;
    }
}
.inner {
    padding: 10px;

    }

#news-block .inner {
    background-image: url('../images/bg-points.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;

}
#news-block img {
     
}    
#news-block .news-intro {
    background: #ccc;
    padding: 20px;
    font-family: Changa;
    margin-bottom: 30px;
    border-right: 1px solid #424251;
    border-left: 5px solid #424251;

}

#news-block .inner-line {
    padding: 20px;
}
 
#news-block .inner-line:before {
     
     position: absolute;
     content: '';
     height: 2px;
     top: 0;
      
     left: 0;
      
     width: 20px;
     background: #000;    
}


#news-block .inner-line:after {
      
     position: absolute;
     content: '';
     width: 2px;
     top: 0;
      height: 20px;
     left: 0;
      
      
     background: #000;    
}
#news-block .fa.fa-info-circle {
    color: #007bff
}

#news-block .col-md-6 {
    margin: 20px 0;
 
}

#main-content h1 {
    text-align: center;
}
#main-content {
    min-height: 300px;
    margin-top: 10px;
}
.clearfix {
    clear: both;
}
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
    margin: 0 auto;
}