html,
body,
.view {
  height: 100%; 
    background: transparent url('img/pattern-bg.png') top left repeat;
}

.navbar {
    background-color: rgb(8, 51, 88);}

.top-nav-collapse {
  background-color: #253148; }

@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; } }

.page-footer {
  background-color: #1C2331; }


.margin-top-map {
    margin-top: 100px;
}

.margin-position-baner {
    margin-top: 60px;
        margin-bottom: 40px;
}

h1, h2, h3, h4, h5, h6  {
   color: #005a9c !important;
}

.map-container {
    overflow: hidden;
    position: relative;
    height: 0;
}

.map-container iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

.primary-text-hover {
  color: #000000;
  -webkit-transition: .4s;
  transition: .4s; 
}

.primary-text-hover:hover {
  -webkit-transition: .4s;
  transition: .4s;
  color: #2c2a28; 
    background-color: #f0f0f0;

}

#click-to-map-info {
    left: 0px;
    top: 0px;
}

.country-element-name {
/*background: linear-gradient(to bottom right, #0099cc 35%, rgba(153, 51, 255, 0.62) 100%)  
*/
background-image: url(../img/narkomania/contry-element-styl.jpg);
background-repeat: no-repeat; 
background-size: cover;
background-position: center center;
    
}