/*GLOBAL*/ ,nav,section,article,aside,footer,hgroup{display:block;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px !important; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} span.clear{margin: 4px 0 0} .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} .align-right{text-align: right !important} .align-center{text-align: center !important} 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;} .font_size{font-size: 0;} .need{color: #cc0000;} .color_orange{color: #ff5700 !important;} .message_centering{z-index: 999999; min-height: 0; position: absolute; top: -200px; width: 100%; max-width: 900px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; -ms-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active{top: 100%;} .flash{max-width: 700px; margin: 0 auto; min-height: 0; font-size: 13px; line-height: 20px; font-weight: 400; padding: 10px 54px; clear: both; position: relative; letter-spacing: 0.5px;} .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 #ff5700;} .alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #009e08;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1.main, h2.main, h3.main{font-size: 25px; font-weight: 300; line-height: 32px; text-transform: uppercase; margin: 0; padding: 0; text-align: left;} h1.align_left{text-align: left !important;} h3.main.align_center{text-align: center; margin: 0 0 20px;} h1{color: #000; font-size: 30px; line-height: 34px; font-weight: 700; margin: 0 0 30px; text-align: left; max-width: calc(100% - 160px);} h1 strong{color: #ea2127; font-size: 30px; line-height: 34px; font-weight: 700; text-align: left;} h2{color: #000; font-size: 26px; line-height: 30px; font-weight: 700; margin: 30px 0 10px; text-align: left;} h2.center{text-align: center; position: relative; margin: 30px 0;} h2.center::before{z-index: 0; position: absolute; top: 50%; height: 1px; width: 100%; border-top: 1px dotted #c9c9c9; left: 0; right: 0; content: ""; display: block;} h2 span{z-index: 10; position: relative; color: #000; font-size: 26px; line-height: 30px; font-weight: 700; margin: 0; text-align: center; display: inline-block; zoom: 1; *display: inline; background: #fff; padding: 0 20px;} h3{color: #000; font-size: 22px; line-height: 26px; font-weight: 700; margin: 30px 0 10px; text-align: left;} h4, h5, h6{color: #000; font-size: 20px; line-height: 24px; font-weight: 700; margin: 30px 0 10px; text-align: left;} p, strong, b, div, article, i, u, li, a, .text_page, label{font-size: 14px; font-weight: 400;} strong, b{font-weight: 600} sup{color: inherit; font-size: 12px;} article a, article a strong, article strong a{font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:hover, .notouch article a:hover strong, .notouch article strong a:hover{color: #EA2127;} article{clear: both; margin: 0 auto; text-align: justify; line-height: 22px;} article p, article div{margin:0 0 15px; text-align: justify; line-height: 22px;} article .text_p{margin: 0; } article ul{margin: 15px 0; padding: 0;} article ul li{padding: 0 0 0 25px; margin: 5px 0; position: relative; font-weight: 400; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 9px 8px; background-size: 6px 9px;} article ol{margin: 15px 0; padding: 0; counter-reset: item;} article ol li{padding: 0 0 0 25px; margin: 5px 0; position: relative; font-weight: 400; list-style-type: none; counter-increment: item;} article ol li:before{position: absolute; top: 0; left: 0px; display: block; padding-right: 5px; font-weight: 700; text-align: right; content: counter(item) ".";} article ol ol{margin: 0; padding: 0;} article ol ul{margin: 0; padding: 0;} article ol ul li{background: url(../img/drobky_arrow.svg) no-repeat scroll 9px 8px; background-size: 6px 9px; padding: 0 0 0 25px;} article 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: 700; margin: 30px 0 10px; text-align: left;} article table thead{margin-bottom: 3px;} article table thead tr th, article table tr:first-child th{text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 600; line-height: 20px; padding: 10px 14px; background: #000; color: #fff; border: 1px solid #666; border-right: 0;} article table tr td{text-align: left; font-size: 14px; line-height: 20px; padding: 8px 14px; font-weight: 400; border: 1px solid #cacaca;} article table tr:nth-child(even) td{background: #fff;} article table tr:nth-child(odd) td{background: rgba(203,203,203,0.2);} article table.gdpr th{text-align: left !important; text-transform: none !important;} article table.gdpr td{background: #ffffff !important;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{font-size: 14px;} article table.gdpr th, article table.gdpr td{padding: 5px 7px !important;} article img{max-width: 100%; margin: 0 auto 15px; display: block; } article img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir{float: right; margin: 10px 0 10px 30px;} input[type=text], input[type=password], input[type=submit], textarea{font-family: 'acumin-pro', sans-serif, Arial; font-weight: 400; margin: 0;} article, div, li{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f1f1f1 ;} body{color: #323334; overflow-x: hidden; -webkit-text-size-adjust: none; background: #fff; text-rendering: auto; margin: 0 auto; font-family: 'acumin-pro', sans-serif, Arial; padding: 0; font-weight: 400; 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);} .rot{opacity:0; bottom:0;color:#333;display:block;font-size:22px;font-weight:normal;height:15px; margin:0 auto;position:absolute;left:-30px;top:25px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);white-space:nowrap;width:15px;z-index:4} .inside{position: relative; width: 90%; padding: 0 5%; max-width: 1520px; margin: 0 auto;} .small_inside{position: relative; z-index: 100; width: 92%; padding: 0 4%; max-width: 840px; margin: 0 auto;} .middle_inside{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1150px; margin: 0 auto;} .btn{overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; padding: 7px 25px; font-size: 13px; line-height: 20px; font-weight: 500; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .btn.small{padding: 4px 18px; font-size: 12px; line-height: 18px; font-weight: 400; text-transform: none;} .btn.full{width: 100%; text-align: center; padding: 0; max-width: 200px; margin: 0 auto;} .btn.line_height{line-height: 30px;} .btn.inline{display: inline-block; zoom: 1; *display: inline; 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: 25px;} .btn.ultra_margin_bottom{margin-bottom: 25px;} .btn.ultra_margin_right{margin-right: 25px;} .btn.ultra_margin_left{margin-left: 25px;} .btn.bg_black{background: #333333;} .btn.bg_red{background: #ea2127;} .btn.bg_blue{background: #133e67;} .btn.bg_white{background: #ffffff;} .btn.border_black{border: 1px solid #333333;} .btn.border_red{border: 1px solid #ea2127;} .btn.border_blue{border: 1px solid #133e67;} .btn.border_white{border: 1px solid #ffffff;} .btn.color_white{color: #fff;} .btn.color_black{color: #333333;} .notouch .btn.border_red.bg_red.color_white:hover, .btn.border_red.bg_red.color_white.active{background: #fff; color: #ea2127;} .notouch .btn.border_black.bg_black.color_white:hover, .btn.border_black.bg_black.color_white.active{background: #ea2127; border: 1px solid #ea2127; color: #fff;} .notouch .btn.border_blue.bg_blue.color_white:hover, .notouch .fileUpload:hover .btn.border_blue.bg_blue.color_white, .notouch a.item:hover .btn.border_blue.bg_blue.color_white, .btn.border_blue.bg_blue.color_white.active{background: #ea2127; border: 1px solid #ea2127; color: #fff;} .notouch .btn.border_white.bg_white.color_black:hover, .notouch .fileUpload:hover .btn.border_white.bg_white.color_black, .notouch a.item:hover .btn.border_white.bg_white.color_black, .btn.border_white.bg_white.color_black.active{background: #ea2127; border: 1px solid #ea2127; color: #fff;} @media screen and (max-width: 767px) { .btn{padding: 7px 15px; text-transform: none;} article{text-align: left; line-height: 26px;} article p, article div{text-align: left; line-height: 26px;} h1{font-size: 24px; line-height: 30px;} h1{max-width: 100%;} } .header_height{display: block; width: 100%; position: relative; height: 92px;} header{font-size: 0; z-index: 9999; text-align: center; position: fixed; margin: 0 auto; left: 0; right: 0; top: 0; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);} header a.logo{width: 160px; height: 65px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} header a.logo img{width: 160px; height: 65px; display: block;} header ul{height: 92px; margin: 0 80px; padding: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} header ul li{position: relative; list-style: none; display: block; float: left;} header ul li a{text-transform: uppercase; display: block; line-height: 92px; font-size: 14px; font-weight: 400; padding: 0 15px; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header ul li:hover a, header ul li.active a{background: #133E67; color: #fff;} header ul li ul{height: initial; height: auto; z-index: 0; margin: 0; padding: 6px; position: absolute; top: 100%; left: 50%; background: #f2f2f2; border: 1px solid #e0e0e0; display: none; /*box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3);*/ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } header ul li ul:after{bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(19, 62, 103, 0); border-bottom-color: #f2f2f2; border-width: 10px;margin-left: -10px;} .notouch header ul li:hover ul{display: block;} header ul li ul li{margin: 6px 0 0; list-style: none; display: block; width: 100%; padding: 0;} header ul li ul li a{border: 0 !important; background: #f2f2f2 !important; text-transform: none; font-weight: 600; white-space: nowrap; display: block; border-top: 0 !important; padding: 0 36px; line-height: 32px; text-align: center; color: #000 !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header ul li ul li:first-child a{border: 0 !important} header ul li ul li:first-child{margin-top: 0;} .notouch header ul li ul li a:hover, header ul li ul li.active a{background: #133E67 !important; color: #fff !important;} header ul.silencer{width: 300px; height: initial; height: auto; z-index: 0; margin: 0; padding: 6px; position: absolute; top: 100%; left: 50%; background: #f2f2f2; border: 1px solid #e0e0e0; display: none; /*box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 11px 1px rgba(0, 0, 0, 0.3);*/ -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } header ul.silencer.active{display: block} header ul.silencer:after{bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(19, 62, 103, 0); border-bottom-color: #f2f2f2; border-width: 10px;margin-left: -10px;} header ul.silencer li{margin: 6px 0 0; list-style: none; display: block; width: 100%; padding: 0;} header ul.silencer li a{border: 0 !important; background: #f2f2f2 !important; text-transform: none; font-weight: 600; display: block; border-top: 0 !important; padding: 6px 10px; line-height: 20px; text-align: center; color: #000 !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header ul.silencer li:first-child a{border: 0 !important} header ul.silencer li:first-child{margin-top: 0;} .notouch header ul.silencer li a:hover, header ul.silencer li.active a{background: #133E67 !important; color: #fff !important;} header form{position: relative; margin: 0 80px 0 0; padding: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} header form input[type=text]{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; border: 0; border: 1px solid #CCCCCC; background: #f2f2f2; font-size: 14px; line-height: 20px; padding: 6px 15px; width: 220px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} header form input[type=text]:focus{border: 1px solid #133e67;} header form button{display: inline-block; zoom: 1; *display: inline; width: 19px; height: 19px; vertical-align: middle; background: none; border: 0; padding: 0; margin: 0 0 0 8px; position: relative;} header form button::before{opacity: 1; content: ""; width: 19px; height: 19px; position: absolute; top: 0; left: 0; display: block; background: url(../img/search_icon.svg) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header form button::after{opacity: 0; content: ""; width: 19px; height: 19px; position: absolute; top: 0; left: 0; display: block; background: url(../img/search_icon_hover.svg) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header form button:hover::before{opacity: 0;} .notouch header form button:hover::after{opacity: 1;} header .phone_box{font-size: 14px; line-height: 20px; color: #ea2127; font-weight: 400; text-align: center; margin: 0; padding: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} header .phone_box a{text-decoration: underline; display: block; font-size: 14px; line-height: 20px; color: #ea2127; font-weight: 600; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .phone_box a:hover{color: #000000; } header a.fb{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 50px; border-left: 1px solid #CCCCCC; width: 45px; height: 33px; position: relative;} header a.fb::before{opacity: 1; content: ""; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; display: block; background: url(../img/header_fb.svg) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header a.fb::after{opacity: 0; content: ""; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; display: block; background: url(../img/header_fb_hover.svg) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header a.fb:hover::before{opacity: 0;} .notouch header a.fb:hover::after{opacity: 1;} header a.g{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 50px 0 0; border-right: 1px solid #CCCCCC; width: 45px; height: 33px; position: relative;} header a.g::before{opacity: 1; content: ""; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; display: block; background: url(../img/header_g.svg) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header a.g::after{opacity: 0; content: ""; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin: -15px 0 0 -15px; display: block; background: url(../img/header_g_hover.svg) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header a.g:hover::before{opacity: 0;} .notouch header a.g:hover::after{opacity: 1;} header .lang_box{text-align: center; margin: 0 0 0 50px; padding: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} header .lang_box a{display: block; font-size: 14px; line-height: 20px; color: #000000; font-weight: 200; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header .lang_box a.active{font-weight: 700;} .notouch header .lang_box a:hover{color: #ea2127; } .mobile_phone_box{background: #f2f2f2; font-size: 14px; line-height: 20px; color: #ea2127; font-weight: 400; text-align: center; margin: 0; padding: 3px 0 8px; display: none; vertical-align: middle;} .mobile_phone_box span{display: inline-block; vertical-align: middle; margin: 0 20px; } .mobile_phone_box a{display: inline-block; vertical-align: middle; margin: 0 20px; text-decoration: underline; font-size: 14px; line-height: 20px; color: #ea2127; font-weight: 600; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .mobile_phone_box a:hover{color: #000000; } .open_close_navigation{text-align: center; display: none; position: relative; height: 52px; width: 52px; z-index: 99999; padding: 0; margin: 19px 40px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;} .open_close_navigation button {background: none; border: none; display: inline-block; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 24px 11px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; 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: #000; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #000; 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: #000;} .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);} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #ea2127;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #ea2127;} .notouch .open_close_navigation:hover .lines{background: #ea2127;} .ipad_menu{display: block !important; position: absolute; top: -900px; right: 0; left: 0; background: #ffffff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); padding: 89px 0 0; z-index: 999; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 0;} .ipad_menu.active{display: block !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.lang{display: none;} .ipad_menu ul li.lang a{display: inline-block; zoom: 1; *display: inline; width: calc(33.33% - 31px); border-left: 1px solid #ccc;} .ipad_menu ul li a{border-top: 1px solid #CCCCCC; position: relative; font-size: 14px; line-height: 56px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul li a:hover, .ipad_menu ul li.active a, .ipad_menu ul li a.active{background: #133E67; color: #fff;} .ipad_menu ul ul{display: none;} .ipad_menu ul ul li{} .ipad_menu ul ul li a{background: #f6f6f6 !important; border: 0 !important; border-top: 1px solid #fff !important; position: relative; font-size: 14px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #000000 !important; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul ul li:first-child a{border: 0 !important;} .notouch .ipad_menu ul ul li:hover a, .ipad_menu ul ul li.active a{background: #e2e2e2 !important;} .ipad_menu ul li .icon{z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 38px; height: 38px; background: #ea2127; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul li .icon::before{display: block; width: 38px; height: 38px; content: ""; position: absolute; top: 0; left: 0; background: url(../img/ipad_menu_arrow.png) no-repeat scroll center center;} .ipad_menu ul li .icon.active::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} .notouch .ipad_menu ul li:hover .icon, .ipad_menu ul li.active .icon{background: #ea2127;} @media screen and (max-width: 1840px) and (min-width: 1600px) { header ul{margin: 0 30px;} header ul li a{padding: 0 10px;} header form{margin: 0 30px 0 0;} header form input[type=text]{width: 150px;} header a.fb{margin: 0 0 0 30px; width: 35px;} header a.g{margin: 0 30px 0 0; width: 35px;} header .lang_box{margin: 0 0 0 30px;} } @media screen and (max-width: 1599px) and (min-width: 1480px) { header ul{margin: 0 30px;} header ul li a{padding: 0 10px;} header form{margin: 0 30px 0 0;} header form input[type=text]{width: 150px;} header a.fb{display: none;} header a.g{display: none;} header .lang_box{border-left: 1px solid #ccc; margin-left: 20px; padding-left: 20px;} } @media screen and (max-width: 1479px) and (min-width: 1281px) { header a.logo, header a.logo img{width: 124px; height: 50px;} header ul{margin: 0 30px;} header ul li a{font-size: 13px; padding: 0 10px;} header form{margin: 0 30px 0 0;} header form input[type=text]{width: 150px;} header a.fb{display: none;} header a.g{display: none;} header .lang_box{border-left: 1px solid #ccc; margin-left: 0; padding-left: 30px; margin-left: 30px;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { header a.logo, header a.logo img{width: 106px; height: 43px;} header ul{margin: 0 20px;} header ul li a{font-size: 13px; padding: 0 7px; text-transform: none;} header form{margin: 0 20px 0 0;} header form input[type=text]{width: 140px;} header a.fb{display: none;} header a.g{display: none;} header .lang_box{border-left: 1px solid #ccc; margin-left: 0; padding-left: 15px; margin-left: 15px;} } @media screen and (max-width: 1024px) and (min-width: 768px) { header{position: absolute; top: 0 !important;} header a.logo, header a.logo img{width: 106px; height: 43px;} header ul{display: none;} .open_close_navigation{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;;} header form{margin: 0 40px 0 0;} header form input[type=text]{width: 140px;} header a.fb{margin: 0 0 0 40px; } header a.g{margin: 0 40px 0 0 ; } header .lang_box{margin: 0 0 0 40px;} } @media screen and (max-width: 900px) and (min-width: 768px) { header form{margin: 0 30px 0 0;} header form input[type=text]{width: 140px;} header a.fb{margin: 0 0 0 30px ;} header a.g{margin: 0 30px 0 0;} header .phone_box{display: none;} .open_close_navigation{margin: 19px 30px;} header .lang_box{margin: 0;} header a.logo, header a.logo img{width: 106px; height: 43px;} .mobile_phone_box{display: block;} } @media screen and (max-width: 767px) { header{position: absolute; top: 0 !important; padding: 0 5%; box-sizing: border-box; display: flex; justify-content: center; align-items: center;} header ul.silencer{display: none !important;} header form{margin: 0; display: flex; align-items: center; justify-content: flex-end;} header form input[type=text]{width: 100%; max-width: 180px;} header form button{min-width: 19px;} header a.logo, header a.logo img{width: 79px; height: 32px; flex-grow: 1;} .header_height{height: 64px;} header ul{display: none;} .open_close_navigation{margin: 6px 10px;} .open_close_navigation{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;;} header a.fb{display: none;} header a.g{display: none;} header .phone_box{display: none;} header .lang_box{display: none;} .ipad_menu{padding: 64px 0 0} .ipad_menu ul li.lang{display: block;} .mobile_phone_box{display: block;} } .main_top{z-index: 0; position: relative; width: 100%; height: 380px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} .sub .main_top{height: 160px;} .main_top .skew_box{z-index: 10; position: relative; left: 50%; top: 0; bottom: 0; height: 380px; width: 410px; background: #fff; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg);} .main_top .skew_box .main_slider{display: none; opacity: 0; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg);} .main_top .skew_box .main_slider .slide{width: 100%; display: table; table-layout: fixed; height: 380px;} .main_top .skew_box .main_slider .slide .centering{display: table-cell; vertical-align: middle; width: 100%;} .main_top .skew_box .main_slider .slide .centering img{max-width: 320px; display:block; margin: 0 auto;} .main_top .skew_box .main_slider.owl-carousel .owl-controls{left: 0; right: 0; top: 50%; margin-top: -17px; position: absolute; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg);} .main_top .skew_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev{width: 62px; height: 34px; background: #133E67; left: -35px; position:absolute; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .skew_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next{width: 62px; height: 34px; background: #133E67; right: -35px; position:absolute; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .skew_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .main_top .skew_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{-ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); position: absolute; content: ""; width: 62px; height: 34px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .skew_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before{background: url(../img/arrow_left.svg) no-repeat scroll center center; background-size: 20px 14px;} .main_top .skew_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{background: url(../img/arrow_right.svg) no-repeat scroll center center; background-size: 20px 14px;} .notouch .main_top .skew_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover, .notouch .main_top .skew_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover{background: #ea2127;} .main_top .text_box{width: calc(50% - 530px); position: absolute; right: 0; padding: 0 40px 0 200px; top: 0; bottom: 0; height: 380px; background: url(../img/blue_bg.jpg) repeat-x center top;} .main_top .text_box p{font-size: 18px; line-height: 24px; color: #fff; font-weight: 300; margin: 0; } .main_top .text_box p.main_slider_text{opacity: 1 !important; display: block !important;} .main_top .text_box p strong{font-size: 18px; line-height: 24px; color: #fff; font-weight: 700;} .main_top .text_box .slider_text{height: 341px; display: table; width: 100%; padding: 0 0 39px;} .main_top .text_box .slider_text .centering{display: table-cell; vertical-align: middle; width: 100%;} .main_top .text_box .slider_text p{margin: 0; display: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;} .main_top .text_box .slider_text p.active{display: block;} .main_top .text_box .slider_text p .box{height: 120px; display: table; margin: 0;} .main_top .text_box .slider_text p .box .centering{font-size: 30px; line-height: 38px; color: #fff; font-weight: 100; text-align: left; text-transform: uppercase; height: 76px; margin: 0;} @media screen and (max-width: 1840px) and (min-width: 1600px) { .main_top{height: 380px;} .main_top .skew_box{left: 40%; height: 380px;} .main_top .skew_box .main_slider .slide{ height: 380px;} .main_top .text_box{width: calc(60% - 550px); padding: 0px 40px 0 240px; height: 500px;} .main_top .text_box .slider_text{height: 341px; padding: 0 0 39px;} } @media screen and (max-width: 1599px) and (min-width: 1480px) { .main_top{height: 380px;} .main_top .skew_box{left: 34%; height: 380px;} .main_top .skew_box .main_slider .slide{ height: 380px;} .main_top .text_box{width: calc(66% - 550px); padding: 0px 40px 0 240px; height: 500px;} .main_top .text_box .slider_text{height: 341px; padding: 0 0 39px;} } @media screen and (max-width: 1479px) and (min-width: 1281px) { .main_top{height: 300px;} .main_top .skew_box{left: 24%; height: 300px;} .main_top .skew_box .main_slider .slide{ height: 300px;} .main_top .text_box{width: calc(76% - 550px); padding: 0px 40px 0 240px; height: 300px;} .main_top .text_box .slider_text{height: 261px; padding: 0 0 39px;} .main_top .text_box .slider_text p .box{height: 100px;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .main_top{height: 300px;} .main_top .skew_box{left: 14%; height: 300px; width: 380px;} .main_top .skew_box .main_slider .slide .centering img{max-width: 290px;} .main_top .skew_box .main_slider .slide{ height: 300px;} .main_top .text_box{width: calc(86% - 490px); padding: 0px 40px 0 240px; height: 300px;} .main_top .text_box .slider_text{height: 261px; padding: 0 0 39px;} .main_top .text_box .slider_text p .box{height: 100px;} .main_top .text_box p{font-size: 16px;} } @media screen and (max-width: 1024px) and (min-width: 768px) { .main_top{height: 320px;} .main_top .skew_box{left: 10%; height: 320px; width: 380px;} .main_top .skew_box .main_slider .slide .centering img{max-width: 290px;} .main_top .skew_box .main_slider .slide{ height: 320px;} .main_top .text_box{width: calc(90% - 490px); padding: 0px 40px 0 240px; height: 320px;} .main_top .text_box .slider_text{height: 281px; padding: 0 0 39px;} .main_top .text_box .slider_text p .box{height: 120px;} .main_top .text_box p{font-size: 16px;} } @media screen and (max-width: 900px) and (min-width: 768px) { .main_top{height: 160px; margin-bottom: 109px;} .sub .main_top{margin: 0;} .main_top .skew_box{display: none;} .main_top .text_box{bottom: initial; bottom: auto; z-index: 999; position: absolute; top: 160px; left: 0; right: 0; width: 94%; padding: 30px 3%; height: initial; height: auto;} .main_top .text_box p{text-align: center;} .main_top .text_box .slider_text{display: block; height: initial; height: auto; padding: 0;} .main_top .text_box .slider_text .centering{display: block;} .main_top .text_box .slider_text p{display: none !important; opacity: 0 !important;} .main_top .text_box .slider_text p.main_slider_text{display: block !important; opacity: 1 !important;} } @media screen and (max-width: 767px) { .main_top{height: 120px; margin-bottom: 104px;} .sub .main_top{margin: 0; height: 90px;} .main_top .skew_box{display: none;} .main_top .text_box{bottom: initial; bottom: auto; z-index: 999; position: absolute; top: 120px; left: 0; right: 0; width: 94%; padding: 20px 3%; height: initial; height: auto;} .main_top .text_box p{text-align: center; font-size: 14px; line-height: 20px;} .main_top .text_box .slider_text{display: block; height: initial; height: auto; padding: 0;} .main_top .text_box .slider_text .centering{display: block;} .main_top .text_box .slider_text p{display: none !important; opacity: 0 !important;} .main_top .text_box .slider_text p.main_slider_text{display: block !important; opacity: 1 !important;} .main_top .text_box p strong{font-size: 14px; line-height: 20px;} } .news{padding: 85px 0;} .news h3{font-size: 30px; line-height: 36px; margin: 0; padding: 0 0 40px; font-weight: 100; text-align: center; text-transform: uppercase; color: #000000;} .news .img{position: relative; z-index: 0; margin-right: -5px; width: 50%; max-width: 810px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; height: 400px;} .news .img .item{height: 400px; position: relative; width: 100%; background-attachment: local; background-repeat: no-repeat; background-position: 50% center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .news .text{z-index: 10; position: relative; margin-right: -5px; width: 40%; width: calc(50% - 140px); padding-left: 140px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .news .text .top{margin: 0; width: 100%; display: block;} .news .text .top span{font-size: 14px; line-height: 20px; color: #000; font-weight: 400; display: block;} .news .text .top span.date{float: left;} .news .text .top span.section{float: right;} .news .text .title{display: block; font-size: 20px; line-height: 26px; padding: 15px 0; color: #000000; font-weight: 500; text-align: left; margin: 0; position: relative;} .news .text .title a{display: block; font-size: 20px; line-height: 26px; color: #000000; font-weight: 500; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .news .text.hover_efekt .title a{color: #ea2127;} .news .text .anotation{position: relative; font-size: 15px; line-height: 22px; margin: 0; padding: 0 0 18px; font-weight: 300; text-align: left; color: #4D4D4D;} .news .news_slider .owl-controls{z-index: 10; position: absolute; left: 0; right: 50%; bottom: -54px; margin: 0;} .news .news_slider .owl-controls.clickable .owl-page span, .news .news_slider .owl-controls .owl-page span{-ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); margin: 0 8px 12px; width: 26px; height: 5px; background: #133E67; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news .news_slider .owl-controls.clickable .owl-page:hover span, .news .news_slider .owl-controls .owl-page.active span{background: #ea2127;} @media screen and (max-width: 1479px) and (min-width: 1281px) { .news_slider{height: 320px;} .news .img{height: 320px;} .news .img .item{height: 320px;} .news .text{width: calc(50% - 90px); padding-left: 90px;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .news_slider{height: 260px;} .news .img{height: 260px;} .news .img .item{height: 260px;} .news .text{width: calc(50% - 90px); padding-left: 90px;} } @media screen and (max-width: 1024px) and (min-width: 768px) { .news_slider{height: 280px;} .news .img{height: 280px;} .news .img .item{height: 280px;} .news .text{width: calc(50% - 50px); padding-left: 50px;} .news .text .title a, .news .text .title{font-size: 18px; line-height: 24px;} } @media screen and (max-width: 900px) and (min-width: 768px) { .news{padding: 60px 0 100px;} } @media screen and (max-width: 767px) { .news{padding: 60px 0 100px;} .news_slider{height: initial; height: auto;} .news .img{height: 160px; width: 100%; display: block; margin: 0 0 20px;} .news .img .item{height: 160px;} .news .text{display: block; width: 100%; padding: 0; margin: 0;} .news .text .title a, .news .text .title{font-size: 18px; line-height: 24px;} .news .news_slider .owl-controls{right: 0;} } .news_list{width: 100%; padding: 0; margin: 0 0 -40px;} .news_list.margin{margin: 0;} .news_list .item{border: 1px solid #e6e6e6; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(32% - 6px); margin: 0 0 2% 0; background: #fff;} .news_list .item:nth-child(3n - 1){margin: 0 2% 2%;} .news_list .item span.text{padding: 25px 25px 30px; display: block;} .news_list .item span.img{display: block; height: 180px; width: 100%; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: center top; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .news_list .item span.date{float: left; display: block; padding: 10px 0; font-size: 14px; line-height: 20px; color: #133E67; text-align: left; } .news_list .item span.title{float: none; display: block; margin: 0 0 10px; height: 40px; overflow: hidden; font-size: 14px; font-weight: 700; line-height: 20px; color: #000000; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item:hover span.title{color: #ea2127;} .news_list .item span.anotation{height: 60px; overflow: hidden; float: none; display: block; margin: 10px 0; padding: 0; font-size: 13px; line-height: 20px; color: #00203d; text-align: justify; } @media screen and (max-width: 1479px) and (min-width: 1281px) { .news_list .item{width: calc(49% - 2px); margin: 0 -4px 2% 0 !important;} .news_list .item:nth-child(2n){margin: 0 -4px 2% 2% !important;} .news_list .item span.text{padding: 15px 15px 20px;} .news_list .item span.img{height: 140px;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .news_list .item{width: calc(49% - 2px); margin: 0 -4px 2% 0 !important;} .news_list .item:nth-child(2n){margin: 0 -4px 2% 2% !important;} .news_list .item span.text{padding: 15px 15px 20px;} .news_list .item span.img{height: 140px;} } @media screen and (max-width: 1024px) and (min-width: 768px) { .news_list .item{width: calc(48% - 2px); margin: 0 -4px 2% 0 !important;} .news_list .item:nth-child(2n){margin: 0 -4px 2% 2% !important;} .news_list .item span.text{padding: 15px 15px 20px;} .news_list .item span.img{height: 140px;} } @media screen and (max-width: 900px) and (min-width: 768px) { } @media screen and (max-width: 767px) { .news_list .item{width: calc(100% - 2px); margin: 0 0 20px 0 !important; display: block;} .news_list .item span.text{padding: 15px 15px 20px;} .news_list .item span.img{height: 140px;} } .welcome{background: #f7f7f7;position: relative; z-index: 100; padding: 85px 0; margin: 0 auto;} .welcome::before{position: absolute; left: 5%; right: 5%; top: 0; border-top: 1px solid #f0f0f0; display: block; content: "";} .welcome h3{font-size: 30px; line-height: 36px; margin: 0; padding: 0 0 40px; font-weight: 100; text-align: center; text-transform: uppercase; color: #000000;} @media screen and (max-width: 900px) and (min-width: 768px) { .welcome{padding: 60px 5%} } @media screen and (max-width: 767px) { .welcome{padding: 60px 5%} } .about{ padding: 50px 0; text-align: center;} .about .img{overflow: hidden; width: 464px; margin-right: 100px; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); padding: 0 4% 0 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .about .img img{width: 600px; display: block; margin: 0 0 0 -65px; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg);} .about .text{max-width: calc(96% - 464px - 100px); padding: 0; margin-right: -4px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .about .text h3{font-size: 30px; line-height: 36px; margin: 0; padding: 0; font-weight: 200; text-align: left; text-transform: uppercase; color: #000000;} .about .text img{margin: 20px 0 0; display: block; width: 200px;} .about .text article{padding: 30px 0 0; margin: 0;} @media screen and (max-width: 1280px) and (min-width: 1025px) { .about .img{display: none;} .about .text{max-width: 800px; width: 94%;} } @media screen and (max-width: 1024px) and (min-width: 768px) { .about .img{display: none;} .about .text{max-width: 800px; width: 94%;} } @media screen and (max-width: 900px) and (min-width: 768px) { .about{padding: 60px 0;} } @media screen and (max-width: 767px) { .about{padding: 40px 0;} .about .text article{padding: 10px 0 0;} .about .img{display: none;} .about .text{max-width: 800px; width: 94%;} } .drobky{white-space: nowrap; border-bottom: 1px solid #e6e6e6; z-index: 100; position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 0;} .drobky ul{ overflow: hidden; max-width: calc(100% - 160px); margin: 0; padding: 10px 0; text-align: left; position: relative;} .drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: 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 li{position: relative; z-index: 9; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; background: url(../img/drobky_arrow.svg) no-repeat scroll left 8px; background-size: 6px 9px; padding-left: 6px;} .drobky ul li.first{background: none; margin: 2px -4px 2px 0; } .drobky ul li.first a{padding: 0 13px 0 0; width: 20px; height: 20px;} .drobky ul li.first a::before{position: absolute; left: 0; top: 0; content: ""; width: 20px; height: 20px; background: url(../img/drobky_home2.svg) no-repeat scroll center center; background-size: 20px 20px; opacity: 1; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .drobky ul li.first a::after{position: absolute; left: 0; top: 0; content: ""; width: 20px; height: 20px; background: url(../img/drobky_home2_hover.svg) no-repeat scroll center center; background-size: 20px 20px; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li.first a:hover::before{opacity: 0;} .notouch .drobky ul li.first a:hover::after{opacity: 1;} .drobky ul li a{white-space: nowrap; position: relative; display: block; color: #1a1a1a; font-size: 12px; line-height: 24px; font-weight: 400; padding: 0 13px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li a:hover{text-decoration: none; color: #ea2127;} .drobky ul li span{white-space: nowrap; display: block; color: #1a1a1a; font-size: 12px; line-height: 24px; font-weight: 600; letter-spacing: 1px; padding: 0 0 0 13px;} .back_link{position: absolute; right: 5%; top: 50%; margin-top: -22px;} .back_link a{opacity: 1; padding: 0 0 0 100px; display: block; position: relative; font-weight: 300; font-size: 12px; text-transform: uppercase; line-height: 44px; color: #1a1a1a; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .back_link a::before{opacity: 1; background: #133e67; background-size: 9px 15px; display: block; content: ""; width: 80px; height: 44px; position: absolute; left: 0; top: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg);} .back_link a::after{opacity: 1; background: url(../img/arrow_left.svg) no-repeat scroll center center; background-size: 9px 15px; display: block; content: ""; width: 80px; height: 44px; position: absolute; left: 0; top: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .back_link a:hover::before{background: #ea2127} @media screen and (max-width: 767px) { .drobky{display: none;} } aside{opacity: 0; z-index: 999; position: absolute; width: 330px; float: left; left: 0; margin: 0; padding: 30px 20px 30px 0; display: block; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} aside .box{padding: 0} aside.absolute_top{top: 0 !important; bottom: initial !important; bottom: auto !important;} aside.absolute_bottom{bottom: 0 !important; top: initial !important; top: auto !important;} aside.fixed_top{top: 92px !important; position: fixed; bottom: initial !important; bottom: auto !important;} aside.fixed_bottom{bottom: 0 !important; top: initial !important; top: auto !important; position: fixed; } aside.relative_impo{position: relative !important; top: 0 !important;} aside#stop{position: relative !important; top: 0 !important; bottom: initial !important; bottom: auto !important;} /*aside::before{position: absolute; left: 0; top: 20%; width: 1px; height: 60%; background: #a8c045; content: ""; display: block;} */ aside.hide{display: none;} aside p.title{border-bottom: 2px solid #174d7f; position: relative; background: #133e67; font-size: 16px; line-height: 22px; color: #fff;; font-weight: 700; padding: 10px 0 10px; text-align: center; text-transform: uppercase; margin: 0;} @media screen and (min-width: 1025px) { aside p.title.cat{display: none;} } aside p.title .icon{z-index: 100; display: none; position: absolute; top: 4px; right: 4px; width: 34px; height: 34px; background: #ea2127; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} aside p.title .icon::before{display: block; width: 34px; height: 34px; content: ""; position: absolute; top: 0; left: 0; background: url(../img/ipad_menu_arrow.png) no-repeat scroll center center;} aside p.title.active .icon::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} aside ul.category{margin: 0; padding: 0; position: relative;} aside ul.category li{background: #133E67; list-style: none; display: block; margin: 0; border-left: 2px solid #133E67; border-bottom: 0;} aside ul.category li a{border-bottom: 1px solid #174d7f; text-transform: uppercase; display: block; position: relative; font-size: 15px; line-height: 20px; color: #ffffff; text-align: left; padding: 12px 20px 12px 50px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside ul.category li a:hover, aside ul.category li.active a{color: #ea2127;} aside ul.category ul{position: relative; display: none; padding: 10px 0; background: #fafafa;} aside ul.category ul::before{bottom: 100%; left: 43px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(19, 62, 103, 0); border-bottom-color: #fafafa; border-width: 8px;} aside ul.category li.active ul{display: block;} aside ul.category ul li{border-left: 0 !important; border-top: 1px solid #ffffff; background: none !important; border-bottom: none;} aside ul.category ul li:first-child{border-top: 0;} aside ul.category ul li a{padding: 10px 20px 10px 20px; border: 0; text-transform: none; color: #000000 !important; font-size: 14px; line-height: 18px;} .notouch aside ul.category ul li a:hover, aside ul.category ul li.active a{color: #ea2127 !important;} aside ul.art{margin: 0 0 20px; padding: 0; position: relative;} aside ul.art li{background: #fafafa; list-style: none; display: block; margin: 0; border-left: 2px solid #133E67; border-bottom: 0;} aside ul.art li a{border-bottom: 1px solid #fff; text-transform: uppercase; display: block; position: relative; font-size: 15px; line-height: 20px; color: #000000; text-align: left; padding: 12px 20px 12px 50px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside ul.art li a:hover, aside ul.art li.active a{color: #ea2127;} aside ul.landing{margin: 0 0 20px; padding: 12px 10px; background: #fafafa; border-left: 2px solid #133E67;} aside ul.landing li{list-style: none; display: block;} aside .tag_list ul.landing li{display: inline-block; zoom: 1; *display: inline; vertical-align: top;} aside ul.landing li button{text-transform: none; padding: 0 15px; line-height: 28px;} aside ul.landing li.active button, aside ul.landing li button.active{background: #ea2127; border: 1px solid #ea2127;} aside .item{background: #133E67; overflow: hidden; display: block; padding: 0; margin: 0 0 15px; border: 1px solid #133E67; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} aside .item .img{width: 100%; display: block; height: 100px; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} aside .item .title{overflow: hidden; display: block; padding: 10px 15px 0; font-size: 14px; line-height: 18px; font-weight: 600; color: #ffffff; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} aside .item .date{display: block; padding: 0 15px 10px; font-size: 12px; line-height: 18px; font-weight: 400; color: #ffffff ; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside .item:hover .title, aside .item.active .title{color: #ea2127; } aside .banner_link{-webkit-border-radius: 50px; border-radius: 50px; display: block; background: #ea2127; padding: 18px 25px; text-align: center; font-size: 14px; line-height: 18px; color: #fff; font-weight: 700; text-transform: uppercase; margin: 15px 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside .banner_link:hover{background: #174d7f;} .c_column .banner_link{position: absolute; top: 30px; right: 0; -webkit-border-radius: 50px; border-radius: 50px; display: block; background: #ea2127; padding: 12px 20px; text-align: center; font-size: 13px; line-height: 18px; color: #fff; font-weight: 600; margin: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .c_column .banner_link:hover{background: #174d7f;} @media screen and (max-width: 1479px) and (min-width: 1281px) { aside{width: 290px; padding: 30px 20px 30px 0;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { aside{width: 290px; padding: 30px 40px 30px 0;} aside ul.category li a, aside ul.art li a{font-size: 14px; line-height: 18px; padding: 12px 20px 12px 40px;} aside .item .img{height: 80px;} } @media screen and (max-width: 1024px) and (min-width: 768px) { aside{width: 90%; padding: 30px 0 0; display: block; float: none; top: 0 !important; position: relative !important; left: 0 !important; right: 0 !important; margin: 0 auto !important;} aside.absolute_top{top: 0 !important; bottom: initial !important; bottom: auto !important; position: relative !important;} aside.absolute_bottom{top: 0 !important; bottom: initial !important; bottom: auto !important; position: relative !important;} aside.fixed_top{top: 0 !important; position: relative !important; bottom: initial !important; bottom: auto !important;} aside.fixed_bottom{top: 0 !important; bottom: initial !important; bottom: auto !important; position: relative !important;} aside.relative_impo{position: relative !important; top: 0 !important; bottom: initial !important; bottom: auto !important;} aside p.title{cursor: pointer;} aside p.title.hide{display: none !important;} aside p.title .icon{display: block;} aside ul.category, aside ul.landing, aside ul.art{display: none;} aside ul.category li a, aside ul.art li a{font-size: 14px; line-height: 18px; padding: 12px 20px 12px 40px;} aside ul.landing li{display: inline-block; zoom: 1; *display: inline;} aside .item .img{height: 80px;} aside .aside_list{display: none} aside.small_hide{display: none;} aside .banner_link{display: none;} } @media screen and (max-width: 767px) { aside{width: 90%; padding: 30px 0 0; display: block; float: none; top: 0 !important; position: relative !important; left: 0 !important; right: 0 !important; margin: 0 auto !important} aside.event_hide{display: none !important;} aside.small_hide{display: none;} aside.absolute_top{top: 0 !important; bottom: initial !important; bottom: auto !important; position: relative !important;} aside.absolute_bottom{top: 0 !important; bottom: initial !important; bottom: auto !important; position: relative !important;} aside.fixed_top{top: 0 !important; position: relative !important; bottom: initial !important; bottom: auto !important;} aside.fixed_bottom{top: 0 !important; bottom: initial !important; bottom: auto !important; position: relative !important;} aside.relative_impo{position: relative !important; top: 0 !important; bottom: initial !important; bottom: auto !important;} aside p.title{cursor: pointer; text-align: left; padding-left: 15px;} aside p.title.hide{display: none !important;} aside p.title .icon{display: block;} aside ul.category, aside ul.landing, aside ul.art{display: none;} aside ul.landing li{display: inline-block; zoom: 1; *display: inline;} aside ul.category li a, aside ul.art li a{font-size: 14px; line-height: 18px; padding: 12px 20px 12px 40px;} aside .item .img{height: 80px;} aside .aside_list{display: none} aside .banner_link{display: none;} } .filter_box{display: block; background: #f1f2f2; border: 1px solid #eaeaea; padding: 20px; margin: 0 0 30px;} .filter_box p{text-transform: uppercase; color: #000; font-size: 14px; line-height: 22px; font-weight: 600; text-align: left; margin: 0;} .filter_box ul{padding: 10px 0 0; margin: 0; font-size: 0;} .filter_box ul li{display: inline-block; vertical-align: middle;} .category_list{padding-left: 0; overflow: hidden; background: url(../img/main_bg.jpg); position: relative; width: 100%; height: 690px; background-attachment: local; background-repeat: no-repeat; background-position: right center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);} .category_list::before{height: 100%; position: absolute; left: 0; width: 200px; background: #fff; content: ""; display: block;} .category_list::after{height: 1px; width: 80%; position: absolute; left: 0; top: 50%; background: #e6e6e6; content: ""; display: block; z-index: 999; margin-top: -1px;} .category_list .item{margin-right: -1px; z-index: 100; position: relative; width: calc(18% - 1px); display: block; float: left; background: #fff; height: 344px; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg);} .category_list .item:nth-child(1){margin-left: 92px;} .category_list .item:nth-child(1), .category_list .item:nth-child(6){border-left: 0;} .category_list .item .title{display: table; height: 40px; margin: 20px 0 0; width: calc(100% - 30px); padding: 0 15px; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg);} .category_list .item .title .centering{display: table-cell; vertical-align: bottom; letter-spacing: 1px; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; text-align: center; text-transform: uppercase; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .category_list .item:hover .title .centering{color: #ea2127;} .category_list .item .img{-ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); margin: 20px auto; display: block; width: 100%; height: 210px; position: relative; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 210px;} .category_list .item .btn{position: absolute; right: -1px; bottom: -1px; height: 34px; padding: 0; width: 60px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .notouch .category_list .item:hover .btn{width: 100%;} .category_list .item .btn::after{-ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); opacity: 1; background: url(../img/arrow_right.svg) no-repeat scroll center center; background-size: 8px 15px; display: block; content: ""; width: 8px; height: 15px; position: absolute; left: 50%; margin: -7px 0 0 -4px; top: 50%; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .category_list .all_product{text-transform: uppercase; float: left; width: 66.66%; padding: 132px 0 131px; background: url(../img/blue_bg.jpg) repeat-x center top; text-align: center; font-size: 22px; line-height: 26px; color: #fff; font-weight: 300;} .category_list .all_product strong{text-align: center; font-size: 22px; line-height: 26px; color: #fff; font-weight: 700;} .notouch .category_list .all_product:hover{background: #ea2127;} @media screen and (max-width: 1479px) and (min-width: 1281px) { .category_list .item{width: calc(19% - 1px);} .category_list .item:nth-child(1){margin-left: 62px;} .category_list .item:nth-child(6){margin-left: -31px;} .category_list .item .img{width: 74%;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .category_list{height: initial; height: auto;} .category_list::before, .category_list::after{display: none} .category_list .item{height: 314px; width: 20%; -webkit-transform: skewX(0); -ms-transform: skewX(0); transform: skewX(0);} .category_list .item .title, .category_list .item .img, .category_list .item .text, .category_list .item .btn::after{-webkit-transform: skewX(0); -ms-transform: skewX(0); transform: skewX(0);} .category_list .item:nth-child(1){margin-left: 0;} .category_list .item:nth-child(6){margin-left: 0;} .category_list .item .img{width: 94%; height: 170px;} .category_list .item .title .centering{text-transform: none;} } @media screen and (max-width: 1024px) and (min-width: 768px) { .category_list .item:nth-child(1), .category_list .item:nth-child(6){border-left: 1px solid #e6e6e6;} .category_list .all_product{display: block;} .category_list{height: initial; height: auto;} .category_list::before, .category_list::after{display: none} .category_list .item{height: 314px; width: 33.33%; -webkit-transform: skewX(0); -ms-transform: skewX(0); transform: skewX(0);} .category_list .item .title, .category_list .item .img, .category_list .item .text, .category_list .item .btn::after{-webkit-transform: skewX(0); -ms-transform: skewX(0); transform: skewX(0);} .category_list .item:nth-child(1){margin-left: 0;} .category_list .item:nth-child(6){margin-left: 0;} .category_list .item .img{width: 94%; height: 170px;} .category_list .item .title .centering{text-transform: none;} } @media screen and (max-width: 900px) and (min-width: 768px) { } @media screen and (max-width: 767px) { .category_list .item:nth-child(1), .category_list .item:nth-child(6){border-left: 1px solid #e6e6e6;} .category_list .all_product{display: none;} .category_list{height: initial; height: auto;} .category_list::before, .category_list::after{display: none} .category_list .item{height: 274px; width: 50%; -webkit-transform: skewX(0); -ms-transform: skewX(0); transform: skewX(0);} .category_list .item .title, .category_list .item .img, .category_list .item .text, .category_list .item .btn::after{-webkit-transform: skewX(0); -ms-transform: skewX(0); transform: skewX(0);} .category_list .item:nth-child(1){margin-left: 0;} .category_list .item:nth-child(6){margin-left: 0;} .category_list .item .img{width: 94%; height: 130px; background-size: auto 170px;} .category_list .item .title .centering{text-transform: none;} } .c_column{z-index: 999; width: calc(100% - 390px); position: relative; display: block; float: right; padding: 30px 0 65px 40px;} .c_column.full{width: 100%; float: none;} @media screen and (max-width: 1479px) and (min-width: 1281px) { .c_column{width: calc(100% - 350px); padding: 30px 0 30px 40px;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .c_column{width: calc(100% - 330px); padding: 30px 0;} } @media screen and (max-width: 1024px) and (min-width: 768px) { .c_column .banner_link{top: 44px;} .c_column{width: 100%; padding: 45px 0;} } @media screen and (max-width: 900px) and (min-width: 768px) { } @media screen and (max-width: 767px) { .c_column .banner_link{display: none;} .c_column{width: 100%; padding: 25px 0 45px;} } .product_list{width: 100%; padding: 40px 0 0; position: relative} .product_list .item{text-align: center; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; border: 1px solid transparent; width: calc( (100% - 3%) / 3 - 6px); padding: 0; background: #fff; margin: 0 0 60px 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .product_list .item::before{position: absolute; left: -10px; right: -10px; bottom: -30px; height: 1px; background: #f2f2f2; content: ""; display: block; width: calc(100% + 20px);} .notouch .product_list .item:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border: 1px solid #efefef} .product_list .item:nth-child(3n - 1){margin: 0 1.5% 60px 1.5%} .product_list .item .title{display: table; height: 40px; margin: 20px 0 0; width: calc(100% - 30px); padding: 0 15px;} .product_list .item .title .centering{display: table-cell; vertical-align: top; letter-spacing: 1px; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; text-align: center; text-transform: uppercase; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .product_list .item:hover .title .centering{color: #ea2127;} .product_list .item .img{margin: 20px 0; display: block; width: 100%; height: 190px; position: relative; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain} .product_list .item .text{display: block; text-align: center; width: calc(100% - 50px); padding: 20px 25px;} @media screen and (max-width: 1280px) and (min-width: 1025px) { .product_list .item{width: calc( 98% / 2 - 6px); margin: 0 0 60px 0 !important} .product_list .item:nth-child(2n){margin: 0 0 60px 2% !important} } @media screen and (max-width: 1024px) and (min-width: 768px) { } @media screen and (max-width: 900px) and (min-width: 768px) { .product_list .item{width: calc( 98% / 2 - 6px); margin: 0 0 60px 0 !important} .product_list .item:nth-child(2n){margin: 0 0 60px 2% !important} } @media screen and (max-width: 767px) { .product_list .item{width: calc(100% - 2px); margin: 0 0 20px 0 !important; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border: 1px solid #efefef} .product_list .item::before{display: none;} } .box_list{width: 100%; display: block; position: relative; padding: 0} .box_list.mix{display: none;} .box_list h2{font-size: 30px; line-height: 36px; color: #000000; font-weight: 300; text-align: left; margin: 20px 0 30px;} .box_list:first-child h2:first-child{margin: 0 0 30px; padding: 0;} .box_list .item{max-width: 800px; padding: 25px; border: 1px solid #e6e6e6; display: block; margin-bottom: 20px;} .box_list .img{width: 180px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; background: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .box_list .img img{margin: 10px auto; display: block; max-width: 94%;} .box_list .text{width: calc(100% - 230px); padding-left: 40px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .box_list .text .title{display: block; margin: 0 !important; padding: 0; font-size: 18px; line-height: 24px;} .box_list .text .title{font-size: 18px; line-height: 24px; color: #00203d; font-weight: 700; text-transform: uppercase; text-align: left; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .box_list a.item:hover .text .title{color: #ea2127;} .box_list .text .sub{display: block; position: relative; margin: 0; font-size: 15px; font-weight: 700; color: #00203d; line-height: 22px; text-align: left; padding: 15px 0 5px; margin-bottom: 0;} .box_list .text .anotation{display: block; margin: 0 0 17px; font-size: 15px; line-height: 22px; padding: 0; font-weight: 400; text-align: left; color: #00203d;} .box_list .text .name{display: block; font-size: 14px; font-weight: 700; color: #00203d; line-height: 20px; text-align: left;} .box_list .text .name span{font-size: 14px; font-weight: 300; color: #929292; line-height: 20px; text-align: left;} @media screen and (max-width: 1280px) and (min-width: 1025px) { .box_list .text{padding: 0; width: calc(100% - 190px)} } @media screen and (max-width: 1024px) and (min-width: 768px) { .box_list .text{padding: 0; width: calc(100% - 190px)} } @media screen and (max-width: 900px) and (min-width: 768px) { } @media screen and (max-width: 767px) { .box_list .img{display: block; width: 100%; margin: 0 auto 20px; } .box_list .img img{margin: 0 auto;} .box_list .text{padding: 0; width: 100%; padding: 0;} } .partner_list{width: 100%; display: block; position: relative; padding: 0} .partner_list .item.mix{display: none;} .partner_list .item{width: calc(22% - 36px); padding: 15px; border: 1px solid #e6e6e6; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 1% 2%; -webkit-transition: box-shadow 300ms ease; -moz-transition: box-shadow 300ms ease; -o-transition: box-shadow 300ms ease; -ms-transition: box-shadow 300ms ease; transition: box-shadow 300ms ease;} .partner_list .item .img{width: 100%; display: block;} .partner_list .item .img label{cursor: pointer; display: table; height: 100px; width: 100%; table-layout: fixed;} .partner_list .item .img label span{display: table-cell; vertical-align: middle; width: 100%;} .partner_list .item .img img{margin: 0 auto; display: block; max-height: 100px; max-width: 94%;} .partner_list .item .text{padding: 5px 15px 0; display: block;} .partner_list .item .text .title{display: block; font-size: 14px; line-height: 18px; height: 36px; color: #00203d; font-weight: 700; text-transform: uppercase; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .partner_list .item:hover{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);} .notouch .partner_list .item:hover .text .title{color: #ea2127;} @media screen and (max-width: 1479px) and (min-width: 1281px) { .partner_list .item{width: calc(30.33% - 36px); } } @media screen and (max-width: 1280px) and (min-width: 1025px) { .partner_list .item{width: calc(47% - 36px); } } @media screen and (max-width: 1024px) and (min-width: 768px) { .partner_list .item{width: calc(30.33% - 36px); } } @media screen and (max-width: 900px) and (min-width: 768px) { .partner_list .item{width: calc(47% - 36px); } } @media screen and (max-width: 767px) { .partner_list .item{width: calc(100% - 32px); margin: 0 0 10px;} } .machines_list{width: 100%; display: block; position: relative; padding: 40px 0 0} .machines_list .item{text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; border: 1px solid #133E67; width: calc(31.33% - 2px); margin: 0 0 2%; position: relative; background: #fff;} .machines_list .item:nth-child(3n - 1){margin: 0 2% 2%;} .machines_list .item .title{padding: 0 15px; display: inline-block; zoom: 1; *display: inline; font-size: 16px; line-height: 22px; font-weight: 700; max-width: 80%; margin: 0 auto; background: #fff; color: #000; position: relative; top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .machines_list .item .anotation{height: 60px; padding: 0 0 20px; display: block; text-align: center; font-size: 12px; line-height: 20px; font-weight: 400; max-width: 80%; margin: 0 auto; color: #000;} @media screen and (max-width: 1479px) and (min-width: 1281px) { .machines_list .item{width: calc(49% - 6px); margin: 0 0 3% !important;} .machines_list .item:nth-child(2n){margin: 0 0 3% 2% !important;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .machines_list .item{width: calc(49% - 6px); margin: 0 0 3% !important;} .machines_list .item:nth-child(2n){margin: 0 0 3% 2% !important;} } @media screen and (max-width: 1024px) and (min-width: 768px) { .machines_list .item{width: calc(49% - 6px); margin: 0 0 3% !important;} .machines_list .item:nth-child(2n){margin: 0 0 3% 2% !important;} } @media screen and (max-width: 767px) { .machines_list .item{display: block; width: calc(100% - 6px); margin: 0 0 30px !important;} } .table_list{padding: 40px 0 0; width: 100%; display: block;} .detail .table_list{padding: 0 0 40px;} .table_list .item{margin: 0 0 15px; border: 1px solid #e6e6e6; background: #fafafa; width: 100%; display: block; position: relative; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .table_list .item::before{content: ""; display: block; width: 100%; background: #fafafa; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 5} .notouch .table_list .item:hover{ border: 1px solid #efefef} .table_list .item .box{height: 84px; display: table; width: calc(100% - 40px); padding: 0 20px;} .table_list .item .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .table_list .table_header .item{margin: 0 0 30px;} .table_list .table_header.search .item{margin: 0;} .table_list .table_header .item > span{background: #fff !important; font-size: 13px; line-height: 18px; color: #000000 !important; font-weight: 600 !important; text-align: left; text-transform: uppercase;} .table_list .table_header .item > span::before{content: ""; display: block; height: 46px; width: 1px; background: #e1e1e1; position: absolute; top: 50%; margin-top: -23px; left: 0;} .table_list .table_header .item > span.title::before{display: none;} .table_list .table_header .item > span.dn, .table_list .table_header .item > span.pn{text-align: center;} .table_list .item .title{position: relative; z-index: 10; display: block; float: left; background: #fafafa; font-size: 13px; line-height: 18px; color: #4c5a63; text-align: left; font-weight: 600;} .table_list .item .title strong{font-size: 13px; line-height: 18px; color: #f62500; text-align: left; font-weight: 600; display: block;} .table_list .item .title .img{opacity: 0; visibility: hidden; right: 100%; top: 50%; position: absolute; z-index: 30; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .table_list .item:hover .title .img{opacity: 1; visibility: visible;} .table_list .item .title .img:after{left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(19, 62, 103, 0); border-left-color: #ea2127; border-width: 10px;margin-top: -10px;} .table_list .item .title .img img{max-width: 200px; max-height: 200px; position: relative; background: #fff; border: 2px solid #ea2127; } .table_list .item .material{position: relative; z-index: 10; display: block; float: left; background: #a1afb8; font-size: 13px; line-height: 18px; color: #fff; text-align: left; font-weight: 600;} .table_list .item .connect{position: relative; z-index: 10; display: block; float: left; background: #02396e;} .table_list .item .connect i{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 34px; height: 34px; margin: 2px 0px 2px 0} .table_list .item .connect i.zavitove{background: url(../img/icon/zavitove.png) no-repeat scroll center center} .table_list .item .connect i.clamp{background: url(../img/icon/clamp.png) no-repeat scroll center center} .table_list .item .connect i.konektor{background: url(../img/icon/konektor.png) no-repeat scroll center center} .table_list .item .connect i.pevne-pripojeny-kabel{background: url(../img/icon/pevne-pripojeny-kabel.png) no-repeat scroll center center} .table_list .item .connect i.pruchodka{background: url(../img/icon/pruchodka.png) no-repeat scroll center center} .table_list .item .connect i.natrubkove{background: url(../img/icon/pritrubek.png) no-repeat scroll center center} .table_list .item .connect i.privarovaci, .table_list .item .connect i.privarovaci-natrubek{background: url(../img/icon/privarovaci.png) no-repeat scroll center center} .table_list .item .connect i.tlakomerove{background: url(../img/icon/tlakomerove.png) no-repeat scroll center center} .table_list .item .connect i.vevarovaci, .table_list .item .connect i.vevarovaci-socket-weld{background: url(../img/icon/vevarovaci.png) no-repeat scroll center center} .table_list .item .connect i.zarezny-krouzek{background: url(../img/icon/zarezny-krouzek.png) no-repeat scroll center center} .table_list .item .connect i.zavitove{background: url(../img/icon/zavitove.png) no-repeat scroll center center} .table_list .item .connect i.prirubove{background: url(../img/icon/prirubove.png) no-repeat scroll center center} .table_list .item .connect i.meziprirubove{background: url(../img/icon/meziprirubove.png) no-repeat scroll center center} .table_list .item .medium{position: relative; z-index: 10; display: block; float: left; background: #fafafa;} .table_list .item .medium i{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 34px; height: 34px; margin: 2px 0px 2px 0} .table_list .item .medium i.kapaliny-agresivni{background: url(../img/icon/kapaliny-agresivni.png) no-repeat scroll center center} .table_list .item .medium i.kapaliny-neutralni{background: url(../img/icon/kapaliny-neutralni.png) no-repeat scroll center center} .table_list .item .medium i.kapaliny-pro-solarni-systemy{background: url(../img/icon/kapaliny-solar.png) no-repeat scroll center center} .table_list .item .medium i.vodik-h2{background: url(../img/icon/vodik-h2.png) no-repeat scroll center center} .table_list .item .medium i.para{background: url(../img/icon/para.png) no-repeat scroll center center} .table_list .item .medium i.vzduch{background: url(../img/icon/vzduch.png) no-repeat scroll center center} .table_list .item .medium i.abrazivni-a-agresivni-latky{background: url(../img/icon/avemar_pevne_skup.png) no-repeat scroll center center} .table_list .item .medium i.plyny-agresivni{background: url(../img/icon/plyny-agresivni.png) no-repeat scroll center center} .table_list .item .medium i.plyny-neutralni{background: url(../img/icon/plyny-neutralni.png) no-repeat scroll center center} .table_list .item .medium i.vypary-agresivni{background: url(../img/icon/vypary-agresivni.png) no-repeat scroll center center} .table_list .item .medium i.vypary-neutralni{background: url(../img/icon/vypary-neutralni.png) no-repeat scroll center center} .table_list .item .dn{position: relative; z-index: 10; display: block; float: left; background: #4c5a63; font-size: 13px; line-height: 18px; color: #fff; text-align: center; font-weight: 700;} .table_list .item .pn{position: relative; z-index: 10; display: block; float: left; background: #4c5a63; font-size: 13px; line-height: 18px; color: #fff; text-align: center; font-weight: 700; border-left: 1px solid #fafafa;} .table_list .item .text{float:none; width:initial; width:auto; position: relative; z-index: 10; background: #fff; border-top: 1px solid #e6e6e6; display: block; padding: 10px 20px 3px; text-align: left;} .table_list .item .text span{font-size: 14px; line-height: 22px; padding: 0 10px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; border: 1px solid #e6e6e6; background: #fff; margin: 0 4px 8px 0} .table_list .item .text span.hide{display: none;} .table_list .item .title{width: calc(100% - 872px);} .table_list .item .material{width: 200px;} .table_list .item .connect{width: 225px;} .table_list .item .medium{width: 225px;} .table_list .item .dn{width: 110px;} .table_list .item .pn{width: 110px;} .table_list .item .btn{z-index: 0; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); position: absolute; right: 10px; top: 50%; margin-top: -18px; height: 34px; padding: 0; width: 60px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .notouch .table_list .item:hover .btn{right: -56px;} .table_list .item .btn::after{-ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); opacity: 1; background: url(../img/arrow_right.svg) no-repeat scroll center center; background-size: 8px 15px; display: block; content: ""; width: 8px; height: 15px; position: absolute; left: 50%; margin: -7px 0 0 -4px; top: 50%; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} @media screen and (max-width: 1599px) and (min-width: 1480px) { .table_list .item .title{width: calc(100% - 781px);} .table_list .item .material{width: 200px;} .table_list .item .connect{width: 187px;} .table_list .item .medium{width: 225px;} .table_list .item .dn{width: 84px;} .table_list .item .pn{width: 84px;} } @media screen and (max-width: 1479px) and (min-width: 1281px) { .table_list .item .box{padding: 0 10px; width: calc(100% - 20px)} .table_list .item .title{width: calc(100% - 656px);} .table_list .item .material{width: 160px;} .table_list .item .connect{width: 130px;} .table_list .item .medium{width: 205px;} .table_list .item .dn{width: 80px;} .table_list .item .pn{width: 80px;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .table_list .table_header{display: none;} .table_list .item .box{padding: 0 10px; width: calc(100% - 20px)} .table_list .item .title{width: 50%} .table_list .item .material{width: 50%;} .table_list .item .connect{width: 167px;} .table_list .item .medium{width: 205px;} .table_list .item .dn{width: calc( (100% - 362px - 11px) / 2 );} .table_list .item .pn{width: calc( (100% - 362px - 11px) / 2 );} } @media screen and (max-width: 1024px) and (min-width: 768px) { .table_list .item .box{padding: 0 10px; width: calc(100% - 20px)} .table_list .item .title{width: calc(100% - 656px);} .table_list .item .material{width: 160px;} .table_list .item .connect{width: 130px;} .table_list .item .medium{width: 205px;} .table_list .item .dn{width: 80px;} .table_list .item .pn{width: 80px;} .table_list .item .btn{display: none;} } @media screen and (max-width: 900px) and (min-width: 768px) { .table_list .table_header{display: none;} .table_list .item .box{padding: 0 10px; width: calc(100% - 20px)} .table_list .item .title{width: 50%} .table_list .item .material{width: 50%;} .table_list .item .connect{width: 167px;} .table_list .item .medium{width: 205px;} .table_list .item .dn{width: calc( (100% - 362px - 11px) / 2 );} .table_list .item .pn{width: calc( (100% - 362px - 11px) / 2 );} } @media screen and (max-width: 767px) { .table_list .table_header{display: none;} .table_list .item .box{padding: 0 10px; width: calc(100% - 20px)} .table_list .item .title{width: 50%} .table_list .item .material{width: 50%;} .table_list .item .connect{width: 100%;} .table_list .item .medium{width: 100%;} .table_list .item .dn{display: none;} .table_list .item .pn{display: none} .table_list .item .text span.hide{display: inline-block; zoom: 1; *display: inline;} } #content{z-index: 997; position: relative; width: 100%; display: block; /*min-height: 1400px;*/} .contact_page{text-align: left; padding: 0; width: 100%; position: relative;} .contact_page .item{text-align: center; position: relative; padding-top: 20px; padding-bottom: 20px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin-right: -4px;} .contact_page .item:nth-child(1){width: 24%; padding-right: 5%} .contact_page .item:nth-child(2){width: 24%; padding: 20px calc(5% - 1px); border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3;} .contact_page .item:nth-child(3){width: 24%; padding-left: 5%} .contact_page .item p.title{text-align: left; font-size: 22px; line-height: 26px; color: #000; font-weight: 700; margin: 0 0 10px; padding: 0;} .contact_page .item p{text-align: left; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; margin: 0 0 28px; padding: 0;} .contact_page .item p strong{font-size: 14px; line-height: 20px; color: #000; font-weight: 700;} .contact_page .item p .mail{padding-left: 30px; position: relative; font-size: 14px; line-height: 20px; color: #ea2127; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .contact_page .item p .mail::before{position: absolute; left: 0; top: 50%; margin-top: -5px; width: 17px; height: 13px; content: ""; display: block; background: url(../img/contact_icon.svg) no-repeat scroll center center; background-size: 17px 13px;} .contact_page .item p .phone{padding-left: 18px; position: relative; font-size: 14px; line-height: 20px; color: #ea2127; font-weight: 400; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .contact_page .item p .phone::before{position: absolute; left: 0; top: 50%; margin-top: -4px; width: 10px; height: 12px; content: ""; display: block; background: url(../img/contact_icon2.svg) no-repeat scroll center center; background-size: 10px 12px;} .contact_page .item p a{padding-left: 0; position: relative; font-size: 14px; line-height: 20px; color: #ea2127; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .item p a:hover{text-decoration: none !important;} /* .mapa{position: relative; height: 430px; margin: 50px 0 0; background: #eaeaea;} .mapa #MyGmaps{position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .mapa a.btn{z-index: 999; position: absolute; left: 0; bottom: 0; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0;} */ .map_box{position: relative; display: inline-block;} .map_box .static_map{display: inline-block;} .map_box .static_map img{display: block; max-width: 100%;} .map_box .btn{position: absolute; left: 0; bottom: 4px; -webkit-border-radius: 0 8px 0 0; border-radius: 0 8px 0 0; font-size: 15px; line-height: 20px; padding: 10px 24px;} @media screen and (max-width: 1479px) and (min-width: 1281px) { .contact_page .item:nth-child(1){width: calc( calc(100% - 246px - 40px - 19px) / 2); padding-right: 20px} .contact_page .item:nth-child(2){width: calc( calc(100% - 246px - 40px - 19px) / 2); padding: 20px calc(20px - 1px);} .contact_page .item:nth-child(3){width: 226px; padding-left: 20px} .mapa{height: 360px;} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .contact_page .item:nth-child(1){width: calc(50% - 24px); padding: 20px 20px 20px 0; border-bottom: 1px solid #d3d3d3;} .contact_page .item:nth-child(2){width: calc(50% - 24px); padding: 20px 0 20px 20px; border-right: 0; border-bottom: 1px solid #d3d3d3;} .contact_page .item:nth-child(3){width: 100%; padding-left: 0} .mapa{height: 320px;} } @media screen and (max-width: 1024px) and (min-width: 900px) { .mapa{height: 300px;} } @media screen and (max-width: 1024px) and (min-width: 768px) { .contact_page .item:nth-child(1){width: calc(50% - 24px); padding: 20px 20px 20px 0; border-bottom: 1px solid #d3d3d3;} .contact_page .item:nth-child(2){width: calc(50% - 24px); padding: 20px 0 20px 20px; border-right: 0; border-bottom: 1px solid #d3d3d3;} .contact_page .item:nth-child(3){width: 100%; padding-left: 0} .mapa{height: 300px;} } @media screen and (max-width: 767px) { .contact_page .item:nth-child(1){width: 100%; padding: 20px 0; border: 0;} .contact_page .item:nth-child(2){width: 100%; padding: 20px 0; border: 0;} .contact_page .item:nth-child(3){width: 100%; padding-left: 0} .mapa{height: 300px;} } .team_list{position: relative; display: block; width: 100%;} .team_list .item{display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 20px; box-sizing: border-box; width: calc(50% - 16px); border: 1px solid #e6e6e6; margin: 0 -4px 20px 0;} .team_list .item:nth-child(2n){margin: 0 -4px 20px 20px;} .team_list .item .text{width: 100%; display: block;} .team_list .item .text h2{font-size: 20px; line-height: 26px; color: #000000; margin: 0; padding: 0; font-weight: 700; } .team_list .item .text p.post{font-size: 14px; line-height: 18px; color: #000000; margin: 0 0 15px; padding: 0; font-weight: 700;} .team_list .item .text .line{display: none; width: 100%; max-width: 400px; height: 0; margin: 15px 0; border-bottom: 1px solid #f2f2f2; } .team_list .item .text p.inline{white-space: nowrap; display: block; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 20px; color: #000; margin: 0; padding: 0;} .team_list .item .text p.inline strong{text-transform: uppercase; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; } .team_list .item .text p.inline a{font-size: 14px; line-height: 20px; color: #ea2127; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .team_list .item .text p.inline a:hover{text-decoration: none;} @media screen and (max-width: 1280px) and (min-width: 1025px) { .team_list .item{width: calc(100% - 2px); margin: 0 0 20px !important} } @media screen and (max-width: 767px) { .team_list .item{width: calc(100% - 2px); margin: 0 0 20px !important} } .links_box{background: #FAFAFA; padding: 80px 0; position: relative; text-align: center;} .links_box .item{width: calc(26% - 240px / 3 - 2px); display: inline-block; zoom: 1; *display: innline; vertical-align: top; padding: 0; border-left: 1px solid #E6E6E6; padding: 0 0 0 60px; margin: 0 0 0 60px;} .links_box .item:nth-child(1){width: calc(37% - 240px / 3); margin: 0; padding: 0; border: 0;} .links_box .item:nth-child(2){width: calc(37% - 240px / 3);} .links_box .item p.title{text-align: left; font-size: 15px; line-height: 22px; margin: 0; padding: 0 0 15px; font-weight: 700; color: #000} .links_box .item ul{margin: 0; padding: 0; text-align: left;} .links_box .item ul.half{column-count: 2; column-gap: 40px; padding: 0; width: 100%;} .links_box .item ul li{list-style: none; display: block; margin: 0 0 5px 0;} .links_box .item ul li a{text-decoration: underline; font-size: 14px; line-height: 20px; margin: 0; padding: 0 0 15px; font-weight: 400; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .links_box .item ul li a:hover, .links_box .item ul li.active a{color: #ed1c24;} @media screen and (max-width: 1280px) { .links_box{padding: 60px 0; text-align: left;} .links_box .item{width: calc(50% - 80px / 2 - 2px - 2px); padding: 0 0 0 40px; margin: 0 0 0 40px;} .links_box .item:nth-child(1){width: calc(50% - 80px / 2 - 2px); } .links_box .item:nth-child(2){width: calc(50% - 80px / 2 - 2px); } .links_box .item:nth-child(3){margin: 40px 0 0 0; padding: 0; border: 0;} } @media screen and (max-width: 1024px) { .links_box{padding: 40px 0;} .links_box .item{width: 50%; padding: 0; margin: 60px 0 0 0;} .links_box .item:nth-child(1){width: 100%; } .links_box .item:nth-child(2){width: 100%; border: 0; margin: 60px 0 0; padding: 0;} .links_box .item:nth-child(3){border: 0;} .links_box .item ul.half{column-gap: 0;} } @media screen and (max-width: 768px) { .links_box{padding: 30px 0;} .sub .links_box{display: none;} .links_box .item{width: 100%; margin: 0;} .links_box .item:nth-child(1){display: none;} .links_box .item:nth-child(2){display: none;} .links_box .item:nth-child(3){margin: 0; padding: 0;} .links_box .item p.title{text-align: center; margin: 0; padding: 0 0 5px; font-size: 20px; line-height: 26px; } .links_box .item ul li a{display: block; text-align: center; padding: 0;} } footer{padding: 70px 0; position: relative; z-index: 0; text-align: center; background-image: url(../img/footer_bg.jpg); background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transition-property: background-position; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} footer p.title{font-size: 30px; line-height: 36px; font-weight: 200; text-transform: uppercase; text-align: left; margin: 0; padding: 0 0 40px; color: #fff;} footer .box{width: calc(50% - 8px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; z-index: 100;} footer .box table{width: 100%; border-collapse: separate;} footer .box table th{white-space: nowrap; vertical-align: top; font-size: 15px; line-height: 22px; color: #fff; font-weight: 300; text-align: right; padding: 9px 30px 22px 0;} footer .box table td{width: 100%; padding: 0;} footer .box table td input[type=text]{position: relative; margin-bottom: 18px; font-size: 14px; line-height: 20px; color: #fff; padding: 9px 3%; border: 1px solid rgba(138,138,138,0.6); background: transparent; width: 94%; font-weight: 300; position: relative; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} footer .box table td textarea{position: relative; resize: none; height: 80px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #fff; padding: 9px 3%; border: 1px solid rgba(138,138,138,0.6); background: transparent; width: 94%; font-weight: 300; position: relative; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; transition: all 150ms ease-in;} footer .box table td input[type=text]:focus, footer .box table td textarea:focus{border: 1px solid #fff;} footer .box table td.gdpr{text-align: right; font-size: 15px; line-height: 18px; color: #fff; font-weight: 300; padding: 0 0 10px;} footer .box table td.gdpr a{text-decoration: underline; font-weight: 500; font-size: 15px; line-height: 18px; color: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch footer .box table td.gdpr a:hover{color: #ea2127;} footer .contact{width: 50%; display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; z-index: 100;} footer .contact .item{text-align: left; padding: 0 70px; width: calc(50% - 145px); display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; z-index: 100;} footer .contact .item:first-of-type{border-right: 1px solid #fff;} footer .contact .item p.subtitle{font-size: 20px; line-height: 24px; font-weight: 300; color: #fff; margin: 0 0 20px;} footer .contact .item p{font-size: 15px; line-height: 20px; font-weight: 300; color: #fff; margin: 0 0 14px;} footer .contact .item p strong{font-size: 15px; line-height: 20px; font-weight: 600; color: #fff;} footer .contact .item p a{font-size: 15px; line-height: 20px; font-weight: 600; color: #fff; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .contact .item p a:hover{color: #ea2127} footer .contact a.fb{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 34px; height: 34px; position: relative; margin-right: 5px;} footer .contact a.fb::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 34px; height: 34px; content: ""; background: url(../img/footer_fb.svg) no-repeat scroll center center; background-size: 34px 34px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } footer .contact a.fb::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 34px; height: 34px; content: ""; background: url(../img/footer_fb_hover.svg) no-repeat scroll center center; background-size: 34px 34px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch footer .contact a.fb:hover::before{opacity: 0;} .notouch footer .contact a.fb:hover::after{opacity: 1;} footer .contact a.g{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 34px; height: 34px; position: relative;} footer .contact a.g::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 34px; height: 34px; content: ""; background: url(../img/footer_g.svg) no-repeat scroll center center; background-size: 34px 34px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } footer .contact a.g::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 34px; height: 34px; content: ""; background: url(../img/footer_g_hover.svg) no-repeat scroll center center; background-size: 34px 34px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch footer .contact a.g:hover::before{opacity: 0;} .notouch footer .contact a.g:hover::after{opacity: 1;} footer p.center{font-size: 14px; line-height: 18px; font-weight: 600; text-align: center; margin: 0; padding: 40px 0 0; color: #fff;} footer p.center.padding{padding: 10px 0 0;} footer p.center a{text-decoration: underline; font-size: 14px; line-height: 18px; font-weight: 600; text-align: center; margin: 0; padding: 0; color: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer p.center a:hover{color: #ea2127} @media screen and (max-width: 1479px) and (min-width: 1281px) { footer .contact .item{padding: 0 40px; width: calc(50% - 85px)} } @media screen and (max-width: 1280px) and (min-width: 1025px) { footer .box{width: calc(46% - 8px);} footer .contact{width: 54%;} footer .contact .item{padding: 0 30px; width: calc(50% - 65px)} } @media screen and (max-width: 1024px) and (min-width: 768px) { footer .box{width: calc(42% - 8px);} footer .box table th{padding-right: 15px;} footer .contact{width: 58%;} footer .contact .item{padding: 0 30px; width: calc(50% - 65px)} } @media screen and (max-width: 900px) and (min-width: 768px) { footer .box{width: 100%; padding: 0 0 30px;} footer .box table, footer .box table tbody, footer .box table tr, footer .box table th, footer .box table td{clear: both; display: block; width: 100%; padding: 0; text-align: left;} footer .box table th{padding: 13px 0 5px; text-align: center;} footer .contact{width: 100%;} footer .contact .item{padding: 0 30px; width: calc(50% - 65px); text-align: center;} } @media screen and (max-width: 767px) { footer .box{width: 100%; padding: 0 0 30px;} footer p.title{text-align: center; font-size: 22px; line-height: 30px;} footer .box table, footer .box table tbody, footer .box table tr, footer .box table th, footer .box table td{clear: both; display: block; width: 100%; padding: 0; text-align: left;} footer .box table th{padding: 5px 0 3px; text-align: center;} footer .contact{display: none;} footer .box table td.gdpr{text-align: center;} footer .box table td{text-align: center;} footer .box table td .btn{float: none;} } .sign{background: #333333; padding: 0; text-align: center;} .sign a{padding: 21px 4%; color: #989898; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sign a:hover{color: #fff;} .detail{width: 100%; margin: 0;} .detail h1{margin: 0 0 25px;} .detail p.code{font-size: 12px; line-height: 18px; text-transform: uppercase; color: #666666; margin: 0 0 25px; text-align: left; font-weight: 400;} .detail p.code strong{font-size: 12px; line-height: 18px; text-transform: none; color: #000000; text-align: left; font-weight: 600; letter-spacing: 1px;} .detail .img{position: relative; float: left; width: 360px;} .detail .img .swipe_list{padding: 0 0 30px;} .detail .img a.swipebox:first-of-type{float: none; width: calc(100% - 2px); height: 200px; border: 1px solid transparent; margin: 0 0 4px} .detail .img a.swipebox:first-of-type::before{left: 0; top: 0; right: 0; bottom: 0;} .detail .img a.swipebox:first-of-type img{border: 0; margin: 0 auto; max-width: 100%;} .detail .img a.swipebox{height: 90px; margin: 0 0 5px; position: relative; display: block; float: left; width: calc( (100% - 10px) / 3 ) ; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%;} .detail .img a.swipebox:nth-child(3n){margin: 0 5px 5px;} .detail .img a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(19, 62, 103, 0.8); background-size: 45px auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .detail .img a.swipebox:hover::before{opacity: 1;} .detail .img a.swipebox img{max-width: calc(100% - 2px); display: block; margin: 0; border: 1px solid transparent;} .detail .text{float: right; position: relative; width: calc(100% - 360px - 30px); padding-left: 30px;} .detail .text .title, .detail .img .title{font-size: 16px; line-height: 22px; color: #000000; text-transform: uppercase; font-weight: 600; margin: 0; padding: 0 0 10px; text-align: left;} .detail .text article{margin: 0 0 30px;} .detail .text article *{margin: 0;} .detail .text article .hide{display: none;} .detail .text .sep{display: block; text-align: right; width: 100%; position: relative;} .detail .text .sep::before{display: block; content: ""; position: absolute; top: 50%; left: 0; right: 0; border-bottom: 1px dotted #c9c9c9; margin: 0;} .detail .text .sep a{position: relative; text-transform: uppercase; display: block; position: absolute; top: 50%; margin-top: -10px; right: 20px; font-size: 9px; line-height: 20px; padding: 0 35px 0 15px; background: #fff; color: #666666; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .detail .text .sep a::before{opacity: 1; content: ""; position: absolute; right: 15px; top: 50%; margin-top: -2px; display: block; width: 8px; height: 4px; background: url(../img/read_more_arrow.svg) no-repeat scroll center center; background-size: 8px auto; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .detail .text .sep a::after{opacity: 0; content: ""; position: absolute; right: 15px; top: 50%; margin-top: -2px; display: block; width: 8px; height: 4px; background: url(../img/read_more_arrow_hover.svg) no-repeat scroll center center; background-size: 8px auto; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .notouch .detail .text .sep a:hover{color: #a8c046;} .notouch .detail .text .sep a:hover::before{opacity: 0;} .notouch .detail .text .sep a:hover::after{opacity: 1;} .detail .text.active .sep a::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} .detail .text.active .sep a::after{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} .detail .text .price p.main{margin: 30px 0; font-size: 34px; line-height: 40px; padding: 0; color: #323334; font-weight: 600;} .detail .text .price p.main span{font-size: 16px; line-height: 40px; color: #323334; font-weight: 400;} .detail .text table.para{border: 1px solid #e7e7e7; border-bottom: 0; width: 100%; border-collapse: collapse; margin: 0 0 30px;} .detail .text table.para th{width: 40%; text-align: right; padding: 11px 25px; font-weight: 400; font-size: 12px; line-height: 16px; color: #4d4d4d; text-transform: uppercase; border-bottom: 1px solid #e7e7e7; background: #fafafa;} .detail .text table.para td{width: 60%; text-align: left; padding: 11px 25px; font-weight: 400; font-size: 12px; line-height: 16px; color: #333333; border-bottom: 1px solid #e7e7e7; background: #f3f3f3;} .detail .text .contact_box{margin: 30px 0; width: 100%;} .detail .text .contact_box .box{height: 140px; display: table;} .detail .text .contact_box .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .detail .text .contact_box .box:nth-child(1){width: calc(40% - 1px); background: #133e67; float: left; border: 1px solid #133e67; border-right: 0;} .detail .text .contact_box .box:nth-child(1) p{ font-size: 20px; line-height: 24px; font-weight: 100; text-align: center; text-transform: uppercase; color: #fff; margin: 0;} .detail .text .contact_box .box:nth-child(1) p span{display: block; font-size: 15px; line-height: 24px; font-weight: 400; text-align: center; text-transform: none; color: #fff; margin: 0;} .detail .text .contact_box .box:nth-child(2){width: calc(60% - 1px); background: #fafafa; float: left; border: 1px solid #e7e7e7; border-left: 0;} .detail .text .contact_box .box:nth-child(2) p{ font-size: 15px; line-height: 22px; font-weight: 700; text-align: left; color: #000000; margin: 0 30px;} .detail .text .contact_box .box:nth-child(2) p span{ font-size: 12px; line-height: 20px; font-weight: 400; text-align: left; color: #000000; margin: -5px 0 10px; font-style: italic; display: block;} .detail .text .contact_box .box:nth-child(2) table{border-collapse: collapse; width: calc(100% - 60px); margin: 0 30px;} .detail .text .contact_box .box:nth-child(2) table td{font-size: 12px; line-height: 20px; font-weight: 400; text-align: left; color: #000000; margin: 0;} .detail .text .contact_box .box:nth-child(2) table td a{font-size: 12px; line-height: 20px; font-weight: 400; text-align: left; color: #000000; margin: 0; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .detail .text .contact_box .box:nth-child(2) table td a:hover{color: #ea2127;} @media screen and (max-width: 1479px) and (min-width: 1281px) { .detail .img{width: 300px;} .detail .text{width: calc(100% - 300px - 30px)} } @media screen and (max-width: 1280px) and (min-width: 1025px) { .detail .img{width: 100%; float: none; display: block; margin: 0 auto 30px;} .detail .img .swipe_list{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 260px;} .detail .img .list_list{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(100% - 288px); padding-left: 20px;} .detail .text{width: 100%; float: none; clear: both; padding: 0;} } @media screen and (max-width: 1024px) and (min-width: 900px) { .detail .img{width: 300px;} .detail .text{width: calc(100% - 300px - 30px)} } @media screen and (max-width: 1024px) and (min-width: 768px) { .detail .img{width: 100%; float: none; display: block; margin: 0 auto 30px;} .detail .img .swipe_list{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 300px;} .detail .img .list_list{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(100% - 328px); padding-left: 20px;} .detail .text{width: 100%; float: none; clear: both; padding: 0;} } @media screen and (max-width: 767px) { .detail .img{width: 100%; float: none; display: block; margin: 0 auto 30px;} .detail .text{width: 100%; float: none; clear: both; padding: 0;} .detail .text table.para td, .detail .text table.para th{padding: 7px 14px} .detail .text .contact_box .box:nth-child(2) table, .detail .text .contact_box .box:nth-child(2) table tbody, .detail .text .contact_box .box:nth-child(2) table tr, .detail .text .contact_box .box:nth-child(2) table td{display: block; width: 100%;} .detail .text .contact_box .box:nth-child(2) table{width: calc(100% - 60px);} } #sorting-form{margin: 20px 0 -20px;} .detail .reg_form{margin: 0;} .poptavka_box{background: #133e67; padding: 60px 0; margin: 0 0 65px;} .poptavka_box h2{text-align: center; text-transform: uppercase; color: #fff; margin-top: 0;} .poptavka_box .reg_form table{margin: 0 auto !important;} .poptavka_box .reg_form .title{max-width: 824px; margin: 30px auto 5px; color: #fff;text-align: left;} .poptavka_box .reg_form table td{text-align: left; color: #fff;} .poptavka_box .reg_form table th{color: #fff;} .poptavka_box .reg_form .box table td span.text{color: #fff;} .poptavka_box .max_width{max-width: 824px; margin: 30px auto 5px; color: #fff; text-align: left;} .reg_form{position: relative;} .reg_form.margin{margin-top: 40px;} .reg_form table{width: 100%; border-collapse: separate; border-spacing: 0 10px;} .reg_form table.not_full{width: initial; width: auto;} .reg_form table.not_full.spec{background: #133E67; margin: 0 0 20px; border-spacing: 0 20px;} .reg_form table.not_full.spec th{color: #fff;} .reg_form table.not_full.spec td{padding-right: 20px;} .reg_form table th{position: relative; vertical-align: middle; width: 150px; font-size: 13px; line-height: 17px; color: #333333; font-weight: 500; text-align: right; padding: 0 20px 0; margin: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .reg_form table th span{margin-right: -7px; position: relative;; top: -5px; right: -1px; color: #bd0505; font-size: 14px; line-height: 20px;} .reg_form table tr th:first-child{padding-left: 0; } .reg_form table td{position: relative; padding: 0; font-size: 14px; font-weight: 300; line-height: 25px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .reg_form table td input[type=text], .reg_form table td input[type=password]{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; border: 1px solid #e6e7e8; min-width: 200px; max-width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .detail .reg_form table td input[type=text], .detail .reg_form table td input[type=password]{width: calc(100% - 32px);} .reg_form table td textarea{resize: none; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .reg_form table td input[type=text]:focus, .reg_form table td input[type=password]:focus, .reg_form .box table td textarea:focus{border: 1px solid #000000;} .reg_form table td input[type=text].loading, .reg_form table td input[type=password].loading{border: 1px solid #b2b2b2; background: #c8c8c8;} .reg_form table td input::-webkit-input-placeholder {color: #fff; font-size: 13px; line-height: 20px;} .reg_form table td input::-moz-placeholder{color: #fff; font-size: 13px; line-height: 20px;} .reg_form table td input::-ms-input-placeholder{color: #fff; font-size: 13px; line-height: 20px;} .reg_form .box table td span.text{position: absolute; top: calc(50% - 12px); left: 240px; white-space: nowrap; display: inline-block; zoom: 1; *display: inline; vertical-align: top; font-size: 14px; line-height: 20px; font-weight: 400; color: #000;} .reg_form .box table td .sbHolder{min-width: 230px; position: relative; background: #fff; vertical-align: middle; margin: 0; border: 1px solid #e6e7e8; } .reg_form .box table td .sbHolder .sbToggle{position: absolute; margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 10px 5px !important; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; border-left: 1px solid #e6e7e8} .notouch .reg_form .box table td .sbHolder:hover .sbToggle{background: url(../img/select_arrow_hover.svg) no-repeat scroll center center;} .reg_form .box table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_up.svg) no-repeat scroll center center;} .notouch .reg_form .box table td .sbHolder:hover .sbToggle.sbToggleOpen{background: url(../img/select_arrow_up_hover.svg) no-repeat scroll center center;} .reg_form .box table td .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 13px; line-height: 18px; padding: 8px 41px 8px 15px; font-weight: 300; text-align: left; text-decoration: none;} .reg_form .box table td .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px;} .reg_form .box table td .sbOptions a{text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 6px 15px; font-size: 13px; line-height: 18px; margin: 0; font-weight: 300; color: #000 !important; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease;} .reg_form .box table td .sbOptions li:first-child a{border-top: 1px solid #e6e7e8;} .notouch .reg_form .box table td .sbOptions a:hover, .reg_form .box table td .sbOptions a.sbFocus{background: #f0f0f0 !important;} .reg_form .title{text-align: left; font-size: 20px; line-height: 24px; font-weight: 700; color: #000; margin: 30px 0 5px; padding: 0;} .reg_form .box table td input[type="text"].uploadFile{width: 170px; float: left; position: relative; z-index: 0;} .reg_form .box table td .uploadBtn{width: 400px;} .reg_form .box table td .fileUpload {position: absolute; top: 0; left: 0; z-index: 999; overflow: hidden; margin: 0;float: left;padding: 0 0 0 240px} .reg_form .box table td .fileUpload input[type=file] {position: absolute; top: 0; left: 0; margin: 0; padding: 7px 0; font-size: 13px; line-height: 20px; cursor: pointer;display: block;opacity: 0;filter: alpha(opacity=0);} .reg_form .box table td .fileUpload span{margin: 2px 0;} .reg_form .box table td.gdpr{text-align: right; font-size: 15px; line-height: 22px; color: #333333; font-weight: 300; padding: 0 0 5px;} .reg_form .box table td.gdpr a{text-decoration: underline; font-weight: 500; font-size: 15px; line-height: 18px; color: #333333; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .reg_form .box table td.gdpr a:hover{color: #ea2127;} @media screen and (max-width: 1280px) and (min-width: 1025px) { .poptavky table, .poptavky table tbody, .poptavky table tr, .poptavky table th, .poptavky table td{clear: both; display: block; width: 100%; padding: 0; text-align: left;} .poptavky table td input[type=text], .poptavky table td textarea{width: 300px;} .reg_form .box table td span.text{left: 340px;} .poptavky table th{padding: 18px 0 6px !important;} } @media screen and (max-width: 1024px) and (min-width: 768px) { } @media screen and (max-width: 900px) and (min-width: 768px) { .poptavky table:not(.not_full), .poptavky table:not(.not_full) tbody, .poptavky table:not(.not_full) tr, .poptavky table:not(.not_full) th, .poptavky table:not(.not_full) td{clear: both; display: block; width: 100%; padding: 0; text-align: left;} .poptavky table:not(.not_full) td input[type=text], .poptavky table:not(.not_full) td textarea{width: 300px;} .reg_form .box table:not(.not_full) td span.text{left: 340px;} .poptavky table:not(.not_full) th{padding: 18px 0 6px !important;} } @media screen and (max-width: 767px) { .reg_form table.spec, .reg_form table.spec tbody, .reg_form table.spec tr, .reg_form table.spec th, .reg_form table.spec td{clear: both; display: block; width: 100%; padding: 0; text-align: left;} .reg_form table.spec{padding: 20px; width: calc(100% - 40px)} .reg_form table.spec td input[type=text], .reg_form table.spec td textarea{width: calc(100% - 32px);} .reg_form table.spec th{padding: 0 0 6px !important;} .reg_form table:not(.spec), .reg_form table:not(.spec) tbody, .reg_form table:not(.spec) tr, .reg_form table:not(.spec) th, .reg_form table:not(.spec) td{clear: both; display: block; width: 100%; padding: 0; text-align: left;} .reg_form table:not(.spec) td input[type=text], .reg_form table:not(.spec) td textarea{width: calc(100% - 32px);} .reg_form table:not(.spec) th{padding: 18px 0 6px !important;} .poptavky table:not(.spec), .poptavky table:not(.spec) tbody, .poptavky table:not(.spec) tr, .poptavky table:not(.spec) th, .poptavky table:not(.spec) td{clear: both; display: block; width: 100%; padding: 0; text-align: left;} .poptavky table:not(.spec) td input[type=text], .poptavky table:not(.spec) td textarea{width: calc(100% - 32px);} .poptavky .reg_form .box table:not(.spec) td span.text{left: 340px;} .poptavky table:not(.spec) th{padding: 18px 0 6px !important;} .poptavky table:not(.spec) tr td input[type=submit]{margin: 30px 0 60px} .poptavky .reg_form .box table:not(.spec) td span.text{display: none;} .reg_form .box table td .uploadBtn{width: 100%} .reg_form .box table td input.uploadFile[type="text"]{margin-left: 0; width: 94%;} .reg_form .box table td .fileUpload{margin: 0 auto;; padding: 40px 0 0; right: 0;} .reg_form .box table td .fileUpload span{margin: 0;} .reg_form .box table td .fileUpload input[type=file]{top: -40px; height: 80px;} .reg_form .box table td.gdpr{text-align: left;} .reg_form .box table td .btn{float: none;} } .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 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .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; max-width: 250px; padding: 40px 60px; left: 0; display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .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: 22px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 0; } .control_popup .box .text strong{color: #000000; font-size: 14px; line-height: 18px; font-weight: 700; margin: 0; text-align: center;} .control_popup .box .btn{z-index: 100; position: relative;} .file_list{width: 100%; margin: 10px 0;} .file_list h3{margin-bottom: 20px;} .file_list .item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #000000; margin: 0 10px 14px 0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .item a{text-decoration: none; font-size: 13px; color: #000000; font-weight: 400; line-height: 24px; padding: 5px 20px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .item a span{font-size: 13px; color: #000000; font-weight: 700; line-height: 24px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .item:hover{border: 1px solid #133e67; background: #133e67;} .notouch .file_list .item:hover a{color: #fff;} .notouch .file_list .item:hover a span{text-decoration: none; color: #fff;} .file_list .item a span.flag{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 16px; height: 15px; margin: 0 8px 0 -8px} .file_list .item a span.flag.de{background: url(../img/de.png) no-repeat scroll center center;} .file_list .item a span.flag.en{background: url(../img/en.png) no-repeat scroll center center;} .file_list .item a span.flag.sk{background: url(../img/sk.png) no-repeat scroll center center;} .file_list .item a span.flag.cz, .file_list .item a span.flag.cs{background: url(../img/cz.png) no-repeat scroll center center; margin-top: -2px;} .fotogalerie{width: 100%; position: relative;} .fotogalerie h3{margin-bottom: 20px;} .fotogalerie a{width: 14.28%; margin: 0; float: left; display: block; position: relative;} .fotogalerie a::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(19, 62, 103, 0.8); background-size: 55px auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a img{max-width: calc( 100% - 8px); display: block; margin: 4px;} .notouch .fotogalerie a:hover::before{opacity: 1;} #hide_tr{display: none;} a.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -20px; width: 48px; height: 48px; background: #133E67; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } 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.png) no-repeat scroll center center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch a.scroll_top:hover{background: #ea2127;} a.scroll_top.active{opacity: 1; bottom: 90px;} .cc_banner-wrapper{z-index: 99999999 !important;} .cc_container{color: #4d4d4d !important;} .cc_container .cc_message{margin: 8px 0 !important; font-size: 12px !important; font-family: "acumin-pro",sans-serif,Arial !important; } .cc_container .cc_message a{font-size: 12px !important; font-weight: 700 !important; color: #133e67 !important;} .notouch .cc_container .cc_message a:hover{text-decoration: underline !important;} .cc_container .cc_btn{width: initial !important; width: auto !important; text-transform: uppercase !important; line-height: 27px !important; font-size: 11px !important; padding: 1px 20px 0 !important; font-family: "acumin-pro",sans-serif,Arial !important; background: #133e67 !important; color: #fff !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; } .notouch .cc_container .cc_btn:hover{background: #ea2127 !important;} .cc_container *::-moz-selection { /* Code for Firefox */ background: #3399FF !important; } .cc_container *::selection { background: #3399FF !important; } .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; 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; 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: 910px; padding: 0; left: 0; display: inline-block; background: #fff; transition: all 400ms ease;} .popup_popup .boxes.short{max-width: 700px;} .popup_popup .boxes .text{font-size: 0; background: #fff; overflow-y: auto; max-height: calc(100vh - 120px); } .popup_popup .boxes .text .img_link{display: block; aspect-ratio: 2 / 1; background: no-repeat scroll center center; background-size: cover;} .popup_popup .boxes .text .padding{text-align: left; display: block; padding: 30px; background: #fff;} .popup_popup .boxes .text .padding .title{display: block; font-size: 26px; line-height: 30px; font-weight: 600; margin: 0; padding: 0; text-transform: uppercase;} .popup_popup .boxes .text .padding .anotation{display: block; font-size: 15px; line-height: 22px; font-weight: 400; margin: 20px 0 0; padding: 0;} .popup_popup .boxes .text .padding .anotation a{font-size: 15px; line-height: 22px; font-weight: 600; text-decoration: underline;} .popup_popup .boxes .text .padding .anotation strong{font-size: 15px; line-height: 22px; font-weight: 600;} .notouch .popup_popup .boxes .text .padding .anotation a:hover, .popup_popup .boxes .text .padding .anotation a:focus{text-decoration: none;} .popup_popup .boxes .close{padding: 0; border: 0; z-index: 999; cursor: pointer; overflow: hidden; background: #133e67; position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; 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; transition: all 400ms ease;} .notouch .popup_popup .boxes .close:hover, .popup_popup .boxes .close:focus{background: #ea2127;} @media screen and (max-width: 1400px) { .popup_popup .boxes .text .padding .title{font-size: 22px; line-height: 26px;} .popup_popup .boxes .text .padding .anotation{font-size: 14px; line-height: 22px; margin: 15px 0 0;} .popup_popup .boxes .text .padding .anotation a, .popup_popup .boxes .text .padding .anotation strong{font-size: 14px; line-height: 22px;} } @media screen and (max-width: 1024px) { .popup_popup .boxes .text .padding .title{font-size: 20px; line-height: 24px;} .popup_popup .boxes .text .padding .anotation{font-size: 13px; line-height: 20px; margin: 10px 0 0;} .popup_popup .boxes .text .padding .anotation a, .popup_popup .boxes .text .padding .anotation strong{font-size: 13px; line-height: 20px;} .popup_popup .boxes .text .padding a.btn{margin: 15px 0 0;} } @media screen and (max-width: 850px) { .popup_popup .boxes{max-width: 400px;} .popup_popup .boxes .text .padding{padding: 30px 20px; text-align: center;} } @media screen and (max-width: 650px) { .popup_popup .boxes .text .padding .title{font-size: 18px; line-height: 22px;} } @media screen and (max-width: 500px) { .popup_popup .boxes .text .padding .title{font-size: 16px; line-height: 20px;} .popup_popup .boxes .text .padding .anotation{font-size: 13px; line-height: 18px; margin: 8px 0 0;} .popup_popup .boxes .text .padding .anotation a, .popup_popup .boxes .text .padding .anotation strong{font-size: 13px; line-height: 18px;} .popup_popup .boxes .text .padding a.btn{margin: 10px 0 0;} } @media screen and (max-width: 767px) { #chat-application, #tracy-debug{display: none !important;} }