html, body {margin: 0; height: 100%} 
a {text-decoration: none; outline: none; color: #1dc007}
a:hover {color: #078edb}
div {font-family: Roboto, Arial; font-size: 14px; font-weight: 300}
p {margin-top: 15px; margin-bottom: 0}
b, strong {font-weight: 400}
img {border: 0}
.clear {clear: both}
.left {float: left}
.right {float: right}
.center {text-align: center}
div.visible {display: visible}
div.hidden {display: none}
.full {margin: 0; padding: 0; list-style: none; overflow: hidden}
.item {float: left; padding: 4px; border: 1px solid #eee; background: #eee; position: relative}
.item img {display: block}
.item a {position: relative; display: block; margin: 10px; overflow: hidden; z-index: 1}
.item a .info {margin: 0; height: 0; line-height: 60px; position: absolute; width: 100%; bottom: 0; left: 0; background: rgba(0,0,0,0.8); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.item a:hover .info {height: 60px}
.item a span {padding: 0 20px; color: #fff; font-size: 16px; font-weight: 400; text-transform: uppercase}
.item a .zoom {width: 120px; height: 79px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(../img/zoom.png); background-size: contain; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out}
.item a:hover .zoom {opacity: 1}
.item .details {position: absolute !important; z-index: 2 !important; color: #fff; text-transform: uppercase; background: rgba(0,0,0,0.2); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.item .details:hover {background: rgba(0,0,0,0.8)}
.item .details:after {display: none !important}
.fb-share-button {position: absolute !important; bottom: 5px; right: 5px}
.page h3 {font-weight: 400}

.page {margin: auto}
.txt {border-bottom: 1px solid #ebebeb}
.box {float: left; color: #656565}
.page h1, .page h2 {color: #000}
.clients, .bottom {border-top: 1px solid #ebebeb}
.clients b {color: #000}
.box strong {color: #000; font-family: Arial; font-weight: bold}
.info {display: inline-block; position: relative}
.info .tooltip {display: none; position: absolute; z-index: 50; background-color: #f8f8f8; border: 1px solid #c6c6c6}
.info:hover .tooltip {display: block}
.tooltip span {display: block; color: #000}
.tooltip ul {padding: 0; margin: 0}
.tooltip li {list-style: none; margin: 0}
.article h2 {color: #656565; margin-top: 25px !important}
.article strong, .article em {font-style: normal; font-weight: 300 !important; color: #656565; font-family: Roboto, Arial}
.phone a {color: #7a7c82}

.blinking {-webkit-animation: blink .4s ease-in-out 3s 3; -moz-animation: blink .4s ease-in-out 3s 3; -o-animation: blink .4s ease-in-out 3s 3; animation: blink .4s ease-in-out 3s 3}
@-webkit-keyframes blink {
    0% { opacity: 1}
    50% {opacity: 0}
	100% { opacity: 1}
}
@-moz-keyframes blink {
    0% { opacity: 1}
    50% {opacity: 0}
	100% { opacity: 1}
}
@-o-keyframes blink {
    0% { opacity: 1}
    50% {opacity: 0}
	100% { opacity: 1}
}
@keyframes blink {
    0% { opacity: 1}
    50% {opacity: 0}
	100% { opacity: 1}
}

.at::before {content: "\0040"}
.item a:after {content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0); z-index: 1; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out}
.item a:hover:after {background: rgba(0,0,0,0.3)}
.zoom, .info {z-index: 2}

.active .left-foto {-webkit-animation: showleft 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showleft 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.active .right-foto, .active .full-foto {-webkit-animation: showright 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showright 2.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.main-title h1, .main-title h2, .main-title h3, .main-title span, .main-title a {opacity: 0}
.animated h1, .animated h2, .animated h3, .animated .move {display: block; -webkit-animation: flyright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: flyright 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.animated span.move {float: left; animation-delay: .1s}
.animated a.move {float: left; animation-delay: .2s}
.main-services li {opacity: 0}
.animated li {-webkit-animation: showbottom .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; animation: showbottom .5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.animated li:nth-child(2) {animation-delay: .1s}
.animated li:nth-child(3) {animation-delay: .2s}
.animated li:nth-child(4) {animation-delay: .3s}

@media (max-width: 780px) and (orientation: landscape) {
	.warning {display: none}
	.top {width: 100%; height: 45px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {float: left; padding-left: 3.5%}
	.logo img {width: auto; height: 28px; float: left; margin-top: 8px}
	.logo ul {padding: 14px 0 0 0; margin: 0; float: left}
	.logo li {list-style: none; padding: 0 0 0 18px; margin: 0 0 0 18px; line-height: 16px; font-size: 13px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {float: right; margin: 9px 3.5% 0 0; font-size: 12px; font-weight: 400; padding-left: 28px; line-height: 27px; background: url(../img/menu.png) left no-repeat; color: #7a7c82; cursor: pointer}
	.menu {position: absolute; top: 45px; right: 0; display: none; width: 100%}
	.menu ul {margin: 0; padding: 0}
	.menu li {list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #dfdfdf; font-size: 15px; line-height: 18px; background: url(../img/bgm.png); text-align: center}
	.menu li a {display: block; padding: 20px; color: #7a7c82; white-space: nowrap}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 219px; padding-top: 50px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; overflow: hidden}
	.main-services {display: none}	
	.main-foto {display: block; width: 380px; height: auto; position: absolute; right: 3.5%; top: 50px; z-index: 1}
	.full-foto {width: 380px; height: auto}
	.left-foto {position: absolute; top: 25px; left: 2px; z-index: 1; width: 183px; height: auto}
	.right-foto {position: absolute; top: 0; right: 0; z-index: 2; width: 287px; height: auto}
	.main-navi {position: absolute; left: 4%; top: 76px; width: 60px; z-index: 2}
	.main-navi img {width: 60px; height: auto; display: block; margin-bottom: 10px}
	.main-title {position: absolute; left: 3.5%; bottom: 6%; font-size: 0; line-height: 16px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 24px; font-weight: 300; color: #3f3f3f; margin: 0; line-height: 32px; float: left}
	.main-title a {font-size: 12px; padding: 0 24px; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 16px; margin-top: 12px}
	.main-title a:hover {color: #078edb}
	.page {width: 460px}
	.txt {padding: 70px 0 20px 0; margin-bottom: 20px}
	.txt .double, .txt .mini {display: none}
	.box {font-size: 13px; line-height: 16px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 18px; font-weight: 300; line-height: 22px; margin: 0 0 8px 0}
	.clients, .bottom {margin-top: 30px; padding: 20px 0 40px 0}
	.bottom .promo, .bottom .mini, .bottom .contact {display: none}
	.clients h2 {padding: 0 0 0 25px}
	.clients {display: none}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 11px}
	.info {display: none}
	.info .tooltip {top: 0; left: 15px; padding: 15px; width: 170px; font-size: 13px; line-height: 15px}
	.tooltip span {font-size: 15px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 28px; display: block; margin-bottom: 4px}
	.double {width: 400px}
	.single {width: 180px}
	#container {padding-left: 10px; width: 440px; margin: auto}
	.w1 {width: 200px; height: 200px}
	.w2 {width: 200px; height: 420px}
	.w4 {width: 200px; height: 200px}
	.w1 a, .w1 img {width: 180px; height: 180px}
	.w2 a, .w2 img {width: 180px; height: 400px}
	.w4 a, .w4 img {width: 180px; height: 180px}
	.item a .info {line-height: 30px}
	.item a:hover .info {height: 30px}
	.item a span {padding: 0 5px; font-size: 11px}
	.read {margin: -20px 3.5% 0 0; float: right}
	#fancybox-close {display: none !important}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr, .fl {display: block; margin: auto; width: 240px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center; margin: 20px 0}
	.fr img, .fl img {width: 240px; height: auto}
	.item .details {width: auto !important; height: auto !important; bottom: 4px; right: 4px; font-size: 14px; line-height: 20px; padding: 0 20px}
	.maintxt {margin-top: 45px}
}

@media (min-width: 781px) and (max-width: 940px) and (orientation: landscape) {
	.warning {display: none}
	.top {width: 100%; height: 45px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {float: left; padding-left: 3.5%}
	.logo img {width: auto; height: 28px; float: left; margin-top: 8px}
	.logo ul {padding: 14px 0 0 0; margin: 0; float: left}
	.logo li {list-style: none; padding: 0 0 0 18px; margin: 0 0 0 18px; line-height: 16px; font-size: 13px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {display: none}
	.menu {float: right; padding-right: 3.5%}
	.menu ul {margin: 0; padding: 16px 0 0 0}
	.menu li {float: left; list-style: none; padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid #dfdfdf; font-size: 13px; line-height: 13px}
	.menu li:first-child {border: 0}
	.menu li a {color: #7a7c82}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 295px; padding-top: 40px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; overflow: hidden}
	.main-services {position: absolute; top: 75px; left: 3.5%; width: 230px; z-index: 3}
	.main-services ul {padding: 0; margin: 0}
	.main-services li {list-style: none; font-weight: 100; font-size: 24px; line-height: 36px; padding: 0; margin: 0 0 12px 0}
	.main-services li a {display: inline-block; color: #b8b8b8}
	.main-services li a:hover {color: #3f3f3f}
	.main-services li.active a {color: #3f3f3f; background: url(../img/bl.gif) bottom repeat-x}
	.main-services li.active a span {display: inline-block; background: url(../img/bd.gif) bottom repeat-x}
	.main-foto {display: block; width: 510px; height: auto; position: absolute; left: 50%; top: 40px; margin-left: -120px; z-index: 1}
	.full-foto {width: 510px; height: auto}
	.left-foto {position: absolute; top: 35px; left: 3px; z-index: 1; width: 246px; height: auto}
	.right-foto {position: absolute; top: 0; right: 0; z-index: 2; width: 385px; height: auto}
	.main-navi {display: none}
	.main-title {position: absolute; left: 3.5%; bottom: 8%; font-size: 12px; line-height: 16px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 30px; font-weight: 100; color: #3f3f3f; margin: 0; line-height: 42px}
	.main-title a {font-size: 12px; padding: 0 24px; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 16px}
	.main-title a:hover {color: #078edb}
	.page {width: 680px}
	.txt {padding: 70px 0 20px 0; margin-bottom: 20px}
	.txt .double, .txt .mini {display: none}
	.box {font-size: 15px; line-height: 20px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 20px; font-weight: 300; line-height: 24px; margin: 0 0 10px 0}
	.clients, .bottom {margin-top: 30px; padding: 30px 0 60px 0}
	.bottom .promo, .bottom .mini, .bottom .contact {display: none}
	.clients h2 {padding: 0 0 0 25px}
	.clients {display: none}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 11px}
	.info {display: none}
	.info .tooltip {top: 0; left: 15px; padding: 15px; width: 160px; font-size: 11px; line-height: 15px}
	.tooltip span {font-size: 15px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 34px; display: block; margin-bottom: 6px}
	.double {width: 620px}
	.single {width: 290px}
	#container {padding-left: 10px; width: 660px; margin: auto}
	.w1 {width: 310px; height: 310px}
	.w2 {width: 310px; height: 640px}
	.w4 {width: 640px; height: 640px}
	.read {margin: -30px 3.5% 0 0; float: right}
	#fancybox-close {display: none !important}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr img, .fl img {width: 290px; height: auto}
	.fr {float: right; margin: 0 0 20px 20px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.fl {float: left; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.item .details {bottom: 4px; right: 4px; font-size: 14px; line-height: 30px; padding: 0 20px}
	.maintxt {margin-top: 45px}
}

@media (min-width: 941px) and (max-width: 1024px) and (orientation: landscape) {
	.warning {display: none}
	.top {width: 100%; height: 54px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {float: left; padding-left: 4%}
	.logo img {width: auto; height: 28px; float: left; margin-top: 15px}
	.logo ul {padding: 19px 0 0 0; margin: 0; float: left}
	.logo li {list-style: none; padding: 0 0 0 20px; margin: 0 0 0 22px; line-height: 18px; font-size: 15px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {display: none}
	.menu {float: right; padding-right: 4%}
	.menu ul {margin: 0; padding: 21px 0 0 0}
	.menu li {float: left; list-style: none; padding: 0 0 0 17px; margin: 0 0 0 17px; border-left: 1px solid #dfdfdf; font-size: 15px; line-height: 15px}
	.menu li:first-child {border: 0}
	.menu li a {color: #7a7c82}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 358px; padding-top: 50px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; overflow: hidden}
	.main-services {position: absolute; top: 88px; left: 4%; width: 310px; z-index: 3}
	.main-services ul {padding: 0; margin: 0}
	.main-services li {list-style: none; font-weight: 100; font-size: 26px; line-height: 44px; padding: 0; margin: 0 0 12px 0}
	.main-services li a {display: inline-block; color: #b8b8b8}
	.main-services li a:hover {color: #3f3f3f}
	.main-services li.active a {color: #3f3f3f; background: url(../img/bl.gif) bottom repeat-x}
	.main-services li.active a span {display: inline-block; background: url(../img/bd.gif) bottom repeat-x}
	.main-foto {display: block; width: 620px; height: auto; position: absolute; left: 50%; top: 50px; margin-left: -210px; z-index: 1}
	.full-foto {width: 620px; height: auto}
	.left-foto {position: absolute; top: 41px; left: 4px; z-index: 1; width: 299px; height: auto}
	.right-foto {position: absolute; top: 0; right: 0; z-index: 2; width: 468px; height: auto}
	.main-navi {position: absolute; right: 4%; top: 126px; width: 60px; z-index: 2}
	.main-navi img {width: 60px; height: auto; display: block; margin-bottom: 21px}
	.main-title {position: absolute; left: 4%; bottom: 7%; font-size: 16px; line-height: 20px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 40px; font-weight: 100; color: #3f3f3f; margin: 0; line-height: 58px}
	.main-title a {font-size: 14px; padding: 0 24px; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 16px; margin-top: 3px}
	.main-title a:hover {color: #078edb}
	.page {width: 950px}
	.txt {padding: 80px 0 20px 0; margin-bottom: 20px}
	.txt .double {display: none}
	.box {font-size: 15px; line-height: 20px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 20px; font-weight: 300; line-height: 24px; margin: 0 0 10px 0}
	.clients, .bottom {margin-top: 30px; padding: 30px 0 60px 0}
	.bottom .promo, .bottom .mini {display: none}
	.clients h2 {padding: 0 0 0 25px}
	.clients {margin-top: 40px; padding: 30px 0 0 0}
	.clients .box {display: none}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 11px}
	.info {display: none}
	.info .tooltip {top: 0; left: 15px; padding: 15px; width: 160px; font-size: 11px; line-height: 15px}
	.tooltip span {font-size: 15px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 34px; display: block; margin-bottom: 6px}
	.double {width: 579px}
	.single {width: 270px}
	#container {padding-left: 10px; width: 930px; margin: auto}
	.w1 {width: 290px; height: 290px}
	.w2 {width: 290px; height: 600px}
	.w4 {width: 600px; height: 600px}
	.w1 a, .w1 img {width: 270px; height: 270px}
	.w2 a, .w2 img {width: 270px; height: 580px}
	.w4 a, .w4 img {width: 580px; height: 580px}
	.read {margin: -30px 4% 0 0; float: right}
	.trust img {float: left; margin: 10px 0 0 25px; height: 52px; width: auto}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr img, .fl img {width: 290px; height: auto}
	.fr {float: right; margin: 0 0 20px 20px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.fl {float: left; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.item .details {width: auto !important; height: auto !important; bottom: 4px; right: 4px; font-size: 14px; line-height: 30px; padding: 0 20px}
	.maintxt {height: 100%; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center}
}

@media (min-width: 1025px) and (max-width: 1366px) and (orientation: landscape) {
	.warning {display: none}
	.top {width: 100%; height: 60px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {float: left; padding-left: 7%}
	.logo img {width: auto; height: 35px; float: left; margin-top: 13px}
	.logo ul {padding: 21px 0 0 0; margin: 0; float: left}
	.logo li {list-style: none; padding: 0 0 0 22px; margin: 0 0 0 15px; line-height: 20px; font-size: 16px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {display: none}
	.menu {float: right; padding-right: 7%}
	.menu ul {margin: 0; padding: 23px 0 0 0}
	.menu li {float: left; list-style: none; padding: 0 0 0 17px; margin: 0 0 0 17px; border-left: 1px solid #dfdfdf; font-size: 16px; line-height: 16px}
	.menu li:first-child {border: 0; padding: 0; margin: 0}
	.menu li a {color: #7a7c82}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 393px; padding-top: 40px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; overflow: hidden}
	.main-services {position: absolute; top: 80px; left: 7%; width: 310px; z-index: 3}
	.main-services ul {padding: 0; margin: 0}
	.main-services li {list-style: none; font-weight: 100; font-size: 30px; line-height: 50px; padding: 0; margin: 0 0 16px 0}
	.main-services li a {display: inline-block; color: #b8b8b8}
	.main-services li a:hover {color: #3f3f3f}
	.main-services li.active a {color: #3f3f3f; background: url(../img/bl.gif) bottom repeat-x}
	.main-services li.active a span {display: inline-block; background: url(../img/bd.gif) bottom repeat-x}
	.main-foto {display: block; width: 680px; height: auto; position: absolute; left: 50%; top: 40px; margin-left: -220px; z-index: 1}
	.full-foto {width: 680px; height: auto}
	.left-foto {position: absolute; top: 45px; left: 5px; z-index: 1; width: 328px; height: auto}
	.right-foto {position: absolute; top: 0; right: 0; z-index: 2; width: 513px; height: auto}
	.main-navi {position: absolute; right: 7%; top: 136px; width: 60px; z-index: 2}
	.main-navi img {width: 60px; height: auto; display: block; margin-bottom: 21px}
	.main-title {position: absolute; left: 7%; bottom: 10%; font-size: 18px; line-height: 22px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 46px; font-weight: 100; color: #3f3f3f; margin: 0; line-height: 64px}
	.main-title a {font-size: 16px; padding: 0 28px; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 16px; margin-top: 4px}
	.main-title a:hover {color: #078edb}
	.page {width: 1010px}
	.txt {padding: 90px 0 30px 0; margin-bottom: 20px}
	.txt .double {display: none}
	.box {font-size: 16px; line-height: 21px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 22px; font-weight: 300; line-height: 26px; margin: 0 0 10px 0}
	.clients, .bottom {margin-top: 40px; padding: 30px 0 60px 0}
	.bottom .promo, .bottom .mini {display: none}
	.clients h2 {padding: 0 0 0 25px}
	.clients {margin-top: 40px; padding: 30px 0 0 0}
	.clients .box {display: none}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 12px}
	.info {width: 12px; height: 12px; margin: 0 0 -1px 5px; background: url(../img/info.png); background-size: contain}
	.info .tooltip {top: 0; left: 15px; padding: 15px; width: 170px; font-size: 12px; line-height: 17px}
	.tooltip span {font-size: 16px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 36px; display: block; margin-bottom: 6px}
	.double {width: 620px}
	.single {width: 290px}
	#container {padding-left: 10px; width: 990px; margin: auto}
	.w1 {width: 310px; height: 310px}
	.w2 {width: 310px; height: 640px}
	.w4 {width: 640px; height: 640px}
	.read {margin: -30px 7% 0 0; float: right}
	.trust img {float: left; margin: 10px 0 0 25px; height: 56px; width: auto}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr img, .fl img {width: 290px; height: auto}
	.fr {float: right; margin: 0 0 20px 20px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.fl {float: left; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.item .details {bottom: 4px; right: 4px; font-size: 14px; line-height: 60px; padding: 0 20px}
	.maintxt {height: 100%; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center}
}

@media (min-width: 1367px) and (max-width: 1680px) and (orientation: landscape) {
	.warning {display: none}
	.top {width: 100%; height: 80px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {float: left; padding-left: 5%}
	.logo img {width: auto; height: 46px; float: left; margin-top: 17px}
	.logo ul {padding: 27px 0 0 0; margin: 0; float: left}
	.logo li {list-style: none; padding: 0 0 0 30px; margin: 0 0 0 36px; line-height: 24px; font-size: 18px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {display: none}
	.menu {float: right; padding-right: 5%}
	.menu ul {margin: 0; padding: 30px 0 0 0}
	.menu li {float: left; list-style: none; padding: 0 0 0 28px; margin: 0 0 0 28px; border-left: 1px solid #dfdfdf; font-size: 18px; line-height: 18px}
	.menu li:first-child {border: 0}
	.menu li a {color: #7a7c82}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 497px; padding-top: 50px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; overflow: hidden}
	.main-services {position: absolute; top: 126px; left: 5%; width: 350px; z-index: 3}
	.main-services ul {padding: 0; margin: 0}
	.main-services li {list-style: none; font-weight: 100; font-size: 36px; line-height: 52px; padding: 0; margin: 0 0 22px 0}
	.main-services li a {display: inline-block; color: #b8b8b8}
	.main-services li a:hover {color: #3f3f3f}
	.main-services li.active a {color: #3f3f3f; background: url(../img/bl.gif) bottom repeat-x}
	.main-services li.active a span {display: inline-block; background: url(../img/bd.gif) bottom repeat-x}
	.main-foto {display: block; width: 860px; height: auto; position: absolute; left: 50%; top: 50px; margin-left: -300px; z-index: 1}
	.full-foto {width: 860px; height: auto}
	.left-foto {position: absolute; top: 57px; left: 6px; z-index: 1; width: 415px; height: auto}
	.right-foto {position: absolute; top: 0; right: 0; z-index: 2; width: 649px; height: auto}
	.main-navi {position: absolute; right: 5%; top: 154px; width: 83px; z-index: 2}
	.main-navi img {width: 83px; height: auto; display: block; margin-bottom: 28px}
	.main-title {position: absolute; left: 5%; bottom: 10%; font-size: 20px; line-height: 25px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 52px; font-weight: 100; color: #3f3f3f; margin: 0; line-height: 68px}
	.main-title a {font-size: 16px; padding: 0 28px; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 18px; margin-top: 5px}
	.main-title a:hover {color: #078edb}
	.page {width: 1340px}
	.txt {padding: 130px 0 50px 0; margin-bottom: 35px}
	.txt .mini, .bottom .mini {display: none}
	.box {font-size: 16px; line-height: 21px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 24px; font-weight: 300; line-height: 28px; margin: 0 0 15px 0}
	.bottom {margin: 80px auto 0 auto; padding: 80px 0}
	.clients {margin-top: 40px; padding: 30px 0 70px 0}
	.clients h2 {padding: 0 0 0 25px}
	.clients .client5 {display: none}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 12px}
	.info {width: 12px; height: 12px; margin: 0 0 -1px 5px; background: url(../img/info.png); background-size: contain}
	.info .tooltip {top: 0; left: 15px; padding: 15px; width: 170px; font-size: 12px; line-height: 17px}
	.tooltip span {font-size: 16px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 36px; display: block; margin-bottom: 6px}
	.double {width: 620px}
	.single {width: 290px}
	#container {padding-left: 10px; width: 1320px; margin: auto}
	.w1 {width: 310px; height: 310px}
	.w2 {width: 310px; height: 640px}
	.w4 {width: 640px; height: 640px}
	.read {margin: -40px 5% 0 0; float: right}
	.trust {padding-top: 40px}
	.trust img {float: left; margin: 10px 0 0 25px; height: 56px; width: auto}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr img, .fl img {width: 290px; height: auto}
	.fr {float: right; margin: 0 0 20px 20px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.fl {float: left; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.item .details {bottom: 4px; right: 4px; font-size: 14px; line-height: 60px; padding: 0 20px}
	.maintxt {height: 100%; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center}
}

@media (min-width: 1681px) and (orientation: landscape) {
	.warning {display: none}
	.top {width: 100%; height: 100px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {float: left; padding-left: 8%}
	.logo img {width: auto; height: 56px; float: left; margin-top: 24px}
	.logo ul {padding: 36px 0 0 0; margin: 0; float: left}
	.logo li {list-style: none; padding: 0 0 0 38px; margin: 0 0 0 40px; line-height: 30px; font-size: 22px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {display: none}
	.menu {float: right; padding-right: 8%}
	.menu ul {margin: 0; padding: 40px 0 0 0}
	.menu li {float: left; list-style: none; padding: 0 0 0 35px; margin: 0 0 0 35px; border-left: 1px solid #dfdfdf; font-size: 22px; line-height: 22px}
	.menu li:first-child {border: 0}
	.menu li a {color: #7a7c82}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 596px; padding-top: 30px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 1; overflow: hidden}
	.main-services {position: absolute; top: 104px; left: 8%; width: 440px; z-index: 3}
	.main-services ul {padding: 0; margin: 0}
	.main-services li {list-style: none; font-weight: 100; font-size: 44px; line-height: 68px; padding: 0; margin: 0 0 28px 0}
	.main-services li a {display: inline-block; color: #b8b8b8}
	.main-services li a:hover {color: #3f3f3f}
	.main-services li.active a {color: #3f3f3f; background: url(../img/bl.gif) bottom repeat-x}
	.main-services li.active a span {display: inline-block; background: url(../img/bd.gif) bottom repeat-x}
	.main-foto {display: block; width: 1032px; height: 596px; position: absolute; left: 50%; top: 30px; margin-left: -350px; z-index: 1}
	.full-foto {width: 1032px; height: auto}
	.left-foto {position: absolute; top: 69px; left: 7px; z-index: 1}
	.right-foto {position: absolute; top: 0; right: 0; z-index: 2}
	.main-navi {position: absolute; right: 8%; top: 154px; width: 100px; z-index: 2}
	.main-navi img {display: block; margin-bottom: 34px}
	.main-title {position: absolute; left: 8%; bottom: 12%; font-size: 26px; line-height: 34px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 66px; font-weight: 100; color: #3f3f3f; margin: 0; line-height: 80px}
	.main-title a {font-size: 18px; padding: 0 34px; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 18px; margin-top: 10px}
	.main-title a:hover {color: #078edb}
	.page {width: 1660px}
	.txt {padding: 160px 0 60px 0; margin-bottom: 40px}
	.box {font-size: 17px; line-height: 22px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 26px; font-weight: 300; line-height: 30px; margin: 0 0 15px 0}
	.bottom {margin: 100px auto 0 auto; padding: 100px 0}
	.clients {margin-top: 50px; padding: 30px 0 80px 0}
	.clients h2 {padding: 0 0 0 25px}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 13px}
	.info {width: 13px; height: 13px; margin: 0 0 -1px 5px; background: url(../img/info.png); background-size: contain}
	.info .tooltip {top: 0; left: 15px; padding: 15px; width: 180px; font-size: 13px; line-height: 18px}
	.tooltip span {font-size: 17px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 38px; display: block; margin-bottom: 6px}
	.double {width: 620px}
	.single {width: 290px}
	#container {padding-left: 10px; width: 1650px; margin: auto}
	.w1 {width: 310px; height: 310px}
	.w2 {width: 310px; height: 640px}
	.w4 {width: 640px; height: 640px}	
	.read {margin: -50px 8% 0 0; float: right}
	.trust {padding-top: 40px}
	.trust img {float: left; margin: 10px 0 0 30px}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr img, .fl img {width: 290px; height: auto}
	.fr {float: right; margin: 0 0 20px 20px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.fl {float: left; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.item .details {bottom: 4px; right: 4px; font-size: 14px; line-height: 60px; padding: 0 20px}
	.maintxt {height: 100%; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center}
}

@media (max-width: 479px) and (orientation: portrait) {
	.warning {display: none}
	.top {width: 100%; height: 100px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {padding-left: 4%}
	.logo img {width: auto; height: 35px; margin-top: 18px}
	.logo ul {padding: 10px 0 0 0; margin: 0}
	.logo li {list-style: none; padding: 0 0 0 20px; margin: 0 20px 0 0; line-height: 20px; font-size: 14px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {position: absolute; top: 20px; right: 4%; font-size: 14px; font-weight: 400; padding-left: 28px; line-height: 27px; background: url(../img/menu.png) left no-repeat; color: #7a7c82; cursor: pointer}
	.menu {position: absolute; top: 100px; right: 0; display: none; width: 100%}
	.menu ul {margin: 0; padding: 0}
	.menu li {list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #dfdfdf; font-size: 15px; line-height: 18px; background: url(../img/bgm.png); text-align: center}
	.menu li a {display: block; padding: 20px; color: #7a7c82; white-space: nowrap}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden}
	.main-services {display: none}
	.main-foto {display: block; width: 400px; height: 231px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; padding-top: 140px; z-index: 1}
	.full-foto {width: 400px; height: auto}
	.left-foto {position: absolute; top: 167px; left: 3px; z-index: 1; width: 193px; height: auto}
	.right-foto {position: absolute; top: 140px; right: 0; z-index: 2; width: 302px; height: auto}
	.main-navi {position: absolute; top: 120px; left: 50%; margin-left: -80px; width: 160px; z-index: 2}
	.main-navi img {width: 50px; height: auto; margin: 0 15px; float: left}
	.main-title {position: absolute; left: 4%; bottom: 4%; font-size: 0; line-height: 16px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 30px; font-weight: 100; color: #3f3f3f; margin: 0; line-height: 30px}
	.main-title a {display: block; float: left; font-size: 16px; padding: 0 24px 0 0; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 16px; margin-top: 10px}
	.main-title a:hover {color: #078edb}
	.page {width: 300px}
	.txt {padding: 130px 0 30px 0; margin-bottom: 20px}
	.txt .double, .txt .mini, .txt .contact {display: none}
	.box {font-size: 16px; line-height: 21px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 22px; font-weight: 300; line-height: 26px; margin: 0 0 10px 0}
	.clients, .bottom {margin-top: 40px; padding: 30px 0 40px 0}
	.bottom .double, .bottom .promo, .bottom .mini {display: none}
	.clients h2 {padding: 0 0 0 25px}
	.clients {display: none}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 12px}
	.info {display: none}
	.info .tooltip {top: 15px; left: -145px; padding: 15px; width: 170px; font-size: 12px; line-height: 17px}
	.tooltip span {font-size: 16px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 36px; display: block; margin-bottom: 6px}
	.double {width: 620px}
	.single {width: 290px}
	#container {padding-left: 10px; width: 280px; margin: auto}
	.w1 {width: 120px; height: 120px}
	.w2 {width: 120px; height: 260px}
	.w4 {width: 260px; height: 260px}
	.w1 a, .w1 img {width: 110px; height: 110px}
	.w2 a, .w2 img {width: 110px; height: 250px}
	.w4 a, .w4 img {width: 250px; height: 250px}
	.item a {margin: 5px}
	.item a .info {line-height: 30px}
	.item a:hover .info {height: 30px}
	.item a span {padding: 0 5px; font-size: 11px}
	.item a .zoom {width: 59px; height: 39px}
	.read {margin: -20px 4% 0 0; float: right}
	#fancybox-close {display: none !important}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr, .fl {display: block; margin: auto; width: 240px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center; margin: 20px 0}
	.fr img, .fl img {width: 240px; height: auto}
	.item .details {width: auto !important; height: auto !important; bottom: 4px; right: 4px; font-size: 14px; line-height: 20px; padding: 0 20px}
	.maintxt {margin-top: 90px}
}

@media (min-width: 480px) and (max-width: 699px) and (orientation: portrait) {
	.warning {display: none}
	.top {width: 100%; height: 70px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {padding-left: 4%}
	.logo img {width: auto; height: 35px; float: left; margin-top: 18px}
	.logo ul {padding: 25px 0 0 0; margin: 0; float: left}
	.logo li {list-style: none; padding: 0 0 0 20px; margin: 0 0 0 15px; line-height: 20px; font-size: 14px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {float: right; margin: 21px 4% 0 0; font-size: 14px; font-weight: 400; padding-left: 28px; line-height: 27px; background: url(../img/menu.png) left no-repeat; color: #7a7c82; cursor: pointer}
	.menu {position: absolute; top: 70px; right: 0; display: none; width: 100%}
	.menu ul {margin: 0; padding: 0}
	.menu li {list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #dfdfdf; font-size: 15px; line-height: 18px; background: url(../img/bgm.png); text-align: center}
	.menu li a {display: block; padding: 20px; color: #7a7c82; white-space: nowrap}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden}
	.main-services {position: absolute; top: 100px; left: 4%; width: 310px; z-index: 3}
	.main-services ul {padding: 0; margin: 0}
	.main-services li {list-style: none; font-weight: 100; font-size: 30px; line-height: 50px; padding: 0; margin: 0 0 16px 0}
	.main-services li a {display: inline-block; color: #b8b8b8}
	.main-services li a:hover {color: #3f3f3f}
	.main-services li.active a {color: #3f3f3f; background: url(../img/bl.gif) bottom repeat-x}
	.main-services li.active a span {display: inline-block; background: url(../img/bd.gif) bottom repeat-x}
	.main-foto {display: block; width: 480px; height: 277px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; padding-top: 200px; z-index: 1}
	.full-foto {width: 480px; height: auto}
	.left-foto {position: absolute; top: 232px; left: 3px; z-index: 1; width: 232px; height: auto}
	.right-foto {position: absolute; top: 200px; right: 0; z-index: 2; width: 362px; height: auto}
	.main-navi {position: absolute; right: 4%; top: 120px; width: 60px; z-index: 2}
	.main-navi img {width: 60px; height: auto; display: block; margin-bottom: 21px}
	.main-title {position: absolute; left: 4%; bottom: 5%; font-size: 0; line-height: 22px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 36px; font-weight: 100; color: #3f3f3f; margin: 0; line-height: 40px}
	.main-title a {display: block; float: left; font-size: 16px; padding: 0 28px 0 0; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 22px; margin-top: 10px}
	.main-title a:hover {color: #078edb}
	.page {width: 460px}
	.txt {padding: 90px 0 20px 0; margin-bottom: 20px}
	.txt .double, .txt .mini {display: none}
	.box {font-size: 13px; line-height: 16px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 18px; font-weight: 300; line-height: 22px; margin: 0 0 8px 0}
	.clients, .bottom {margin-top: 30px; padding: 20px 0 40px 0}
	.bottom .promo, .bottom .mini, .bottom .contact {display: none}
	.clients h2 {padding: 0 0 0 25px}
	.clients {display: none}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 11px}
	.info {display: none}
	.info .tooltip {top: 0; left: 15px; padding: 15px; width: 170px; font-size: 13px; line-height: 15px}
	.tooltip span {font-size: 15px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 28px; display: block; margin-bottom: 4px}
	.double {width: 400px}
	.single {width: 180px}
	#container {padding-left: 10px; width: 440px; margin: auto}
	.w1 {width: 200px; height: 200px}
	.w2 {width: 200px; height: 420px}
	.w4 {width: 200px; height: 200px}
	.w1 a, .w1 img {width: 180px; height: 180px}
	.w2 a, .w2 img {width: 180px; height: 400px}
	.w4 a, .w4 img {width: 180px; height: 180px}
	.item a .info {line-height: 30px}
	.item a:hover .info {height: 30px}
	.item a span {padding: 0 5px; font-size: 11px}
	.read {margin: -20px 4% 0 0; float: right}
	#fancybox-close {display: none !important}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr img, .fl img {width: 200px; height: auto}
	.fr {float: right; margin: 0 0 20px 20px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.fl {float: left; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.item .details {width: auto !important; height: auto !important; bottom: 4px; right: 4px; font-size: 14px; line-height: 30px; padding: 0 20px}
	.maintxt {height: 100%; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center}
}

@media (min-width: 700px) and (orientation: portrait) {
	.warning {display: none}
	.top {width: 100%; height: 140px; position: fixed; top: 0; left: 0; background-color: #f8f8f8; z-index: 3}
	.logo {padding-left: 7%}
	.logo img {width: auto; height: 46px; float: left; margin-top: 25px}
	.logo ul {padding: 35px 0 0 0; margin: 0; float: left}
	.logo li {list-style: none; padding: 0 0 0 30px; margin: 0 0 0 36px; line-height: 24px; font-size: 18px; color: #7a7c82; float: left; background-size: contain}
	.menu-hide {display: none}
	.menu {clear: both; padding-left: 7%}
	.menu ul {margin: 0; padding: 24px 0 0 0}
	.menu li {float: left; list-style: none; padding: 0 0 0 28px; margin: 0 0 0 28px; border-left: 1px solid #dfdfdf; font-size: 18px; line-height: 18px}
	.menu li:first-child {border: 0; padding-left: 0; margin-left: 0}
	.menu li a {color: #7a7c82}
	.menu li a:hover {color: #000}
	.phone {background: url(../img/phone.png) left no-repeat}
	.mail {background: url(../img/mail.png) left no-repeat}
	.main-content {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden}
	.main-services {position: absolute; top: 170px; left: 7%; width: 310px; z-index: 3}
	.main-services ul {padding: 0; margin: 0}
	.main-services li {list-style: none; font-weight: 100; font-size: 30px; line-height: 50px; padding: 0; margin: 0 0 16px 0}
	.main-services li a {display: inline-block; color: #b8b8b8}
	.main-services li a:hover {color: #3f3f3f}
	.main-services li.active a {color: #3f3f3f; background: url(../img/bl.gif) bottom repeat-x}
	.main-services li.active a span {display: inline-block; background: url(../img/bd.gif) bottom repeat-x}
	.main-foto {display: block; width: 700px; height: 404px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; padding-top: 280px; z-index: 1}
	.full-foto {width: 700px; height: auto}
	.left-foto {position: absolute; top: 327px; left: 5px; z-index: 1; width: 338px; height: auto}
	.right-foto {position: absolute; top: 280px; right: 0; z-index: 2; width: 528px; height: auto}
	.main-navi {position: absolute; right: 7%; top: 190px; width: 60px; z-index: 2}
	.main-navi img {width: 60px; height: auto; display: block; margin-bottom: 21px}
	.main-title {position: absolute; left: 7%; bottom: 5%; font-size: 18px; line-height: 22px; color: #b8b8b8; white-space: nowrap; z-index: 2}
	.main-title h1, .main-title h2, .main-title h3 {font-size: 46px; font-weight: 100; color: #3f3f3f; margin: 0; line-height: 64px}
	.main-title span {display: block; float: none !important}
	.main-title a {display: block; float: left; font-size: 16px; padding: 0 28px 0 0; background: url(../img/more.png) right no-repeat; color: #1dc007; font-weight: 400; background-size: contain; line-height: 22px; margin-top: 10px}
	.main-title a:hover {color: #078edb}
	.page {width: 680px}
	.txt {padding: 170px 0 35px 0; margin-bottom: 30px}
	.txt .double, .txt .mini {display: none}
	.box {font-size: 16px; line-height: 21px; padding: 0 15px; margin-left: 10px}
	.page h1, .page h2 {font-size: 24px; font-weight: 300; line-height: 28px; margin: 0 0 15px 0}
	.bottom .promo, .bottom .mini, .bottom .contact {display: none}
	.clients {display: none}
	.bottom {margin-top: 40px; padding: 30px 0 70px 0}
	.clients h2 {padding: 0 0 0 25px}
	.clients .client5 {display: none}
	.gallery h2 {padding: 0 0 20px 25px}
	.box span {font-size: 12px}
	.info {display: none}
	.info .tooltip {top: 0; left: 15px; padding: 15px; width: 170px; font-size: 12px; line-height: 17px}
	.tooltip span {font-size: 16px; font-weight: 400; margin: 0}
	.tooltip li {padding: 8px 0 0 0}
	.logo-kontakt {width: auto; height: 36px; display: block; margin-bottom: 6px}
	.double {width: 620px}
	.single {width: 290px}
	#container {padding-left: 10px; width: 660px; margin: auto}
	.w1 {width: 310px; height: 310px}
	.w2 {width: 310px; height: 640px}
	.w4 {width: 640px; height: 640px}
	.read {margin: -40px 7% 0 0; float: right}
	#fancybox-close {display: none !important}
	.fig {display: block; margin: 40px auto; font-size: 13px; text-align: center}
	.fig img {max-width: 100%; height: auto}
	.fr img, .fl img {width: 290px; height: auto}
	.fr {float: right; margin: 0 0 20px 20px; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.fl {float: left; margin: 0 20px 20px 0; padding: 10px; border: 1px solid #ebebeb; font-size: 13px; text-align: center}
	.item .details {bottom: 4px; right: 4px; font-size: 14px; line-height: 30px; padding: 0 20px}
	.maintxt {height: 100%; display: -webkit-flex; display: -ms-flex; display: flex; align-items: center}
}

.details, .info {display: none !important}

@-webkit-keyframes showright {
	0% {transform: translate(80px,0) scale(1.03,1.03)}
	100% {transform: translate(0,0) scale(1,1)}
}
@keyframes showright {
	0% {transform: translate(80px,0) scale(1.03,1.03)}
	100% {transform: translate(0,0) scale(1,1)}
}

@-webkit-keyframes showleft {
	0% {transform: translate(-80px,0) scale(1.05,1.05)}
	100% {transform: translate(0,0)}
}
@keyframes showleft {
	0% {transform: translate(-80px,0) scale(1.05,1.05)}
	100% {transform: translate(0,0) scale(1,1)}
}

@media (max-width: 1366px) {
	@-webkit-keyframes showright {
		0% {transform: translate(40px,0) scale(1.02,1.02)}
		100% {transform: translate(0,0) scale(1,1)}
	}
	@keyframes showright {
		0% {transform: translate(40px,0) scale(1.02,1.02)}
		100% {transform: translate(0,0) scale(1,1)}
	}
	
	@-webkit-keyframes showleft {
		0% {transform: translate(-40px,0) scale(1.03,1.03)}
		100% {transform: translate(0,0)}
	}
	@keyframes showleft {
		0% {transform: translate(-40px,0) scale(1.03,1.03)}
		100% {transform: translate(0,0) scale(1,1)}
	}
}

@-webkit-keyframes flyright {
    0% {opacity: 0; transform: translate(200px,0)}
	100% {opacity: 1; transform: translate(0,0)}
}
@keyframes flyright {
    0% {opacity: 0; transform: translate(200px,0)}
	100% {opacity: 1; transform: translate(0,0)}
}

@-webkit-keyframes showbottom {
    0% {opacity: 0; transform: translate(0,50px)}
	100% {opacity: 1; transform: translate(0,0)}
}
@keyframes showbottom {
    0% {opacity: 0; transform: translate(0,50px)}
	100% {opacity: 1; transform: translate(0,0)}
}


























