._1{
    background-image: url(../img/home.jpg);
}
._2{
    background-image: url(../img/embellishment.jpg);
}

._3{
    background-image: url(../img/binding.jpg);
}

._4{
    background-image: url(../img/fire_printing.jpg);
}

._5{
    background-image: url(../img/packaging.jpg);
}
#msg{
	position: relative;
	padding: 10px;
	margin: 10px 0px;
	font-size: 20px;
	font-family: DINPro-Regular;
}
.about-head-img{
	position: relative;
	width:  100%;
	height: 400px;
	margin-top: 115px;
	background-image: url(../img/ellikon-printers.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
space{
	position: relative;
	width: 100%;
	display: block;
	height: 20px;
}
/*iframe{display: none;}
*/
.center{
	text-align: center;
}
#holder{
	background-color: rgb(250,250,250);
}
html body{	
	background-color: rgb(250,250,250);
}
html body #holder{
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
	position: relative;
    width: 100%;
	height: 100%;
 	background-size: cover;
	background-color: #f2f3ec;
/*	overflow: hidden;*/
	background-position: center;
    border: 1px solid transparent;
}
.height-100{
	height: 100% !important;
}
html body  .left-menu-search #menu_left.nav-menu ul li ul li a.current-page,html body  .left-menu-search #menu_left.nav-menu ul li a.current-page{
	background: #0078ae;
    color: #ffffff !important;
}
html body .left_move{
	margin-left: 0;
	width: 0%;
	opacity: 0;
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
html body #holder img.arr_right_white{
	width: 24px;
	height: auto;
	display: block;
}
h2.upper_img{
	position: relative;
	line-height: 36px;
	color: white;
	font-size: 22.5px;
	font-family: DINPro-Regular;
	margin-top: 288px;
}
.bottom-117{
		
}
.client-resource .post-tite{
	text-transform: uppercase;
	text-align: left;
	max-width: 600px;
	margin: 57px auto 0;
	padding: 0px 32px;
	box-sizing: border-box;
}
.post-tite{
	position: relative;
    text-align: center;
    margin: 161px 0px 0px;
    font-family: DINPro-Regular;
    font-size: 27px;
    color: #0078ae;
}
.page-id-12 .post-tite{
	text-align: left;
	max-width: 780px;
	padding: 0px 15px;
	box-sizing: border-box;
	margin: 50px auto 5px;
}
.page-id-273 .post-tite{
	margin: 50px auto 0px;
	text-align: left;
	max-width: 800px;
	padding: 0px 25px;
	box-sizing: border-box;
}
.page-id-521 .post-tite{
	text-align: left;
	max-width: 780px;
	padding: 0px 15px;
	box-sizing: border-box;
	margin: 50px auto 5px;
}
.client-resource div[class*=row-]{
	position: relative;
	display: block;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 10px;
}
.client-resource div[class*=row-] table{
	position: relative;
	width: 500px;
}
.client-resource div[class*=row-] table tr{
	font-family: DINPro-Regular;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.68);
	padding: 3px 0px;
}
.client-resource div[class*=row-] table tr td{
	font-family: DINPro-Regular;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.68);
	padding: 3px 0px;
}
.client-resource div[class*=row-25]{
	width: 50%;
}
.client-resource div[class*=-left]{
	float: left;
}
.client-resource div[class*=-right]{
	float: right;
}
.client-resource div[class*=row-] ul.menu-side{
	position: relative;
	display: table;
	padding: 0px 20px;
	float: right;
}
.client-resource div[class*=row-] ul.menu-side > li{
	padding: 5px 10px;
	margin: 0px 0px 40px;
	display: table;
	line-height: 1;
	font-family: DINPro-Regular;
	font-size: 17px;
	cursor: pointer;
	background-color: transparent;
	transition: .5s;
	color: rgba(0, 0, 0, 0.68);
}
.client-resource div[class*=row-] ul.menu-side > li:hover{
	background-color: #0078ae;
	color: white;
}
.client-resource div[class*=row-] ul.menu-side > li.active{
	background-color: #0078ae;
	color: white;
}
.client-resource div[class*=row-] div.menu-side{

}
.client-resource div[class*=row-] div.menu-side > div{
	display: none;
	font-family: DINPro-Regular;
	font-size: 14px;
	max-width: 300px;
	text-align: left;
	margin: 6px 0px 20px;
	position: relative;
	line-height: 20px;
	color: rgba(0, 0, 0, 0.68);
}
.client-resource div[class*=row-] div.menu-side > div.active{
	display: block;
}
.client-resource div[class*=row-] div.menu-side > div h3{
	position: relative;
	display: table;
	margin: 0px 0px 23px;
	font-family: DINPro-Regular;
	font-size: 15px;
	color: #0078ae;
}
.client-resource div[class*=row-] div.menu-side > div p{
	font-family: DINPro-Regular;
	font-size: 14px;
	max-width: 300px;
	text-align: left;
	margin: 20px 0px;
	position: relative;
	color: rgba(0, 0, 0, 0.68);
	line-height: 20px;
}
.client-resource div[class*=row-] div.menu-side > div p span.blue{
	color: #0078ae;
}
.client-resource div[class*=row-] .contactbutton{
	width: 175px;
	height: 35px;
	background-image: url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/contact.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transition: .5s;
	position: relative;
	display: block;
}
.client-resource div[class*=row-] .contactbutton.placeorder{
	background-image: url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/PlaceOrder.svg);
}
.client-resource div[class*=row-] .contactbutton.download{
	background-image: url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/Download.svg);
}
.client-resource div[class*=row-] .contactbutton:hover{
	background-image: url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/contact-hover.svg);
	opacity: .5;
}
.client-resource div[class*=row-] .contactbutton.placeorder:hover{
	background-image: url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/PlaceOrderRO.svg);
	opacity: .5;
}
.client-resource div[class*=row-] .contactbutton.download:hover{
	background-image: url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/DownloadRO.svg);
	opacity: .5;
}
#holder.singlepost{
    text-align: center;
    overflow: auto;
    padding-bottom: 0px;
    box-sizing: border-box;
}
.inline-fix{
	word-spacing: -4px;
}
#holder.singlepost a.contact_button{
    margin: 50px auto 100px !important;
    float: none;
    position: relative;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 189px;
}
html body #holder.singlepost img.arr_right_white{
    transform: rotateZ(0deg);
    height: 18px;
    position: absolute;
    margin-top: 0px;
}
#holder.singlepost .content{
	max-width: 800px;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
    text-align: left;
    font-family: DINPro-Regular;
    font-size: 16px;
    line-height: 27px;
    color: #505050;
}

#holder.singlepost .content .buttonsholder{

	position: relative;
	width: 100%;

}

#holder.singlepost .content .market_buttons{

	width: 130px;
	height: 40px;
	margin: 10px;
	float: left;
	margin-left: 0;

}

#holder.singlepost .content .market_buttons.go{

	background-image: url(../img/google-button.png);

}

#holder.singlepost .content .market_buttons.ap{

	background-image: url(../img/apple-button.png);

}



#holder.singlepost .content *{
	font-family: DINPro-Regular;
	font-size: 16px;
	line-height: 27px;
	color: #505050;
}
.testimot_content  a{
	display: block;
	font-style: italic;
	color: #0078ae !important
}
#holder.page-id-12 .content ul{
	column-count: 3;
	height: 300px;
	width: 107%;
}
#holder.page-id-12 .content ul li{

}
#holder.singlepost .content .aligncenter{
	position: relative;
    margin: 0 auto;
    display: table;
}
#holder.singlepost .content .image{
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#holder.singlepost .content.excert{
	margin-top: 5px;
	color: #0093d6;
	text-align: center;
}
.upper_img{
    position: absolute;
    bottom: 72px;
    left: 63px;
    left: calc(50% - 95px);
    color: white;
    text-align: left;
}
a.upper_img{
	width: 190px;
    height: 38px;
	background: url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/contact.svg);
    background-size: contain;
	background-repeat: no-repeat;
	background-position:center;
	transition:.5s;
}
a.upper_img:hover{
	background: url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/contact-hover.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position:center;
	opacity: .5;
}
h2.grey{
	color: rgb(70,70,82);
}

/*--------- services ---------*/
._6{
	background-image: url(../img/services.jpg); 
}
._bg{
	background-color: rgb(250,250,250);
	width: 100%;
	height: 100%;
	left: 0;
}
.left_cont{
	display: inline-block;
	margin-left: 90px;
	margin-top: 216px;
	vertical-align: top;
}
.right_cont{
	display: inline-block;
	margin-left: 54px;
	margin-top: 216px;
	vertical-align: top;
}
._bg h3{
	display: inline-block;
	line-height: 17px;
	padding-bottom: 1.8px;
	padding-left: 3.33px;
	padding-right: 3.33px;	
	border-radius: 6.3px;
	font-size: 17px;
	font-family: DINPro-Bold;
	color: rgb(0,120,0);
	margin-top: 18px;
}
._bg p{
	margin-top: 7.2px;
	display: inline-block;
	line-height: 16px;
	padding-bottom: 1.8px;
	padding-left: 3.33px;
	padding-right: 3.33px;	
	border-radius: 6.3px;
	font-size: 17px;
	font-family: DINPro-Regular;
	color: rgb(70,70,0);	
}
a.contact_button {
	display: block;
	margin-top: 36px;
}
.contact_button img{
	cursor: pointer;
	width: 190px;
	height: auto;
}




.left_c{
	color: white;
	font-size: 12.06px;
	position: absolute;
	margin-left: 17px;
	bottom: 80px;
	font-family: DINPro-Regular,'sans-serif';
	line-height: 16px;
	display: block;
	}

.right_c{	
    color: white;
    font-size: 12.06px;
    position: absolute;
    margin-left: 95px;
	bottom: 80px;
    font-family: DINPro-Regular;
    display: inline-block;
}
.right_c p{line-height: 16px;}
.left_c p{line-height: 16px;}








/* скрываем чекбоксы и блоки с содержанием */
.hiden {
    display: none !important; 
}
.hiden + label ~ div{
    display: none;
}
/* оформляем текст label */
.hiden + label {
    font-family:  DINPro-Regular;
	color: rgb(0,120,174);
	font-size: 18px;
	cursor: pointer;
	text-align: left;
    margin-left: 30px;
    display: inline-block;
	width: 100%;
}
/* вид текста label при активном переключателе */
.hiden:checked + label {

}
/* когда чекбокс активен показываем блоки с содержанием  */
.hiden:checked + label + div {
    display: block; 
} 


.scroll-on{
	overflow-y: auto !important; 
}





/* --------- about ---------*/
.full-about-page{
	display: inline-block;
}
.ipad-about-page{
	display: none;
}
.about_left_content{
	vertical-align: top;
	display: inline-block;
	width: 100%;
	margin : 0 auto;
	line-height: 27px;
	font-family: DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
	text-align: left;
}
.about_left_content h2{
	margin: 30px  30px;
	margin-top: 50px;
	font-family:  DINPro-Regular;
	color: rgb(0,120,174);
	font-size: 27px;
	text-align: left;
}
.about_left_content p{
	text-align: left;
	margin: 30px  30px;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}
.about_right_content{
	vertical-align: top;
	display: inline-block;
	width: 100%;
	margin : 0 auto;
	line-height: 27px;
	font-family: DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
	text-align: left;
}
.about_right_content h2{
		margin: 30px  30px;
		font-family:  DINPro-Regular;
		color: rgb(0,120,174);
		font-size: 27px;
		text-align: left;
}
.about_right_content p{
	text-align: left;
	margin: 30px  30px;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}




.container{
	width: 1260px;
	margin: 0 auto;
	margin-top: 115px;
}

.story_img{
	text-align: left;
	display: none;
}

.story_img1{
	text-align: left;
	display: none;
}
.ipad-img-story.contact_button.about{
	display: none;
	margin-top: 243px !important;
}
.story_img_iphone{
	display: block;
	text-align: left;
	margin-left: 30px;
}
.story_img_iphone1{
	display: block;
	text-align: left;
	margin-left: 30px;
	margin-top: 10px;
}
.story_content{
	vertical-align: top;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	margin-top: 130px;
	line-height: 27px;
	font-family: DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}


a.contact_button.about{
	text-align: center;
	margin: 0 ;
}
.contact_button.about{
	position: relative !important;	
}
.contact_button.about img{
	margin: 0 !important;
	
}



.story_content a.contact_button{
	text-align: center;
	margin: 0 ;
}
.story_content .contact_button{
	position: relative !important;	
}
.story_content .contact_button img{
	margin: 0 !important;
	
}


.story_content h2{
		font-family:  DINPro-Regular;
		color: rgb(0,120,174);
		font-size: 27px;
		text-align: left;
		margin-left: 30px;
}
.story_content p{
	text-align: left;
	margin: 19px  30px;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}
.story_content p em{
	font-style: italic;
}













h2.title_top{
	text-align: center;
	font-family:  DINPro-Regular;
	color: rgb(0,120,174);
	font-size:  27px;
	/*margin: 30px 0;
	margin-top: 144px;*/
	width: 100%;
	margin-top: 50px;
}
.line{
	display: table;
    margin: 0 auto;
	padding-bottom: 92px;
}

.line p{
	text-align: center;
	margin: 30px  30px  0 30px;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}
.line a{
	display: inherit;
	text-align: center;
	margin: 0 auto;
	line-height: 23px;
	font-family: sans-serif;
	font-style: italic;
	color: rgb(0,120,174);
	font-size: 14px;
}
a{
	font-family:  DINPro-Medium;
	text-decoration: none;
}
.other_key{
	color: #505050;
}
ul li ul li a{
	font-family: DINPro-Regular;
}
html body  .nav-menu ul li.menu-item-has-children ul li a:not(.arr_menu){
	padding: 5px 10px;
    left: -10px;
    position: relative;
    background: transparent;
    display: block;
	transition:.5s;
}
html body  .nav-menu ul li a:not(.arr_menu){
	padding: 5px 10px;
    position: relative;
    background: transparent;
	transition:.5s;
	left: -10px;
}
html body  .nav-menu ul li.menu-item-has-children a:not(.arr_menu){
	padding: 5px 8px;
    left: -10px;
    position: relative;
    background: transparent;
	transition:.5s;
}
html body  .nav-menu ul li.menu-item-has-children ul li a:hover:not(.arr_menu),html body  .nav-menu ul li a:hover:not(.arr_menu){
	background:#3c96be;
	color:white!important;
}
html body  .nav-menu ul li.menu-item-has-children ul li{
	padding: 7px 0px;
}
.testimot_content{
	text-align: left;
    vertical-align: top;
    display: block;
    width: 100%;
    padding: 15px 25px;
    line-height: 27px;
    font-family: DINPro-Regular;
    color: rgb(70,70,82);
    font-size: 15px;
    box-sizing: border-box;
}
.testimot_content:last-child{
	margin-right: 0px;
}


/* sitemap page*/
.contact_page{
	height: calc(100% - 115px);
	padding-top: 115px;
	background-color: rgb(200,200,200) !important;
	color: rgb(70,70,82); 
	text-align: center;
}

.contact_page h2{
	font-family: DINPro-Bold;
	font-size: 16.02px;
	margin: 12.06px;
}
.contact_page a{	
	color: rgb(70,70,82);
	text-decoration: none;
}

.contact_page p{
	font-family: DINPro-Regular;
	font-size: 16.02px;
	margin: 12.06px;
	text-align:left;
	}

.contact_element_content h2{
	text-align: left;
}
.contact_element_content{
	display: inline-block; 
	vertical-align: top;
	padding-left: 54px;
}
.padd-left-0{
	padding-left: 0;
}

.bott_line_long{
	margin: 12.06px auto !important;
	padding-bottom: 12.06px;
	width: 810px;
	border-bottom: 2px solid rgb(153,153,153);
}
.bott_line_long-padd-0{
	margin: 0 auto !important;
	padding-bottom: 0 !important;
	width: 810px;
	border-bottom: 2px solid rgb(153,153,153);
}
.bott_line_short{
	margin: 9px auto !important;
	padding-bottom: 9px;
	width: 405px;
	border-bottom: 2px solid rgb(153,153,153);
}
.marin-bottom-0{
	margin-bottom: 0 !important;
}
.padd-top-9{
	margin-top: 9px;
}
.social{
	display: inline-block;
	width: 25px !important;
	height: 25px !important;
	cursor: pointer;
}

.fb{
	background-position: 0 36px;
	margin-right: 9px;	
}
.in{
	background-position: -36px 36px;
	margin-right: 9px;
}
.be{
	background-position: -72px 36px;
	margin-right: 9px;
}
.li{
	background-position: -108px 36px;
}
.fb:hover{
	background-position: 0 72px;
	margin-right: 9px;
	
}
.in:hover{
	background-position: -36px 72px;
	margin-right: 9px;
}
.be:hover{
	background-position: -72px 72px;
	margin-right: 9px;
}
.li:hover{
	background-position: -108px 72px;
}
.fb:active{
	background-position: 0 36px;
	margin-right: 9px;
	
}
.in:active{
	background-position: -36px 36px;
	margin-right: 9px;
}
.be:active{
	background-position: -72px 36px;
	margin-right: 9px;
}
.li:active{
	background-position: -108px 36px;
}


span:hover  path{
	fill: rgb(108,108,108);
}
span:hover  use{
	stroke: rgb(108,108,108);

}
/* sitemap */




/* contact */
.contact-bg{
	height: 100%;
	background-color: #f2f3ec !important;	
}
.contact-bg-1{
	height: auto !important;
}
.block-1 {display: table-footer-group; } /* Отобразится внизу псевдотаблицы */
.block-2 {display: table-row-group;    } /* Отобразится посередине */
.block-3 {display: table-header-group; } /* Отобразится вверху */
.full-and-iphone{display:block;}
.ipad{display:none;}

.contact_form{
	margin-top: 90px;
	display: table;
	width: 100%;
	background-color: #f2f3ec !important;
	text-align: center;
	height : calc(100% - 90px);
}
.margin-for-social{
	margin-top: 18px;
	margin-bottom: 18px;
}
#map{
	display:none;
	width: 100%;
    height: 288px;
}
.show{
	display: block !important; 
} 
.button_google_map{
		font-family: DINPro-Regular;
		color: #454545;
		font-size: 18px;
		cursor: pointer;
		line-height: 45px;
		vertical-align: middle;
		display: block;
		width: 180px;
		border-radius: 10px;
		background-color: rgb(189,189,189);
		height: 45px;
		margin: 0 auto;
		margin-top: 27px;
		margin-bottom: 9px;
}
.button_google_map:active{
	transform: scale(0.963);
	background-color: rgb(171,171,171);
}
.button_google_map span{
		width: 27px !important;
		height: 27px !important;
		background-size: cover;
		vertical-align: middle !important;
		display: inline-block;
		background-image: url(../img/locationblack.svg);
}


.iphone_show{
	display: block !important;
}
input{
	display: inline-block;
	background-color: rgb(227,227,227);
	border: none;
	font-size: 14px;
	color: rgb(54,54,54);
	outline: none;
	padding: 0;
	padding-left: 9px;
	font-family: DINPro-Regular;
	border-radius: 0 !important;
	box-sizing: content-box;
}
textarea{
	resize: none;
	display: inline-block;
	background-color: rgb(227,227,227);
	border: none;
	font-size: 14px;
	color: rgb(54,54,54);
	outline: none;
	padding: 0;
	padding-left: 9px;
	font-family: DINPro-Regular;border-radius: 0 !important;   
	box-sizing: content-box;
}
input[type="submit"]{
	color: white;
	text-align: center;
	background-color: rgb(70,70,70);
	height: 40.5px;
	padding-left: 0;
	width: 189px;
	margin-left: 0;
	margin-bottom: 30px;
	cursor: pointer;
	border-radius: 0px !important;
	 -webkit-appearance: none !important;
	text-transform: uppercase;
}
input[type="submit"]:active{
	transform: scale(0.963);	
}

::-webkit-input-placeholder {
color: rgb(54,54,54);
}
::-moz-placeholder  {
color: rgb(54,54,54);
}
:-moz-placeholder           {	
color: rgb(54,54,54);
}
:-ms-input-placeholder      {
color: rgb(54,54,54);
}

.full{
	height: 99px;
    width: calc(100% - 60.03px);
    margin: 30px auto;
	display: block;
}
.third{
	margin-top: 45px;
	height: 40.5px;
	width: calc(100% - 60.03px);
	margin: 30px auto;
	display: block;
}
iframe{padding-top: 45px;}

.contact_form p{
	font-family: DINPro-Regular;
	font-size: 16px;
	color: #454545;
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
}
/*.contact_form p:hover {
	color: #363636;
}*/

.contact_form span{    
	display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    top: 4px;
    position: relative;
}

.phone span{ background-image: url(../img/phoneblack.svg); background-size: contain; margin-right: 4px;}
.addres span{ background-image: url(../img/locationblack.svg); background-size: contain; margin-right: 2px;}
.time span{ background-image: url(../img/timegrey.svg); background-size: contain; margin-right: 5px;}

/*.span1:hover span{ background-image: url(../img/phoneblack.svg); }
.span2:hover span{ background-image: url(../img/locationblack.svg); }
.span3:hover span{ background-image: url(../img/timegrey.svg); }
*/

/* case studies */
.contain_case{
	
	display: block;
	width: 100%;
	margin: 0 auto;
}
.margin-top-115{
	margin-top: 115px;}
.height-115{
	height: calc(100% - 90px);
}
.left_case{
	height: 100%;
	width: 81%;
    display: block;
    margin: 0 auto;
	vertical-align: top;	
	font-family: DINPro-Regular;
}
.left_case h2{
	margin-top: 27px;
	color: #363636;
	font-size: 24.3px;
}
.left_case p{
	font-size: 15px;
	line-height: 27px;
	font-size: 15px;
	color: #545454;
	padding-top:18px;
	height: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.left_case a{
	padding-top:18px;
	font-size: 16.2px;
	color: rgb(0,120,174);
	margin-right: 1.44px;
	text-decoration: none;
}
.right_case{
	margin-top: 18px;
	width: 100%;
	height: 100%;
	display: block;	
	overflow: hidden;
}
.right_case img{
	width: 100%;
    height: auto;
}
.hover_for_case{
	opacity: 0;
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.contain_case a{
	display: block;
	width: inherit;
	height: inherit;
}
.link_for_case{
		height: 20px !important;
}
.hover_1{
	top: 90px;
}
.hover_2{
	top: calc( 90px + (100% - 90px) / 3) ;
}
.hover_3{	
	top: calc( 90px + ((100% - 90px) / 3) + ((100% - 90px) / 3)) ;
}
.hover_4{	
	top: calc( 90px + ((100% - 90px) / 3) + ((100% - 90px) / 3) + ((100% - 90px) / 3)) ;
}
.contain_case:hover .hover_for_case{
	opacity: 0.63;
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
} 


/* case element*/
._c2{
    background-image: url(../img/case-2.jpg);
}
._c3{
    background-image: url(../img/case-3.jpg);
}
._c4{
    background-image: url(../img/case-4.jpg);
}
._c5{
    background-image: url(../img/case-5.jpg);
}
h2.page-case-title{
	font-family: DINPro-Regular;
	color: white;
	font-size: 18px;
	position: absolute;
	top: 154px;
	margin-left: 52px;
}
.width-22{
	margin-top: 18px;
	width: 22.5px !important;
}

h2.title-case{
font-family: DINPro-Regular;
	color: white;
	font-size: 18px;
	display: block;
	margin-left: 54px;	
	margin-top: 144%;
}









/* search */
h2.title-search{
	font-size: 18px;
	font-family: DINPro-Regular;
	color: #454545;
	text-decoration: none;
	margin-left: 27px;
	position: absolute;
	top: 144px; 
	display: none;
}
h2.title-search span{
	color: rgb(0,120,174);
}
.title-search-iphone{
		font-size: 18px;
	font-family: DINPro-Regular;
	color: rgb(0,120,174);
	margin-top: 117px;
	margin-bottom: 27px;
	display: block;
	
}
.margin-top-180{
	margin-top: 90px;
}
.search_elem{
	display: none;
	 position: absolute;
    top: 0px;
    left: 0px;
	margin-top: -3px;
	vertical-align: top;
	width: 100%;
	height: auto;
}
.search_elem img{
	width: 100%;
	height: 100%;
}


.bg_s{
	opacity: 0;
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.search_elem:hover .bg_s{
	/*opacity: 0.63;*/
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.bg_s p{
		font-family: DINPro-Regular;
		font-size: 18px;
		color: white;
		text-align: center;
		margin: 27px;
}
.margin-top-0{
	margin-top: 0;
}
.hoverr_1{
	top: 205px;
}
.hoverr_18{
	top: 205px;
}
.hoverr_2{
	top: calc( 205px + ((100% - 205px) / 3.33333)) ;
}
.hover_333{	
	top: calc( 205px + ((100% - 205px) / 3.33333) + ((100% - 205px) /  3.33333)) ;
}



.search-left-links{
	display: none;
	}


.contact_button.about{
	position: relative !important;	
	display: block;
	margin: 0 auto 30px !important;
    width: 190px;
    height: 38px;
    /* background-color: #a4a4a4; */
    background-size: cover;	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
    background-image: url(../img/contact.svg);

}
.contact_button.about:hover{
		-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
	background-image: url(../img/contact-hover.svg);
	opacity: .5;
	}
/* ----------------------------------------------
/* -----------------------------------------------
/* ----------------------------------------------
/* ----------------------------------------------
/* ----------------------------------------------
/* ----------------------------------------------
/* ----------------------------------------------
/* ----------------------------------------------
/* ----------------------------------------------*/

.soc-full{display: block;}
.soc-full-1{display: none;}







@media (max-width: 600px){

	.mobhide {
		height: 1px !important;
		background-image: none !important;
	}

	.page-id-12 .post-tite, .story_content h2, .about_left_content h2, .client-resource .post-tite, .page-id-273 .post-tite{
		text-align: center;
	}
	#holder.singlepost .content .buttonsholder{

		width: 140px;
		height: 50px;
		margin: 12px auto;

	}
	.story_content h2{
		margin-left: 0;
		margin-bottom: 30px;
	}
	.client-resource .post-tite{

		margin: 50px auto 20px;

	}

}

@media (max-width: 480px){

	.contact_form .block-2.full-and-iphone{

		max-width: 240px;
		margin: 0 auto;

	}

}

@media (min-width: 480px){

input,
input[type="text"],
input[type="textarea"],
input[type="submit"] {
     -webkit-appearance: none !important;
     border-radius: 0 !important;
}
.search-left-links{
    display: block;
    height: calc(100% - 115px);
    background-color: #f2f3ec;
    position: fixed;
	margin-top: 115px;
    width: 160px;
	}
.search-left-links h2.titl{
	display: none;
}
.center{
	text-align: center;
}
#holder{
	background-color: rgb(250,250,250);
}
html body{
}

html body #holder{
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
	position: relative;
    width: 100%;
    height: 100%;
 	background-size: cover;
	background-color: #f2f3ec;
	overflow: hidden;
	background-position: center;
}

html body .holder{
	position: relative;
    width: 100%;
    height: 100%;
 	background-size: cover;
	background-color: black;
	overflow: hidden;
}
html body .left_move{
	margin-left: 0;
	width: 0%;
	opacity: 0;
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
html body #holder img.arr_right_white{
	width: 32px;
	height: auto;
	display: inline-block;
}
h2.upper_img{
	position: absolute;
	line-height: 50px;
	bottom: 72px;
	left: 63px;
	color: white;
	font-size: 35px;
	text-align: left;
	font-family: DINPro-Regular;
	display: inline-block;
}
.bottom-117{
	bottom: 126px !important;		
}
.upper_img{
	position: absolute;
	bottom: 72px;
	left: calc(50% - 95px);
	color: white;
	text-align: left;
}
a.upper_img{
	margin: 0 !important;
}

h2.grey{
	color: rgb(70,70,82);
}

/*--------- services ---------*/
._6{
	background-image: url(../img/services.jpg); 
}
._bg{
	background-color: rgb(250,250,250);
	width: 100%;
	height: 100%;
	left: 0;
}
.left_cont{
	display: inline-block;
	margin-left: 90px;
	margin-top: 216px;
	vertical-align: top;
}
.right_cont{
	display: inline-block;
	margin-left: 54px;
	margin-top: 216px;
	vertical-align: top;
}
._bg h3{
	display: inline-block;
	line-height: 17px;
	padding-bottom: 1.8px;
	padding-left: 3.33px;
	padding-right: 3.33px;	
	border-radius: 6.3px;
	font-size: 17px;
	font-family: DINPro-Bold;
	color: rgb(0,120,0);
	margin-top: 18px;
}
._bg p{
	margin-top: 7.2px;
	display: inline-block;
	line-height: 16px;
	padding-bottom: 1.8px;
	padding-left: 3.33px;
	padding-right: 3.33px;	
	border-radius: 6.3px;
	font-size: 17px;
	font-family: DINPro-Regular;
	color: rgb(70,70,0);	
}
a.contact_button {
	margin-top: 0;
	margin-left: 90px;
	display: block;
}
.contact_button img{
	cursor: pointer;
	width: 190px;
	height: auto;
}


/* 
a.contact_button_menu {
	z-index: 63;
	margin-left:  calc( 50% - 126px);
	display: block;
	position: absolute;
	bottom: 45px;
}
.contact_button_menu img{
	cursor: pointer;
	width: 190px;
	height: auto;
}
 */

.left_c{
	color: white;
	font-size: 12.06px;
	position: absolute;
	margin-left: 54px;
	bottom: 54px;
	font-family : DINPro-Regular;
	line-height: 16px;
	display: block;
	}

.right_c{	display: block;
	color: white;
	font-size: 12.06px;
	position: absolute;
	margin-left: 171px;
	bottom: 54px;
	font-family: DINPro-Regular;
}
.right_c p{line-height: 16px;}
.left_c p{line-height: 16px;}











/* --------- about ---------*/
.full-about-page{
	display: none;
}
.ipad-about-page{
	display: inline-block;
	width: 65.43%;
}
.hiden + label {
    margin-left: 0px;
}
.about_left_content{
	vertical-align: top;
	display: inline-block;
	width: 28.08%;
	margin: 115px 1.53% 0px 3.6%;
}
.about_left_content h2{
		margin-top: 27px;
		margin-left: 0;
		font-family:  DINPro-Regular;
		color: rgb(0,120,174);
		font-size: 20.7px;
}
.about_left_content p{
	margin: 19px  0;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}
.about_right_content{
	margin-top: 115px;
	vertical-align: top;
	display: inline-block;
	width: 43.05%;
	margin: 115px 3% 0px 3%
}
.about_right_content h2{
		margin-left: 0;
		margin-top: 27px;
		font-family:  DINPro-Regular;
		color: rgb(0,120,174);
		font-size: 20.7px;
}
.about_right_content p{
	margin: 19px  0;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}
.container{
	width: 1260px;
	margin: 0 auto;
	margin-top: 115px;
}

.story_img{
	vertical-align: top;
	display: inline-block;
	margin-top: 180px;
	max-width: 200px;
	width: 96.3%;
}
.story_img1{
	vertical-align: top;
	display: inline-block;
	margin-top: 10px;
	max-width: 200px;
	width: 96.3%;
}
.ipad-iphone-hide {
	display: none !important;
}
.ipad-img-story.contact_button.about{
	display: block;
	margin-top: 43px !important;
}
.story_img_iphone{
	display: none;
}
.story_img_iphone1{
	display: none;
}
.story_content{
	vertical-align: top;
	display: inline-block;
	width: 50.4%;
	margin-left: 4.5%;
	margin-top: 180px;
	text-align: left;
}


a.contact_button.about{
	text-align: center;
	margin: 0 ;
}
.contact_button.about{
	position: relative !important;	
}
.contact_button.about img{
	margin: 0 !important;
	
}
.story_content a.contact_button{
	text-align: center;
	margin: 0 ;
}
.story_content .contact_button{
	position: relative !important;	
}
.story_content .contact_button img{
	margin: 0 !important;
	
}


.story_content h2{
		font-family:  DINPro-Regular;
		color: rgb(0,120,174);
		font-size: 36px;
		margin-left: 0;
}
.story_content p{
	margin: 19px  0;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}









h2.title_top{
	text-align: center;
	display: inline-block;
	margin-top: 153px;
	font-family:  DINPro-Regular;
	color: rgb(0,120,174);
	font-size: 36px;
	width: 100%;
}
.line{
    display: table;
    margin: 0 auto;
}

.line p{
	margin: 9px  0  0  0;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
	text-align: left;
}
.line a{
	width: 100%;
	text-align: left;
	display: inline-block;
	margin: 7.2px 0 0 0;
	line-height: 23px;
	font-family: sans-serif;
	font-style: italic;
	color: rgb(0,120,174);
	font-size: 14px;
}
a{
	font-family:  DINPro-Medium;
	text-decoration: none;
}
.other_key{
	color: #505050;
}
ul li ul li a{
	font-family: DINPro-Regular;
}
.testimot_content{
    text-align: left;
    vertical-align: top;
    display: block;
    width: 380px;
    margin: 15px;
    line-height: 27px;
    font-family: DINPro-Regular;
    color: rgb(70,70,82);
    font-size: 15px;
}
.testimot_content:last-child{
	margin-right: 0px;
}


/* sitemap page*/
.contact_page{
	height: calc(100% - 115px);
	padding-top: 115px;
	background-color: rgb(200,200,200) !important;
	color: rgb(70,70,82); 
	text-align: center;
}

.contact_page h2{
	font-family: DINPro-Bold;
	font-size: 16.02px;
	margin: 12.06px;
}
.contact_page a{	
	color: rgb(70,70,82);
	text-decoration: none;
}

.contact_page p{
	font-family: DINPro-Regular;
	font-size: 16.02px;
	margin: 12.06px;
	text-align:left;
	}

.contact_element_content h2{
	text-align: left;
}
.contact_element_content{
	display: inline-block; 
	vertical-align: top;
	padding-left: 54px;
}
.padd-left-0{
	padding-left: 0;
}

.bott_line_long{
	margin: 12.06px auto !important;
	padding-bottom: 12.06px;
	width: 810px;
	border-bottom: 2px solid rgb(153,153,153);
}
.bott_line_long-padd-0{
	margin: 0 auto !important;
	padding-bottom: 0 !important;
	width: 810px;
	border-bottom: 2px solid rgb(153,153,153);
}
.bott_line_short{
	margin: 9px auto !important;
	padding-bottom: 9px;
	width: 405px;
	border-bottom: 2px solid rgb(153,153,153);
}
.marin-bottom-0{
	margin-bottom: 0 !important;
}
.padd-top-9{
	margin-top: 9px;
}
.social{
	display: inline-block;
	
	width: 25px !important;
	height: 25px !important;
	cursor: pointer;
}
.fb{
	background-position: 0 0;
	margin-right: 9px;
	
}
.in{
	background-position: -36px 0;
	margin-right: 9px;
}
.be{
	background-position: -72px 0;
	margin-right: 9px;
}
.li{
	background-position: -108px 0;
}
.fb:hover{
	background-position: 0 72px;
	margin-right: 9px;
	
}
.in:hover{
	background-position: -36px 72px;
	margin-right: 9px;
}
.be:hover{
	background-position: -72px 72px;
	margin-right: 9px;
}
.li:hover{
	background-position: -108px 72px;
}
.fb:active{
	background-position: 0 36px;
	margin-right: 9px;
	
}
.in:active{
	background-position: -36px 36px;
	margin-right: 9px;
}
.be:active{
	background-position: -72px 36px;
	margin-right: 9px;
}
.li:active{
	background-position: -108px 36px;
}
/* sitemap */




/* contact */
.block-1 {display:  table-footer-group; } /* Отобразится внизу псевдотаблицы */
.block-2 {display: table-row-group;    } /* Отобразится посередине */
.block-3 {display: table-header-group; } /* Отобразится вверху */
.full-and-iphone{display:none;}
.ipad{display:block;
}
.contact-bg{
	height: 100%;
	background-color: #f2f3ec !important;	
}
.contact-bg-1{
	height: auto !important;
}
.contact_form{
	margin-top: 115px;
	background-color: #f2f3ec !important;
	width: 100%;
	height : calc(100% - 115px);
	display: table;
	text-align: center;
}
.margin-for-social{
	margin-top: 27px;
	margin-bottom: 27px;
}
#map{
	display: none;
	width: 100%;
    height: 288px;
}
#map1{
	display: none;
	width: 100%;
    height: 288px;
}
.button_google_map{
		font-family: DINPro-Regular;
		color: #454545;
		font-size: 18px;
		cursor: pointer;
		line-height: 45px;
		vertical-align: middle;
		display: block;
		vertical-align: top;
		width: 180px;
		border-radius: 10px;
		background-color: rgb(189,189,189);
		height: 45px;
		margin: 0 auto;
		margin-top: 18px;
		margin-bottom: 18px;

}
.right_text{
	text-align: left;
	float: left;
	margin-left: 14.4%;
}
.button_google_map:active{
	transform: scale(0.963);
	background-color: rgb(171,171,171);
}
.button_google_map span{
		width: 27px !important;
		height: 27px !important;
		background-size: cover;
		vertical-align: middle !important;
		display: inline-block;
		background-image: url(../img/locationblack.svg);
}
.iphone_show{
	display: none !important; 
}
input{
	display: inline-block;
	background-color: rgb(227,227,227);
	border: none;
	font-size: 14px;
	color: rgb(54,54,54);
	outline: none;
	padding: 0;
	padding-left: 9px;
	font-family: DINPro-Regular;
		border-radius: 0px !important;
	 -webkit-appearance: none !important;
}
textarea{resize: none;
	display: inline-block;
	background-color: rgb(227,227,227);
	border: none;
	font-size: 14px;
	color: rgb(54,54,54);
	outline: none;
	padding: 0;
	padding-left: 9px;
	font-family: DINPro-Regular;
		border-radius: 0px !important;
	 -webkit-appearance: none !important;
}
input[type="submit"]{
	color: white;
	text-align: center;
	background-color: rgb(70,70,70);
	height: 40.5px;
	padding-left: 0;
	width: calc(33.3333% - 29.25px );	
	margin-top: 18px;
	cursor: pointer;
	border-radius: 0;
	text-transform: none;
	margin-left: calc(33.3333% - 18px + 33.3333% + 18.26px - 18px );
		border-radius: 0px !important;
	 -webkit-appearance: none !important;
}
.submit{
}
input[type="submit"]:active{
	transform: scale(0.963);	
}

::-webkit-input-placeholder {
color: rgb(54,54,54);
}
::-moz-placeholder  {
color: rgb(54,54,54);
}
:-moz-placeholder           {	
color: rgb(54,54,54);
}
:-ms-input-placeholder      {
color: rgb(54,54,54);
}

.full{
	height: 99px;
    width: calc(100% - 60px);
	margin: 0 auto;
	display: block;
}
.third{	
	margin: 30px auto;	
	height: 40.5px;
	width: calc(33.3333% - 38.26px );
	margin-right: 18px;
	display: inline-block;
	margin-bottom: 18px;
}
.marg-right-0{
	margin-right: 0;
}
.marg-left-9{
	margin-left: 9px;
}


iframe{padding-top: 45px;}

.contact_form p{
	font-family: DINPro-Regular;
	font-size: 16px;
	color: #454545;
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	margin-right: 9px;
}
.contact_form p:hover {
	color: #363636;
}

.contact_form span{
	display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    top: 4px;
    position: relative;
}

.phone span{ background-image: url(../img/phoneblack.svg); background-size: contain;}
.addres span{ background-image: url(../img/locationblack.svg); background-size: contain;}
.time span{ background-image: url(../img/timegrey.svg); background-size: contain;}
/*
.span1:hover span{ background-image: url(../img/phoneblack.svg); }
.span2:hover span{ background-image: url(../img/locationblack.svg); }
.span3:hover span{ background-image: url(../img/timegrey.svg); }
*/

/* case studies */
.contain_case{
	height: calc((100% - 115px) / 3);
	display: block;
	    width: 86.4%;
		margin: 0 auto;
	
}
.margin-top-115{
	margin-top: 115px;}
.height-115{
	height: calc(100% - 115px);
}
.left_case{
	height: 100%;
	width: 34.39%;
	display: inline-block;
	vertical-align: top;	
	font-family: DINPro-Regular;
}
.left_case h2{
	margin-top: 14.4px;
	color: #363636;
	font-size: 24.3px;
}
.left_case p{
	font-size: 15px;
	line-height: 27px;
	font-size: 15px;
	color: #545454;
	margin-top: 18px;
	padding-top: 0px;
	margin-bottom : 18px;
	height: 30%;
	overflow-y: hidden;
	margin-right: 14.4px;
}
.left_case a{
	padding-top: 0px;
	font-size: 16.2px;
	color: rgb(0,120,174);
	text-decoration: none;
	margin-right: 1.44px;
}
.right_case{
	
	margin-top: 0px;
	width: 65.61%;
	height: 100%;
	display: inline-block;	
	overflow: hidden;
}
.right_case img{
	min-width: 100%;
	width: auto;
    height: 100%;
}
.hover_for_case{
	opacity: 0;
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.contain_case a{
	display: block;
	width: 100%;
	height: inherit;
}
.link_for_case{
		height: 20px !important;
}
.hover_1{
	top: 115px;
}
.hover_2{
	top: calc( 115px + (100% - 115px) / 3) ;
}
.hover_3{	
	top: calc( 115px + ((100% - 115px) / 3) + ((100% - 115px) / 3)) ;
}
.hover_4{	
	top: calc( 115px + ((100% - 115px) / 3) + ((100% - 115px) / 3) + ((100% - 115px) / 3)) ;
}
.contain_case:hover .hover_for_case{
	opacity: 0.63;
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
} 


/* case element*/
._c2{
    background-image: url(../img/case-2.jpg);
}
._c3{
    background-image: url(../img/case-3.jpg);
}
._c4{
    background-image: url(../img/case-4.jpg);
}
._c5{
    background-image: url(../img/case-5.jpg);
}
h2.page-case-title{
	font-family: DINPro-Regular;
	color: white;
	font-size: 18px;
	position: absolute;
	top: 154px;
	margin-left: 52px;
}
.width-22{
	margin-top: 18px;
	width: 22.5px !important;
}
h2.title-case{
font-family: DINPro-Regular;
	color: white;
	font-size: 18px;
	position: absolute;
	bottom: 144.0px;
	margin-left: 54px;	
}









/* search */
h2.title-search{
	font-size: 12.96px;
	font-family: DINPro-Regular;
	color: #454545;
	text-decoration: none;
	margin-left: 0px;
	position: fixed;
	top: 126px;
		line-height: 27px;
	display: block;
}
h2.title-search span{
	color: rgb(0,120,174);
}
.title-search-iphone{
	display: none;
}
.search_elem{
	 position: absolute;
    top: 0px;
    left: 0px;
	margin-top: 0px;
	vertical-align: top;
	display: none;
	width: 320px;
	height: calc((100% - 115px - 90px) / 3.33333);
}
.search_elem img{
	width: 100%;
	height: 100%;
}
.margin-top-180{
	margin-top: 205.002px;
}

.bg_s{
	opacity: 0;
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.search_elem:hover .bg_s{
	opacity: 0;
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.bg_s p{
		font-family: DINPro-Regular;
		font-size: 18px;
		color: white;
		text-align: center;
		margin: 27px;
}
.margin-top-0{
	margin-top: 0;
}
.hoverr_1{
	top: 205px;
}
.hoverr_18{
	top: 205px;
}
.hoverr_2{
	top: calc( 205px + ((100% - 205px) / 3.33333)) ;
}
.hover_333{	
	top: calc( 205px + ((100% - 205px) / 3.33333) + ((100% - 205px) /  3.33333)) ;
}






/* search left content */
#menu_left{
	overflow-x: hidden;
}
	#menu_left .arr_menu{		cursor: pointer;
		display: inline-block;
		background: url(../img/arrow.svg);
		margin-right: 0px;
		width: 16px;
		height: 16px;}
	#menu_left ul li ul li a.arr_menu{	
		display: none;
		}
	#menu_left ul li a{cursor: pointer;    display: inline-block;}
	#menu_left .contact_button.about{
	    position: relative !important;
		display: block;
		margin: 0 auto 30px !important;
		width: 130px;
		height: 32px;
		/* background-color: #a4a4a4; */
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-transition: all 540ms ease;
		-moz-transition: all 540ms ease;
		-o-transition: all 540ms ease;
		transition: all 540ms ease;
		background-image: url(../img/contact.svg);
	}

	#menu_left .contact_button.about:hover{
		-webkit-transition: all 540ms ease;
		-moz-transition: all 540ms ease;
		-o-transition: all 540ms ease;
		transition: all 540ms ease;
		background-image: url(../img/contact-hover.svg);
		background-color: transparent;
		opacity: .5;
	}
	html body  .left-menu-search .nav-menu ul li a {
		color: rgb(0,120,174) !important;
		text-decoration: none;
		font-family: DINPro-Regular;
		font-weight: bold;
	}
	html body  .left-menu-search .nav-menu{
		-webkit-transition: all 540ms ease;
		-moz-transition: all 540ms ease;
		-o-transition: all 540ms ease;
		transition: all 540ms ease;
		z-index: 36;
		position: absolute;
		width: 100%;
		left: inherit;
		top: 81px;
		height: calc(100% - 81px);
		background-color: #f2f3ec;
	}
	html body  .left-menu-search .nav-menu ul{
		margin-left: 0;
		margin-top: 0px;
		margin-right: 0 !important;
	}
	html body  .left-menu-search .nav-menu ul li{
		margin: 0;
		vertical-align: top;
		display: block;
		float: left;
		line-height: 12.6px !important; 
		font-size: 12.6px !important;
		font-family: DINPro-Bold;
		padding-bottom: 5.4px;
		padding-top: 14.4px;
		width: 165px;
		padding-left: 0px;
		border: none;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(4){

	}
	html body  .left-menu-search .nav-menu ul li ul li:nth-child(4){

		margin-top: 0px;


	}
	html body  .left-menu-search .nav-menu ul li ul li{
		padding-left: 0px;
		padding-top: 14.4px;
		margin-left: 23.4px;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(1){
		display: none;
	}
	html body  .left-menu-search .nav-menu ul li ul li:nth-child(1){
		display: block;
	}
	
	html body  .left-menu-search .nav-menu ul li:nth-child(9){
		display:block;
		color: rgb(70,70,70);
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(10){
		display: block;
		
		color: rgb(70,70,70);
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(11){
		display:block;
		
		color: rgb(70,70,70);
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(12){
		display: block;
		
		color: rgb(70,70,70);
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(9) a{
        color: rgb(0,120,174);
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(10) a{
		
		color: rgb(70,70,70) !important;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(11) a{
		
		color: rgb(70,70,70) !important;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(12) a{
		
		color: rgb(70,70,70) !important;
	}
	html body .left-menu-search  .nav-menu ul li ul {
		margin-top: 9px;
	}
	html body  .left-menu-search .nav-menu ul li ul li a{
		color: #545454 !important;
		font-weight: normal;
	}
	.left-menu-search ul.sub-menu{
		display: none;
	}
	.show_submenu{
		display: block !important;
	}
	.left-menu-search a.contact_button_menu {
		margin-top: 9px;
		z-index: 63;
		margin-left:  calc(50% - 104px);
		display: block;
	}
	.contact_button_menu img{
		cursor: pointer;
		width: 190px;
		height: auto;
	}
	
	.contact_button.about{
	position: relative !important;	
	display: block;
	margin: 0 auto 220px !important;
    width: 190px;
    height: 38px;
    /* background-color: #a4a4a4; */
    background-size: cover;	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
    background-image: url(../img/contact.svg);
}
.contact_button.about:hover{
		-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
	background-image: url(../img/contact-hover.svg);
	opacity: .5;
	}

	.soc-full{display: block;}

}















@media (min-width: 603px){
	.about_right_content h2{
			font-size: 27px;
	}.about_left_content h2{
			font-size: 27px;
	}
}

@media (min-width: 810px){
	.about_right_content h2{
			font-size: 36px;
	}.about_left_content h2{
			font-size: 36px;
	}
}

@media (max-width: 810px) {
	#holder.singlepost .content .image{
		width: 100% !important;
		background-size: cover;
		background-position: center;
	}
	html body #holder img.arr_right_white{
		position: relative !important;
	}

}

@media (max-width: 480px){
	.about-head-img{
		margin-top: 87px;
	}
}


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






@media (min-width: 1025px){
	

.search-left-links{
    display: block;
    height: calc(100% - 115px);
    background-color: #f2f3ec;
    position: fixed;
	margin-top: 115px;
    width: 380px;
	}
.search-left-links h2.titl{
	display: block;
	font-family: DINPro-Regular;
	font-size: 22px;
	text-align: left;
	margin-left: 27px;
	color: rgb(0,120,174);
	margin-top: 29.07px;
}


.center{
	text-align: center;
}
#holder{
	background-color: rgb(250,250,250);
}
html body{
}
html body #holder{
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
	position: relative;
    width: 100%;
    height: 100%;
 	background-size: cover;
	background-color: #f2f3ec;
	overflow: hidden;
	background-position: center;
}

html body .holder{
	position: relative;
    width: 100%;
    height: 100%;
 	background-size: cover;
	background-color: black;
	overflow: hidden;
}
html body .left_move{
	margin-left: 0;
	width: 0%;
	opacity: 0;
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
html body #holder img.arr_right_white{
	width: 32px;
	height: auto;
	display: inline-block;
}
h2.upper_img{
	position: absolute;
	line-height: 50px;
	bottom: 72px;
	left: 63px;
	color: white;
	font-size: 35px;
	text-align: left;
	font-family: DINPro-Regular;
	display: inline-block;
}
.bottom-117{
	bottom: 126px !important;		
}
.upper_img{
	position: absolute;
	bottom: 72px;
	left: calc(50% - 95px);
	color: white;
	text-align: left;
}
a.upper_img{
	margin: 0 !important;
}

h2.grey{
	color: rgb(70,70,82);
}

/*--------- services ---------*/
._6{
	background-image: url(../img/services.jpg); 
}
._bg{
	background-color: rgb(250,250,250);
	width: 100%;
	height: 100%;
	left: 0;
}
.left_cont{
	display: inline-block;
	margin-left: 90px;
	margin-top: 216px;
	vertical-align: top;
}
.right_cont{
	display: inline-block;
	margin-left: 54px;
	margin-top: 216px;
	vertical-align: top;
}
._bg h3{
	display: inline-block;
	line-height: 17px;
	padding-bottom: 1.8px;
	padding-left: 3.33px;
	padding-right: 3.33px;	
	border-radius: 6.3px;
	font-size: 17px;
	font-family: DINPro-Bold;
	color: rgb(0,120,0);
	margin-top: 18px;
}
._bg p{
	margin-top: 7.2px;
	display: inline-block;
	line-height: 16px;
	padding-bottom: 1.8px;
	padding-left: 3.33px;
	padding-right: 3.33px;	
	border-radius: 6.3px;
	font-size: 17px;
	font-family: DINPro-Regular;
	color: rgb(70,70,0);	
}
a.contact_button {
	margin-top: 0;
	margin-left: 90px;
	display: block;
}
.contact_button img{
	cursor: pointer;
	width: 190px;
	height: auto;
}


/* 
a.contact_button_menu {
	z-index: 63;
	margin-left:  calc( 50% - 126px);
	display: block;
	position: absolute;
	bottom: 45px;
}
.contact_button_menu img{
	cursor: pointer;
	width: 190px;
	height: auto;
}
 */

.left_c{
	color: white;
	font-size: 12.06px;
	position: absolute;
	margin-left: 54px;
	bottom: 54px;
	font-family : DINPro-Regular;
	line-height: 16px;
	display: block;
	}

.right_c{	
	display: block;
	color: white;
	font-size: 12.06px;
	position: absolute;
	margin-left: 171px;
	bottom: 54px;
	font-family: DINPro-Regular;
}
.right_c p{line-height: 16px;}
.left_c p{line-height: 16px;}











/* --------- about ---------*/
.full-about-page{
	display: inline-block;
}
.ipad-about-page{
	display: none;
}
.iphone_or_full_screen{
	display: none !important;
}
.iphone_or_full_screen_text{
	display: block !important;
}
.about_left_content{
	vertical-align: top;
	display: block;
	width: 850px;
	margin: 57px auto 0px;
}
.about_left_content h2{
	margin-top: 27px;
	margin-left: 0;
	font-family:  DINPro-Regular;
	font-size: 27px;
	color: #0078ae;
}
.about_left_content p{
	margin: 19px  0;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}
.about_right_content{
	margin-top: 10px;
	vertical-align: top;
	display: inline-block;
	width: 850px;
	margin: 0;
}
.about_right_content h2{
	margin-left: 0;
	margin-top: 27px;
	font-family:  DINPro-Regular;
	font-size: 27px;
	color: #0078ae;
}
.about_right_content p{
	margin: 19px  0;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}
.container{
	width: 1260px;
	margin: 0 auto;
	margin-top: 115px;
}

.story_img{
	vertical-align: top;
	display: inline-block;
	margin-top: 180px;
}

.story_img1{
	vertical-align: top;
	display: inline-block;
	margin-top: 10px;
}
.ipad-img-story.contact_button.about{
	display: none;
	margin-top: 243px !important;
}
.ipad-iphone-hide {
	display: block !important;
}
.story_img_iphone{
	display: none;
}
.story_content{
	vertical-align: top;
	display: inline-block;
	width: 50.4%;
	margin-top: 180px;
	text-align: left;
	margin-left: 4.5%;
}


a.contact_button.about{
	text-align: center;
	margin: 0 ;
}
.contact_button.about{
	position: relative !important;	
	display: block;
	margin: 0px auto 30px !important;
    width: 190px;
    height: 38px;
    /* background-color: #a4a4a4; */
    background-size: cover;	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
    background-image: url(../img/contact.svg);
}
.contact_button.about:hover{
		-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
	background-image: url(../img/contact-hover.svg);
	opacity: .5;
	}
.contact_button.about img{
	margin: 0 !important;
	
}
.story_content a.contact_button{
	text-align: center;
	margin: 0 ;
}
.story_content .contact_button{
	position: relative !important;	
}
.story_content .contact_button img{
	margin: 0 !important;
	
}


.story_content h2{
	font-family:  DINPro-Regular;
	font-size: 27px;
	color: #0078ae;
	margin-left: 0;
}
.story_content p{
	margin: 19px  0;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
}









h2.title_top{
	text-align: center;
	display: inline-block;
	margin-top: 50px;
	font-family:  DINPro-Regular;
	font-size: 27px;
	color: #0078ae;
	width: 100%;
}
h2.title_top.lefttitle{
	text-align: left;
	max-width: 780px;
	padding: 0px 15px;
	box-sizing: border-box;
}
.line{
    display: table;
    margin: 0 auto;
}

.line p{
	margin: 9px  0  0  0;
	line-height: 27px;
	font-family:  DINPro-Regular;
	color: rgb(70,70,82);
	font-size: 15px;
	text-align: left;
}
.line a{
	width: 100%;
	text-align: left;
	display: inline-block;
	margin: 7.2px 0 0 0;
	line-height: 23px;
	font-family: sans-serif;
	font-style: italic;
	color: rgb(0,120,174);
	font-size: 14px;
}
a{
	font-family:  DINPro-Medium;
	text-decoration: none;
}
.other_key{
	color: #505050;
}
ul li ul li a{
	font-family: DINPro-Regular;
}
.testimot_content{
	text-align: left;
    vertical-align: top;
    display: block;
    width: 800px;
    margin:0 auto;
    line-height: 27px;
    font-family: DINPro-Regular;
    color: rgb(70,70,82);
    font-size: 15px;
}
.testimot_content:last-child{
	margin-right: 0px;
}


/* sitemap page*/
.contact_page{
	height: calc(100% - 115px);
	padding-top: 115px;
	background-color: rgb(200,200,200) !important;
	color: rgb(70,70,82); 
	text-align: center;
}

.contact_page h2{
	font-family: DINPro-Bold;
	font-size: 16.02px;
	margin: 12.06px;
}
.contact_page a{	
	color: rgb(70,70,82);
	text-decoration: none;
}

.contact_page p{
	font-family: DINPro-Regular;
	font-size: 16.02px;
	margin: 12.06px;
	text-align:left;
	}

.contact_element_content h2{
	text-align: left;
}
.contact_element_content{
	display: inline-block; 
	vertical-align: top;
	padding-left: 54px;
}
.padd-left-0{
	padding-left: 0;
}

.bott_line_long{
	margin: 12.06px auto !important;
	padding-bottom: 12.06px;
	width: 810px;
	border-bottom: 2px solid rgb(153,153,153);
}
.bott_line_long-padd-0{
	margin: 0 auto !important;
	padding-bottom: 0 !important;
	width: 810px;
	border-bottom: 2px solid rgb(153,153,153);
}
.bott_line_short{
	margin: 9px auto !important;
	padding-bottom: 9px;
	width: 405px;
	border-bottom: 2px solid rgb(153,153,153);
}
.marin-bottom-0{
	margin-bottom: 0 !important;
}
.padd-top-9{
	margin-top: 9px;
}
.social{
	display: inline-block;
	width: 25px !important;
	height: 25px !important;
	cursor: pointer;
}
.fb{
	background-position: 0 0;
	margin-right: 9px;
	
}
.in{
	background-position: -36px 0;
	margin-right: 9px;
}
.be{
	background-position: -72px 0;
	margin-right: 9px;
}
.li{
	background-position: -108px 0;
}
.fb:hover{
	background-position: 0 72px;
	margin-right: 9px;
	
}
.in:hover{
	background-position: -36px 72px;
	margin-right: 9px;
}
.be:hover{
	background-position: -72px 72px;
	margin-right: 9px;
}
.li:hover{
	background-position: -108px 72px;
}
.fb:active{
	background-position: 0 36px;
	margin-right: 9px;
	
}
.in:active{
	background-position: -36px 36px;
	margin-right: 9px;
}
.be:active{
	background-position: -72px 36px;
	margin-right: 9px;
}
.li:active{
	background-position: -108px 36px;
}
/* sitemap */




/* contact */
.block-1 {display: table-header-group;  } /* Отобразится внизу псевдотаблицы */
.block-2 {display: table-row-group;    } /* Отобразится посередине */
.block-3 {display: table-footer-group; } /* Отобразится вверху */
.full-and-iphone{display:block;}
.ipad{display:none;}

.contact_form{
	margin-top: 115px;
	background-color: #f2f3ec !important;
	width: 100%;
	height : calc(100% - 115px);
	display: table;
	text-align: center;
}
.margin-for-social{
	margin-top: 18px;
	margin-bottom: 18px;
}
#map{
	display:block;
	width: 100%;
    height: 288px;
}
.button_google_map{
		display: none;
}
.iphone_show{
	display: none !important; 
}
input{
	display: inline-block;
	background-color: rgb(227,227,227);
	border: none;
	font-size: 14px;
	color: rgb(54,54,54);
	outline: none;
	padding: 0;
	padding-left: 9px;
	font-family: DINPro-Regular;	border-radius: 0px !important;
	 -webkit-appearance: none !important;
}
textarea{resize: none;
	padding: 0;
	background-color: rgb(227,227,227);
	border: none;
	font-size: 14px;
	color: rgb(54,54,54);
	outline: none;
	padding-left: 9px;
	font-family: DINPro-Regular;	border-radius: 0px !important;
	 -webkit-appearance: none !important;
}
input[type="submit"]{
	color: white;
	text-align: center;
	background-color: rgb(70,70,70);
	height: 40px;
	padding-left: 0;
	padding-right: 0px;
	width: 210px;
    margin-left: 458.235px;
	margin-top: 18px;
	cursor: pointer;
	border-radius: 0;
	text-transform: none;
	margin-bottom: 0px;	border-radius: 0px !important;
	 -webkit-appearance: none !important;
}
input[type="submit"]:hover{

	background-color: rgb(102,102,102);

}
input[type="submit"]:active{
	transform: scale(0.963);	
}

::-webkit-input-placeholder {
color: rgb(54,54,54);
}
::-moz-placeholder  {
color: rgb(54,54,54);
}
:-moz-placeholder           {	
color: rgb(54,54,54);
}
:-ms-input-placeholder      {
color: rgb(54,54,54);
}

.full{
	height: 99px;
    width: 657px;
	margin: 0 auto;
	display: block;
}
.third{
	margin: 30px auto;	
	height: 40.5px;
	width: 201.06px;
	margin-right: 18px;
	display: inline-block;
	margin-top: 18px;
	margin-bottom: 18px;
}
.marg-right-0{
	margin-right: 0;
}


.marg-left-9{
	margin-left: 0px;
}
iframe{padding-top: 27px;}

.contact_form p{
	font-family: DINPro-Regular;
	font-size: 16px;
	color: #454545;
	display: inline-block;
	line-height: 30px;
	vertical-align: middle;
	margin-right: 36px;
	margin-bottom: 18px;
	margin-top: 18px;
}
.contact_form p:hover {
	color: #363636;
}

.contact_form span{  
	display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    top: 4px;
    position: relative;
}

.phone span{ background-image: url(../img/phoneblack.svg); background-size: contain;}
.addres span{ background-image: url(../img/locationblack.svg); background-size: contain;}
.time span{ background-image: url(../img/timegrey.svg); background-size: contain;}

/*.span1:hover span{ background-image: url(../img/phoneblack.svg); }
.span2:hover span{ background-image: url(../img/locationblack.svg); }
.span3:hover span{ background-image: url(../img/timegrey.svg); }
*/

/* case studies */
.contain_case{
	height: calc((100% - 115px) / 3);
	display: block;
	width: 86.4%;
	margin: 0 auto;
}
.margin-top-115{
	margin-top: 115px;}
.height-115{
	height: calc(100% - 115px);
}
.left_case{
	width: 34.39%;
	height: 100%;
	display: inline-block;
	vertical-align: top;	
	font-family: DINPro-Regular;
}
.left_case h2{
	margin-top: 27px;
	color: #363636;
	font-size: 24.3px;
}
.left_case p{
	padding-top: 0px;
	font-size: 15px;
	line-height: 27px;
	font-size: 15px;
	color: #545454;
	margin-top: 18px;
	margin-bottom : 18px;
	margin-right: 14.4px;
	height: 50%;
	overflow-y: hidden;
}
.left_case a{
	padding-top: 0px;
	font-size: 16.2px;
	color: rgb(0,120,174);
	text-decoration: none;
	padding-left: 1.44px;
}
.right_case{
	
	margin-top: 0px;
	width: 65.61%;
	display: inline-block;	
	height: 100%;
	overflow: hidden;
}
.right_case img{
	width: 100%;
    height: auto;
}
.hover_for_case{
	opacity: 0;
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.contain_case a{
	display: block;
	width: inherit;
	height: inherit;
}
.link_for_case{
	height: 20px !important;
}
.hover_1{
	top: 115px;
}
.hover_2{
	top: calc( 115px + (100% - 115px) / 3) ;
}
.hover_3{	
	top: calc( 115px + ((100% - 115px) / 3) + ((100% - 115px) / 3)) ;
}
.hover_4{	
	top: calc( 115px + ((100% - 115px) / 3) + ((100% - 115px) / 3) + ((100% - 115px) / 3)) ;
}
.contain_case:hover .hover_for_case{
	opacity: 0.63;
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
} 


/* case element*/
._c2{
    background-image: url(../img/case-2.jpg);
}
._c3{
    background-image: url(../img/case-3.jpg);
}
._c4{
    background-image: url(../img/case-4.jpg);
}
._c5{
    background-image: url(../img/case-5.jpg);
}
h2.page-case-title{
	font-family: DINPro-Regular;
	color: white;
	font-size: 18px;
	position: absolute;
	top: 154px;
	margin-left: 54px;
}
.width-22{
	margin-top: 18px;
	width: 22.5px !important;
}
h2.title-case{
font-family: DINPro-Regular;
	color: white;
	font-size: 18px;
	position: absolute;
	bottom: 144.0px;
	margin-left: 54px;	
}









/* search */
h2.title-search{
	font-size: 22px;
	font-family: DINPro-Regular;
	color: #454545;
	text-decoration: none;
	margin-left: 380px;
	line-height: 36px;
	position: absolute;
	top: 126px; 
	display: block;
}
h2.title-search span{
	color: rgb(0,120,174);
}
.title-search-iphone{
	display: none;
}
.search_elem{
	 position: absolute;
    top: 0px;
    left: 0px;
	margin-top: 0px;
	vertical-align: top;
	display: none;
	width: 320px;
	height: calc((100% - 115px - 90px) / 3.33333);
}
.search_elem img{
	width: 100%;
	height: 100%;
}
.margin-top-180{
	margin-top: 205.002px;
}

.bg_s{
	opacity: 0;
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.search_elem:hover .bg_s{
	opacity: 0.63;
	position: absolute;
	width: inherit;
	height: inherit;
	background-color: rgb(0,120,174);
	-webkit-transition: all 540ms ease;
	-moz-transition: all 540ms ease;
	-o-transition: all 540ms ease;
	transition: all 540ms ease;
}
.bg_s p{
		font-family: DINPro-Regular;
		font-size: 18px;
		color: white;
		text-align: center;
		margin: 27px;
}
.margin-top-0{
	margin-top: 0;
}
.hoverr_1{
	top: 205px;
}
.hoverr_18{
	top: 205px;
}
.hoverr_2{
	top: calc( 205px + ((100% - 205px) / 3.33333)) ;
}
.hover_333{	
	top: calc( 205px + ((100% - 205px) / 3.33333) + ((100% - 205px) /  3.33333)) ;
}







/* search left content */
	#menu_left .arr_menu{	
		display: none; }
	#menu_left .contact_button.about{
	    position: relative !important;
		display: block;
		margin: 115px 0 0 -110px !important;
		width: 160px;
		height: 32px;
		/* background-color: #a4a4a4; */
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-transition: all 540ms ease;
		-moz-transition: all 540ms ease;
		-o-transition: all 540ms ease;
		transition: all 540ms ease;
		background-image: url(../img/contact.svg);
	}

	#menu_left .contact_button.about:hover{
		-webkit-transition: all 540ms ease;
		-moz-transition: all 540ms ease;
		-o-transition: all 540ms ease;
		transition: all 540ms ease;
		background-image: url(../img/contact-hover.svg);
	    background-color: transparent;
		opacity: .5;
	}
	
	html body  .left-menu-search .nav-menu ul li a {
		color: rgb(0,120,174) !important;
		text-decoration: none;
		font-family: DINPro-Regular;
		font-weight: bold;
	}
	html body  .left-menu-search .nav-menu{
		-webkit-transition: all 540ms ease;
		-moz-transition: all 540ms ease;
		-o-transition: all 540ms ease;
		transition: all 540ms ease;
		z-index: 36;
		position: absolute;
		width: 100%;
		left: inherit;
		top: 81px;
		height: calc(100% - 81px);
		background-color: #f2f3ec;
	}
	html body  .left-menu-search .nav-menu ul{
		margin-left: 0;
		margin-top: 0px;
		margin-right: 0 !important;
	}
	html body  .left-menu-search .nav-menu ul li{
		margin: 0;
		vertical-align: top;
		display: inline-block;
		float: left;
		line-height: 14.4px !important; 
		font-size: 14.4px !important;
		font-family: DINPro-Bold;
		padding-bottom: 5.4px;
		padding-top: 18px;
		width: 160px;
		padding-left: 18px;
		box-sizing: border-box;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(5){

		/*margin-top: -50px;*/

	}
	html body  .left-menu-search .nav-menu ul li ul li:nth-child(5){

		margin-top: 0px;

	}
	html body  .left-menu-search .nav-menu ul li ul li{
		padding-left: 0px;
		padding-top: 5.4px;
		margin-left: 0px;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(4),html body  .left-menu-search .nav-menu ul li:nth-child(1),html body  .left-menu-search .nav-menu ul li:nth-child(2),html body  .left-menu-search .nav-menu ul li:nth-child(3){
		display: none;
	}
	html body  .left-menu-search .nav-menu ul li ul li:nth-child(1){
		display: block;
	}
	html body  .left-menu-search .nav-menu ul li ul.sub-menu li{
		display: block;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(9){
		display: block;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(10){
		display: none;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(11){
		display: none;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(12){
		display: none;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(13){
		display: none;
	}
	html body  .left-menu-search .nav-menu ul li:nth-child(14){
		display: none;
	}
	html body .left-menu-search  .nav-menu ul li ul {
		margin-top: 9px;
	}
	html body  .left-menu-search .nav-menu ul li ul li a{
		color: #545454 !important;
		font-weight: normal;
	}
	.left-menu-search ul.sub-menu{
		display: block;
	}
	.show_submenu{
		display: block !important;
	}
	.left-menu-search a.contact_button_menu {
		margin-top: 9px;
		z-index: 63;
		margin-left:  calc(50% - 104px);
		display: block;
	}
	.contact_button_menu img{
		cursor: pointer;
		width: 190px;
		height: auto;
	}


iframe{display: inline-block;}


	.soc-full{display: none;}
	.soc-full-1{display: block;}


}



.search_elem_holder{margin-left: 0px;}
@media (min-width: 0px) and (max-width: 480px) {
	.client-resource div[class*=row-]{
		padding: 0px;
	}
	.client-resource div[class*=-right]{
		width: 58%;
	}
	.client-resource div[class*=-left] {
		width: 42%;
	}
	.slider .slid a span {
		color: white;
		width: 100%;
		left: 0px;
		text-align: center;
		padding-right: 34px;
  	  	box-sizing: border-box;
		font-size: 26px;
	}
	.slider .slid h2 a{
		font-size: 26px;
	}
	.slider .slid a.contact_button{
		margin: 36px auto 0px;
	}
	.slider .slid.first a span{
		bottom: 30px;
	}
	.slider .slid a span:after{
		right: initial;
		background-image:url(https://work.cgpsystems.cz/Ellikon/wp-content/themes/ellikon-theme/img/arr_left_white.png);
	}
}
@media (min-width: 480px){
	.search_elem_holder{margin-left: 160px;margin-top:115px;}
}
@media (min-width: 1025px){
	.search_elem_holder{margin-left: 380px;margin-top:160px;}
}
@media (max-width: 1025px) {
	#menu_for_left .menu-item-27 {
		margin-top: 0 !important;
	}
}

li{
	list-style: none;
}
@media only screen 
  and (min-device-width: 481px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
.search-left-links{
    width: 225px;
	}
	 .search_elem_holder{
		 margin-left: 225px; margin-top:115px;
	 }
	 html body  .left-menu-search .nav-menu{
		 width: 193px;
	 }
	 #menu_left{
		 padding-left: 32px;
	 }
	 	 	html body  .left-menu-search .nav-menu ul li:nth-child(6){
		 display: inline-block;
		 position: relative;left: 0; top: 0;
	 }
	 	 	html body  .left-menu-search .nav-menu ul li:nth-child(7){
		 display: inline-block;
		 position: relative;left: 0; top: 0;
	 }
	 	html body  .left-menu-search .nav-menu ul li:nth-child(9){
		 display: inline-block;
		 position: relative;left: 0; top: 0;
	 }
html body  .left-menu-search .nav-menu ul li:nth-child(10){
		 display: inline-block;position: relative;left: 0; top: 0;
	 }
	 	html body  .left-menu-search .nav-menu ul li:nth-child(11){
		 display: inline-block;position: relative;
		 left: 0; top: 0;
	 }
	 h2.title-search{
		 margin-left: 30px;
	 }
}

/* Landscape */
@media only screen 
  and (min-device-width: 481px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	.search-left-links{
	    width: 225px;
	    display: none;
	}
	 .search_elem_holder{
		 margin-left: 0; 
		 margin-top:115px;
	 }
	 html body  .left-menu-search .nav-menu{
		 width: 193px;
	 }
	 #menu_left{
		 padding-left: 32px;
	 }
	 	 	 	html body  .left-menu-search .nav-menu ul li:nth-child(6){
		 display: inline-block;
		 position: relative;left: 0; top: 0;
	 }
	 	 	html body  .left-menu-search .nav-menu ul li:nth-child(7){
		 display: inline-block;
		 position: relative;left: 0; top: 0;
	 }
	 	html body  .left-menu-search .nav-menu ul li:nth-child(9){
		 display: inline-block;
		 position: relative;left: 0; top: 0;
	 }
html body  .left-menu-search .nav-menu ul li:nth-child(10){
		 display: inline-block;position: relative;left: 0; top: 0;
	 }
	 	html body  .left-menu-search .nav-menu ul li:nth-child(11){
		 display: inline-block;position: relative;
		 left: 0; top: 0;
	 }
	 h2.title-search{
		 margin-left: 30px;
	 }
  }
  



#menu_for_left .menu-item-27{
	margin-top: -65px;
}

@media screen and (max-width: 1024px){
	#holder.page-id-12 .content ul{
		column-count: 2;
		height: auto;
	}

	.left_c, .right_c{
		display: none !important;
	}


}