*,::after,::before{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

input:focus,
select:focus,
textarea:focus{
	outline:0
}

@-webkit-keyframes showMessage{
	0%,100%{
		opacity:0;
		top:-80px
	}
	10%,90%{
		opacity:1;
		top:80px
	}
}

.system-message.triggered{
	-webkit-animation:5s linear showMessage;
	-moz-animation:5s linear showMessage;
	-ms-animation:showMessage 5s 0s 1 linear;
	-o-animation:5s linear showMessage;
	animation:5s linear showMessage
}
.system-message{
	z-index:1001;
	position:fixed;
	opacity:0;
	top:-80px;
	width:100%;
	text-align:center;
	-webkit-animation:5s linear showMessage;
	-moz-animation:5s linear showMessage;
	-ms-animation:showMessage 5s 0s 1 linear;
	-o-animation:5s linear showMessage;
	animation:5s linear showMessage
}

.system-message .message-info{
	color:#00529b;
	background-color:#bde5f8
}
.system-message .message-success{
	color:#4f8a10;
	background-color:#dff2bf
}
.system-message .message-warning{
	color:#9f6000;
	background-color:#feefb3
}
.system-message .message-error{
	color:#d8000c;
	background-color:#ffbaba
}
.system-message .system-message-inner{
	padding:14px 20px;
	border:none;
	font-family:Roboto;
	width:900px;
	margin:0 auto;
	background:#252525;
	color:#fff;
	font-weight:400;
	border-radius:6px
}

.loading{
	background-image:url(/images/loading.gif);
	width:100%;
	height:100%;
	z-index:99999;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:60px;
	background-color:rgba(255,255,255,.8);
	display:none
}

.page.no-scroll{
	overflow:hidden
}
.page{
	background:#f4f4f4
}

.header-bar.fixed {
	position: fixed;
	top: 0;
	z-index: 9999;
}
.header-bar{
	position:relative;
	width:100%;
	-webkit-backface-visibility:hidden;
}
.header-bar-inner{
	width:100%;
	margin:0 auto;
	display:block;
	position:relative
}
.header-bar-inner .header-buttons.left{
	right:unset;
	left:16px
}
.header-bar-inner .header-buttons{
	font-family:Roboto;
	position:absolute;
	right:16px;
	top:0;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff
}
.header-bar-inner .header-buttons .header-buttons-item.pin-item{
	padding:0 0 0 16px;
	font-size:1.2em
}
.header-bar-inner .header-buttons .header-buttons-item{
	font-size:1.5em;
	font-weight:700;
	cursor:pointer
}
.header-bar-inner .header-buttons .header-buttons-item a{
	text-decoration:none;
	color:#fff;
	font-size:.8em
}
.header-bar-inner .header-buttons .header-buttons-item .icon{
	font-size:1.6em
}
.header-bar-search .search-inner {
	display: grid;
	overflow: hidden;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	width:100%;
}
.header-bar-search .search-inner .logo {
	padding:0;
	width: 60%;
}
.header-bar-search .search-inner .logo a {
	display:inline-block;
	padding: 10px;
}
.header-bar-search .search-inner .search-form {
}
.header-bar-search .search-inner .search-form input[type=text] {
	width: 100%;
}
.header-bar h1{
	color:#fff;
	font-family:Roboto;
	font-weight:700;
	font-size:1em;
	padding:16px 0;
	text-align:center
}

.banners-deskop {
	display:block;
	padding: 0 0 0;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
	position: relative;
}

.banners-mobile {
	display:none;
	padding: 0 0 0;
}

@media screen and (min-width:180px) and (max-width:900px){
	.banners-deskop {
		display:none;
	}
	
	.sitebuilder-container {
		overflow: hidden;
        position: relative;
	}
	
	.sitebuilder-line {
		height: auto !important;
	}
	
	.cms-model-global .cms-model-inner .cms-model-columns .cms-model-column {
		width: 100% !important;
        flex: unset !important;
		padding-top: 2em;
        padding-bottom: 2em;
	}
	
	.cms-model-global {
		padding-top: 3em;
        padding-bottom: 3em;
	}
	
	.cms-model-column-right h2 span, 
	.cms-model-column-left h2 span, 
	.cms-model-column-right h2, 
	.cms-model-column-left h2 {
		font-size: 1.8em !important;
	}
	
	.cms-model-text-center h2 span, 
	.cms-model-text-center h2 span, 
	.cms-model-text-center h2, 
	.cms-model-text-center h2 {
		font-size: 1.8em !important;
	}
	
	.cms-model-text-center h2, 
	.cms-model-text-center h2 {		
		margin-bottom: 30px !important;
	}
	
	.cms-model-global .cms-model-inner .cms-model-columns .col-4 {
		margin-bottom: 30px !important;
	}
}