body{font-size:1.1em;}
h1, h2, h3, h4, h5 {
    font-family: 'bebas_neue_bold';
    font-weight: 500;
}
.item{margin-bottom: 20px;}
.zap {filter: alpha(Opacity=20); opacity: 0.5;width:20px; margin: 10px;}
.sss .sprocket-strips-s-item img{ width: 80px;}
.pull-left.item-image {
    margin: 0 ;
    width:  100%;
}
.pull-left.item-image img{
    margin: 0 ;
    width:  100%;
}
h2 {
    font-size: 1.3rem;
}
h3 {
    font-size: 1.2rem;
}
.button {
	display: inline-block;
	position: relative;
    font-family: 'bebas_neue_bold';
 font-size: 1.2rem;
	padding: .9em 1.4em .7em 1.4em;
	padding-right: 3.2em;
	background: red;
	border: none;
	color: white;
	transition: .2s;
 }
.button:before,
.button:after {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
        padding-top: 0.7em;
		width: 2.6em;
		content: "\00a0";
		font-family: 'FontAwesome', sans-serif;
		font-size: 1.1em;
		text-align: center;
		
		transition: .2s;
		transform-origin: 50% 60%;
	}
.button:before {
		background: fadeout(#000, 90%);
	}
.button:hover {
		background: #990000;
	}
.button:active,
.button:focus {
		background: #990000;
		outline: none;
	}


.button {
	min-width: 10em;
}

.arrow2 {
	background: red;
    
 }
.arrow2:hover {
		background: #990000;
	}
.arrow2:active,
.arrow2:focus {
		background: #990000;
	}
.arrow2:after {
		content: "\F054";
	}
.arrow2:hover:after {
		-webkit-animation: bounceright .3s alternate ease infinite;
		animation: bounceright .3s alternate ease infinite;
	}




@-webkit-keyframes bounceright {
	from { -webkit-transform: translateX(0); }
	to   { -webkit-transform: translateX(3px); }
}

@-webkit-keyframes wiggle {
	from { -webkit-transform: rotate(0deg); }
	to   { -webkit-transform: rotate(30deg); }
}

@keyframes bounceright {
	from { transform: translateX(0); }
	to   { transform: translateX(3px); }
}

@keyframes wiggle {
	from { transform: rotate(0deg); }
	to   { transform: rotate(30deg); }
}

#g-subfeature3{ background: url(psovet.jpg);
background-size: cover;}


p{margin: 0px 5px!important;}
.zag2{font-family: 'bebas_neue_bold';margin: 0.75rem 0 0.25rem 0; border-bottom: 1px dotted rgba(0,0,0,0.5);}
.zag3{font-family: 'bebas_neue_bold';margin: 0.25rem 0 0rem 0;}
.sprocket-strips-s {
    position: relative;
    z-index: 8;
}
.sprocket-mosaic-title{font-family: 'bebas_neue_bold';}
.sprocket-strips-s-item{
    text-align: center;
    background: #fff;
    padding:  20px;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container {
    color: red;
}
.g-social{margin-top: 20px!important;}
.sprocket-strips-s-item h4{
    font-family: 'bebas_neue_bold';
    color: #a61f21;
    font-size: 1.2em;
        margin: 0.75rem 0 0.75rem 0;
}
#g-feature2{
    background: #061925;
    color: #ffffff;
}
#g-navigation {
padding: 0.5vw 3vw!important;
position: fixed;
width: 100vw;
z-index: 9;
}
#g-navigation .g-main-nav {
    font-family: 'bebas_neue_bold';
    font-size: 1.5em;
    margin: 0rem!important;

}
.g-menu-item-title{
    font-family: 'bebas_neue_bold';
    letter-spacing: 2px;
}

.toplogo img{
     height: 5em;
}

.zag_vhut{
    color: #fff;
    font-family: 'bebas_neue_bold';
    font-size: 3em;
    text-shadow:  0px 1px 0px rgba(0,0,0,0.8);
}
.zag_vbg{
    background:url('../images/showcase_bg.jpg'); 
    background-size:100%; 
    margin-top:10px; text-align:center; 
    padding: 2vh;
}
.g-main-nav .g-sublevel > li .g-menu-item-content {font-size: 1.2rem;}
/* For small phones*/
@media (max-width: 30rem) {
    #g-navigation {
    padding: 0.5vw 3vw!important;    
    position: inherit!important;
    width: 100vw;
    z-index: 9;
    }
    #g-showcase, .video-responsive, .canvas, .video, #over_video, .flogo{
    height: 33vh!important;
    }
    .zagolovok{font-size: 3em!important;}
    .zagolovok2{display: block}

}
/* For big phones*/
@media (max-width: 30rem) and (min-width: 47.938rem) {
    #g-navigation {
    padding: 0.5vw 3vw!important;    
    position: inherit!important;
    width: 100vw;
    z-index: 9;
    }
    #g-showcase, .video-responsive, .canvas, .video, #over_video, .flogo{
    height: 75vh!important;
    }
    .zagolovok{font-size: 3em!important;}
    .zagolovok2{display: block}
}

#g-showcase{
height:85vh;
}
#g-showcase.vnut{
height:auto!important;
}

.video-responsive {
height: 85vh;
position: relative;
width: 100%;
object-fit: cover;
}

.canvas,
.video {
    object-fit: cover;
height: 100vh;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: #000;
z-index: 2;
}
#over_video{
 
position: absolute;
width: 100vw;
height: 100vh;
text-align: center;
top: 0;
z-index: 3;
}
.sprocket-mosaic-item {background: #fff;}

.zagolovok{font-family: 'bebas_neue'; font-size: 4em;}
.zagolovok2{color:rgba(49, 128, 194);font-family: 'bebas_neue_bold'}

#g-footer2{
    background: #000;
    color: #fff;
}

#g-subfeature2{
    background: url(fon_part.jpg);
    background-size:  cover;
}