.preloader {
    /*фиксированное позиционирование*/
    position: fixed;
    /* координаты положения */
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* фоновый цвет элемента */
    background: #fff;
    /* размещаем блок над всеми элементами на странице (это значение должно быть больше, чем у любого другого позиционированного элемента на странице) */
    z-index: 1001;
}

.owl-carousel .owl-item img { width: auto !important;}

.widget.news-part-btn {
    width: 60%;
    margin: 0 0 20px;
}

.button.button-dark.button-rounded.pigbut {margin-top: 10px;}

.preloader__row {
    position: relative;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    margin-top: -35px;
    margin-left: -35px;
    text-align: center;
    animation: preloader-rotate 2s infinite linear;
}

.preloader__item {
    position: absolute;
    display: inline-block;
    top: 0;
    background-color: #22a524;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    animation: preloader-bounce 2s infinite ease-in-out;
}

.preloader__item:last-child {
    top: auto;
    bottom: 0;
    animation-delay: -1s;
}

@keyframes preloader-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes preloader-bounce {

    0%,
    100% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
    }
}

/*.loaded_hiding .preloader {
    transition: 0.3s opacity;
    opacity: 0;
}*/

.loaded .preloader {
    display: none !important;
}

	.authblock {
		position: absolute;
		right: 15%;
		width: 150px;
		}
		
		#content {

    min-height: calc(100vh - 80px);
}

        .w-gallery-slider .item-photo{ height: 350px; overflow: hidden}
    #lightbox-box {    height: auto !important;
        min-height: 700px !important;}
    #lightbox-box > div {left: 10% !important; top: 100px !important;
        width: 80% !important;
        height: auto !important;
    min-height: 700px !important;}

.drop_user_menu { display:none;}

.right .authblock {    padding: 0;}

.company_news .block_news .item-header img {  width: 100%;}

.adv_list .adv_item a {    font-size: 16px;
    font-weight: 700;}
	
.detail_text_wrapp .tools	{padding: 5px 10px 20px 10px;
    font-size: 16px;
    font-weight: 800;}

.detail_text_wrapp .tools .fa.fa-file-pdf-o {height: 22px;}

    /*.article-footer .views-num {display: none !important;}*/

    .inner.detail_text_wrapp .article-footer {display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap!important;}

    .inner.detail_text_wrapp .article-footer .calendar-article {width: 20%; display: flex; flex-direction: row; justify-content: start; align-items: center;}

    .inner.detail_text_wrapp .article-footer .views-num {width: 20%; display: flex; flex-direction: row; justify-content: start; align-items: center;}

    .inner.detail_text_wrapp .article-footer .yashare-auto-init {width: 60%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}

.inner.detail_text_wrapp .article-footer .yashare-auto-init.pigsharnew {margin-left: auto;}

    .inner.detail_text_wrapp .article-footer .calendar-article i, .inner.detail_text_wrapp .article-footer .views-num i, .inner.detail_text_wrapp .article-footer .views-num div {display: flex; flex-direction: column; justify-content: center; align-items: center;}

    .inner.detail_text_wrapp .article-footer .calendar-article span, .inner.detail_text_wrapp .article-footer .views-num .views-num_eye, .inner.detail_text_wrapp .article-footer .views-num .views-num_eye div span {display: block;}

    .inner.detail_text_wrapp .article-footer.prod-footer {justify-content: start;}

    @media only screen and (max-width: 600px) {

        .inner.detail_text_wrapp .article-footer .calendar-article, .inner.detail_text_wrapp .article-footer .views-num {width: 50%;}

        .inner.detail_text_wrapp .article-footer .yashare-auto-init {width: 60%;}
    }

    #header, .load-responsive {height: 53px;}

    .inner.detail_text_wrapp .portus-video-slider-min .item-photo {height: 118px; overflow: hidden;}

    .inner.detail_text_wrapp .portus-video-slider-min .item-photo i.fa {top: 35%; right: 41%;}

.buttton_new {        height: 50px;}
.buttton_new ul li {
			    float: left;
    padding: 5px 25px 5px 25px;
    background: #e6e6e6;
    margin-right: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #dcdada;
    font-weight: 600;
		}
		.buttton_new ul li a {color:#0baf27}
		
		.buttton_new ul li:hover {background: #c5eacb; }
		.r-active { background: #c5eacb !important;}
	
	.imgicon { 
		width: 65px;
		padding:5px 5px 10px 5px !important;
		margin: 0 !important;
	}
	.main-menu-placeholder {    height: 52px;}
	
	.archive-split-3 {    
	display: inline-block;
    width: 100%;
	}
	
	.side-block .soc-block {width: 30px;}
	
	.archive-split-3>div:nth-child(4) { margin-left:0 ;}
	.archive-split-3>div:nth-child(7) { margin-left:0 ;}
	.archive-split-3>div:nth-child(10) { margin-left:0 ;}
	.archive-split-3>div:nth-child(13) { margin-left:0 ;}
	
	
	/* dop 28/03/2018*/
	.archive-split-3 .item-header-hover {
		    padding: 14px 0; /* dop 28/03/2018*/
		height: 150px; 
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.archive-split-3 .item-header a {
    display: block;
    background: #fff;
    width: 86%;
    margin: 0 7%;
    
}
	
	.short-tabs .item-header.item-header-hover img {width: 55% !important;
    margin: 0 24%;} 
	
	/*end  dop 28/03/2018*/
	
	.top_menu {margin: 0 10%;    position: relative;}
	.hider-company {
		width: 100%;
		height: 437px;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.block_news {}

.share-block {width: 215px;
    float: left;
    margin: 10px;
    position: absolute;
    top: 99%;
    left: -12px;
    z-index: 99;}

.share-block .share-block-label {float: left; padding-right: 5px;}

    .soc-block {width: 215px;
        float: right;
        margin: 10px;
        position: absolute;
        top: 99%;
        right: -12px;
        z-index: 99;}

    .soc-block a {
        display: inline-block;
        text-align: center;
        margin: 0 2px;
        float: right;
    }
	
	.soc-block a i {
        display: block;
        width: 30px;
        height: 30px;
        line-height: 28px;
        text-align: center;
        background: #0fc32e;
        color: #fff;
        font-size: 20px;
        border-radius: 10%;
        border: 1px solid #366694;
    }

    .soc-block a i.fa.fa-eye {
        background: #E3F1FC;
        border: 1px solid #366694;
        color: #366694;
    }

    .soc-block a i.fa.fa-facebook {
        background: #1877F2;
        border: 1px solid #1877F2;
    }

    .soc-block a i.fa.fa-vk {
        background: #4680C2;
        border: 1px solid #4680C2;
    }

    .soc-block a i.fa.fa-youtube-play {
        background: #FF0000;
        border: 1px solid #FF0000;
    }

    .soc-block a i.fa.fa-odnoklassniki {
        background: #ee8208;
        border: 1px solid #ee8208;
    }

    .soc-block a i.fa.fa-telegramm {
        background-image: url(/local/templates/graininfo2019/images/telegamm-icon-30.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border: none;
    }

    .soc-block a i.fa.fa-rutube {
        background-image: url(/local/templates/graininfo2019/images/rutube-icon-30.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border: none;
    }

    .soc-block a i.icon-instagram {
        background-image: url(/local/templates/graininfo2019/images/inst-ic.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border: none;
    }

    .soc-block a i:hover {opacity: 0.8;}

#video-list-block .column6 {margin-top: 20px;}

#video-list-block .column6:first-child, #video-list-block .column6:nth-child(2) {margin-top: 0px;}

#video-list-block .column6:nth-child(2n+1) {margin-left: 0;}

#list-presentations .column4 {position: relative; margin-bottom: 25px;}

#list-presentations .column4:nth-child(3n+1) {margin-left: 0;}

#list-presentations .inner.detail_text_wrapp .picture_wrapp {height: 200px; overflow: hidden; margin-bottom: 10px;}
	
	.article-blog-default .item-header {    width: 28%;}
	.article-blog-default .item-content {margin-left: 30%;}
	.article-blog-default iframe{ display:none;}
	
.img-art {width: 299px;
    height: 210px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.presentation .owl-item { width: 299px !important;}

.item.it-cars {
	margin-top: 8px;
	border: 1px solid #c5c3c3;
}

.portus-article-slider-cars3 .owl-controls .owl-nav .owl-next {
	margin-left: -20px;
	background: #f8f8f8;
}

.portus-article-slider-cars3 .owl-controls .owl-nav .owl-prev {
	margin-right: -20px;
	background: #f8f8f8;
}

.item-ttl-prv {
	margin: 15px 20px;
}

.right-block .side-block { width: 301px}

.item-title {
		margin: 4px 0 10px 0;
		height: 25px;
		overflow: hidden;
		background-color: #fff;
	}
	
	.item-title h4 {
		margin: 0 !important;
		font-size: 14px;
	}
	
	.item-title h4:hover {
		position: absolute;
		
		height: auto;
		z-index: 6;
		background-color: #fff;
	}
	
	.navbar-nav .selected a span {    border-bottom: 5px solid #0fc32e;
    padding-bottom: 11px;}
	
	.logotype {
		    width: 150px;
    height: 150px;
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
     
		}

	#list-presentations .column6 {min-height: 322px;}

	#list-presentations .column6:nth-child(2n+1) {margin-left: 0;}

	h4.name-presentation {height: 38px; overflow: hidden; padding-left: 10px; font-weight: 100;}

		.logo_fon { 
		    content: " ";
    position: absolute;
    width: 160px;
    height: 160px;
    top: 320px;
   /* background: #fff;*/
    /*box-shadow: -3px -3px 3px #babbba;*/
    padding: 5px;
    z-index: 10;
     
		}
		
		.top-menu-container > ul li > #dropdownMenu1 span:after {
    content: '...';
    position: absolute;
    left: 50%;
    bottom: 7px;
    letter-spacing: 1px;
    /* opacity: 0.7; */
    filter: alpha(opacity=70);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #0fc32e;
    font-size: 20px;
		}
	
	.dropdown-menu>li>a { color: #000;     padding: 5px 10px;
    /* padding: 0; */
    width: 200px;}
	
	.dropdown-menu>li>a:hover {    color: rgb(46, 97, 40);
    padding: 5px 10px;
     font-weight: 600;  
    background: #dedede78;}
	
	.content-company {margin-top: 20px;} 
	.side-block .widget > h3 {margin-top: 20px;} 
	
	.content-company .article-grid-default .item-header.item-header-hover {    height: 210px;}
	
	.block-kontakt {margin: 20px 10px;}
	.block-kontakt i.fa {
    float: left;
	margin: 0 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #232323;
    border-radius: 50%;
    color: #fff;
	}
	.block-kontakt > div { padding: 5px 0;}
	
	.header_button_block {display:none;}
	
	.namecomp {
    position: absolute;
    z-index: 10;
    display: block;
    background: #f7f00c;
    font-size: 80%;
    padding: 2px 5px;
    font-weight: 600;
}

.site_ico {
    width: 32px;
    height: 32px;
    background-size: contain;
    margin: 5px 0;
    display: inline-block;
}
.site_ico_wrapper {position: absolute !important; width: 100%;
    margin-left: 3px; bottom: 0;}
.sic_257 {
    background-image: url(/bitrix/templates/company_page/img/ico_ko.png);
}

.sic_258 {
    background-image: url(/bitrix/templates/company_page/img/ico_pi.png);
}

.sic_256 {
    background-image: url(/bitrix/templates/company_page/img/ico_ch.png);
}

.side-block .paragraph-row .item:nth-child(3n+1) {margin-left:0;}
.prod_cat_title {clear: both;}
.side-block .article-grid-default {margin-left:0 !important; width: 100%;}

.article-grid-default .item-header.item-header-hover img {    margin: 0;}

.side-block .article-grid-default .item {     width: 31.5%;
    border: 1px solid #ccc;
    padding-top: 1px;
    text-align: center;}
.side-block .article-grid-default .item h3 {
    display: block;
    font-size: 14px;
    margin-bottom: 15px;
    color: #919191;
    font-weight: 900;
    margin-top: 15px;
}
.side-block .article-grid-default .item .item-content {    height: 40px;}
.side-block .picture_wrapp {    width: 300px;
    float: left;
    padding: 10px;}
	
	.side-block  h1 {
    display: block;
    margin-top: 0px;
    padding-bottom: 15px;
    margin-bottom: 17px;
    font-size: 20px;
    letter-spacing: -0.4px;
    font-weight: 900;
    color: #232323;
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

.side-block  h1::after {
    width: 10%;
    border-bottom: 3px solid rgb(29, 204, 25);
    height: 3px;
    content: " ";
    position: relative;
    margin: 15px 0 -17px 0;
    /* margin-bottom: 0px; */
    /* left: 0; */
    display: block;
}

.clr {clear: both;
    margin-bottom: 20px;}
	
	.w-gallery-slider .owl-item {/*height:300px;*/ overflow:hidden; width: 299px !important;}
	
	.widget .soc-block { margin:0}
	
	.comp-newssv .w-review-articles .item { margin-left:0}
	
	.block_news  .site_ico {float: right;}
	.side-block {padding-top: 20px;}
	
	.w-gallery-slider .item-header .owl-dots {display:none !important}
	
	.pgalley-split-4 .item-content h4 {font-size: 14px;}
	.wall_item .img_float {
    float: left;
    margin-right: 10px;
    background: #fff;
    padding: 10px;
}

		.wall_item .img_float img {display: block;
    box-shadow: -3px 3px 3px #ccc;}
	
	.detail_text_wrapp .news_counter{
      position: relative;  
    z-index: 99;
    padding: 10pt 30px;
    background: #ccc;
    font-size: 20px;
    margin-left: 0; 
}

.article-blog-default .item-content .item-meta {display: block;
    font-size: 14px;
    color: #333; 
     font-weight: 300;  
    margin-bottom: 15px;}
	
	.img_photo_album {display: block;
    width: 100%;
    height: 130px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;}
	
	
		/*------------------------------------------------------------------
[2. Main Menu]

+ #main-menu
	+ 
		+ 

-------------------------------------------------------------------*/

#main-menu {
	display: block;
	background: #088643;
	color: #fff;
	font-size: 14px;
}

#main-menu a {
	color: inherit;
}

#main-menu .wrapper .right ul {
	display: block;
	margin-bottom: 0;
}

#main-menu .wrapper .right  ul:after {
	display: block;
	clear: both;
	content: '';
}

#main-menu .wrapper .right  ul > li {
	display: block;
	float: left;
}

#main-menu .wrapper .right  ul li > a {
	display: block;
	font-weight: 900;
	padding: 20px 12px 18px 12px;
	line-height: 14px;
	letter-spacing: -0.4px;
	position: relative;
	white-space: nowrap;
}

#header #main-menu .main-menu-placeholder .main-menu-placeholder_wrap .wrapper-main-menu .load-responsive li a span {
    font-weight: 500 !important;
}

.navbar-nav a span {font-weight: 500 !important;}

#content .wrapper .content-company .center-block .theiaStickySidebar .buttton_new ul li a {font-weight: 500 !important;}

.widget .widget-view-more {font-weight: 500 !important;}

#content .wrapper .content-company .center-block .theiaStickySidebar .widget.comp-newssv .company_news .item-content h4 {font-weight: 500 !important;}

#content .wrapper .container.company_content .wrap_comp .wrap_comp_item .item.item-large .title_company h2 {font-weight: 500 !important;}

.aboutuslink a {font-weight: 500;}

.aboutuslink span {
    display: block;
    text-align: right;
    padding-top: 5px;
    font-style: italic;
}

.aboutuslink hr {
    border-top: 1px solid rgba(2, 154, 77, 0.27);
    margin-bottom: 10px;
    width: 80%;
}

#main-menu .wrapper .right  ul > li > a {
	border-bottom: 2px solid transparent;
}

#main-menu .wrapper .right ul li:hover > a {
	background: rgba(0,0,0,0.11);
}

#main-menu .wrapper .right ul ul.sub-menu li:hover > a {
	background: rgba(0,0,0,0.05);
}

#main-menu .wrapper .right ul li > a span {
	margin: -20px -12px;
	padding: 14px 12px 18px 12px;
	line-height: inherit;
	line-height: 14px;
	transition: all .2s;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
}

#main-menu .wrapper .right ul > li:hover > a span {
	background: #fff;
	color: #232323;
	padding: 14px 12px 20px 12px;
}

#main-menu .wrapper .right ul li > a span:after {
	content: '...';
	position: absolute;
	left: 50%;
	bottom: 7px;
	letter-spacing: 1px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#main-menu .wrapper .right ul ul.sub-menu {
	display: none;
	position: absolute;
	z-index: 10;
	width: 250px;
	background: #fff;
	box-shadow: 0 2px 3px rgba(0,0,0,.1), 0 20px 40px rgba(0,0,0,.15);
}

#main-menu .wrapper .right ul ul.sub-menu a {
	color: #000;
}



#main-menu .wrapper .right ul li:hover > ul.sub-menu {
	display: block;
	-webkit-animation: fadein 0.2s; /* Safari and Chrome */
	-moz-animation: fadein 0.2s; /* Firefox */
	-ms-animation: fadein 0.2s; /* Internet Explorer */
	-o-animation: fadein 0.2s; /* Opera */
	animation: fadein 0.2s;
}

	body #mob-block {
		display: none;
	}

.new-green .page-title:before {border-top: 2px solid #8cb500;}

.new-green #dat-menu .boxed #content .wrapper .container.company_content .wrap_comp .wrap_comp_item .item.item-large {
    border-color: #8cb500 !important;
}

.new-green #dat-menu .boxed #content .wrapper .hider-company .navbar-inverse.dropdown .top-menu-container .top_menu.nav.navbar-nav .list__item.selected a {color: #44ab76 !important;}

.new-green .navbar-nav .selected a span {border-color: #44ab76 !important;}

.new-green .top-menu-container > ul li > #dropdownMenu1 span:after {color: #44ab76 !important;}

.new-green #dat-menu .boxed #content .wrapper .content-company .center-block .theiaStickySidebar .buttton_new ul li {border-color: #44ab76 !important;}

.img-col-2 img {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    width: 49%;
    height: auto;
}

.img-col-2 img:nth-child(even) {margin-right: 0;}

.hider-company .header-inner .logo_fon.logo_fon_iff {
    margin-right: 33px;
    margin-top: 13px;
}

.hider-company .header-inner .logo_fon.logo_no_fon {background-color: transparent !important;}