.xlbr, .lgbr, .smbr {display: inline; line-height: 0; margin-left: 1px;}

.big-text br {display: inline; line-height: 0;}
.big-text br:after {display: block; content: "";}

.xl-only {display: block;}
.lg-only {display: none;}
.sm-only {display: none;}

.smbr:after {display: none; content: "";}
.lgbr:after {display: none; content: "";}
.xlbr:after {display: block; content: "";}

/* 1366x768 - laptop */
@media (max-width: 1360px){
	.xxxl-hide {display:none;}

	.top-navigation .menu {gap: 30px;}
}

/* xxl - extra extra large */
@media (max-width: 1200px){
	.xxl-hide {display:none;}

	.top-navigation .menu {gap: 20px;}
}

/* xl - extra large */
@media (max-width: 1080px){

	.xl-hide {display:none;}
	.xl-show {display:block;}
	
	.xl-flex {display:flex;}
	
	.xl-text-center {text-align:center;}

	.xl-flex-column {flex-direction:column;}
	.xl-fw, .xl-flex-fw > * {width:100%;}

	.grid.xl-1-row { grid-template-columns: repeat(1,1fr); }
	.grid.xl-2-row { grid-template-columns: repeat(2,1fr); }
	.grid.xl-3-row { grid-template-columns: repeat(3,1fr); }
	.grid.xl-4-row { grid-template-columns: repeat(4,1fr); }
	
}

/* lg - large */
@media (max-width: 960px){

	.xlbr:after {display: none; }
	.smbr:after {display: none; }
	.lgbr:after {display: block; }

	.xl-only {display: none;}
	.lg-only {display: block;}
	.sm-only {display: none;}

	.lg-hide {display:none;}
	.lg-show {display:block;}
	
	.lg-flex {display:flex;}
	
	.lg-text-center {text-align:center;}

	.lg-flex-column {flex-direction:column;}
	.lg-flex-row {flex-direction:row;}
	.lg-fw, .lg-flex-fw > * {width:100%;}

	.grid.lg-1-row { grid-template-columns: repeat(1,1fr); }
	.grid.lg-2-row { grid-template-columns: repeat(2,1fr); }
	.grid.lg-3-row { grid-template-columns: repeat(3,1fr); }
	.grid.lg-4-row { grid-template-columns: repeat(4,1fr); }

	.container {padding: 70px 25px; max-width: unset; width: unset;}

	#welcome .container {padding: 40px 20px;}

	.footer .container {padding: 30px 25px;}
	.footer-cont {margin: 0  0 50px;}
	#footer-contacts .circles .circle-1-4 {left: 100%;}

	.link { line-height: 120%; padding-bottom: 2px; }

	.big-text { font-size: 42px; font-weight: 400;}
	.extra-pad {padding-top: 70px; padding-bottom: 70px;}
	
	#welcome .big-text {font-size: 52px; }
	#welcome .bg-wrapper .container {display: none;}
	#welcome .bg-wrapper.blur-effect {background: url(../img/tablet-menu.jpg) no-repeat center center / cover;}

	#our-values .values-block-2 {width: 100%;}
	#our-values .text-extra {margin-left: 10%; font-size: 18px;}

	#projects .content { margin-bottom: 34px; }
	#projects .big-text {width: 100%;}
	#projects .item,
	#projects .item:first-child {width:unset;}
	#projects .item .spacer { height: 90px;}

	#projects .item .effect,
	/* .project-items canvas {display: none;} */
	#projects .item .icon { align-items: start; }
	#projects .item .icon { height: 36px; }

	#projects .item.bg-inspiro .icon { max-height: 30px; }
	#projects .item.bg-natura-chain .icon { max-height: 18px; }
	#projects .item.bg-impulse .icon { max-height: 36px; }

	.bg-natura-chain,
	.bg-impulse,
	.bg-inspiro {background-size: 100% 100%;}

	#main-slider .container { padding: 70px 25px; height: calc(100% - 140px); }

	.slider .slide .title {font-size: 32px;}
	.slider .slide .counter {font-size: 24px;}
	.slider .slide .text {font-size: 18px; width: 100%;}

	.slider .slider-nav {flex-direction: row; gap: 10px; width: 30%;}
	.slider .slider-nav:before {display: none;}
	.slider .slider-nav a { flex: 1 0 0; text-indent: -9999px; }

	.slider .slider-nav a:after { border-radius: 2px; height: 2px; width: 100%; background: rgba(255,255,255,0.2);}
	.slider .slider-nav a.active:after { height: 2px; width: 100%; background: rgba(255,255,255,0.2); }

	.slider .slider-nav bar {opacity: 0; display: block; position: absolute; bottom: 0; left:0; border-radius: 2px; height: 2px; width: 100%; background: #fff; }
	.slider .slider-nav a.active bar {opacity:1; }

	.slider .slide .slide-bg img { height: 60%; bottom: 5%;}

	.slider .slide .sl-bg-1 .slide-background {background: url(/data/uploads/slider/slide-1-lg.jpg) no-repeat center center / cover;}
	.slider .slide .sl-bg-2 .slide-background {background: url(/data/uploads/slider/slide-2-lg.jpg) no-repeat center center / cover;}
	.slider .slide .sl-bg-3 .slide-background {background: url(/data/uploads/slider/slide-3-lg.jpg) no-repeat center center / cover;}

	#main-slider .slider-navigation .container {padding: 0;}
	.slider .slider-nav {left: 25px; bottom: 40px;}

	#strategy .circles .item {
		font-size: 22px;
		width: 350px;
		height: 350px;
		line-height: 350px;
		margin: 0px -10px -60px;
	}
	#partnership .text { margin-top: 0; }
	#partnership .contacts {padding-top: 48px; margin: 48px 0 0; border-top: 1px solid #E3E0DB;}

	.news-item .icon {margin-right: 10px; width: 20px;}
	.contact-item {font-size: 16px;}
	.contact-item .value {font-size: 42px;}

	.top-navigation .menu,
	.top-navigation .lang {display: none;}

	.news-item .img-holder { width: 150px; }

	.footer-cont {margin-top: 10px;}
	.footer {background: url(../img/footer-lg.jpg) no-repeat left top / cover;}
	.footer .bg-wrapper {display: none;}

	#mobile-menu .mobile-navigation .menu a {font-size: 40px;}
	#mobile-menu .bg-wrapper { background: url(../img/tablet-menu.jpg) no-repeat center center / cover; }
	#mobile-menu .bg-wrapper .container {display: none;}
}
/* md - medium */
@media (max-width: 768px){

	.md-hide {display:none;}
	.md-show {display:block;}
	
	.md-flex {display:flex;}

	.md-text-center {text-align:center;}
	
	.md-flex-column {flex-direction:column; flex-wrap:wrap;}
	.md-fw, .md-flex-fw > * {width:100%;}
	.md-flex-hw > * {width:50%;}
	
	.grid.md-1-row { grid-template-columns: repeat(1,1fr); }
	.grid.md-2-row { grid-template-columns: repeat(2,1fr); }
	.grid.md-3-row { grid-template-columns: repeat(3,1fr); }
	.grid.md-4-row { grid-template-columns: repeat(4,1fr); }

}
/* sm - small */
@media only screen and (max-width:500px){

	.xlbr:after {display: none; }
	.lgbr:after {display: none; }
	.smbr:after {display: block; }

	.xl-only {display: none;}
	.lg-only {display: none;}
	.sm-only {display: block;}

	.sm-hide {display:none;}
	.sm-show {display:block;}

	.sm-flex-column {flex-direction:column; flex-wrap:wrap;}
	.sm-fw, .sm-flex-fw > * {width:100%;}

	.container {padding: 50px 20px; }

	#welcome .container {padding: 30px 20px; height: calc(100vh - 60px); height: calc(100svh - 60px);}
	#welcome .big-text { font-size: 34px; }
	#welcome .about-author .img-holder { width: 72px; }
	#welcome .about-author .desc { font-size: 18px; }
	#welcome .bg-wrapper.blur-effect {background: url(../img/mobile-menu.jpg) no-repeat center center / cover;}

	#strategy .container { padding: 50px 20px; }
	.anonce {font-size: 16px;}

	#main-slider .container { padding: 45px 20px; height: calc(100% - 90px); }
	.slider .slider-nav { width: calc(100% - 40px); left: 20px; }
	.slider .slide .slide-bg img {
	    width: 100%!important;
	    height: 55%!important;
	    bottom: 0!important;
	    left: 0!important;
	    object-fit: cover;
	    object-position: bottom center!important;
	  }

	.slider .slide .slide-background.sl-bg-1 {background: url(/data/uploads/slider/slide-1-sm.jpg) no-repeat center center / cover;}
	.slider .slide .slide-background.sl-bg-2 {background: url(/data/uploads/slider/slide-2-sm.jpg) no-repeat center center / cover;}
	.slider .slide .slide-background.sl-bg-3 {background: url(/data/uploads/slider/slide-3-sm.jpg) no-repeat center center / cover;}

	#main-slider .slider-navigation .container {padding: 0;}

	.slider .slider-nav {bottom: 30px;}

	#projects .item { padding: 25px; }
	#projects .item .desc { font-size: 16px; }
	#projects .item .spacer { height: 115px; }
	#projects .item .title { font-size: 24px; }
	#projects .item .icon { height:33px; }
	#projects .item .link-icon { width: 12px; height: 12px; }

	#projects .item.bg-inspiro .icon { max-height: 24px; }
	#projects .item.bg-natura-chain .icon { max-height: 16px; }
	#projects .item.bg-impulse .icon { max-height: 32px; }

	.big-text { font-size: 32px; }
	.about-author { flex-direction: column; align-items: flex-start; }

	#our-values .text-extra {margin: 20px 0 0;}

	#partnership .contacts {padding-top: 40px; margin-top: 40px; }
	#partnership .contacts .text {text-align: center; width: 80%; margin: 0 auto 24px;}
	#partnership .content {margin-bottom: 25px;}

	.news-item .img-holder {width: 100%;}
	.news-item { margin-bottom: 20px; padding-bottom: 20px; }

	#community .container {padding: 60px 20px;}
	#community .button {display: block;}

	.footer {background: url(../img/footer-sm.jpg) no-repeat left top / cover;}
	
	.contact-item .value {font-size: 32px;}	
	.footer .copyright { position: absolute; top: 40px; right: 20px;}
	.footer .logo {width: 135px; height: 40px; }
	.footer .contacts {gap: unset; justify-content: space-between;}

	#mobile-menu .close { width: 16px;}
	#mobile-menu .bg-wrapper {background: url(../img/mobile-menu.jpg) no-repeat center center / cover;}
	#mobile-menu .bg-wrapper .container {display: none;}
	#mobile-menu .lang {gap: 30px;}
	#mobile-menu .lang a {font-size: 24px;}
	#mobile-menu .mobile-navigation { padding: 30px 20px; }
	#mobile-menu .mobile-navigation .menu a { font-size: 30px;}
	.mobile-navigation .menu { gap: 25px; }
}

/* ssm - super small */
@media only screen and (max-width:400px){
	.ssm-hide {display:none;}
	.ssm-show {display:block;}

	.ssm-flex-column {flex-direction:column; flex-wrap:wrap;}
	
}

@keyframes shake {
  0% { transform:rotate(0) }
  5% { transform:rotate(-15deg) }
  10% { transform:rotate(15deg) }
  15% { transform:rotate(-15deg) }
  20% { transform:rotate(15deg) }
  25% { transform:rotate(-15deg) }
  30% { transform:rotate(15deg) }
  35% { transform:rotate(0) }
  100% { transform:rotate(0) }
}