*,
*::after,
*::before {
	box-sizing: border-box;
}
* {
    outline: 0px solid red; /* Показва рамка около всеки елемент */
}


/* Portrait */
@media only screen and (max-width: 430px) and (orientation: portrait) {
  body {
    background-color: lightblue;
  }
      * {
    outline: 0px solid green; /* Показва рамка около всеки елемент */
	}
}

/* Landscape */
@media only screen and (min-width: 568px) and (max-width: 932px) and (orientation: landscape) {
  body {
    background-color: lightgreen;
  }
    * {
    outline: 0px solid blue; /* Показва рамка около всеки елемент */
	}
	.col-sm-7.hizhata-p {
  	margin-top: -45px;
  	padding: 0;!important
    width: 100%;
	}
}
  .camera {
    width: 90%;
    max-width: 960px;
  }
  video {
    width: 100%;
    height: auto;
    border-radius: 0px;
  }

.front-weather {
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: left;
padding: 0 0% 0 6%;
  text-align: left;
  font-family: "Segoe UI", sans-serif;
  color:white;
}


#weather-box {
  display: flex;
  align-items: left;
  padding: 0 0% 0 6%;
}

#fw-icon {
  width: 60px;   /* можеш да промениш размера */
  height: 60px;
  margin: 0 0 30px 0;
}

#fw-temp {
  color: white;
  font-size: 45px;   /* по избор */
  font-weight: 600;  /* по избор */
  margin: -5px 15px 0 15px;
}



@media (max-width: 600px) {
  #fw-icon img {
    width: 70px;
    height: 70px;
  }

  #fw-temp {
    font-size: 45px;
  }
}


/* Fade effect */
.js body {
	opacity: 0;
	transition: opacity 0.3s;		
}

.js body.render {
	opacity: 1;
}

a {
	text-decoration: none;
	color: #5d93d8;
	outline: none;
}

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -100;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

.fullscreen-bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(220deg, transparent, #001D0D 99%);
  z-index: 1;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  background-size: cover;
}

/* Ако искаш видео да не се разтяга на широки екрани */
@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    object-fit: cover;
  }
}

/* За по-тесни екрани – мобилни телефони */
@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

/* Допълнителна оптимизация за висока резолюция */
@media (min-width: 1920px) {
  .fullscreen-bg__video {
    filter: brightness(0.95); /* Примерен ефект */
  }
}
 

a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

p.icon {
display: block;
  content: ' ';
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  margin: 15px 0 15px 0;
}
p.icon span{
margin-left:45px;
width: 300px;
display: block;
line-height: 30px;
}

a:hover,
a:focus {
	color: #423c2b;
	outline: none;
}

ul {
    padding:0;
    list-style: none;
}

.horizontal-slider {
  display: flex;
  overflow-x: hidden;
  height: calc(100vh - 2 * var(--image-padding));
  padding: var(--image-padding) 0;
}

.horizontal-slider img {
  height: 100%;
  padding-left: var(--image-padding);
  width: auto;
}

.horizontal-slider img:last-child {
  padding-right: var(--image-padding);
}


.panorama {
  margin: 0 auto;
  cursor: all-scroll;

  width: 60%;
  height: 0;
  padding-bottom: 30%;

  background-image: url(//belasitsa.bg/img/panorama.jpg);
  background-size: cover;
  background-position: 50% 0;

  touch-action: none;
  
  transition: background-position 1s linear;
}



/* FadeInUp on Scroll transition */
.fadeInUp-scroll.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 1.8s;
}
/* FadeInUp on Scroll transition */
.fadeInDown-scroll.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 0.9s;
}
/* FadeInUp on Scroll transition */
.fadeInArrow-scroll.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 0.9s;
  transition-delay: 0.9s;
}

	html,
	body {
		overflow-x: hidden;
		width: 100vw;
	
	}

body {
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	height: 100vh;
	color: #57585c;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Header */
.logos {
	position: relative;
	z-index: 100;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	align-items: center;
	align-self: start;
	grid-area: header;
	justify-self: start;
	padding:20px 0;
}

.logo {
	position:relative;
	left:6vw;
	z-index:10001;
	}
	
.logoC {
	position:absolute;
	left:6vw;
	z-index:10002;
	}

.logo,
.logoC {
	transition: opacity .9s ease, transform .9s ease;
}
.content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	display: flex;
	margin: 0 auto;
	/*pointer-events: none;*/
}

.webcams-btn {
	position: absolute;
	top: -90px;
	right: calc(6% + 79px);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 103;
}

.camera-icon {
	width:25px;
	height:25px;
	display:block;
	overflow:visible;
	fill:currentColor;
	transition:
		transform .35s cubic-bezier(0.19, 1, 0.22, 1),
		color .3s ease;
}

.webcams-btn {
	color:#fff;
}

.webcams-btn.is-opened {
	color:#000;
}

.webcams-btn:hover {
	color:#FFC107;
}

.webcams-btn:hover .camera-icon {
	transform:scale(1.2) rotate(-9deg);
}



.hamburger {
	width: 64px;
	height: 64px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: -90px;
	right: 6%;
	z-index: 103;
	border-radius: 50%;
	background-color: #fff;
	pointer-events: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hamburger__line {
	width: 28px;
	height: 2px;
	overflow: hidden;
	position: absolute;
	z-index: 10;

}

.hamburger__line-in {
	width: 84px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
}

.hamburger__line-in::before,
.hamburger__line-in::after {
	width: 28px;
	height: 2px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-color: red;
}

.hamburger__line-in::before {
	left: -56px;
	
}

.hamburger__line-in::after {
	left: 0;
}

.hamburger__line--01,
.hamburger__line--02,
.hamburger__line--03,
.hamburger__line--cross01,
.hamburger__line--cross02 {
	left: 18px;
}

.hamburger__line--01 {
	top: 22.6px;
}

.hamburger__line--02,
.hamburger__line--cross01,
.hamburger__line--cross02 {
	top: 31px;
}

.hamburger__line--03 {
	top: 39.4px;
}

.hamburger__line--cross01 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hamburger__line--cross02 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger__line {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}

.hamburger__line-in {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in::before,
.hamburger__line-in::after {
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.hamburger__line-in--cross01,
.hamburger__line-in--cross02 {
	-webkit-transform: translateX(-33.3%);
	transform: translateX(-33.3%);

}

.hamburger__line-in--01 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;

}

.hamburger__line-in--01::before,
.hamburger__line-in--01::after {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	background-color: green;
}

.hamburger__line-in--02 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hamburger__line-in--02::before,
.hamburger__line-in--02::after {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	background-color: green;
}

.hamburger__line-in--03 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hamburger__line-in--03::before,
.hamburger__line-in--03::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	background-color: green;
}

.hamburger__line-in--cross01 {
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}

.hamburger__line-in--cross02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger__line-in--cross02::before,
.hamburger__line-in--cross02::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	background-color: red;
}

.hamburger.is-opened-navi .hamburger__line-in--01,
.hamburger.is-opened-navi .hamburger__line-in--02,
.hamburger.is-opened-navi .hamburger__line-in--03 {
	-webkit-transform: translateX(33.3%);
	transform: translateX(33.3%);
}

.hamburger.is-opened-navi .hamburger__line-in--cross01,
.hamburger.is-opened-navi .hamburger__line-in--cross02 {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.hamburger.is-opened-navi .hamburger__line-in--01 {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.hamburger.is-opened-navi .hamburger__line-in--02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger.is-opened-navi .hamburger__line-in--03 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger.is-opened-navi .hamburger__line-in--cross01 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hamburger.is-opened-navi .hamburger__line-in--cross02 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hamburger:hover .hamburger__line-in::before,
.hamburger:hover .hamburger__line-in::after {
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}

.hamburger:hover .hamburger__line-in--01::before,
.hamburger:hover .hamburger__line-in--01::after,
.hamburger:hover .hamburger__line-in--02::before,
.hamburger:hover .hamburger__line-in--02::after,
.hamburger:hover .hamburger__line-in--03::before,
.hamburger:hover .hamburger__line-in--03::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hamburger:hover .hamburger__line-in--cross01::before,
.hamburger:hover .hamburger__line-in--cross01::after,
.hamburger:hover .hamburger__line-in--cross02::before,
.hamburger:hover .hamburger__line-in--cross02::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross01::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--cross02::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hamburger.is-opened-navi:hover .hamburger__line-in--01::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--01::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--02::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--02::after,
.hamburger.is-opened-navi:hover .hamburger__line-in--03::before,
.hamburger.is-opened-navi:hover .hamburger__line-in--03::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

/* Top Navigation Style */
.global-menu__wrap{	
	position:absolute; 
	z-index:10000;
	}
.global-menu {
	width: 100vw;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 100;
	
}
.global-menu__item {
	color: #222;
	font-family: 'Playfair Display', serif;
	font-size: 4vmax;
	font-weight: 400;
	opacity: 0;
	transform: none;
	text-decoration: none;
	pointer-events: none;
	display: block;
	margin: 0.25em 0;
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
}
a .global-menu__item { text-decoration: none;}
.global-menu__item:hover {
	color: #fbb041;
	text-decoration:none;
}
.global-menu__item.is-opened {
	opacity: 1;
	transform: translateY(0) rotate(0);
	pointer-events: auto;
	transition-timing-function: ease;
}
.global-menu__item--layer {
	transition: transform 0.1s, opacity 0.1s;
	transform: translateY(100%);
	transition-timing-function: ease-out;
}
.global-menu__item--layer.is-opened {
	transition-duration: 0.3s;
}
.global-menu__item--layer:nth-of-type(1) {
	transition-delay: 0s;
}
.global-menu__item--layer.is-opened:nth-of-type(1) {
	transition-delay: 0.65s;
}
.global-menu__item--layer:nth-of-type(2) {
	transition-delay: 0s;
}
.global-menu__item--layer.is-opened:nth-of-type(2) {
	transition-delay: 0.7s;
}
.global-menu__item--layer:nth-of-type(3) {
	transition-delay: 0s;
}
.global-menu__item--layer.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}
.global-menu__item--layer:nth-of-type(4) {
	transition-delay: 0s;
}
.global-menu__item--layer.is-opened:nth-of-type(4) {
	transition-delay: 0.8s;
}
.global-menu__item--layer:nth-of-type(5) {
	transition-delay: 0s;
}
.global-menu__item--layer.is-opened:nth-of-type(5) {
	transition-delay: 0.85s;
}
.global-menu__item--layer:nth-of-type(6) {
	transition-delay: 0s;
}
.global-menu__item--layer.is-opened:nth-of-type(6) {
	transition-delay: 0.9s;
}
.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}
.shape-overlays__path:nth-of-type(1) {
	fill: #be1e2d;
}
.shape-overlays__path:nth-of-type(2) {
	fill: #009344;
}
.shape-overlays__path:nth-of-type(3) {
	fill: #fff;
}

.covers { 
	width: 100%;
	height: 100vh;
	padding: 0;
	display: table;
	margin: 0;
	max-width: none;
	/*margin-bottom: 30px;*/
	color: inherit;
}
.covers-inner {
  display: table-cell;
  vertical-align: middle;
}
.covers-inner h1 { text-align: left;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	padding: 0 0% 0 6%;
}
.covers-inner p { 
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding: 0 0% 0 6%;
}

.scroll-down-dude { 	 
	position: absolute;
	left: 6%;
	margin-left:3px;
}
.scroll-down-dude:before,
.scroll-down-dude:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	border-bottom: 3px solid white;
	border-right: 3px solid white;
}
.scroll-down-dude2{position: absolute;
	left: 6%;
	margin-left:3px;}
.scroll-down-dude2:before,
.scroll-down-dude2:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	transform: rotate(45deg);
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
}

.scroll-down-dude:before ,.scroll-down-dude2:before {
	animation: down-arrow-before 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.scroll-down-dude:after, .scroll-down-dude2:after {
	animation: down-arrow-after 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.scroll-down-dude:before,.scroll-down-dude2:before {
	animation: down-arrow-before 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}
.scroll-down-dude:after, .scroll-down-dude2:after{
	animation: down-arrow-after 2.6s cubic-bezier(0.77, 0, 0.175, 1) infinite;
}

@keyframes down-arrow-before {
	50% {
		transform: rotate(45deg) translate(70%, 70%);
	}
	100% {
		transform: rotate(45deg) translate(70%, 70%);
	}
}

@keyframes down-arrow-after {
	50% {
		transform: rotate(45deg) translate(110%, 110%);
		opacity: 0;
	}
	51% {
		transform: rotate(45deg) translate(-130%, -130%);
	}
	100% {
		transform: rotate(45deg) translate(-70%, -70%);
		opacity: 1;
	}
}


/* Color schemes */
#hizha-belasitsa, #en {
	 background: none !important;
    background-attachment: scroll !important;
}
#planina-belasitsa, #enbelasitsa-mountain {
	background: url('//belasitsa.bg/img/layer02.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
}
#sabitiya, #enevents {
	background: url('//belasitsa.bg/img/layer03.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;background-attachment: fixed;
}
#kontakti, #encontact-us {
	background: url('//belasitsa.bg/img/layer04.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;background-attachment: fixed;
}
#leglova-baza {
	background: url('//belasitsa.bg/imgt/leglova/image0.jpeg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;background-attachment: fixed;
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
}
.w { background-color:#fff; width: 100vw;}

.r01 { font-size:30px; text-align:center; padding-top:20px; color:#fff; font-family: 'Oswald', sans-serif; text-shadow:1px 1px #000;}
.r011 { font-size:24px; text-align:center; padding-bottom:20px; color:#fff; font-family: 'Oswald', sans-serif; text-shadow:1px 1px #000;}

.r02{max-width: 100%; height: auto; padding:0 0 100px 10%; margin:-50px 0 0 0;}

.reFo { font-family: 'Oswald', sans-serif; color:#000;}
.hhh { margin-bottom: -1px; }
.header-title {  margin:-50px 0 0 0;}
 
.col-sm-7.hizhata-p {margin-top:-45px; padding:0 3% 0 6%; }
.col-sm-5.hizhata-t {padding: 3% 6% 0 0;}
.col-sm-12.hizhata-i {padding:90px 6% 0 6%;}

.carousel { z-index:0 !important;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.carousel-fade .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    } 
.carousel-fade .carousel-control.left {
    background-image: none;
    } 
    
.slide101 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/101.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide102 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/102.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide103 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/103.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide104 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/104.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide201 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/201.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide202 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/202.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide203 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide203.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide204 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide204.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide205 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide205.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide206 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide206.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide207 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide207.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide208 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide208.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide301 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/301.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide302 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/302.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide303 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/303.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide304 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/304.webp') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide305 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide306.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;	
	}

.slide401 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide401.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide402 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide402.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide403 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide403.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide404 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide404.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide501 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide501.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide502 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide502.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide503 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide503.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide504 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide504.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide601 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide601.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide602 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide602.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide603 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide603.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide604 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide604.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide605 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide605.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide606 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide606.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide607 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide607.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide608 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide608.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide609 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide609.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.slide610 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide610.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide611 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide611.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide612 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide612.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide613 {	
	width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/img/slide613.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}	



.slide-apartament1 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/a106-1.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-apartament2 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/a106-2.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-apartament3 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/a106-3.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-apartament4 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/a106-4.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}

.slide-apartament5 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/a204-1.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-apartament6 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/a204-2.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-apartament7 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/a204-3.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-apartament8 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/a204-4.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}

.slide-atelie1 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/at107-1.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-atelie2 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/at107-2.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-atelie3 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/at107-3.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-atelie4 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/at205-1.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}

.slide-mansarda1 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/m201-1.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-mansarda2 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/m201-2.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-mansarda3 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/m203-1.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}

.slide-dvoina1 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/d-1.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-dvoina2 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/d-2.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-dvoina3 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/d-3.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-dvoina4 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/d-4.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}

.slide-chetvorka1 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/ch-1.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-chetvorka2 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/ch-2.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-chetvorka3 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/ch-3.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}
.slide-chetvorka4 { width: 100%;
	height: 0;
	padding-top: 67%;
	background: url('//belasitsa.bg/imgt/leglova/ch-4.jpg') no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-radius: 30px;
	}	

 .bb01{
	background: url('//belasitsa.bg/img/bb01.jpg') no-repeat;
	width: 263px;
	height: 334px;
	}
 .kh01{
	background: url('//belasitsa.bg/img/kh01.jpg') no-repeat;
	width: 250px;
	height: 250px;-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
.smhw{display:none;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.post-time-section {
	float: left;
	text-align: center;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
	overflow: hidden;
}

.post-time-section .post-date {
	padding: 10px 0;
	width: 100px;
	background-color: #444;
	color: #fff;
}

.post-time-section .post-date .day {
	font-size: 28px;
	font-weight: 700;
	display: block;
	letter-spacing: 1px;
}

.post-time-section .post-month .month {
	display: block;
	text-transform: uppercase;
	line-height: 30px;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 1px;
	height: 30px;
	color: #fff;
    background-color:#333;
}

.blog-post {
    position: relative;
}
.blog-post-title {
    font-size: 24px;
    margin-top: 12px;
    font-family: 'Oswald', sans-serif;
    color: #000;
}
.blog-post-info {
    list-style: none;
    padding: 0;
    margin-bottom:40px;
}
.blog-post-info li {
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    color:#000;
}
.blog-post-info li a { 
    color:#000;
}
.blog-post-info li a:hover { 
    color: #009444;
}
.blog-post-info li i {  
    font-size: 14px; 
    margin-right: 3px;
}

.instagram-grid {
  width: 100%;
  margin: 0vh auto;
  padding:0;
}

.instagram-grid > ul {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: wrap;
          flex-flow: wrap;
  width: 100%;
 
  height: auto;
  
  font-size: 0;
  margin:0;
}
.instagram-grid > ul > li {
  position: relative;
  width: 25%;
  height: 30vh;
}

.instagram-grid > ul > li a img {
  display: inline-block;
  width: 100%; padding:1vw;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.container-fluid.o80 { 
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
    transform: rotate(180deg);
}

.footer-social-icons {
    display:block;
    margin: 0 auto;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li, .social-iconsf li {
    vertical-align: top;
    display: inline;
    padding-right:15px;
}
.social-icons a {
    color: #000;
    text-decoration: none;
    font-size:2 px;
}
.social-iconsf a {
    color: #fff;
    text-decoration: none;
    font-size:30px;
}

.footer-links a {
    color: #fff; 
    text-shadow:1px 1px #000;
    text-decoration: none;
    font-size:16px;
}
ul.footer-links,
ul.social-iconsf  {
    padding:0;}
.footer-links a:hover {
    color: #fbb041;
    text-decoration: none;
}
.fright {color:#fff; text-align:right; text-shadow:1px 1px #000;}



@media screen and (max-width: 736px) {
	html {
	-webkit-overflow-scrolling: touch; 
			overflow-y: scroll; 
			overflow-x: hidden;
			font-size:14px;
	}
	.hamburger {
		position: absolute;
		top: -90px;
		right: 5%;
		transform: scale(1);
	}
	.content {
		height: auto;
		min-height: 0;
		/*padding-bottom: 10em;*/
		flex-direction: column;
	}
	.content--fixed {
		/*position: relative;*/
		z-index: 100;
		display: block;
		padding: 0.85em;
	}
	/*.logos {
		flex-direction: column;
		align-items: center;
	}*/
	.logos__title {
		font-weight: bold;
		padding-bottom: 0.25em;
		text-align: center;
	}
	
	.hedy {}
	.covers { 
	width: 100%;
	padding: 0;
	display: table;
	margin: -100px 0 0 0;
	max-width: none;

		/*margin-bottom: 30px;*/
		color: inherit;
		/*background-color: #eee;
		background: url('//www.360mag.bg/wp-content/uploads/2015/09/MG_0001.jpg');
		background-size:cover;*/
		}
.covers-inner h1 { text-align: left;
color: #fff;
font-size: 30px;
padding: 0 5% 0 5%;}
.covers-inner p { 
font-size: 14px;
color: #fff;
text-align: left;
padding: 0 5% 0 5%;}	

.r01 { font-size:24px; padding-top:0px; text-align:center; color:#fff; font-family: 'Oswald', cursive; }
.r011 { font-size:21px; padding-bottom:20px; text-align:center; color:#fff; font-family: 'Oswald', cursive;}

.r02{max-width: 100%; height: auto; padding:0 5%; margin:-50px 0 0 0;}	

.col-sm-12.header-title { padding:0px 15% 40px 15%;}

.col-sm-7.hizhata-p { margin-top:-45px; padding:0 6%; }
.col-sm-5.hizhata-t {padding: 6%;}
.col-sm-12.hizhata-i {padding:0px 6% 0 6%;}
.hhh { margin-bottom: -1px; }
.bb01{
	background: url('//belasitsa.bg/img/bb01.jpg') no-repeat;
	width: 263px;
	height: 157px;
}
.smhw{display:block;}
.swhm{display:none;}

.blog-post-title {
    font-size: 21px;
    margin-top: 12px;
    font-family: 'Oswald', sans-serif;
    color: #000;
    }
    
	
.instagram-grid > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    min-width: auto;
    max-height: none;
    height: auto;
    padding: 0;
  }
  .instagram-grid > ul > li {
    width: 97%;
    height: 50%;
    margin: 0 0 5px 0;
  }
  .instagram-grid > ul > li:nth-of-type(3n+1) {
    width: 98%;
    height: 50%;
  }
    
 .container-fluid.o80 {   
 	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari 3-8 */
    transform: rotate(180deg);
    }

.fright {
	text-align:left;
	color:#fff;
	}
.container-fluid.footer2 {
	padding:1% 5%;
	font-size:14px;
	}     
}