/* Generated by ParaType (http://www.paratype.com)*/
/* Font DIN 2014: Copyright © ParaType, 2016. All rights reserved.*/


@font-face {
	font-family: 'DIN2014WebRegular';
	src: url('../fonts/DPT55__W.eot');
	src:
	     url('../fonts/DPT55__W.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/DPT55__W.woff2') format('woff2'),
	     url('../fonts/DPT55__W.woff') format('woff'),
	     url('../fonts/DPT55__W.ttf') format('truetype'),
	     url('../fonts/DPT55__W.svg#DIN2014Web-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) {     -webkit-font-smoothing: subpixel-antialiased; } 

* {
    -webkit-appearance: none;
}



.inner-wrapper {	
	clear: both;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	padding: 0 30px 0 30px;
	position: relative;
	width: 1184px;
}

.inner-wrapper-wo-paddings {	
	clear: both;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	padding: 0 0px 0 0px;
	position: relative;
	width: 1244px;
}

.container {
	clear: both;
	float: left;
	margin: 0;
	width: 100%;	
}

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col {
	clear: none;
	display: inline;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */
	float: left;
	margin: 0 16px 0 0;
	padding: 0;
	position: relative;	
}

.one-col {
	width: 84px;
}

.two-col {
	width: 184px;
}

.three-col {
	width: 284px;
}

.four-col {
	width: 384px;
}

.five-col {
	width: 484px;
}

.six-col {
	width: 584px;
}

.seven-col {
	width: 684px;
}

.eight-col {
	width: 784px;
}

.nine-col {
	width: 884px;
}

.ten-col {
	width: 984px;
}

.eleven-col {
	width: 1084px;
}

.twelve-col {
	width: 1184px;
	margin-right: 0;
}

.prefix-one {
	margin-left: 100px;
}

.prefix-two {
	margin-left: 200px;
}

.prefix-three {
	margin-left: 300px;
}

.prefix-four {
	margin-left: 400px;
}

.prefix-five {
	margin-left: 500px;
}

.prefix-six {
	margin-left: 600px;
}

.prefix-seven {
	margin-left: 700px;
}

.prefix-eight {
	margin-left: 800px;
}

.prefix-nine {
	margin-left: 900px;
}

.prefix-ten {
	margin-left: 1000px;
}

.prefix-eleven {
	margin-left: 1100px;
}

.suffix-one {
	margin-right: 116px;
}

.suffix-two {
	margin-right: 216px;
}

.suffix-three {
	margin-right: 316px;
}

.suffix-four {
	margin-right: 416px;
}

.suffix-five {
	margin-right: 516px;
}

.suffix-six {
	margin-right: 616px;
}

.suffix-seven {
	margin-right: 716px;
}

.suffix-eight {
	margin-right: 816px;
}

.suffix-nine {
	margin-right: 916px;
}

.suffix-ten {
	margin-right: 1016px;
}

.suffix-eleven {
	margin-right: 1116px;
}

.clear { /* Useful generic clearing class. */
	clear: both;
}
.last-col {
	margin-right: 0;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	margin:0;
	padding:0;
	font-family: 'DIN2014WebRegular';
	color: #1d1d1d;
	line-height: 20px;
	font-size: 16px;
}

html * { max-height:999999px; }

html,body {
	height: 100%;
}

body { 
	background: #e5e5e5;
}

.main.wrapper {	
	overflow: hidden;
    min-height: 100%;
}

.body {
	min-height: 100%;
    box-sizing: border-box;
    padding-bottom:330px;
}

.wrapper {
	margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */
	text-align: left;
	width: 1244px;
	position: relative;
	margin-top: -1px;
	background: #fff;
}


h1,h2,h4,h5,h6 {
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 29px;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.content h1 {
    font-size: 37px;
    text-transform: none;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
    max-width: 784px;
    line-height: 45px;
}

.content h3 {
    font-size: 22px;
    line-height: 29px;
    font-weight: normal;
    margin: 35px 0px 10px 0px;
    
}


h5 {
	font-size: 20px;
}

h6 {
	font-size: 20px;
	margin-top: 40px;
	letter-spacing: 0;
	text-transform: none;
}
a {
	transition: all 0.2s ease;
	cursor: pointer;
}

header {
	margin-top: 30px;	
}

div.logo {
	width: 380px;
	height: 71px;
	float: left;
	margin-bottom: 30px;	
}

div.logo {
	width: 380px;
	height: 71px;
	float: left;
	margin-bottom: 30px;	
}

div.logo.bottom-logo {
	width: 300px;
	height: 56px;
	float: left;
	margin-bottom: 30px;		
} 

img.logo {
	width: 380px;
	float: left;
	margin-bottom: 30px;
}

div.phones {
	float: left;
	margin-left: 75px;
}

div.phones p {
	font-size: 24px;
    line-height: 16px;
    margin-top: 19px;
}

div.phones a {
	font-size: 14px;
	margin-left: 12px;
	color: #8d8d8d
}

div.phones a.current {
	color: #1d1d1d;
	text-decoration: none;
}

.gray-arrow {
	width: 490px;
	height: 131px;
	background: #f6f6f6;
	position: absolute;
	right: 0;
	top: 0;	
}

.gray-arrow:before {
	content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 131px 75px;
    border-color: transparent transparent #f6f6f6 transparent;
    margin-left: -75px;
    position: absolute;
    top: 0;
    left: 0px;
}

.header-right-block div {
	float: left;
}

.header-right-block div:first-child {
	font-size: 22px;
    margin-top: 40px;
    width: 125px;
    line-height: 24px;
    margin-left: 40px;
}

.digit {
	font-size: 52px;
    margin-top: 56px;        
    margin-left: 0px;	
}

.header-right-block div.lang {
	float: right;
	margin-right: 30px;
	color: #8d8d8d;
	position: relative;
	margin-top: 56px;
	background: #dbdbdb;
	padding: 5px 5px 2px 5px;
	line-height: 0px;
}

div.lang span {
	display: block;
    float: right;
    margin-top: -2px;
}

.lang img{
	width: 20px;
    margin-right: 5px;
}

nav {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	width: 100%;
    
}

ul#topMenu {
	list-style: none;	
	position: relative;
	height: 40px;
	padding-left: 114px;
}	

ul#topMenu li {
	display: inline-block;
	position: relative;
	height: 40px;
	z-index: 10;
}

ul#topMenu li a {
	padding: 10px 44px 5px 0px;
	text-decoration: none;
	display: block; float: left; 
	position: relative;
}

ul#topMenu > li.parent-menu > a {
    padding-left: 10px;
}    

ul#topMenu > li.parent-menu > a:before {
    content: "+";
    position: absolute;
    left: 0;
    top: 11px;
    display: block;
}    

#menu-56 > a:before, #menu-129 > a:before {
    display: none!important;
}    
#menu-56 > a, #menu-129 > a {
    padding-left: 0px!important;
}

.left-menu-fix ul li a.parent-menu {
    position: relative;
    padding-left: 55px;
}

.left-menu-fix ul li a.parent-menu:before {
    content: "+";
    position: absolute;
    left: 45px;
    top: 8px;
    display: block;
}    

.left-menu-fix ul li.act a.parent-menu:before {
    content: "-";
}    
ul#topMenu  li:hover ul {
	display: block;
}

ul#topMenu  li ul {	
	background: #fff;
	position: absolute;
	top: 40px;
	left: -20px;
	border: 1px solid #d8d8d8;
	z-index: 10;	
	padding: 20px 0px;
	overflow: hidden;
	display: none;
	transition: all 0.2s ease;
}

ul#topMenu  li ul li{
	display: block;
	padding: 0;
}

ul#topMenu  li ul li:first-child {	
	margin-left: 0;
}

ul#topMenu  li ul li a{
	display: block;
	padding: 7px 30px 8px 30px;
	white-space: nowrap;
	width: 100%;
}

ul#topMenu  li ul li a:hover {
	background: #fdb933;
}

ul#topMenu  li#magic-line, #magic-line-news, #magic-line-press, #magic-line-blog { position: absolute; bottom: 0px; left: 0; width: 100px; height: 3px; background: #fdb933; padding: 0; z-index: 9}

.slider-img {
	width: 825px;
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.main-slider {
	width: 1214px;
 //   float: right;	
	margin-top: 30px;
	position: relative;
	height: 490px;
	margin-bottom: 50px;
}

.main-slider ul {
	list-style: none;
}

.main-slider ul  li div.slide-body{
	width: 1214px;	
	position: relative;
	height: 490px;	
}

.main-slider .gray-arrow {
	margin-top: 20px;
	z-index: 0;
	
	margin-right: -30px;
}

.yellow-label {
	background: #fdb933;
	width: 1100px;
	height: 290px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.yellow-label-transparent {
	width: 1100px;
	height: 290px;
	position: absolute;
	right: 0px;
	bottom: 0px;	
	z-index:2;
}

.yellow-label:before {
	content: "";
	width: 1100px;
	height: 145px;
	position: absolute;
	top: 0;
	left: 0;
	background: #f3a815;
	transition: all 0.2s ease;
}

.yellow-label.hover:before {
	height: 20px;
}

.yellow-label p:first-child {
	
    font-size: 112px;
    color: #000000;
    letter-spacing: 12.66px;
    line-height: 143px;
    position: absolute;
    left: 510px;
    text-transform: uppercase;
    top: 38px;
}

.yellow-label p:last-child {
	
	font-size: 108px;
	color: #000000;
	letter-spacing: 12.2px;
	line-height: 138px;
	position: absolute;
    top: 117px;
    left: 510px;
    text-transform: uppercase;
}

.slide-body div.content {
	position: absolute;
	left: 900px;
	top: 55px;
	width: 240px;	
	z-index: 11;
	white-space: normal;
    word-wrap: break-word;
}

.arrow, .bx-controls-direction a {
	width: 18px;
	height: 41px;
	background: #e0e0e0;
	
	mask-image: url(../images/ApisCor_ArrowLeft_gray.svg);
    -webkit-mask-image: url(../images/ApisCor_ArrowLeft_gray.svg);
    -moz-mask-image: url(../images/ApisCor_ArrowLeft_gray.svg);
    mask-size: 18px 41px;
    -webkit-mask-size: 18px 41px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;

	position: absolute;
	top: 45px;
	transition: all 0.2s ease;		
}

.bx-controls-direction a {
	z-index: 3;
}
.arrow:hover, .bx-controls-direction a:hover {
	background: #f3b52d;
}

.arrow.prev { 
	left: 140px;
}

.arrow.next {
	right: 30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);	
}

.bx-wrapper a, .bx-wrapper a:hover {
    border: none!important;
}

.bx-wrapper {
	height: 224px;
}

.bx-controls {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
}



.bx-controls-direction a.bx-prev {
	top: 92px;
	left: 30px;
}

.bx-controls-direction a.bx-next {
	top: 92px;
	right: 30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);		
}

.slider-block.gallery .bx-controls-direction  a {
	width: 85px;
	top: 0;
	bottom: 0;
	background: rgba(29, 29, 29 ,0.3) url(../images/ApisCor_ArrowLeft_gray.svg) center center no-repeat;
	mask-image: none;
    -webkit-mask-image: none;		
	height: 189px;
}

.slider-block.gallery .bx-controls-direction  a:hover {
	background: rgba(29, 29, 29 ,0.7) url(../images/ApisCor_ArrowLeft_gray.svg) center center no-repeat;
}	

.slider-block.gallery .bx-controls-direction a.bx-prev {
	left: 0;
}

.slider-block.gallery .bx-controls-direction a.bx-next {
	right: 0;
}


.content p {
	margin-bottom: 10px;
	max-width: 784px;
}

.content a {
	text-decoration: none;
	border-bottom: 1px solid #9c9c9c;
}

.content a:hover {
    color: #fdb933;
    border-bottom: 1px solid rgba(253, 185, 51, 0.6);
}

.slider-block-wrapper {
	margin-top: 65px;
}

.slider-news-block-wrapper {
	margin-bottom: 65px;
}

.slider-block-wrapper h4 {
	margin-left: 84px;
}

.slider-news-block-wrapper h4, .slider-blog-block-wrapper h4 {
	margin-left: 84px;
}

p.title {	
	margin-left: 84px;
	font-size: 24px;
	letter-spacing: 1px;
	line-height: 29px;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;	
}

.slider-block {
	height: 224px;
	background: #f6f6f6;
	position: relative;
}

.slider-block ul {
	list-style: none;
	width: 1016px;
	margin: 0 auto;
}

.two-slides ul li {
	float: left;
	width: 508px;
	margin-top: 20px;
	height: 184px;
	overflow: hidden;
}	

.three-slides:before, .three-slides:after, .two-slides:before, .two-slides:after {
	content: "";
    width: 55px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;    
    background: #F6F6F6;	
	z-index: 1;
}

.three-slides:after, .two-slides:after {
	right: 0;
}

.two-slides:before {
	width: 84px;
}	

.two-slides:after {
	width: 100px;
}

.three-slides ul li {
	float: left;
	width: 338px;
	margin-top: 10px;
	height: 184px;
	position: relative;
}	

.three-slides ul li:after {
	content: "";
	position: absolute;
	top: 10px;
	right: -1px;
	height: 184px;
	width: 1px;
	background: #e0e0e0;
	transition: all 0.2s ease;
}

.two-slides ul li:after {
	content: "";
	position: absolute;
		
	right: 5px;
	height: 184px;
	width: 5px;
	background: #F6F6F6;
	transition: all 0.2s ease;
}

.three-slides ul li.unborder:after {
	opacity: 0;
}	

.slider-block ul li img {
	float: left;
}

.slider-block img {
	width: 184px;
}

.two-slides ul li div {
	float: left;
	width: 295px;
	margin-left: 20px;
	position: relative;
	height: 184px;
}

.two-slides ul li div p.news-date {
	position: absolute;
	bottom: 0;
	color: #9B9B9B;
	font-size: 13px;
}

.three-slides ul li div {
	padding-right: 20px;
}

.three-slides ul li div p {
	margin-left: 54px;
	padding-right: 20px;
}


.two-slides ul li div p:first-child {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
}	

.three-slides ul li div p:first-child {	
	margin-top: 20px;
	margin-bottom: 20px;
}	

.slider-blog-block-wrapper {
    margin-top: 40px;
}

.slider-block.blog-slider-block, .slider-block.blog-slider-block li, .slider-block.blog-slider-block .bx-wrapper {
    height: 270px!important;
}

.slider-block.blog-slider-block .blog {
    border-left: none!important;
}

.slider-block.blog-slider-block .blog:hover {
    background: none!important;
}

.blog-slider div img {
    width: 100%;
    margin-left: 24px!important;
    margin-top: 10px;
}

.blog-slider div p {
    margin-left: 24px!important;
}

.blog-slider-block.three-slides ul li:after {
    height: 234px;
}

.blog-slider-block.three-slides a.bx-prev, .blog-slider-block.three-slides a.bx-next {
    top: 112px!important;
}

.slider-block .arrow {
	top: 92px;
}

.slider-block .arrow.prev {
	left: 30px;
}

.yellow-block {
	height: 190px;
	background: #fdb933;
	margin-top: 40px;
	position: relative;
}

.yellow-block:before {
	content: "";
	width: 100%;
	height: 95px;
	position: absolute;
	top: 0;
	left: 0;
	background: #f3a815;
	z-index: 1;
}

.yellow-block p {
	position: absolute;
	width: 100%;
	z-index: 2;
	text-align: center;
	font-size: 40px;
    line-height: 48px;
    top: 46px;
}

.yellow-block a {
	position: absolute;	
	z-index: 2;		    
	right: 60px;
	bottom: 28px;
}

.yellow-text-block {
	height: 190px;
	background: #fdb933;
	margin: 65px 0 30px 0;
	position: relative;
}

.yellow-text-block:hover:before {
	height: 30px;	
}	

.yellow-text-block:before {	
	content: "";
	width: 100%;
	height: 95px;
	position: absolute;
	top: 0;
	left: 0;
	background: #f3a815;
	z-index: 1;
	transition: all 0.2s ease;
}

.yellow-text-block p:first-child {
	position: absolute;
	width: 100%;
	z-index: 2;
	text-align: center;
	font-size: 40px;
    line-height: 48px;
    top: 46px;
}

.yellow-text-block  p:last-child{
	position: absolute;	
	z-index: 2;		    
	right: 60px;
	bottom: 28px;
	margin-bottom: 0;
}


.collaboration {
	margin-top: 40px;
}

.collaboration  h4 {
	margin-bottom: 0px;
}

.collaboration div {
	padding: 20px;
	width: 344px;
	transition: all 0.2s ease;
	
}

.collaboration div:hover {
	background: #f6f6f6;
}

.collaboration div:hover img {
	background: #fdb933;
}

.collaboration div img {
	float: left;
	margin: -20px 10px 10px -20px;
	padding: 20px;
	transition: all 0.2s ease;
	
}

.collaboration p.title {
	margin: 0px;
}

.collaboration div a:first-child {
	display: block;
	margin: 0px 0px 0px 80px;
}
	
.collaboration p:last-child {
	clear: both;
	
}

.printer-city {
	margin-top: 40px;
	width: 100%;
	height: 432px;
	background: url("../images/ApisCorPrinter/ApisCor_printer_cityB@2x.jpg") no-repeat;
	background-size: cover;
	position: relative;
}

.printer-city div {
	width: 795px;
	position: absolute;
	top: 200px;
	left: 445px;
}

.printer-city div p.title {
	margin-left: 0px; 
}

.printer-city div p {
	margin-bottom: 10px;	
}

.prefooter {
	margin-top: 120px;
}

footer:before {
    content: "";
    display: block;
    width: 100%;
    height: 75px;
    position: absolute;
    left: 0;
    top: -110px;
    background: url(../images/ApisCor_city_footer.svg);
}

footer {
    position: absolute!important;
    left: 0;
    bottom: 0;
    
}

footer .logo {
	width: 300px;
	margin-right: 100px;
}

footer ul:last-of-type {
	border-right: none;
//	margin-top: 17px;
}

ul.footer-menu {
	list-style: none;
	float: left;
	border-right: 1px solid #e0e0e0;
	margin-top: 7px;
	padding: 0px 24px;
}

ul.footer-menu li a {
	font-size: 16px;
	color: #525252;
	text-decoration: none;
}

ul.footer-menu li a:hover {
	color: #F3A815;	
}

a.aj {
	display: block;
	width: 58px;
	height: 58px;
	float: right;
	background: #f6f6f6;
	mask-image: url(../images/artjuice_logo.svg);
    -webkit-mask-image: url(../images/artjuice_logo.svg);
    mask-size: 58px 58px;
    -webkit-mask-size: 58px 58px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;	
	position: relative;
}

a.aj:after {
	content: "";
	width: 58px;
	height: 58px;
	background: #000;
	position: absolute;
	top: 58px;
	left: 0;
	transition: all 0.2s ease;
}

a.aj:hover:after {
	top: 0px;
}

.top-block {
	margin-top: 60px;
}

.differences  {
	margin-top: 85px;
}

.differences-yellow {
	background: #fdb933;
	margin-left: -30px;	    
    width: 100%;
}

.differences-yellow p {
	padding: 20px 20px 20px 60px;
}

.difference {
	margin-top: 40px;	
}

.difference p {
	margin-bottom: 10px;
	padding-right: 10px;
}

.difference p:first-of-type {
	font-size: 20px;
	margin-bottom: 20px;
}

.quote-yellow {
	background: #fdb933;
	margin-left: -30px;	    
    width: 100%;
	padding-right: 30px;
	margin-bottom: 30px;
}


.quote-yellow p {
	padding: 20px 20px 20px 30px;
}


.minus	{
	margin-top: 40px;	
}	

.minus p {
	margin-bottom: 10px;
}

.minus p:first-of-type {
	font-size: 20px;
	margin-bottom: 20px;
}

.minus p:last-of-type {
	
	margin-bottom: 0px;
}


.side-col {
	border: 1px solid #d8d8d8;
    padding: 30px 20px 30px 46px;
    position: absolute;
    right: 0px;
    width: 262px;
    top: -30px;
}

.side-news-col {
	border-left: 1px solid #d8d8d8;
    padding: 0px 0px 0px 56px;
    position: absolute;
    right: 0px;
    width: 184px;    
}

.side-news-col ul {
	list-style: none;
	margin-left: 0!important;
}

.side-news-col ul li {
	padding-left: 0!important;
	background: none!important;
	padding-bottom: 20px;
	border-bottom: 1px solid #D8D8D8;
	position: relative;
}

.side-news-col ul li:not(:first-child) {	
	padding-top: 20px;
}


.side-news-col ul li:last-child {	
	border-bottom: none;
}

.side-news-col ul li:after {
	content: "";	
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0;
    height: 3px;
    background: #fdb933;
    padding: 0;
    z-index: 9;	
	transition: all 0.2s ease;
}

.side-news-col ul li:hover:after {
   width: 100%;
}	

.side-news-col ul li div p:first-child {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.side-news-col ul li div:first-child {
	position: relative;
	height: 184px;
}

.side-news-col ul li div:first-child:after {
	content: "";
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	transition: all 0.2s ease;
	opacity: 0;
	background: rgba(253,185,50,0.83) url("../images/ApisCor_sign@1x.svg") center center no-repeat;	
}

.side-news-col ul li:hover div:first-child:after {
	opacity: 1;
}

.difference.short {
	width: 254px;
}

.diff-img {
	border-left: 7px solid #fdb933;
	padding: 5px 0px 5px 17px;
	margin-bottom: 20px;
	transition: all 0.2s ease;
	height: 60px;
}

.diff-img:hover {
	background: #f6f6f6;
}

.printer-hr {
	width: 1014px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.mixing {
    background: url(../images/ApisCorPrinter/ApisCor_scene.jpg) no-repeat;
    background-position: top 150px right;
    background-size: 1244px;
}

.last-block {
    margin-top: 200px;
}


.five-col.minus {
	width: 400px;
}

.content ul {
	list-style: none;
}

.content ul li {
	background: url(../images/dot.png) 0px 9px no-repeat;
	padding-left: 25px;
	margin-bottom: 10px;
}	

.characters {
	margin-top: 145px;
}

.characters div {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.characters div p:first-child {
	float: left;
	width: 384px;
}

.characters div p:last-child {
	float: right;
	width: 384px;
}

.characters table td {
    padding-bottom: 10px;
}

.characters table tr td:first-child {
    width: 400px;
}

.gabarites table td {
    padding-bottom: 10px;
}

.gabarites table tr td:first-child {
    width: 75px;
}

.gabarites table tr td:last-child {
    text-align: right;
}

.printer-gabarites {
	background: #f6f6f6;
    height: 370px;
    position: relative;
    margin-top: 110px;
}

.printer-right {
	width: 778px;
	position: absolute;
    position: absolute;
    top: -60px;
    right: -20px;
}

img.gabarites {
	position: absolute;
	left: 40px;
	top: 110px;
}

div.gabarites {
	position: absolute;
	left: 40px;
	top: 190px;	
	width: 140px;	
}

.gabarites div {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.gabarites div p:first-child {
	float: left;
	width: 60px;
}

.gabarites div p:last-child {
	float: right;
	width: 60px;
}

.outer-slider-wrapper {
	overflow: hidden;
	position: relative;
}

.outer-slider-wrapper:before {
	content: "";
	display: block;
	background: #fff;
	width: 1244px;
	top: 0;
	bottom: 0;
	position: absolute;
	left: 50%;
	margin-left: -622px;
}

#main-slider ul li:not(:first-child) {
	opacity: 0;
}

.grid-item h4 { 
	margin-top: 20px;
}

.grid-item  a, a.full-block-link {
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	border-bottom: none!important;	
}

.grid-item { 
	width: 284px; 
	margin-bottom: 40px;
	position: relative;
}

.grid-item img {
	width: 100%;		
}

.grid-item div {
	position: relative;
	margin: 0; padding: 0;
	vertical-align:top;
	height: 310px;
}

.grid-item div:after {
	content: "";
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	transition: all 0.2s ease;
	opacity: 0;
	background: rgba(253,185,50,0.83) url("../images/ApisCor_sign@1x.svg") center center no-repeat;	
}

.grid-item:hover div:after {
	opacity: 1;
}


.grid-item--width2 { 
	width: 584px; 
}

.gallery-grid-width {
    width: 184px;
}

.gallery-grid-width a {
    width: 100%;
}

.grid-item-interview {
	width: 84px;
	transition: all 0.2s ease;
}

.item-interview {
	transition: all 0.2s ease;
}


.grid-item-interview:hover, .item-interview:hover {
	background: #f6f6f6;
}

.grid-item-interview--width4 {
	width: 384px;
}

.grid-item-interview--width5 {
	width: 484px;
}

.grid-item-interview p, .item-interview p {
	margin-left: 20px;
	padding-right: 20px;	
}

.grid-item-interview p:first-child, .item-interview p:first-child {
	padding-top: 20px;
	
	margin-bottom: 20px;
	font-size: 20px;
}

.item-interview:not(:first-child) {	
	margin-top: -20px;
}

.item-interview p:last-child {
    padding-bottom: 20px;
}

.project-parameters {
	background: #f6f6f6;
	height: 470px;
}

.project-parameters p {
	margin: 20px 20px -10px 20px;
}

.project-text {
	margin-top: 40px;
}

.other-projects {
	margin-top: 140px;
}

.interview-pre {
	margin-top: 80px;
}

.interview {
	margin-top: 80px;	
	position: relative;
	padding-top: 40px;
}

.interview:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #d8d8d8;
	position: absolute;
	top: 20px;
	z-index: 0;
}

.interview h2 {	
    background: #fff;
    display: inline-block;
    padding-right: 20px;
	position: absolute;
	top: 0;
}

.gallery-slider li {
	padding: 0!important;
	background: none!important;
}

.gallery-slider li img {
	width: 100%;
}

.gallery.slider-block {
    height: 190px;
    background: none; 
	margin-top: 40px;	
}

.gallery-slider li a, a.fancybox {
	display: block;
	position: relative;
	overflow: hidden;
	border: none;
}

a.fancybox { 
    line-height: 0;
}

a.fancybox:hover {
	border: none;
}

a.fancy {
	display: inline-block;
	position: relative;
	overflow: hidden;
	border: none;
}

a.fancybox img {
    width: 100%;
}

.gallery-slider li a:after, a.fancy:after, a.fancybox:after {
	content: "";
	display: block;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	transition: all 0.2s ease;
    opacity: 0;
    background: rgba(253,185,50,0.83) url("../images/ApisCor_sign@1x.svg") center center no-repeat;	
}

.gallery-slider li a:hover:after, a.fancy:hover:after, a.fancybox:hover:after {
	opacity: 1;
}

.overflow {
    overflow: hidden;
}

.press {
    padding: 10px 0px;
    transition: all 0.2s ease;
    margin-bottom: 20px;
}

.press:hover {
    background: #f6f6f6;
}

p.press-date {
	color: #9B9B9B;
	font-size: 13px;
}

.side-img {
    margin-bottom: 30px;
}

.press-file {
    margin-top: 60px;
}

p.news-title {
    font-size: 20px;
    margin: 10px 0px;
    width: 300px;
} 

.blog {
    transition: all 0.2s ease;
    margin-right: 49px;
    padding: 0 30px 30px;
    position: relative;
    border-left: 1px solid #ececec;
}

.news {
    transition: all 0.2s ease;
    padding: 10px 0px;
    position: relative;
}

.news:hover {
    background: #f6f6f6;
}

.blog:hover {
    background: #f6f6f6;
}

.news a {
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}

.blog a {
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}

.short-news {
    padding: 20px;
    width: 244px;
}

.full-news {
    margin-bottom: 40px;
}

.full-blog {
    margin-bottom: 40px;
}

.left-menu {
    width: 220px;
    padding: 20px 0px;
    border: 1px solid #d8d8d8;
}

.left-menu ul {
    position: relative;
    list-style: none;
    margin: 0;
}

.left-menu ul li {
    position: relative;
}

.left-menu ul li a {
    display: block;
    padding: 7px 30px 8px 30px;
    white-space: nowrap;
    
    text-decoration: none;
}  

.left-menu ul li.active a, .left-menu ul li a:hover {
    background: #fdb933;
}

.left-menu ul:hover li.active a{
    background: #fff;
}

.left-menu ul:hover li.active:hover a{
    background: #fdb933;
}

.left-side {
    position: relative;
}

.left-menu-fix.top-fix {
    position: fixed;    
    top: 20px;
}

.left-menu-fix.bottom-fix {
    position: absolute;    
    bottom: 0px;
}


.left-menu-fix {
    width: 284px;
    padding: 20px 0px;
    border: 1px solid #d8d8d8;
    margin-left: -30px;
}

.left-menu-fix.search-menu {
    width: 400px;
}

.left-menu-fix ul {
    position: relative;
    list-style: none;
    margin: 0;
}

.left-menu-fix ul li {
    position: relative;
}

.left-menu-fix ul li a {
    display: block;
    padding: 7px 30px 8px 45px;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
}  

.left-menu-fix > ul > li.parent-menu a{
    padding: 7px 30px 8px 55px;
}

.left-menu-fix > ul > li.parent-menu:before {
    content: "+";
    position: absolute;
    left: 45px;
    top: 8px;
    display: block; 
    z-index: 1;
}

.left-menu-fix > ul > li.parent-menu.act:before {
    content: "-";    
}

.left-menu-fix ul li.active a {
    background: #fdb933;
}

.left-menu-fix ul li a:hover {
    background: #FFC34C;
}

.left-menu-fix ul li.active ul li a {
    background: #f6f6f6;
}

.left-menu-fix ul li.active ul li.active a {
    background: #d8d8d8;
}

.left-menu-fix ul li.active ul li:hover a {
    background: #e4e4e4;
}


.left-menu-fix ul li ul {
    margin-left: 30px;
    background: #d8d8d8;
    display: none;
}

.left-menu-fix ul li.act ul {
    display: block;
}

.detail-img {
    margin-bottom: 40px;
}

.links {
    
    margin-top: 35px;
}

.links p {
    margin-bottom: 2px;
}

.text-yellow {
	background: #fdb933;
	margin-left: -30px;	    
    width: calc(100% + 30px);
}

.text-yellow p {
	padding: 20px 20px 20px 30px;
}

.text-yellow a {
    text-decoration: none;
    border-bottom: 1px solid #8E6513;
}

.text-yellow a:hover {
    color: #1d1d1d;
    text-decoration: none;
}

.border-block {
	margin-top: 40px;	
	position: relative;
	padding-top: 40px;
}

.border-block:before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #d8d8d8;
	position: absolute;
	top: 20px;
	z-index: 0;
}

.border-block h2 {	
    background: #fff;
    display: inline-block;
    padding-right: 20px;
	position: absolute;
	top: 0;
	margin-bottom: 20px;
}

.vac {
    overflow: hidden;
    margin-top: 20px;
    position: relative;
}

.vac div p:first-child {
    font-size: 20px;
}


.vac div ul li {
    margin-bottom: 0;
}

.vac div.three-col {
    padding: 20px 0px;
}

.gray {
    padding: 20px 20px!important;
    width: 244px;
    background: #f6f6f6;
    position: absolute;
    top: 0;
    bottom: 0;
}

.sn {
    margin-top: 80px;
}

.sn a {
    border: none;
    width: 180px;
}

.sn a:hover {
    border: none;
}

.prev-sn {
    display: block;
    position: relative;
    padding-left: 40px;
}

.next-sn {
    text-align: right;
    display: block;
    float: right;
    padding-right: 40px;
}

.prev-sn:before, .next-sn:before {
    content: "";
    display: block;
    width: 18px;
    height: 41px;
    background: #e0e0e0;
    mask-image: url(../images/ApisCor_ArrowLeft_gray.svg);
    -webkit-mask-image: url(../images/ApisCor_ArrowLeft_gray.svg);
    mask-size: 18px 41px;
    -webkit-mask-size: 18px 41px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    position: absolute;
    top: 0px;
    transition: all 0.2s ease;
}

.prev-sn:before {
    left: 0;
}

.next-sn:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);	
    right: 0;
}

.prev-sn:hover:before, .next-sn:hover:before {
    background:#fdb933;
}    

.content-block {
    padding-top: 20px;
    padding-bottom: 20px;
}

.map {
    position: relative;
    width: 884px;
    height: 420px;
    background: url(../images/apis_map_gray@2x.png) no-repeat;
    background-size: cover;
    margin-bottom: 80px;
}

.map.partners-map {
    width: 100%;
    min-height: 620px;
    text-align: center;
}

.map.partners-map h1 {
    display: inline-block;
    margin-top: 155px;
    font-size: 36px;
    text-transform: none;
    position: relative;
}

.map.partners-map h1:before {
    content: "";
    display: block;
    position: absolute;
    left: -25px;
    bottom: -20px;
    background: url(../images/ApisCor_Lp.svg);
    width: 35px;
    height: 23px;
}

.map.partners-map h1:after {
    content: "";
    display: block;
    position: absolute;
    right: -25px;
    top: -20px;
    background: url(../images/ApisCor_Rp.svg);
    width: 35px;
    height: 23px;
}


.city {
    position: absolute;
    background: rgba(253, 185, 50, 0.83) url(../images/ApisCor_sign.png) 10px 8px no-repeat;
    padding: 17px 11px 13px 54px;
    font-size: 20px;
    background-size: 35px;
    line-height: 25px;
}

.contacts table tr td, .contacts table tr td a {
    font-size: 20px;
    line-height: 29px;
}

.contacts table tr td:first-child {
    width: 100px;
    color: #9b9b9b;
}

.form label {
    width: 100%;
    display: block;
    //overflow: hidden;
    margin-bottom: 15px;
    position: relative;
}

.form label span{
    display: inline-block;
    width: 84px;
    vertical-align: top;
    padding-top: 10px;
}

.form input, .form textarea, .form select {
    width: 368px;
    display: inline-block;
    border: 1px solid #f6f6f6;
    background: #f8f8f8;
    padding: 10px 15px;
    font-size: 16px;
    font: 14px 'Tahoma';
    outline: none;
    border-radius: 0px;
}

.form input:hover, .form textarea:hover, .form select:hover {
    border: 1px solid #ccc;
    background: #fff;
}

.form input:focus, .form textarea:focus, .form select:focus {
    border: 1px solid #f3a815;
    background: #fff;
}

.form textarea {
    height: 170px;
}

.form select {
    width: 400px;
    background: #f8f8f8 url(../images/ApisCor_ArrD.svg) no-repeat right 10px center;
}

.form select:hover, .form select:focus {
    background: #fff url(../images/ApisCor_ArrD.svg) no-repeat right 10px center;
}

.form label.error input, .form label.error textarea {
    border: 1px solid #e02525;    
}

label.error:after {
    position: absolute;
    content: "";
    width: 23px;
    height: 23px;
    background: url(../images/error.svg);
    top: -12px;
    right: -11px;
}

button {
  position: relative;
  background: none;
  text-transform: uppercase;
  border: none;
  padding: 0;
  color: #000;
  outline: none;
  -webkit-transition: color .3s;
  transition: color .3s;
  cursor: pointer;
  margin-left: 84px;
}

.vac-form button {
    margin-left: 0px;
    width: 244px;
}

button svg {
    width: 180px;
    height: 45px;
    fill: none;
    stroke: #000;
    stroke-dasharray: 0, 0, 480px, 480px;
    -webkit-transition: stroke-dasharray .3s;
    transition: stroke-dasharray .3s;
    stroke-width: 3px;
}

.vac-form button svg{
    width: 244px;
    stroke-dasharray: 0, 0, 580px, 480px;
}

.vac-form button:hover svg , .vac-form button:focus svg{
    stroke-dasharray: 244px, 394px;
}


.vac-form a.file {
    margin-left: 0px;
}

.vac-form progress {
    width: 100px;  
}

.vac-form span.req {
    display: inline-block;
    margin-left: -10px;
    width: auto;
    padding-top: 4px;
    margin-right: 3px;
}

.vac-form label.progress {
    margin-bottom: 10px;
}

.form.vac-form {
    position: absolute;
    bottom: 19px;
    left: 20px;
}

a.file.error {
    color: #e02525;
}

a.file.error:after {
    position: absolute;
    content: "";
    width: 23px;
    height: 23px;
    background: url(../images/error.svg);
    margin-left: 5px;
}

button span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 45px;
  font-size: 20px;
  letter-spacing: 1px;
}

button:hover, button:focus {
  color: #000;
}

button:hover svg, button:focus svg {
  stroke-dasharray: 180px, 300px;
}

.success-inner {
    padding: 80px 85px 70px 85px;
}

.success-inner img {
    margin-bottom: 65px;
}

.success-inner p {
    font-size: 24px;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
}

.media-menu {
    margin-bottom: 20px;
}

.media-menu ul {
    list-style: none;
}

.media-menu ul li {
    display: inline-block;
    padding: 0;
    background: none;
    margin-right: 65px;
}

.media-menu ul li.active a, .media-menu ul li.active a:hover {
    color: #1d1d1d;
    border: none;
    cursor: default;
}

.content img {
    max-width: 100%;
}

.full-news img {
    width: 184px;
}

.full-blog img {
    width: 284px;
    margin-bottom:10px;
}

a.file {
    margin-left: 84px;
}

progress {
    width: 248px;
    height: 15px;
    background: #f8f8f8;
    float: right;
    margin-top: 5px;
}  

progress::-webkit-progress-bar {
    background:  #f8f8f8;
}

progress::-webkit-progress-value {
    background: #fdb933;
}

progress.done::-webkit-progress-value {
    background: #7ed321;
}

label.progress {
    margin: 20px 0 30px 0;
}

.we-print {
    position: absolute;
    right: 80px;
    top: 67px;
}    

.all-news {
    text-align: center;
    margin-top: 40px;
}

.all-news button {
    margin: 0;
}

.fzf {
    position: absolute;   
    top: 50%;  
    left: 50%;  
    transform: translate(-50%, -50%); 	
    background: url('../images/404.png') right top no-repeat;
    background-size: 574px;
    width: 620px;
}

.fzf_left, .fzf_right {
    margin-top: 40px;
    margin-left: 3px;
    float: left;
    width: 200px;
    padding-right: 72px;
}

.w404 {
	height: 100%; position: relative;
}

p.p404 {
	font-size: 210px; line-height: 203px
}

input.search {
    border: none;
    background: #f6f6f6;
    margin-left: 30px;
    padding: 10px 10px 10px 55px;
}    

input.search {
    border: none;
    background: #f6f6f6 url(../images/ApisCor_Search.svg) 13px 8px no-repeat;
    padding: 12px 30px 13px 45px;
    margin-bottom: 20px;
    outline: none;
    width: 265px;
}

span.search_out {
    background: #fdb933;
}

.search-menu ul.waypoint {
    background: none;
}

.search-menu ul.waypoint li {
    width: 340px;
}

.search-menu ul.waypoint li a {
    padding-left: 45px;
}

.partner-wrap {
    background: rgba(247, 247, 247, 0.85);
    text-align: left;
    margin-bottom: 40px;
}

.part-title {
    background: #fdb933;
    padding: 10px;
}

.part-type {
    color: #a3a3a3;
    font-size: 11px;
    margin: 10px;    
}

a.part-type {
    cursor: pointer;
}

.part-type a:hover {
    color: #fdb933;
}

.part-address {
    margin: 10px; 
}

.partners {
    margin-top: 100px;
}

.select {
    padding: 10px;
    border: 1px solid #000;
    display: block;
    font-size: 15px;
    margin-bottom: 15px;
    background: #fff url(../images/ApisCor_ArrD.svg) no-repeat right 10px center;
    outline: none;
    border-radius: 0px;
}

.select:hover {
    border: 1px solid #ccc;
}
    
.select:focus {
    border: 1px solid #f3a815;
}

.faq-block h3 {
    margin-top: 0px;
}    

h3 span {
    font-size: 22px;
}

.coops_block {
    position: relative;
    border-bottom: 1px solid #d8d8d8;
}


.coops_title {
    padding: 10px 0px;
    position: relative;
    cursor: pointer;
}

.coops_title span {
    display: block;
    width: 20px;
    height: 20px;
    
    position: absolute;
    right: 0;
    top: 10px;    
    transition: all 0.2s ease;
}

.coops_title.opened span {
    -ms-transform: rotate(45deg); 
    
    -webkit-transform: rotate(45deg); 
    
    transform: rotate(45deg);
    
}

.coops_title span:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: #cccccc;
    left: 9px;
    top: 0px;
}    

.coops_title span:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    background: #cccccc;
    left: 0px;
    top: 9px;
}    


.coops_block:hover .coops_title:before {
    content: "";
    display: block;
    position: absolute;
    top: 0; bottom: 0;
    background: #fdb933;
    width: 10px;
    left: -20px;
}

.coops_text {
    display: none;
    padding: 0px 20px 20px 20px;
/*   background-color: #f8f8f8;*/
}

.coops_text p {
    margin-bottom: 7px;
    color: #7b7b7b;
    font-size: 14px;
}

.printer-city-order {
	margin-top: 40px;
	width: 100%;
	height: 432px;
	background: url("../images/ApisCorPrinter/ApisCor_printer_cityB@2x.jpg") no-repeat;
	background-size: cover;
	position: relative;
}


.printer-city-order .content {
    margin-top: 220px;
}

.printer-city-order .content .form {
    margin-top: 40px;
}    

.auth_overlay {
    position: fixed;
    top: 0; bottom: 0; left: 0; right: 0;
    z-index: 999999;
    background: rgba(29,29,29,0.9);
    height: 100%;    
}

.auth_overlay div, .auth_overlay div p {
    color: #fff;
    text-align: center;
}

.auth_overlay div a {
    color: #fdb933;
    text-decoration: none;
}

.auth_overlay div a:hover {
    opacity: .75;
}

.auth_overlay > div {
    width: 400px;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);    
}

.auth_overlay div p.auth_title {
    font-size: 30px;
    color: #fdb933;
    margin-bottom: 30px;
}

p.gallery_text {
    font-size: 13px;
    line-height: 15px;
    color: #7d7d7d;
    text-align: right;
    margin-bottom: 20px;
    margin-top: 5px;
}

h1.sotr {
  border-bottom: 1px solid #d8d8d8;  
  text-transform: none;
  font-size: 36px;
  padding-bottom: 20px;
  margin-bottom: 40px;
}

h2.sotr {
    text-transform: none;
    font-size: 22px;
    letter-spacing: 0px;
}

.auth_overlay .ha-icon.facebook {
    width: 70px;
    height: 70px;
    margin-top: 50px;
    margin-left: 5px;
    margin-right: 5px;
    
    background: url(../images/Facebook.svg);
}

.auth_overlay .ha-icon.linkedin {
    width: 70px;
    height: 70px;
    margin-top: 50px;
    margin-left: 5px;
    margin-right: 5px;
    background: url(../images/Linkedin.svg);
}

.content-wrap {
    min-height: 275px;
}

a.butto {
	text-decoration: none;
	border-bottom: none;
	margin-left: -84px;
}

a:hover.butto  {
    color: #fff;
    border-bottom: none;
}
.soc i:hover {
    color: black;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.soc i {
    font-size: 24px;
    padding-left: 20px;
    color: #d8d8d8;
}
.socblock {
    width: 180px!important;
    margin-left: 155px!important;
    padding-top: 5px;

}


.check-offert-title {
    padding: 10px;
    position: relative;
    line-height: 28px;
}
.check-offert-title span {
    font-size: 24px;
    position: relative;
}    
.check-offert-title:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 2px;
    background-color: #ffb72f;
}

.check-offert-title.notify:before {
    -webkit-animation: my 3s ; 
    -moz-animation:    my 3s ; 
    -o-animation:      my 3s ; 
    animation:         my 3s ; 
}

 
@-webkit-keyframes my {
  0% {    height: 2px;     }
  33% {    height: 76px;      }
  33% {    height: 76px;      }
  100% {    height: 2px;     }
  
}

@keyframes my {
  0% {    height: 2px;     }
  33% {    height: 76px;      }
  33% {    height: 76px;      }
  100% {    height: 2px;     }
  
}

.check-offert-title.printer {
    margin-top: 220px;    
}

.check-offert-content {
    height: 150px;
    overflow-y: scroll;
    padding: 10px;
    margin: 20px 0px;
    border: 1px solid #e5e5e5;
}

.check-overlay {
    content: "";
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0px;
    right: 0px;
    top:0px;    
}

#check-offert {
    width: 20px;
    height: 20px;
    border: 1px solid #c1c1c1;
    outline: none;
    cursor: pointer;
    display: block;    float: left;
    position: relative;
}

#check-offert:checked:before {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    background-color: #ffb72f;
    
}

.check-offert-checkbox {
    display: block;    float: left;
    margin: 4px 4px 4px 6px;
}

.check-offert-content p {
    color: #757575;
    font-size: 14px;
    line-height: 16px;
    padding-right: 5px;
}
.check-offert-wrap {
    overflow: hidden; margin-bottom: 40px;
}

.popd {
    margin-left: 84px;
    margin-top: 9px;
}

.popd p, .popd a {
    font-size: 14px;
    line-height: 17px;
    color: #b9b9b9;
}

.popd a {
    border-bottom: 1px solid #e2e2e2;
}
.skolkovo  {
    margin-top: 120px;
    filter: grayscale(1);
}
.skolkovo:hover {
    filter: grayscale(0);
    -webkit-transition: .3s time;
    -moz-transition: .3s time;
    -ms-transition: .3s time;
    -o-transition: .3s time;
    transition: .3s time;
}

.skolkovo img {
    width: 54px;
    margin-right: 15px;
    float: left;
}
.skolkovo a {
    text-decoration: none;
    color: #cbcbcb;
}
.skolkovo a:hover {
    color: #4e4e4e;
}