/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} .preload *{-webkit-transition: none !important; transition: none !important;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .mail_hide, .hide_mail{display: none !important;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide{display: none !important;} .relative{position: relative;} .clear.not_desktop{display: none;} .float_right{float:right; position: relative;} .float_left{float:left; position: relative;} .align-left{text-align: left !important; margin: 0;} .align-center{text-align: center !important; margin: 0;} .align-right{text-align: right !important; margin: 0;} button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; } input[type="submit"]:focus {outline:none;} input, textarea {-webkit-appearance: none; border-radius: 0;} input[type="submit"]::-moz-focus-inner {border:0;} label{cursor: text;} input[type=checkbox], input[type=radio]{cursor: pointer;} input:focus{outline:0; } input[type="text"], input[type="password"], textarea, select {outline: none;} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number] {-moz-appearance:textfield;} input[name="fake1"], input[name="fake2"]{opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;} @keyframes autofill {100% {background: transparent;color: inherit;}} @-webkit-keyframes autofill {100% {background: transparent;color: inherit;}} .root_text{position: absolute; top: -1000px; left: -1000px;} @media screen and (max-width: 1024px) { .clear.hide{display: block !important;} } .need{color: #cc0000;} .color_orange{color: #dc5721 !important;} .message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active{top: 100%;} .flash{max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 13px; line-height: 16px; font-weight: 500; padding: 12px 54px; clear: both; position: relative; letter-spacing: 1px} .flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-error {color: #fff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #53ac36; border: 1px solid #53ac36;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1{color: #000000; font-weight: 700; font-size: 28px; line-height: 32px; margin: 0; padding: 0; text-transform: uppercase;} h1.short{max-width: calc(100% - 180px);} h2{color: #000000; font-weight: 700; font-size: 24px; line-height: 28px; margin: 30px 0 10px; padding: 0;} h3{color: #000000; font-weight: 700; font-size: 22px; line-height: 26px; margin: 30px 0 10px; padding: 0;} h4, h5, h6{color: #000000; font-weight: 700; font-size: 20px; line-height: 26px; margin: 30px 0 10px; padding: 0;} @media screen and (max-width: 1024px) { h1,.head_title, h1 strong, h1 span{font-size: 24px; line-height: 30px;} h2{font-size: 20px; line-height: 26px; margin: 20px 0 5px;} h3{font-size: 18px; line-height: 24px; margin: 20px 0 5px;} h4, h5, h6{font-size: 16px; line-height: 22px; margin: 20px 0 5px;} } @media screen and (max-width: 600px) { h1.short{max-width: 100%;} } @media screen and (max-width: 500px) { h1,.head_title, h1 strong, h1 span{font-size: 20px; line-height: 28px;} h2{font-size: 16px; line-height: 22px;} h3{font-size: 14px; line-height: 20px;} h4, h5, h6{font-size: 12px; line-height: 18px;} } p, strong, b, div, article, i, u, li, a, .text_page, code{font-size: 14px; font-weight: 400;} strong, b{font-weight: 700} @media screen and (max-width: 1024px) { p, strong, b, div, article, i, u, li, a, .text_page, code{font-size: 13px;} } @media screen and (max-width: 500px) { p, strong, b, div, article, i, u, li, a, .text_page, code{font-size: 12px;} } article a:not(.btn), article a:not(.btn) strong, article strong a:not(.btn), .text_box a:not(.btn), .text_box a:not(.btn) strong, .text_box strong a:not(.btn){font-weight: 700; color: #000000; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:not(.btn):hover, .notouch .text_box a:not(.btn):hover{text-decoration: none;} .text_page{ margin: 0 auto;} .text_page .img{display: block; width: 40%; float: right; margin: 0 0 20px 20px;} .text_page .img img{max-width: 100%; display: block; margin: 0;} .text_page .text{display: block;} @media screen and (max-width: 959px) { .text_page .img{width: 50%;} } @media screen and (max-width: 767px) { .text_page .img{display: block; width: 100%; margin: 0 0 10px;} .text_page .text{display: block; width: 100%; padding: 0; margin: 0;} } article, .text_box{margin: 0 auto; text-align: left; line-height: 22px;} article.max, .text_box.max{max-width: 100%; margin: 40px 0 0; } article p, article div, .text_box p, .text_box div{margin:0 0 15px; text-align: left; line-height: 22px;} article .text_p, .text_box .text_p{margin: 0; } article *:nth-child(1), .text_box *:nth-child(1){margin-top: 0;} article *:last-child, .text_box *:last-child{margin-bottom: 0;} @media screen and (max-width: 1024px) { article p, article div, .text_box p, .text_box div{line-height: 20px; margin:0 0 10px;} } @media screen and (max-width: 768px) { article p, .text_box p{width: 100%; display: block; clear: both;} article img, .text_box img{float: none !important; display: block; margin: 0 auto 10px !important;} } @media screen and (max-width: 500px) { article p, article div, .text_box p, .text_box div{line-height: 18px;} } article ul, .text_box ul{margin: 0 0 15px; padding: 0;} article ul li, .text_box ul li{padding: 0 0 0 17px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px;} article ul ul, .text_box ul ul{margin: 0; padding: 0 0 0 17px; } article ul ol, .text_box ul ol{margin: 0; padding: 0 0 0 20px; } article ol, .text_box ol{margin: 0 0 15px; padding: 0; counter-reset: item;} article ol li, .text_box ol li{padding: 0 0 0 20px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;} article ol li:before, .text_box ol li:before{position: absolute; top: 0; left: 0; display: block; padding-right: 5px; text-align: left; content: counter(item) ".";} article ol ol, .text_box ol ol{margin: 0; padding: 0 0 0 20px;} article ol ul, .text_box ol ul{margin: 0; padding: 0 0 0 17px;} article ol ul li, .text_box ol ul li{background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px; padding: 0 0 0 17px;} article ol ul li:before, .text_box ol ul li:before{display: none;} article table.over{min-width: 100%; display: block; overflow-x: scroll;} article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;} article table thead{margin-bottom: 3px;} article table thead tr th, article table tr:first-child th, article table tbody tr td.fr-highlighted, article table tr:first-child td.fr-highlighted{text-align: left; font-weight: 700; padding: 6px 8px; background: #000000; color: #fff; border: 1px solid #3a3a3a;} article table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;} article table tr:nth-child(even) td{background: #fff;} article table tr:nth-child(odd) td{background: #f9f9f9;} article table.gdpr th{ white-space: nowrap; text-align: left !important; text-transform: none !important;} article table.gdpr td:not(.fr-highlighted){ background: #ffffff !important;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 14px; line-height: 18px; text-align: left; font-size: 13px !important;} article table.gdpr th, article table.gdpr td{ padding: 6px 8px !important; border: 1px solid #e0dfdf} @media screen and (max-width: 1024px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 13px !important;} } @media screen and (max-width: 500px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 12px !important;} } article p.gdpr, .text_box p.gdpr{margin: 0; line-height: 22px;} article p.gdpr, .text_box p.gdpr{padding: 6px 0;} article p.gdpr.full, .text_box p.gdpr.full{padding: 0; max-width: 992px} article .size_inline{display: inline-block; vertical-align: top; margin: 0 80px 0 0;} article .size_inline table{min-width: 200px;} article img, .text_box img{max-width: 100%; margin: 0 auto 15px; display: block; } article img.fr-fil, .text_box img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir, .text_box img.fr-fir{float: right; margin: 10px 0 10px 30px;} article span.fr-video, .text_box span.fr-video{width: 100%; margin: 0 auto 15px; display: block; margin: 0 auto; text-align: center} article span.fr-video.fr-fvl, .text_box span.fr-video.fr-fvl{text-align: left} article span.fr-video.fr-fvr, .text_box span.fr-video.fr-fvr{text-align: right} article span.fr-video iframe, .text_box span.fr-video iframe{max-width: 100%; margin: 0 auto; display: inline-block; width: 640px !important; height: 360px !important;} @media screen and (max-width: 767px) { article span.fr-video, .text_box span.fr-video{text-align: center !important;} article span.fr-video iframe, .text_box span.fr-video iframe{width: 280px !important; height: 160px !important;} } input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: Arial; margin: 0;} article, div, li, .text_box{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f1f1f1 ;} html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;} body{color: #000000; background: #ffffff !important; padding: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .inside{position: relative; width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;} .inside_small{position: relative; width: 90%; padding: 0; max-width: 840px; margin: 0 auto;} .inside_max{position: relative; width: 90%; padding: 0; max-width: 100%; margin: 0 auto;} .inside_middle{position: relative; width: 90%; padding: 0; max-width: 1340px; margin: 0 auto;} .btn{font-weight: 400; font-size: 14px; line-height: 18px; padding: 8px 20px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; text-align: center; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.disable{background: #e2e2e2 !important; border: 1px solid #e2e2e2 !important; color: #b1b1b1 !important; cursor: no-drop;} .btn.big{padding: 12px 30px;} .btn.small{padding: 7px 16px; text-transform: none;} .btn.overflow{overflow: visible;} .btn img{display: inline-block; vertical-align: top; margin: 0 0 0 4px;} .btn.shadow{-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6); box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6);} .btn.radius{-webkit-border-radius: 30px; border-radius: 30px;} .btn.line_height{line-height: 30px;} .btn.inline{display: inline-block; vertical-align: middle;} .btn.left{float: left;} .btn.right{float: right;} .btn.cursor{cursor: pointer;} .btn.ultra_min_margin_top{margin-top: 1px;} .btn.ultra_min_margin_bottom{margin-bottom: 1px;} .btn.ultra_min_margin_right{margin-right: -3px;} .btn.ultra_min_margin_left{margin-left: 1px;} .btn.min_margin_top{margin-top: 5px;} .btn.min_margin_bottom{margin-bottom: 5px;} .btn.min_margin_right{margin-right: 5px;} .btn.min_margin_left{margin-left: 5px;} .btn.middle_margin_top{margin-top: 10px;} .btn.middle_margin_bottom{margin-bottom: 10px;} .btn.middle_margin_right{margin-right: 10px;} .btn.middle_margin_left{margin-left: 10px;} .btn.max_margin_top{margin-top: 15px;} .btn.max_margin_bottom{margin-bottom: 15px;} .btn.max_margin_right{margin-right: 15px;} .btn.max_margin_left{margin-left: 15px;} .btn.ultra_margin_top{margin-top: 30px;} .btn.ultra_margin_bottom{margin-bottom: 30px;} .btn.ultra_margin_right{margin-right: 30px;} .btn.ultra_margin_left{margin-left: 30px;} .btn i{font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; } .btn .item{display: block; z-index: 999; position: absolute; width: 230px; left: 50%; bottom: calc(100% + 15px); visibility: hidden; opacity: 0; margin-left: -115px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn:hover .item{visibility: visible; opacity: 1; bottom: calc(100% + 5px);} .btn .item .box{display: block; position: relative; padding: 8px; background: #fff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .btn .item .box::before{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #dbdbdb; border-width: 11px; margin-left: -11px; } .btn .item .box::after{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } .btn .item .img{display: block; width: 100%; height: 80px; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .btn .item .title{white-space: normal; display: block; text-align: center; font-size: 12px; line-height: 16px; text-transform : none; color: #000000; margin: 0; padding: 8px 0 0; font-weight: 600;} /*use*/ .btn.typ_1{background: transparent; border: 1px solid #000000; color: #000000;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #000000; border: 1px solid #000000; color: #ffffff;} /*use*/ .btn.typ_2{background: #000000; border: 1px solid #000000; color: #fff;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: transparent; border: 1px solid #000000; color: #000000;} .btn.typ_3{background: #ffffff; border: 1px solid #000000; color: #000000;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{background: #000000; border: 1px solid #000000; color: #ffffff;} .btn.typ_4{background: #000000; border: 1px solid #ffffff; color: #ffffff;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{background: #ffffff; border: 1px solid #ffffff; color: #000000;} /*use*/ .btn.typ_5{background: #f1f2f2; border: 1px solid #e0dfdf; color: #000000;} .notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5{background: #000000; border: 1px solid #000000; color: #ffffff;} /*use*/ .btn.typ_6{background: transparent; border: 1px solid transparent; color: #000000; padding: 8px 0;} .notouch .btn.typ_6:hover, .notouch .item.hover_efekt .btn.typ_6, .notouch a.item:hover .btn.typ_6{background: #000000; border: 1px solid #000000; color: #ffffff; padding: 8px 20px;} /*use*/ .btn.typ_7{background: #000000; border: 1px solid #000000; color: #ffffff;} .notouch .btn.typ_7:hover, .notouch .item.hover_efekt .btn.typ_7, .notouch a.item:hover .btn.typ_7{background: #ffffff; border: 1px solid #000000; color: #000000;} @media screen and (max-width: 1024px) { .btn .item{display: none;} } @media screen and (max-width: 768px) { .btn i{display: block;} } @media screen and (max-width: 500px) { .btn{font-size: 11px; line-height: 16px; padding: 6px 15px;} .btn i{font-size: 11px; line-height: 16px;} } .header_height{display: block; height: 90px; position: relative;} header{background: #fff; max-width: 1920px; margin: 0 auto; z-index: 9999; padding: 15px 0; position: absolute; top: 0; left: 0; right: 0; width: 100%; text-align: center;} header.fixed_header{z-index: 9998; position: fixed; top: -200px; -webkit-transition: top 400ms ease; transition: top 400ms ease; -webkit-box-shadow: 0 0 8px -3px rgba(0,0,0,0.5); box-shadow: 0 0 8px -3px rgba(0,0,0,0.5);} header.fixed_header.active{top: 0;} header .relative{width: 90%; padding: 0 5%; position: relative;} header .bottom_line{padding: 0; display: block; background: #fff; position: relative;} header .bottom_line a.logo{width: 265px; height: 60px; display: inline-block; vertical-align: middle; position: relative;} header .bottom_line a.logo img{display: block; margin: 0 auto; width: 265px; height: 60px;} header .bottom_line .box{text-align: right; position: relative; z-index: 999; display: inline-block; vertical-align: middle; width: calc(100% - 265px - 20px - 5px); margin: 0 0 0 20px;} header .bottom_line .box nav{position: relative; z-index: 999; display: inline-block; vertical-align: middle; margin: 0;} header .bottom_line .box nav ul.menu{margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: right;} header .bottom_line .box nav ul.menu li{padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0 0 0 15px;} header .bottom_line .box nav ul.menu li a{position: relative; display: block; line-height: 20px; font-size: 14px; font-weight: 700; padding: 15px 5px; color: #000000; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .bottom_line .box nav ul.menu li a::before{position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: #f1f1f1; content: ""; opacity: 0; transition: all 400ms ease;} .notouch header .bottom_line .box nav ul.menu li > a:hover::before{opacity: 1;} header .bottom_line .box nav ul.menu li.active > a::before{background: #000; opacity: 1;} .open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 9px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .open_close_navigation::after{margin: 0 0 0 8px; content: "Menu"; font-size: 13px; line-height: 20px; color: #000000; font-weight: 700; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation button {background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active {transition: 0;} .open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #000000; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #000000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.5rem;} .open_close_navigation .lines:after {top: -0.5rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 4px; left: -3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #000000;} .open_close_navigation .lines-button.x.close .lines:before {-webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);} .open_close_navigation .lines-button.x.close .lines:after {-webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);} .open_close_navigation .lines-button{padding: 15px 0;} .open_close_navigation .lines {width: 1.8rem; height: 2px;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {width: 1.8rem; height: 2px;} .open_close_navigation .lines:before {top: 0.4rem;} .open_close_navigation .lines:after {top: -0.4rem;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 2px; left: -2px; width: 2.3rem;} .ipad_menu{display: none; position: absolute; max-width: 1920px; top: -900px; right: 0; left: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); padding: 70px 0 0; z-index: 998; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 0 !important;} .ipad_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu ul > li{position: relative; list-style: none; display: block;} .ipad_menu ul > li > a{border-top: 1px solid #ededed; position: relative; font-size: 14px; line-height: 56px; font-weight: 700; padding: 0 15px; display: block; text-transform: uppercase; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul > li:not(.lang):hover > a, .ipad_menu ul > li.active:not(.lang) > a, .ipad_menu ul > li:not(.lang) > a.active{background: #000000; color: #ffffff; border-top: 1px solid #3a3a3a} @media screen and (max-width: 1024px) { .header_height{height: 70px;} header{padding: 10px 0;} header .bottom_line a.logo, header .bottom_line a.logo img{width: 177px; height: 40px;} header .bottom_line .box{width: calc(100% - 177px - 15px - 5px); margin: 0 0 0 15px;} header .bottom_line .box nav ul.menu li{margin: 0 0 0 15px;} header .bottom_line .box nav ul.menu li a{font-size: 13px;} } @media screen and (max-width: 700px) { header{position: absolute;} header .bottom_line .box nav ul.menu{display: none;} header .open_close_navigation{display: inline-block; vertical-align: middle;} .ipad_menu{display: block;} } @media screen and (max-width: 600px) { header .bottom_line a.logo, header .bottom_line a.logo img{width: 133px; height: 30px;} header .bottom_line .box{width: calc(100% - 133px - 15px - 5px); margin: 0 0 0 15px;} .open_close_navigation::after{display: none;} } @media screen and (max-width: 500px) { .ipad_menu ul > li > a{font-size: 12px; line-height: 50px;} .ipad_menu ul > li > ul > li > a{font-size: 10px; line-height: 50px;} .ipad_menu ul > li > .icon{top: 9px; left: 9px; width: 32px; height: 32px;} .ipad_menu ul > li > .icon::before{width: 32px; height: 32px;} } .welcome_0{width: 90%; padding: 0 5%; background: #ffffff; position: relative; display: block;} .welcome_0::before{position: absolute; top: 0; bottom: 0; right: 0; width: 5%; background: #000; content: ""} .sub .welcome_0::before{display: none;} .welcome_0, .welcome_0 .main_slider, .welcome_0 .main_slider .item{height: 35vw; max-height: 670px;} .sub .welcome_0, .sub .welcome_0 .main_slider, .sub .welcome_0 .main_slider .item{height: 30vw; max-height: 240px;} .welcome_0 .main_slider{position: relative; z-index: 0; opacity: 0; display: block;} .welcome_0 .main_slider.stop{opacity: 1;} .welcome_0 .main_slider .item{display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .reference_mapa { position: relative; left: 0; top: 0; display: block; background: #f1f1f1;} .reference_mapa #MyGmaps, .reference_mapa #MyGmaps2 { background: #e5e3df; z-index: 0; position: relative; width: 100%; height: 30vw; max-height: 240px; display: block;} .welcome_0 .controls{z-index: 99; position: absolute; right: 5%; bottom: 0; padding: 0;} .sub .welcome_0 .controls{display: none;} .welcome_0 .controls .number{white-space: nowrap; display: block; width: 200px; text-align: center; position: absolute; right: 0; bottom: calc(100% + 15px);} .welcome_0 .controls .number .change{text-align: center; font-size: 22px; line-height: 28px; color: #ffffff; font-weight: 400; display: inline-block; vertical-align: middle;} .welcome_0 .controls .number .max{text-align: center; font-size: 18px; line-height: 28px; color: #ffffff; font-weight: 400; display: inline-block; vertical-align: middle;} .welcome_0 .controls .arrow_prev{background: #ffffff; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0; position: relative; width: 100px; height: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_0 .controls .arrow_prev::before{opacity: 1; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_0 .controls .arrow_next{background: #000000; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0; position: relative; width: 100px; height: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_0 .controls .arrow_next::before{opacity: 0; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_0 .controls .arrow_next::after{opacity: 1; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_white.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_0 .controls .arrow_prev:hover, .notouch .welcome_0 .controls .arrow_next:hover{background: #f1f1f1; } .notouch .welcome_0 .controls .arrow_next:hover::before{opacity: 1;} .notouch .welcome_0 .controls .arrow_next:hover::after{opacity: 0;} .welcome_0 ul.social{display: block; margin: 0; text-align: left; position: absolute; top: 20px; right: 0; width: 5%; padding: 0;} .welcome_0 ul.social li{list-style: none; display: block; margin: 0 0 5px 0;} .welcome_0 ul.social li a{opacity: 0.6; display: block; width: 100%; height: 40px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_0 ul.social li a::before{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 40px; background-size: 30px 30px !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_0 ul.social li a.in::before{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center;} .welcome_0 ul.social li a.fb::before{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center;} .welcome_0 ul.social li a.yt::before{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center;} .welcome_0 ul.social li a.li::before{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center;} .welcome_0 ul.social li a.tw::before{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center;} .welcome_0 ul.social li a.g::before{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center;} .notouch .welcome_0 ul.social li a:hover{opacity: 1; } @media screen and (max-width: 1200px) { .welcome_0 ul.social li a{height: 36px;} .welcome_0 ul.social li a::before{height: 36px; background-size: 26px 26px !important; } } @media screen and (max-width: 900px) { .welcome_0 ul.social li a{height: 30px;} .welcome_0 ul.social li a::before{height: 30px; background-size: 22px 22px !important; } } @media screen and (max-width: 600px) { .welcome_0 .controls{display: none;} .sub .welcome_0{display: none;} .welcome_0 ul.social{display: none;} } .welcome_1{display: block; position: relative; width: 100%; padding: 60px 0;} .welcome_1 .img{display: inline-block; vertical-align: middle; width: 35%;} .welcome_1 .img img{display: block; max-width: 100%;} .welcome_1 .text{display: inline-block; vertical-align: middle; width: calc(65% - 65px); padding: 0 0 0 60px;} .welcome_1 .text h1{margin: 0;} .welcome_1 .text article{margin: 30px 0 0;} .welcome_1 .text .realization{display: block; margin: 80px 0 0;} .welcome_1 .text .realization .number{border: 2px solid #000; display: inline-block; vertical-align: middle; font-size: 80px; line-height: 80px; padding: 10px 20px; color: #dadada;} .welcome_1 .text .realization .anotation{text-align: left; display: inline-block; vertical-align: middle; font-size: 28px; line-height: 34px; color: #000000; text-transform: uppercase; margin: 0 0 0 20px;} @media screen and (max-width: 1500px) { .welcome_1 .text{padding: 0 0 0 40px;} .welcome_1 .text article{margin: 20px 0 0;} .welcome_1 .text a.btn.ultra_margin_top{margin-top: 20px;} .welcome_1 .text .realization{margin: 50px 0 0;} .welcome_1 .text .realization .number{font-size: 60px; line-height: 60px; padding: 10px 20px;} .welcome_1 .text .realization .anotation{font-size: 24px; line-height: 30px; margin: 0 0 0 15px;} } @media screen and (max-width: 1300px) { .welcome_1 .text{padding: 0 0 0 30px;} .welcome_1 .text .realization{margin: 35px 0 0;} .welcome_1 .text .realization .number{font-size: 50px; line-height: 50px; padding: 8px 16px;} .welcome_1 .text .realization .anotation{font-size: 22px; line-height: 28px;} } @media screen and (max-width: 1250px) { .welcome_1 .img{display: none;} .welcome_1 .text{width: 100%; padding: 0; display: block;} .welcome_1 .text h1, .welcome_1 .text article, .welcome_1 .text article *, .welcome_1 .text{text-align: center;} } @media screen and (max-width: 1024px) { .welcome_1{padding: 40px 0;} } @media screen and (max-width: 550px) { .welcome_1 .text .realization .number{font-size: 32px; line-height: 36px; padding: 5px 10px;} .welcome_1 .text .realization .anotation{font-size: 18px; line-height: 20px; margin: 0 0 0 10px;} } @media screen and (max-width: 500px) { .welcome_1{padding: 30px 0;} } .welcome_2{display: block; position: relative; width: 100%; margin: 0 0 60px 0;} .welcome_2 .news_slider{display: none; opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .welcome_2 .news_slider.stop{display: block; opacity: 1;} .welcome_2 .item{border: 2px solid #000; display: block; position: relative;} .welcome_2 .item::before{position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: url(../img/spona.svg) no-repeat scroll center center #000; background-size: 44px 44px; content: "";} .welcome_2 .item h2{text-transform: uppercase; font-size: 28px; line-height: 32px; margin: 0; width: calc(35% - 50px); padding: 50px 0 50px 50px; display: inline-block; vertical-align: top;} .welcome_2 .item .text{width: calc(65% - 235px); padding: 50px 120px 50px 110px; display: inline-block; vertical-align: top;} .welcome_2 .owl-carousel .owl-controls{margin: 0; min-height: 0;} .welcome_2 .owl-carousel .owl-controls .owl-pagination { text-align: left; position: absolute; bottom: 50px; margin: 0; width: calc(35% - 100px); left: 50px; min-height: 0; z-index: 990; counter-reset: item; } .welcome_2 .owl-carousel .owl-controls .owl-pagination .owl-page { counter-increment: item; display: inline-block; vertical-align: middle; margin: 0;} .welcome_2 .owl-carousel .owl-controls .owl-pagination .owl-page span { margin: 0 10px 0 0; position: relative; width: 30px; height: 30px; text-align: center; background: #f1f1f1; display: block; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2 .owl-carousel .owl-controls .owl-pagination .owl-page span:before{position: absolute; top: 0; left: 0; display: block; text-align: center; width: 30px; line-height: 30px; font-size: 14px; color: #000; content: counter(item); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_2 .owl-carousel .owl-controls .owl-pagination .owl-page.active span, .notouch .welcome_2 .owl-carousel .owl-controls .owl-pagination .owl-page:hover span { background: #000000;} .welcome_2 .owl-carousel .owl-controls .owl-pagination .owl-page.active span::before, .notouch .welcome_2 .owl-carousel .owl-controls .owl-pagination .owl-page:hover span::before{ color: #fff;} @media screen and (max-width: 1500px) { .welcome_2 .item h2{font-size: 24px; line-height: 30px; padding: 40px 0 40px 50px;} .welcome_2 .item .text{width: calc(65% - 145px); padding: 40px 100px 40px 40px;} .welcome_2 .owl-carousel .owl-controls .owl-pagination { bottom: 40px;} } @media screen and (max-width: 1300px) { .welcome_2 .item h2{font-size: 22px; line-height: 28px; padding: 30px 0 30px 50px;} .welcome_2 .item .text{width: calc(65% - 155px); padding: 30px 100px 30px 30px;} .welcome_2 .owl-carousel .owl-controls .owl-pagination { bottom: 30px;} } @media screen and (max-width: 1250px) { .welcome_2 .item::before{width: 50px; height: 50px; background-size: 38px 38px;} .welcome_2 .item h2{width: initial; width: auto; display: block; padding: 30px 5% 10px;} .welcome_2 .item .text{width: initial; width: auto; padding: 0 5% 80px;} .welcome_2 .owl-carousel .owl-controls .owl-pagination { width: initial; width: auto; left: 5%; } .welcome_2 .owl-carousel .owl-controls .owl-pagination { bottom: 20px;} } @media screen and (max-width: 1024px) { .welcome_2 .item h2{font-size: 24px; line-height: 30px;} } @media screen and (max-width: 700px) { .welcome_2 .item::before{display: none;} } @media screen and (max-width: 500px) { .welcome_2 .item h2{font-size: 20px; line-height: 28px;} } .welcome_3{overflow: hidden; position: relative; display: block; width: 100%;} .welcome_3 .mapa_img{width: 29%; position: absolute; top: 0; bottom: 0; left: 0; background-attachment: local; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .welcome_3 .mapa_img a.btn{opacity: 0; position: absolute; top: 50%; left: 40%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%);} .notouch .welcome_3 .mapa_img:hover a.btn{opacity: 1; left: 50%;} .welcome_3 .reference_slider{width: 71%; margin: 0 0 0 29%; display: none;} .welcome_3 .reference_slider .item .img{display: block; height: 0; padding: 0; height: 0; padding: 0 0 55%; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .welcome_3 .reference_slider .item .text{width: 240px; position: absolute; left: 0; top: 0; background: #000; padding: 70px 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_3 .reference_slider .item .text span.title{position: relative; display: block; font-size: 16px; line-height: 22px; font-weight: 700; margin: 0 0 15px; padding: 0 0 10px;} .welcome_3 .reference_slider .item .text span.title::before{width: 160px; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #7c7c7b; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_3 .reference_slider .item .text span{display: block; font-size: 13px; line-height: 18px; color: #fff; font-weight: 400; margin: 0 0 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .welcome_3 .reference_slider .item .text span:last-of-type{margin: 0;} .welcome_3 .reference_slider .item .text span strong{font-size: 13px; line-height: 18px; color: #fff; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .welcome_3 .reference_slider .item:hover .text{background: #f1f1f1;} .notouch .welcome_3 .reference_slider .item:hover .text span.title::before{background: #000000;} .notouch .welcome_3 .reference_slider .item:hover .text span, .notouch .welcome_3 .reference_slider .item:hover .text span strong{color: #000000;} .welcome_3 .reference_slider.owl-carousel .owl-controls{min-height: 0; z-index: 991; margin: 0;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; bottom: 0; right: 100%; text-align: right; margin: 0 auto 0; width: 100%;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev{ -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); background: #ffffff; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0; position: relative; width: 100px; height: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before{opacity: 1; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next{ -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); background: #000000; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0; position: relative; width: 100px; height: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{opacity: 0; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{opacity: 1; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_white.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover{background: #f1f1f1; } .notouch .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before{opacity: 1;} .notouch .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::after{opacity: 0;} @media screen and (max-width: 1200px) { .welcome_3 .mapa_img{display: none;} .welcome_3 .reference_slider{width: 100%; margin: 0;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons{left: 0; right: initial; right: auto; text-align: left;} } @media screen and (max-width: 1200px) { .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev, .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next{width: 60px; height: 32px;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{width: 60px; height: 32px; background-size: 34px 9px;} .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after, .welcome_3 .reference_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{width: 60px; height: 32px; background-size: 34px 9px;} } @media screen and (max-width: 700px) { .welcome_3 .reference_slider .item .text{padding: 30px 20px;} } @media screen and (max-width: 500px) { .welcome_3 .reference_slider .item .img{height: 300px; padding: 0;} .welcome_3 .reference_slider .item .text{width: 190px; padding: 14px;} .welcome_3 .reference_slider .item .text span.title{font-size: 14px; line-height: 20px; margin: 0 0 12px; padding: 0 0 7px;} .welcome_3 .reference_slider .item .text span{font-size: 12px; margin: 0 0 12px;} .welcome_3 .reference_slider .item .text span strong{font-size: 12px;} } .welcome_4{display: block; position: relative; width: 100%; padding: 60px 0 40px;} .welcome_4 .in{/*border: 2px solid #000;*/ display: block; position: relative;} .welcome_4 .text{display: inline-block; vertical-align: middle; width: calc(35% - 50px); padding: 50px 0 50px 0; } .welcome_4 .text h2{text-transform: uppercase; font-size: 28px; line-height: 34px; font-weight: 400; color: #000; margin: 0;} .welcome_4 .text .text_box{margin: 30px 0 0;} .welcome_4 .services_list{display: inline-block; vertical-align: middle; width: calc(65% - 195px); padding: 50px 80px 50px 110px; max-width: 610px; position: relative} .welcome_4 .services_list .item{padding: 5px 0; display: block; text-align: left; } .welcome_4 .services_list .item .item_in{padding: 10px 15px; display: block; text-align: left; border: 1px solid #f1f1f1; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .services_list .item .item_in .number{display: inline-block; vertical-align: middle; width: 60px; font-size: 22px; line-height: 24px; font-weight: 700; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .services_list .item .item_in .ser_text{display: inline-block; vertical-align: middle; width: calc(100% - 65px); font-size: 14px; line-height: 24px; font-weight: 400; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .services_list .item:hover .item_in{background: #000; border: 1px solid #000;} .notouch .welcome_4 .services_list .item:hover .item_in .number{color: #fff;} .notouch .welcome_4 .services_list .item:hover .item_in .ser_text{color: #fff;} /* .welcome_4 .bx-viewport::after, .welcome_4 .bx-viewport::before{display: none;} .welcome_4 .bx-prev{-webkit-transform: rotate(90deg); transform: rotate(90deg); text-indent: -999999px; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); background: #fff; cursor: pointer; display: block; vertical-align: middle; margin: 0; position: absolute; right: -70px; top: calc(50% - 49px); width: 60px; height: 32px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .bx-prev::before{opacity: 1; position: absolute; top: 0; left: 0; width: 60px; height: 32px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .bx-next{-webkit-transform: rotate(90deg); transform: rotate(90deg); text-indent: -999999px; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); background: #000000; cursor: pointer; display: block; vertical-align: middle; margin: 0; position: absolute; right: -70px; top: calc(50% + 12px); width: 60px; height: 32px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .bx-next::before{opacity: 0; position: absolute; top: 0; left: 0; width: 60px; height: 32px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .bx-next::after{opacity: 1; position: absolute; top: 0; left: 0; width: 60px; height: 32px; content: ""; background: url(../img/main_arrow_white.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .bx-prev:not(.disabled):hover, .notouch .welcome_4 .bx-next:not(.disabled):hover{background: #f1f1f1; } .notouch .welcome_4 .bx-next:not(.disabled):hover::before{opacity: 1;} .notouch .welcome_4 .bx-next:not(.disabled):hover::after{opacity: 0;} .welcome_4 .bx-prev.disabled, .welcome_4 .bx-next.disabled{cursor: default; opacity: 0.2;} */ .welcome_4 .services_slider.owl-carousel .owl-controls{min-height: 0; z-index: 991; margin: 0;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; bottom: -55px; right: 0; left: 0; text-align: center; margin: 0 auto 0; width: 100%;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-prev{ -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); background: #ffffff; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0; position: relative; width: 100px; height: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before{opacity: 1; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next{ -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); background: #000000; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0; position: relative; width: 100px; height: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{opacity: 0; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{opacity: 1; position: absolute; top: 0; left: 0; width: 100px; height: 40px; content: ""; background: url(../img/main_arrow_white.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover, .notouch .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover{background: #f1f1f1; } .notouch .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before{opacity: 1;} .notouch .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::after{opacity: 0;} @media screen and (max-width: 1200px) { .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-prev, .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next{width: 60px; height: 32px;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{width: 60px; height: 32px; background-size: 34px 9px;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after, .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{width: 60px; height: 32px; background-size: 34px 9px;} } @media screen and (max-width: 1500px) { .welcome_4 .text{padding: 40px 0 40px 0;} .welcome_4 .text .text_box{margin: 20px 0 0;} .welcome_4 .text a.btn.ultra_margin_top{margin-top: 20px;} .welcome_4 .services_list{width: calc(65% - 145px); padding: 40px 100px 40px 40px;} } @media screen and (max-width: 1300px) { .welcome_4 .text{padding: 30px 0 30px 0;} .welcome_4 .services_list{width: calc(65% - 155px); padding: 30px 100px 30px 30px;} } @media screen and (max-width: 1250px) { .welcome_4 .text{padding: 30px 0 30px; display: block; width: 100%; margin: 0 auto;} .welcome_4 .text h2, .welcome_4 .text .text_box, .welcome_4 .text .text_box *, .welcome_4 .text{text-align: center;} .welcome_4 .services_list{display: block; margin: 0 auto; width: 100%; max-width: 800px; padding: 0 0 30px 0;} } @media screen and (max-width: 1024px) { .welcome_4{padding: 40px 0;} .welcome_4 .text{padding: 0 0 30px 0;} .welcome_4 .text h2{font-size: 24px; line-height: 30px;} .welcome_4 .services_list{padding-bottom: 0;} } @media screen and (max-width: 600px) { .welcome_4{padding: 40px 0 40px;} .welcome_4 .services_list{width: calc(100% - 60px); padding: 0 0 0 10px;} .welcome_4 .services_list .item{padding: 3px 0;} .welcome_4 .services_list .item .item_in{padding: 6px 8px;} .welcome_4 .services_list .item .item_in .number{width: 30px; font-size: 16px; line-height: 16px; } .welcome_4 .services_list .item .item_in .ser_text{width: calc(100% - 35px); font-size: 12px; line-height: 16px;} .welcome_4 .bx-prev, .welcome_4 .bx-next{right: -55px;} .welcome_4 .services_slider.owl-carousel .owl-controls .owl-buttons{bottom: -30px;} } @media screen and (max-width: 500px) { .welcome_4{padding: 30px 0 40px;} .welcome_4 .text h2{font-size: 20px; line-height: 26px;} } .welcome_5{display: block; position: relative; width: 100%; padding: 60px 0;} .welcome_5 h2{text-transform: uppercase; font-size: 28px; line-height: 34px; font-weight: 400; color: #000; margin: 0 0 25px;} .welcome_5 .item img{max-width: 80%; display: block; margin: 0 auto; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_5 .item img{filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;} .notouch .welcome_5 .item:hover img, .welcome_5 .item.active img{-webkit-filter: grayscale(0);filter: grayscale(0);} @media screen and (max-width: 1024px) { .welcome_5{padding: 40px 0;} .welcome_5 h2{font-size: 24px; line-height: 30px;} } @media screen and (max-width: 600px) { .welcome_5 h2{text-align: center;} } @media screen and (max-width: 500px) { .welcome_5{padding: 30px 0;} .welcome_5 h2{font-size: 20px; line-height: 26px;} } .buttons{ position: absolute; bottom: 0; right: 0; text-align: right; margin: 0 auto 0;} .buttons .prev{ -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); background: #fff; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0; position: relative; width: 80px; height: 32px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .buttons .prev::before{opacity: 1; position: absolute; top: 0; left: 0; width: 80px; height: 32px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .buttons .next{ -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); background: #000000; cursor: pointer; display: inline-block; vertical-align: middle; margin: 0; position: relative; width: 80px; height: 32px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .buttons .next::before{opacity: 0; position: absolute; top: 0; left: 0; width: 80px; height: 32px; content: ""; background: url(../img/main_arrow_black.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .buttons .next::after{opacity: 1; position: absolute; top: 0; left: 0; width: 80px; height: 32px; content: ""; background: url(../img/main_arrow_white.svg) no-repeat scroll center center; background-size: 38px 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .buttons .prev:hover, .notouch .buttons .next:hover{background: #f1f1f1; } .notouch .buttons .next:hover::before{opacity: 1;} .notouch .buttons .next:hover::after{opacity: 0;} @media screen and (max-width: 600px) { .buttons{ display: none;} } #content{background: #fff; padding: 0; position: relative;} #content > .relative{padding: 0 5%;} #content .inside .inside{padding-left: 0; padding-right: 0; width: 100%; max-width: 100%;} #content .inside{margin: 0 auto 40px} #content .inside.margin{margin: 0 auto 30px; padding: 0;} #content .inside:last-of-type{margin: 0 auto;} #content #page_hash{padding: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} @media screen and (max-width: 1024px) { #content .inside.margin{padding: 20px 0 0; margin: 0 auto 15px;} } aside{position: relative; width: 300px; left: 0; float: left; margin: 0; padding: 0; display: block;} aside .open_title{cursor: pointer; display: none; background: #fff; font-size: 14px; line-height: 20px; color: #000000; font-weight: 700; padding: 16px 30px; margin: 0; text-transform: uppercase; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside .open_title::before{opacity: 1; position: absolute; top: 50%; right: 15px; margin: -10px 0 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside .open_title.active::before{transform: rotate(90deg); -webkit-transform: rotate(90deg);} aside .open_title.active::after{transform: rotate(90deg); -webkit-transform: rotate(90deg);} aside .box{background: #fff; padding: 0} aside p.title{font-size: 14px; line-height: 20px; color: #000; font-weight: 700; margin: 0; padding: 15px;} aside ul.first{display: block; margin: 0; padding: 0;} aside ul.first > li{list-style: none; display: block; margin: 0; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li > button{width: 100%; border: 0; border-top: 1px solid #f1f1f1; background: none; position: relative; padding: 14px 25px; font-size: 13px; line-height: 18px; color: #000000; background: #ffffff; font-weight: 700; text-align: left; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li:first-child > button{border-top: 1px solid #000000;} .notouch aside ul.first > li > button:hover, aside ul.first > li.active > button, aside ul.first > li > button.active{background: #000000; border-top: 1px solid #3a3a3a; color: #fff;} .c_column{width: calc(100% - 350px); padding: 0; position: relative; float: right; display: block;} .c_column.full{width: 100%; padding: 0 0 50px; position: relative; float: none; display: block;} .hp .c_column.full{padding: 0;} @media screen and (max-width: 1500px) { .c_column{width: calc(100% - 330px);} } @media screen and (max-width: 1080px) { aside{width: 100%; float: none; margin: 0 0 30px;} aside .open_title{display: block;} aside ul.first{display: none; border-top: 1px solid #f1f1f1;} aside p.title{display: none !important;} .c_column{width: 100%; padding: 0; float: none;} } @media screen and (max-width: 1024px) { .c_column{width: 100%; padding: 0;} } @media screen and (max-width: 500px) { aside .open_title{font-size: 12px; line-height: 18px; padding: 14px 20px; margin: 0;} aside ul.first > li > button{padding: 12px 24px; font-size: 12px; line-height: 16px;} } article .left_side{display: block; width: 100%; position: relative;} article .left_side.half{display: inline-block; vertical-align: top; width: calc(60% - 22px); padding: 0 40px 0 0;} article .left_side.half.short{ width: calc(45% - 22px);} article .right_side{display: inline-block; vertical-align: top; width: calc(40% - 22px); padding: 0;} article .right_side.long{width: calc(55% - 22px);} @media screen and (max-width: 1300px) { article .left_side.half{display: block; width: 100% !important; padding: 0;} article .right_side{display: block; width: 100% !important; padding: 20px 0 0;} } .article_border{border: 2px solid #000; display: block; position: relative;} .article_border::before{position: absolute; right: 0; top: 0; width: 60px; height: 60px; background: url(../img/spona.svg) no-repeat scroll center center #000; background-size: 44px 44px; content: "";} .article_border h2{text-transform: uppercase; font-size: 28px; line-height: 32px; margin: 0; width: calc(35% - 50px); padding: 50px 0 50px 50px; display: inline-block; vertical-align: top;} .article_border .text{width: calc(65% - 235px); padding: 50px 120px 50px 110px; display: inline-block; vertical-align: top;} .article_border .text.full{width: calc(100% - 200px); padding: 50px 100px;} @media screen and (max-width: 1500px) { .article_border h2{font-size: 24px; line-height: 30px; padding: 40px 0 40px 50px;} .article_border .text{width: calc(65% - 145px); padding: 40px 100px 40px 40px;} .article_border .text.full{width: calc(100% - 200px); padding: 40px 100px;} } @media screen and (max-width: 1300px) { .article_border h2{font-size: 22px; line-height: 28px; padding: 30px 0 30px 50px;} .article_border .text{width: calc(65% - 155px); padding: 30px 100px 30px 30px;} .article_border .text.full{width: calc(100% - 200px); padding: 30px 100px;} } @media screen and (max-width: 1250px) { .article_border::before{width: 50px; height: 50px; background-size: 38px 38px;} .article_border h2{width: initial; width: auto; display: block; padding: 30px 5% 10px;} .article_border .text{width: initial; width: auto; padding: 0 5% 30px;} .article_border .text.full{width: 90% ; padding: 30px 5%;} } @media screen and (max-width: 1024px) { .article_border h2{font-size: 24px; line-height: 30px;} } @media screen and (max-width: 700px) { .article_border::before{display: none;} } @media screen and (max-width: 500px) { .article_border h2{font-size: 20px; line-height: 28px;} } .comment{display: block; margin: 60px 0 20px; width: 100%;} .comment .title{text-transform: uppercase; font-size: 18px; line-height: 24px; color: #000; font-weight: 700; text-align: left; margin: 0 0 15px;} .comment .in{border: 2px solid #000; padding: 25px; position: relative;} .comment .in::before{position: absolute; right: 0; top: 0; width: 46px; height: 46px; background: url(../img/uvozovky.svg) no-repeat scroll center center #000; background-size: 36px 36px; content: "";} .comment .in .subtitle{font-size: 16px; line-height: 22px; color: #000; font-weight: 700; text-align: left; margin: 0 0 10px;} @media screen and (max-width: 800px) { .comment{margin: 40px 0 10px;} .comment .title{font-size: 14px; line-height: 22px; margin: 0 0 10px;} .comment .in{padding: 15px;} .comment .in::before{display: none;} .comment .in .subtitle{font-size: 14px; line-height: 20px} } footer{padding: 0; background: #f1f1f1; display: block; position: relative;} footer p.title{text-transform: uppercase; font-size: 28px; line-height: 34px; font-weight: 400; color: #000; margin: 0;} footer .item{position: relative; z-index: 10; background: #000; float: right; padding: 40px;} footer .item .text{border: 1px solid #fff; padding: 30px;} footer .item .text p{font-size: 13px; line-height: 18px; color: #fff; font-weight: 400; margin: 0 0 15px;} footer .item .text .in:last-of-type p:last-of-type{margin: 0;} footer .item .text p strong{font-size: 13px; line-height: 18px; color: #fff; font-weight: 700;} footer .item .text p a{font-size: 13px; line-height: 18px; color: #fff; font-weight: 400; text-decoration: underline;} .notouch footer .item .text p a:hover{text-decoration: none;} footer .inside_max{position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);} footer form{display: block; max-width: calc(100% - 12% - 60px); padding: 0 60px 0 0;} footer form table{border-spacing: 0 15px; width: 100%;} footer form table td{text-align: center; padding: 0; font-size: 12px; line-height: 16px; color: #666666; font-weight: 400;} footer form table td.empty{width: 20px;} footer form table td a{font-size: 12px; line-height: 16px; color: #666666; font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer form table td a:hover{color: #000000;} footer form input[type=text]{position: relative; margin: 0; font-size: 13px; line-height: 20px; color: #000000; padding: 12px 0; border: 1px solid transparent; border-bottom: 1px solid #dadada; background: transparent; width: 100%; font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer form textarea{position: relative; resize: none; height: 80px; margin: 0; font-size: 13px; line-height: 20px; color: #000000; padding: 12px 0; border: 1px solid transparent; border-bottom: 1px solid #dadada; background: transparent; width: 100%; font-weight: 400; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} footer form input[type=text]:focus, footer form textarea:focus{border-bottom: 1px solid #000000;} @media screen and (max-width: 1800px) { footer form{max-width: calc(100% - 14% - 60px);} } @media screen and (max-width: 1700px) { footer form{max-width: calc(100% - 15% - 60px);} } @media screen and (max-width: 1600px) { footer form{max-width: calc(100% - 16% - 60px);} } @media screen and (max-width: 1500px) { footer form{max-width: calc(100% - 17.5% - 60px);} } @media screen and (max-width: 1400px) { footer form{max-width: calc(100% - 19% - 60px);} } @media screen and (max-width: 1300px) { footer form{max-width: calc(100% - 21% - 60px);} } @media screen and (max-width: 1200px) { footer form{max-width: calc(100% - 24% - 60px);} } @media screen and (max-width: 1100px) { footer form{max-width: calc(100% - 26% - 60px);} } @media screen and (max-width: 1024px) { footer .item{float: none; padding: 40px; display: block;} footer .item .in{display: inline-block; vertical-align: top; width: calc(50% - 3px);} footer p.title{text-align: center; font-size: 24px; line-height: 30px;} footer .inside_max{position: relative; top: 0; -webkit-transform: translateY(0); transform: translateY(0);} footer form{max-width: 100%; padding: 40px 0 35px;} } @media screen and (max-width: 600px) { footer .item .in{text-align: center; display: block; width: 100%} } @media screen and (max-width: 500px) { footer .item{padding: 30px;} footer .item .text{padding: 20px;} footer p.title{font-size: 20px; line-height: 26px; margin: 0 0 10px} footer .item .text p{font-size: 12px; line-height: 18px;} footer form{padding: 30px 0 25px;} footer form table, footer form table tbody, footer form table tr, footer form table td{display: block; width: 100%;} footer form table td.empty{display: none} footer form table td{padding: 0 0 10px;} } .sign{background: #ffffff; padding: 0; text-align: center;} .sign a{padding: 16px 5%; color: #666666; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sign a:hover{color: #000000;} /************************ MODULY ************************/ .drobky{position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 30px 0;} .drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); content: ""; display: block;} .drobky ul{z-index: 0; position: relative; white-space: nowrap; margin: 0; padding: 0; width: 100%; overflow: hidden;} .drobky ul li{position: relative; z-index: 9; list-style: none; display: inline-block; vertical-align: middle; margin-right: -4px; border-left: 1px solid #e4e5e6;} .drobky ul li.first{border: 0;} .drobky ul li.first a{padding-left: 0;} .drobky ul li a{white-space: nowrap; position: relative; display: block; color: #808080; font-size: 11px; line-height: 17px; font-weight: 400; padding: 0 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li a:hover{text-decoration: none; color: #000000;} .drobky ul li span{white-space: nowrap; display: block; color: #000000; font-size: 13px; line-height: 17px; font-weight: 700; padding: 0 0 0 15px; text-transform: uppercase;} @media screen and (max-width: 600px) { .drobky{border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 13px 0;} .drobky ul li a{font-size: 10px; line-height: 16px; padding: 0 10px;} .drobky ul li span{font-size: 10px; line-height: 16px; padding: 0 0 0 10px;} } .landing { width: 100%; text-align: left;} .landing p{margin: 0 0 5px;} .landing ul{margin: 0; padding: 0;} .landing ul li{margin: 0 2px 5px 0; display: inline-block; vertical-align: middle;} .video_detail{max-width: 660px; margin: 0;} .detail .video_detail{max-width: 500px;} .video_detail .video_gallery{display: block; position: relative; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; margin: 0} .video_detail .video_gallery iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border: 0;} .mapa { position: relative; left: 0; top: 0; display: block; background: #f1f1f1;} .mapa #MyGmaps { z-index: 0; position: relative; width: 100%; height: 35vw; max-height: 400px; display: block; background: url(../img/mapa.jpg) no-repeat scroll center center #e5e3df; background-size: cover;} .mapa a.btn { position: absolute; left: 0; bottom: 0; z-index: 20;} @media screen and (max-width: 850px) { .contact_page .item { text-align: center; float: none; width: calc(100% - 40px); padding: 30px 20px;} .contact_page .item .box { display: block; height: initial; height: auto;} .contact_page .item .box .centering { display: block;} .contact_page .mapa { width: 100%; float: none; position: relative; left: 0;} .contact_page .mapa #MyGmaps { height: 260px;} } .reference_list{width: 100%; position: relative; margin: 0 auto;} .reference_list .item{background: #ffffff; position: relative; text-align: left; display: inline-block; vertical-align: top; width: calc(50% - 25px); margin: 0 20px 20px 0; -webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5);} .reference_list .item.mix{display: none;} .reference_list .item .img{position: relative; display: block; height: 0; padding: 0; height: 360px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover;} .reference_list .item .text{width: 240px; position: absolute; left: 0; top: 0; background: #000; padding: 40px 25px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .reference_list .item .text span.title{position: relative; display: block; font-size: 16px; line-height: 22px; font-weight: 700; margin: 0 0 15px; padding: 0 0 10px;} .reference_list .item .text span.title::before{width: 160px; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #7c7c7b; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .reference_list .item .text span{display: block; font-size: 13px; line-height: 18px; color: #fff; font-weight: 400; margin: 0 0 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .reference_list .item .text span:last-of-type{margin: 0;} .reference_list .item .text span strong{font-size: 13px; line-height: 18px; color: #fff; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .reference_list .item:hover .text{background: #f1f1f1;} .notouch .reference_list .item:hover .text span.title::before{background: #000000;} .notouch .reference_list .item:hover .text span, .notouch .reference_list .item:hover .text span strong{color: #000000;} @media screen and (max-width: 1500px) { .reference_list .item{width: 100%; margin: 0 0 20px 0;} } @media screen and (max-width: 1024px) { .reference_list .item .text{padding: 30px 20px;} } @media screen and (max-width: 500px) { .reference_list .item .text{width: 190px; padding: 14px;} .reference_list .item .text span.title{font-size: 14px; line-height: 20px; margin: 0 0 12px; padding: 0 0 7px;} .reference_list .item .text span{font-size: 12px; margin: 0 0 12px;} .reference_list .item .text span strong{font-size: 12px;} } .file_list{display: block; position: relative; margin: 0 auto;} .file_list.bg{background: #f1f1f1; padding: 25px;} .file_list.bg p{margin: 0 0 5px;} .detail .file_list{margin: 20px auto 0;} .file_list .item{position: relative; width: calc(20% - 40px / 5 - 2px); padding: 0; border: 0; border: 1px solid #000; display: block; float: left; margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(5n - 3){margin: 10px 10px 0;} .file_list .item:nth-child(-n + 5){margin-top: 0;} .file_list .item span.img{position: relative; padding: 0 0 141%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .file_list .item span.img::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .item span.img span{opacity: 1; display: block; width: 58px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -49px 0 0 -28px; background: url(../img/download_icon.svg) no-repeat scroll center center; background-size: 29px 28px; z-index: 999; opacity: 0;-webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .item:hover span.img::before, .notouch .file_list .item:hover span.img span{opacity: 1;} .file_list .item span.title{position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; display: block; background: #000; color: #fff; font-weight: 400; font-size: 14px; line-height: 20px;} .file_list .clas_item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #f2f3f3; margin: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a{text-decoration: none; font-size: 13px; color: #535353; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a span{font-size: 13px; color: #000000; font-weight: 500; line-height: 18px; letter-spacing: 0.5px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .clas_item:hover{border: 1px solid #000000; background: #000000;} .notouch .file_list .clas_item:hover a{color: #ffffff;} .notouch .file_list .clas_item:hover a span{text-decoration: none; color: #ffffff;} @media screen and (max-width: 1280px) { .file_list .item{width: calc(25% - 30px / 4 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0 10px;} .file_list .item:nth-child(-n + 4){margin-top: 0;} } @media screen and (max-width: 1100px) { .file_list .item{width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 0 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0;} .file_list .item:nth-child(-n + 4){margin-top: 10px;} .file_list .item:nth-child(3n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 700px) { .file_list .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 0 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0;} .file_list .item:nth-child(-n + 4){margin-top: 10px;} .file_list .item:nth-child(3n - 1){margin: 10px 0 0;} .file_list .item:nth-child(-n + 3){margin-top: 10px;} .file_list .item:nth-child(2n){margin: 10px 0 0 10px;} .file_list .item:nth-child(-n + 2){margin-top: 0;} } .fotogalerie{width: 100%; position: relative; margin: 0; display: block;} .fotogalerie a.swipebox:not(.btn){width: calc(16.66% - 50px / 6); margin: 10px 0 0 10px; float: left; display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-box-shadow: 0 0 8px -3px rgba(0,0,0,0.5); box-shadow: 0 0 8px -3px rgba(0,0,0,0.5);} .fotogalerie a.swipebox.hide:not(.btn){display: none;} .fotogalerie a.swipebox:not(.btn):nth-child(1){margin-left: 0 !important;} .fotogalerie a.swipebox:not(.btn):nth-child(6n + 1){margin-left: 0;} .fotogalerie a.swipebox:not(.btn)::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox:not(.btn)::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 54px 54px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox:not(.btn) img{max-width: 100%; display: block;} .notouch .fotogalerie a:not(.btn):hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .fotogalerie a:not(.btn):hover::after{opacity: 1;} .fotogalerie.row_three a.swipebox:not(.btn){padding: 0 0 17%; width: calc(33.33% - 20px / 3); height: 0; margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:not(.btn):nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_three a.swipebox:not(.btn):nth-child(-n + 3){margin-top: 0;} .fotogalerie.row_two{text-align: center;} .fotogalerie.row_two a.swipebox:not(.btn){padding: 0 0 32%; width: calc(50% - 10px / 2); height: 0; margin: 10px 0 0;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(2n){margin: 10px 0 0 10px;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(-n + 2){margin-top: 0;} @media screen and (max-width: 1300px) { .fotogalerie.row_two{text-align: left;} .fotogalerie.row_two a.swipebox:not(.btn){padding: 0 0 17%; width: calc(33.33% - 20px / 3); height: 0; margin: 10px 0 0;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(2n){margin: 10px 0 0;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 900px) { .fotogalerie.row_three a.swipebox:not(.btn){padding: 0 0 23%; width: calc(50% - 10px / 2); margin: 10px 0 0 !important} .fotogalerie.row_three a.swipebox:not(.btn):nth-child(2n){margin: 10px 0 0 10px !important;} .fotogalerie.row_three a.swipebox:not(.btn):nth-child(-n + 2){margin-top: 0 !important;} .fotogalerie.row_two a.swipebox:not(.btn){padding: 0 0 23%; width: calc(50% - 10px / 2); margin: 10px 0 0 !important;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(2n){margin: 10px 0 0 10px !important;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(-n + 2){margin-top: 0 !important;} } @media screen and (max-width: 500px) { .fotogalerie.row_three a.swipebox:not(.btn){padding: 0 0 28%; width: calc(50% - 8px / 2); margin: 8px 0 0 !important} .fotogalerie.row_three a.swipebox:not(.btn):nth-child(2n){margin: 8px 0 0 8px !important;} .fotogalerie.row_three a.swipebox:not(.btn):nth-child(-n + 2){margin-top: 0 !important;} .fotogalerie.row_two a.swipebox:not(.btn){padding: 0 0 23%; width: calc(50% - 8px / 2); margin: 8px 0 0 !important;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(2n){margin: 8px 0 0 8px !important;} .fotogalerie.row_two a.swipebox:not(.btn):nth-child(-n + 2){margin-top: 0 !important;} } .grid{padding: 0; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item{width: 25%; display: inline-block;} .grid .grid-item.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item img{max-width: calc(100% - 8px); display: block; margin: 4px;} .notouch .grid a:hover::before{opacity: 0.90; left: 4px; top: 4px; right: 4px; bottom: 4px;} .notouch .grid a:hover::after{opacity: 1; background-size: 60px 60px;} @media screen and (max-width: 1024px) { .grid .grid-item{width: 33.33%;} } @media screen and (max-width: 768px) { .grid .grid-item{width: 50%;} } .contact_list{display: block; width: 100%; position: relative;} .contact_list .item{position: relative; background: #fff; padding: 0; margin: 20px 0 0; width: calc(33.33% - 240px / 3 - 3px); display: inline-block; vertical-align: top;} .contact_list .item:nth-child(3n - 1){margin: 20px 120px 0;} .contact_list .item:nth-child(-n + 3){margin-top: 0;} .contact_list .item:nth-child(3n - 1)::before{content: ""; position: absolute; top: 0; height: 250px; width: 1px; background: #ebebeb; left: -60px;} .contact_list .item:nth-child(3n - 1)::after{content: ""; position: absolute; top: 0; height: 250px; width: 1px; background: #ebebeb; right: -60px;} .contact_list .item:nth-child(1)::before, .contact_list .item:nth-child(1)::after{display: none} .contact_list .item .img{display: inline-block; vertical-align: middle; width: 140px; height: 140px; position: relative; background-color: #f1f1f1; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .contact_list .item .text{width: calc(100% - 140px - 25px); margin: 0 0 0 20px; display: inline-block; vertical-align: middle;} .contact_list .item .text.full{width: 100% !important; margin: 0 !important;} .contact_list .item .bottom{margin: 20px 0 0; display: block;} .contact_list .item .name{font-size: 14px; line-height: 20px; color: #000; font-weight: 700; margin: 0;} .contact_list .item .post{font-size: 13px; line-height: 20px; color: #808080; font-weight: 400; margin: 0 0 6px; font-style: italic;} .contact_list .item .anotation{font-size: 13px; line-height: 20px; color: #000000; font-weight: 400; margin: 0 0 6px;} .contact_list .item .info{font-size: 13px; line-height: 20px; color: #000000; font-weight: 400; margin: 0;} .contact_list .item .info strong{font-size: 13px; line-height: 20px; color: #000000; font-weight: 700; margin: 0;} .contact_list .item .info a{font-size: 13px; line-height: 20px; color: #000000; font-weight: 400; margin: 0; text-decoration: underline;} .notouch .contact_list .item .info a:hover{text-decoration: none;} @media screen and (max-width: 1400px) { .contact_list .item{margin: 40px 0 0; width: calc(50% - 40px / 2 - 3px);} .contact_list .item:nth-child(3n - 1){margin: 40px 0 0;} .contact_list .item:nth-child(-n + 3){margin-top: 40px;} .contact_list .item:nth-child(2n){margin: 40px 0 0 40px;} .contact_list .item:nth-child(-n + 2){margin-top: 0;} .contact_list .item:nth-child(3n - 1)::before, .contact_list .item:nth-child(3n - 1)::after{display: none;} } @media screen and (max-width: 900px) { .contact_list .item{margin: 40px 0 0; width: 100%; padding: 0; display: block;} .contact_list .item:nth-child(3n - 1){margin: 40px 0 0;} .contact_list .item:nth-child(-n + 3){margin-top: 40px;} .contact_list .item:nth-child(2n){margin: 40px 0 0;} .contact_list .item:nth-child(-n + 2){margin-top: 40px;} .contact_list .item:nth-child(-n + 1){margin-top: 0;} } @media screen and (max-width: 700px) { .contact_list .item .img{width: 100px; height: 100px;} .contact_list .item .text{width: calc(100% - 100px - 25px);} } @media screen and (max-width: 500px) { .contact_list .item{margin-top: 30px 0 0 !important;} .contact_list .item{width: 100%;} .contact_list .item .img{width: 70px; height: 70px;} .contact_list .item .text{width: calc(100% - 70px - 15px); margin: 0 0 0 10px;} .contact_list .item .bottom{margin: 15px 0 0;} .contact_list .item .name{font-size: 12px; line-height: 18px;} .contact_list .item .post{font-size: 12px; line-height: 18px;} .contact_list .item .anotation{font-size: 12px; line-height: 18px;} .contact_list .item .info{font-size: 12px; line-height: 18px;} .contact_list .item .info strong{font-size: 12px; line-height: 18px;} .contact_list .item .info a{font-size: 12px; line-height: 18px;} } /* .service_list{padding: 0; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .service_list .item{padding: 0; width: 25%; display: inline-block;} .service_list .item .in{background: #fff; padding: 20px; margin: 0; width: calc(100% - 62px); border: 1px solid #f1f1f1; display: block; -webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5); box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.5);} .service_list .item .in h2{margin: 0; padding: 0 0 10px; font-size: 16px; line-height: 22px; color: #000; font-weight: 700; text-align: left;} .service_list .item .in .anotation{margin: 0; font-size: 13px; line-height: 18px; color: #000; font-weight: 400; text-align: left;} @media screen and (max-width: 1400px) { .service_list .item{width: 33.33%;} } @media screen and (max-width: 1024px) { .service_list .item{width: 50%;} .service_list .item .in{width: calc(100% - 63px);} } @media screen and (max-width: 700px) { .service_list .item{width: 100%;} .service_list .item .in{width: calc(100% - 42px);} } @media screen and (max-width: 500px) { .service_list .item{width: 100%;} .service_list .item .in{padding: 14px; margin: 0; width: calc(100% - 30px)} .service_list .item .in h2{font-size: 14px; line-height: 20px;} .service_list .item .in .anotation{font-size: 12px; line-height: 18px;} } */ .service_list{display: block; width: 100%; position: relative;} .service_list .item{padding: 0; width: 100%; max-width: 900px; margin: 0 auto; display: block; border-top: 1px solid #f2f2f2;} .service_list .item:nth-child(1){border-top: 0;} .service_list .item h2{font-size: 18px; line-height: 24px; color: #000; font-weight: 400; position: relative; padding: 15px 55px 15px 75px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .service_list .item.hover h2{cursor: pointer;} .service_list .item h2 strong{position: absolute; left: 25px; top: 15px; display: block; font-size: 20px; line-height: 24px; color: #000; font-weight: 700; width: 50px; padding: 0; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .service_list .item h2 .icon{cursor: pointer; z-index: 999; position: absolute; right: 10px; top: calc(50% - 14px); width: 28px; height: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .service_list .item h2 .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 28px; height: 28px; content: ""; background: url(../img/plus.svg) no-repeat scroll center center; background-size: 32px 32px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .service_list .item h2 .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 28px; height: 28px; content: ""; background: url(../img/plus_hover.svg) no-repeat scroll center center; background-size: 32px 32px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .service_list .item.active h2 .icon::before{background: url(../img/minus.svg) no-repeat scroll center center; background-size: 32px 32px;} .service_list .item.active h2 .icon::after{background: url(../img/minus_hover.svg) no-repeat scroll center center; background-size: 32px 32px;} .notouch .service_list .item.hover h2:hover, .service_list .item.hover.active h2{background: #000; color: #fff;} .notouch .service_list .item.hover h2:hover strong, .service_list .item.hover.active h2 strong{color: #fff;} .notouch .service_list .item.hover h2:hover .icon::before, .service_list .item.hover.active h2 .icon::before{opacity: 0;} .notouch .service_list .item.hover h2:hover .icon::after, .service_list .item.hover.active h2 .icon::after{opacity: 1;} .service_list .item .hide{display: none;} .service_list .item .text_box{padding: 25px;} @media screen and (max-width: 800px) { .service_list .item h2{font-size: 16px; line-height: 22px; padding: 10px 55px 10px 55px;} .service_list .item h2 strong{top: 10px; left: 15px; font-size: 18px; line-height: 22px; width: 40px;} .service_list .item .text_box{padding: 15px 15px;} } @media screen and (max-width: 500px) { .service_list .item h2{font-size: 14px; line-height: 20px; padding: 8px 50px 8px 40px;} .service_list .item h2 strong{top: 8px; left: 10px; font-size: 16px; line-height: 20px; width: 30px;} .service_list .item .text_box{padding: 10px 10px;} } .prace_list{width: 100%; position: relative; margin: 0 auto;} .prace_list .item{padding: 30px 0 0; width: 100%; max-width: 900px; margin: 30px auto 0; display: block; border-top: 1px solid #f2f2f2;} .prace_list .item:nth-child(1){border-top: 0;} .prace_list .item .number{border: 1px solid #000000; background: #000000; color: #fff; text-align: center; width: 50px; line-height: 50px; font-size: 18px; font-weight: 700; display: inline-block; vertical-align: top;} .prace_list .item .text{padding: 0 0 0 20px; display: inline-block; vertical-align: top; width: calc(100% - 50px - 20px - 6px); } @media screen and (max-width: 500px) { .prace_list .item .number{width: 30px; line-height: 30px; font-size: 13px;} .prace_list .item .text{padding: 0 0 0 15px; width: calc(100% - 30px - 15px - 6px); } } .finall_order{text-align: left;} .finall_order .text_box p{margin: 0 0 10px;} .finall_order .text_box p:last-of-type{margin: 0 0 20px;} .finall_order.center, .finall_order.center .text_box, .finall_order.center .text_box > *{text-align: center;} img.end_order{max-width: 100px; margin: 0 0 20px; display: block;} img.end_order.center{margin: 0 auto 20px;} .finall_order #error-alert:empty{display: none;} .finall_order #error-alert{padding: 15px; text-align: center; font-size: 12px; line-height: 16px; font-weight: 700; background: #e21414; color: #fff; max-width: 593px; display: block; margin: 0 auto 15px;} #hide_tr{display: none;} a.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #f9f9f9; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top.hide{display: none;} a.scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch a.scroll_top:hover::before{opacity: 0;} .notouch a.scroll_top:hover::after{opacity: 1;} .notouch a.scroll_top:hover{background: #000000; border: 1px solid #000000;} a.scroll_top.active{opacity: 1; bottom: 30px;} .popup_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .popup_popup .box{width: 100%; height: initial; height: auto; position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .popup_popup .boxes{text-align: center; position: relative; width: calc(100% - 60px); max-width: 500px; padding: 0; left: 0; display: inline-block; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 11px 30px 5px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;} .popup_popup .box span.subwarning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;} .popup_popup .box img{margin: 0 auto; display: block; max-width: 100%; max-height: 285px;} .popup_popup .box .text{z-index: 100; position: relative; margin: 0; padding: 0; text-align: center; overflow-y: auto; max-height: calc(100vh - 120px); } .popup_popup .box .text .padding{padding: 20px;} .popup_popup .box .text p{margin: 0;} .popup_popup .boxes .close{z-index: 999; cursor: pointer; overflow: hidden; background: #000000; position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .boxes .close::before{opacity: 1; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .boxes .close::after{opacity: 0; content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close_hover.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .popup_popup .boxes .close:hover{background: #ffffff;} .notouch .popup_popup .boxes .close:hover::before{opacity: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .notouch .popup_popup .boxes .close:hover::after{opacity: 1; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .control_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 110px); max-width: 350px; padding: 40px 50px; left: 0 !important; display: inline-block; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;} .control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 5px 0;} .control_popup .box .btn{z-index: 100; position: relative;} @media screen and (max-width: 768px) { .control_popup .boxes{padding: 25px 40px;} .control_popup .box span.warning{font-size: 16px; line-height: 20px;} .control_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong{font-size: 12px; line-height: 16px;} } @media screen and (max-width: 1024px) { #tracy-debug{display: none !important} } /*SWIPEBOX*/ html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;max-width:100%;z-index:99999!important;overflow:hidden;-webkit-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:90%;max-width:90%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(/style/images/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:0;min-height:0;width:100%}#swipebox-bottom-bar{bottom:50%}#swipebox-top-bar{bottom:0;height: initial; height: auto; text-align:center;color:#fff!important;font-size:15px;line-height:19px;}#swipebox-title{display:inline-block; max-width: 90%;text-align:center;background:#000000;margin:0 auto;padding:10px 25px}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(/style/images/icons.png);background-repeat:no-repeat;background-color:#000000;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0;-webkit-transition: background 400ms ease; transition: background 400ms ease;}.notouch #swipebox-close:not(.disabled):hover,.notouch #swipebox-next:not(.disabled):hover,.notouch #swipebox-prev:not(.disabled):hover{background-color: #3a3a3a; }#swipebox-arrows{display:block;margin:0 auto;width:100%;height:0;min-height:0}#swipebox-prev{background-position:-32px 13px;float:left;margin:-25px 0 0}#swipebox-next{background-position:-78px 13px;float:right;margin:-25px 0 0}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@keyframes leftSpring{0%,100%{left:0}50%{left:30px}}#swipebox-overlay{background:rgba(0,0,0,.75)}#swipebox-bottom-bar,#swipebox-top-bar{opacity:.95} /*OWLCAROUSEL*/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;border-radius:20px;background:#869791;-webkit-transition:all .4s ease;transition:all .4s ease}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} /*COOKIES*/ .cc_banner-wrapper{z-index:99999;position:relative;min-height:0}.cc_container .cc_message{padding:0}.cc_container .cc_message a{-webkit-transition:all 400ms ease;transition:all 400ms ease}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container .cc_btn{display:block;margin-left:10px;float:right}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;background:#fff;box-sizing:border-box;border:1px solid #ccc;padding:10px;color:#000}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:.8s;-webkit-animation-duration:.8s;-webkit-animation-name:slideUp;animation-name:slideUp} .cc_container .cc_message{margin: 10px 0 ; font-size: 13px; line-height: 14px;} .cc_container .cc_message a{font-size: 13px; line-height: 14px; font-weight: 700; color: #000000;} .notouch .cc_container .cc_message a:hover{text-decoration: underline;} /*BXSLIDER*/ .bx-wrapper{position:relative;padding:0;max-width: 100% !important;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none;display:none}.bx-wrapper ul.bxslider{display:block}.bx-viewport{-webkit-transform:translatez(0)}.bx-viewport::before{z-index:99;position:absolute;top:0;bottom:0;right:-1px;width:50px;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);content:"";display:block}.bx-viewport::after{z-index:99;position:absolute;top:0;bottom:0;left:-1px;width:50px;background:-moz-linear-gradient(left,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1);content:"";display:block}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:#fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,0.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} .gm-style .controls { font-size: 28px; /* this adjusts the size of all the controls */ background-color: white; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; box-sizing: border-box; border-radius: 2px; cursor: pointer; font-weight: 300; height: 1em; margin: 6px; text-align: center; user-select: none; padding: 2px; width: 1em; } .gm-style .controls button { border: 0; background-color: white; color: rgba(0, 0, 0, 0.6); } .gm-style .controls button:hover { color: rgba(0, 0, 0, 0.9); } .gm-style .controls.zoom-control { display: flex; flex-direction: column; height: auto; } .gm-style .controls.zoom-control button { font: 0.85em Arial; margin: 1px; padding: 0; } .gm-style .controls.maptype-control { display: flex; flex-direction: row; width: auto; } .gm-style .controls.maptype-control button { display: inline-block; font-size: 0.5em; margin: 0 1px; padding: 0 6px; } .gm-style .controls.maptype-control.maptype-control-is-map .maptype-control-map { font-weight: 700; } .gm-style .controls.maptype-control.maptype-control-is-satellite .maptype-control-satellite { font-weight: 700; } .gm-style .controls.fullscreen-control button { display: block; font-size: 1em; height: 100%; width: 100% } .gm-style .controls.fullscreen-control .fullscreen-control-icon { border-style: solid; height: 0.25em; position:absolute; width: 0.25em; } .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen- control-top-left { border-width: 2px 0 0 2px; left: 0.1em; top: 0.1em; } .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left { border-width: 0 2px 2px 0; } .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right { border-width: 2px 2px 0 0; right: 0.1em; top: 0.1em; } .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right { border-width: 0 0 2px 2px; } .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left { border-width: 0 0 2px 2px; left: 0.1em; bottom: 0.1em; } .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left { border-width: 2px 2px 0 0; } .gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right { border-width: 0 2px 2px 0; right: 0.1em; bottom: 0.1em; } .gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right { border-width: 2px 0 0 2px; }