/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} .preload *{-webkit-transition: none !important; transition: none !important;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px !important; border: 0; position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden;} .mail_hide, .hide_mail{display: none !important;} .clear{clear:both; margin: 0; display: block; width: 100% !important; float: none !important;} .clear.hide{display: none !important;} .relative{position: relative;} .clear.not_desktop{display: none;} .float_right{float:right; position: relative;} .float_left{float:left; position: relative;} .align-left{text-align: left !important; margin: 0;} .align-center{text-align: center !important; margin: 0;} .align-right{text-align: right !important; margin: 0;} button, input[type=submit]{cursor: pointer; -webkit-appearance: none; outline: 0; } input[type="submit"]:focus {outline:none;} input, textarea {-webkit-appearance: none; border-radius: 0;} input[type="submit"]::-moz-focus-inner {border:0;} label{cursor: text;} input[type=checkbox], input[type=radio]{cursor: pointer;} input:focus{outline:0; } input[type="text"], input[type="password"], textarea, select {outline: none;} input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} input[type=number] {-moz-appearance:textfield;} input[name="fake1"], input[name="fake2"]{opacity: 0; font-size: 0; line-height: 0; padding: 0; visibility: hidden; overflow: hidden; position: fixed; top: 0; left: 0; z-index: -30} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;} @keyframes autofill {100% {background: transparent;color: inherit;}} @-webkit-keyframes autofill {100% {background: transparent;color: inherit;}} .font_size{font-size: 0 !important;} .warehouse.green{color: #39b54a} .warehouse.orange{color: #ec9c24} .warehouse.red{color: #ec1c24} /* input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ffffff;} input[type=text]::-moz-placeholder, textarea::-moz-placeholder {color: #ffffff;} input[type=text]::-ms-input-placeholder, textarea::-ms-input-placeholder {color: #ffffff;} */ sup, sub{line-height: 0; display: inline-block; text-decoration: none; font-size:0.7em;} .root_text{position: absolute; top: -1000px; left: -1000px;} .message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active{top: 100%;} .flash{max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 13px; line-height: 16px; font-weight: 500; padding: 12px 54px; clear: both; position: relative; letter-spacing: 1px} .flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-warning{max-width: 100%; padding: 16px 0; text-align: center; color: #c29d0b; background: url(../global/warning_icon.png) no-repeat scroll 15px center #faeaa9; border: 1px solid #faeaa9;} .alert-error {color: #ffffff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success{color: #ffffff; background: url(../global/success_icon.png) no-repeat scroll 15px center #39b54a; border: 1px solid #39b54a;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1{color: #003174; text-transform: uppercase; font-weight: 600; font-size: 28px; line-height: 34px; margin: 0; padding: 0;} h1 span{display: block; color: #8EAB28; font-size: 20px; line-height: 26px;} h1 span.number{display: inline-block; vertical-align: middle;} h1.inline{display: inline-block; vertical-align: middle;} span.h1_inline.number{display: inline-block; vertical-align: middle; color: #ec1c24; font-size: 20px; line-height: 26px; font-weight: 700; margin: 0 0 0 5px;} h2{font-weight: 600; font-size: 22px; line-height: 28px; margin: 30px 0 5px; padding: 0;} h3{font-weight: 600; font-size: 20px; line-height: 26px; margin: 30px 0 5px; padding: 0;} h4, h5, h6{font-weight: 400; font-size: 18px; line-height: 24px; margin: 30px 0 5px; padding: 0;} @media screen and (max-width: 1024px) { h1{font-size: 24px; line-height: 30px;} h1 span, span.h1_inline.number{font-size: 18px; line-height: 24px;} h2{font-size: 20px; line-height: 26px; margin: 20px 0 5px;} h3{font-size: 18px; line-height: 24px; margin: 20px 0 5px;} h4, h5, h6{font-size: 16px; line-height: 22px; margin: 20px 0 5px;} } @media screen and (max-width: 500px) { h1{font-size: 22px; line-height: 28px;} h1 span, span.h1_inline.number{font-size: 16px; line-height: 22px;} h2{font-size: 18px; line-height: 24px;} h3{font-size: 16px; line-height: 22px;} h4, h5, h6{font-size: 14px; line-height: 20px;} } .search_title{white-space: nowrap; position: relative; z-index: 1; text-align: left; margin: 0 0 5px; font-size: 16px; line-height: 34px; display: block; text-transform: uppercase; font-weight: 600; padding: 0; color: #666666;} .search_title.nomargin{margin: 0;} .search_title.abs{position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search_title::before{z-index: 0; position: absolute; left: 0; right: 0; height: 1px; top: 50%; transform: translateY(-50%); content: ""; background: #eaebeb;} .search_title span{position: relative; z-index: 10; display: inline-block; vertical-align: middle; padding: 0 20px 0 0; background: #f7f7f7;} p, div, article, .text_page, code{font-size: 14px; font-weight: 300;} strong, b{font-weight: 700} @media screen and (max-width: 1024px) { p, div, article, .text_page, code{font-size: 13px;} } article a:not(.btn), article a:not(.btn) strong, article strong a:not(.btn), .text_box a:not(.btn), .text_box a:not(.btn) strong, .text_box strong a:not(.btn){font-weight: 700; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:not(.btn):hover, .notouch .text_box a:not(.btn):hover{color: #8EAB28} .text_page{ margin: 0 auto;} .text_page .img{position: relative; display: block; width: 37%; float: right; margin: 0 0 10px 20px;} .text_page .img.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .text_page .img.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .text_page .img.swipebox:hover::before{opacity: 0.70;} .notouch .text_page .img.swipebox:hover::after{opacity: 1;} .text_page .img img{max-width: 100%; display: block; margin: 0;} .text_page .text{display: block;} @media screen and (max-width: 959px) { .text_page .img{width: 50%;} } @media screen and (max-width: 767px) { .text_page .img{display: block; width: 100%; margin: 0 0 10px;} .text_page .text{display: block; width: 100%; padding: 0; margin: 0;} } article, .text_box{margin: 0 auto; text-align: left; line-height: 20px;} article.max, .text_box.max{max-width: 100%; margin: 40px 0 0; } article p, article div, article th, article td, .text_box p, .text_box div, .text_box th, .text_box td{margin:0 0 15px; text-align: left; line-height: 20px;} article .text_p, .text_box .text_p{margin: 0; } article *:nth-child(1), .text_box *:nth-child(1){margin-top: 0;} article *:last-child, .text_box *:last-child{margin-bottom: 0;} @media screen and (max-width: 1024px) { article, .text_box{line-height: 20px;} article p, article div, .text_box p, .text_box div{margin:0 0 10px;} article p, article div, .text_box p, .text_box div, th, td{line-height: 20px; } } @media screen and (max-width: 768px) { article p, .text_box p{width: 100%; display: block; clear: both;} } article ul, .text_box ul{margin: 0 0 15px; padding: 0;} article ul li, .text_box ul li{padding: 0; margin: 0 0 6px; position: relative; list-style: square inside;} article ul ul, .text_box ul ul{margin: 0; padding: 0 0 0 17px; } article ul ol, .text_box ul ol{margin: 0; padding: 0 0 0 20px; } article ol, .text_box ol{margin: 0 0 15px; padding: 0; counter-reset: item;} article ol li, .text_box ol li{padding: 0 0 0 20px; margin: 0; position: relative; list-style-type: none; counter-increment: item; background: none;} article ol li:before, .text_box ol li:before{position: absolute; top: 0; left: 0; display: block; padding-right: 5px; text-align: left; content: counter(item) ".";} article ol ol, .text_box ol ol{margin: 0; padding: 0 0 0 20px; counter-reset: item;} article ol ul, .text_box ol ul{margin: 0; padding: 0 0 0 17px; counter-reset: item;} article ol ul li, .text_box ol ul li{background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px; padding: 0 0 0 17px;} article ol ul li:before, .text_box ol ul li:before{display: none;} article table.over, .text_box table.over{min-width: 100%; display: block; overflow-x: scroll;} article table, .text_box table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption, .text_box table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;} article table thead, .text_box table thead{margin-bottom: 3px;} article table tr th, article table tr td.fr-highlighted, .text_box table tr th, .text_box table tr td.fr-highlighted{text-align: left; padding: 4px 5px; background: #8EAB28; color: #fff; border: 1px solid #7f9a1f;} article table tr td, .text_box table tr td{text-align: left; padding: 4px 5px; font-weight: 400; border: 1px solid #e0dfdf;} article table.fr-dashed-borders tr th, .text_box table.fr-dashed-borders tr th{padding: 0 10px 0 0; border: 0;} article table.fr-dashed-borders tr td, .text_box table.fr-dashed-borders tr td{padding: 0 10px 0 0; border: 0;} article table.gdpr th{ white-space: nowrap; text-align: left !important; text-transform: none !important;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{ line-height: 18px; text-align: left; font-size: 13px !important;} @media screen and (max-width: 1024px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 13px !important;} } @media screen and (max-width: 500px) { article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 12px !important;} } article p.gdpr, .text_box p.gdpr{margin: 0; line-height: 22px; font-size: 12px; line-height: 18px;} article p.gdpr, .text_box p.gdpr{padding: 6px 0;} article p.gdpr.full, .text_box p.gdpr.full{padding: 0; max-width: 992px; margin: 10px auto 0; } article .size_inline{display: inline-block; vertical-align: top; margin: 0 80px 0 0;} article .size_inline table{min-width: 200px;} article img, .text_box img{max-width: 100%; margin: 0 auto 8px; display: block; vertical-align: top; float: none; height: initial !important; height: auto !important;} article img.fr-fil.fr-dib, .text_box img.fr-fil.fr-dib{margin-left: 0;} article img.fr-fir.fr-dib, .text_box img.fr-fir.fr-dib{margin-right: 0;} article img.fr-fil.fr-dii, .text_box img.fr-fil.fr-dii{float: left; margin-right: 10px;} article img.fr-fir.fr-dii, .text_box img.fr-fir.fr-dii{float: right; margin-left: 10px;} article img.fr-border-radius-4, .text_box img.fr-border-radius-4{-webkit-border-radius: 4px !important; border-radius: 4px !important;} article img.fr-border-radius-8, .text_box img.fr-border-radius-8{-webkit-border-radius: 8px !important; border-radius: 8px !important;} article img.fr-border-radius-100, .text_box img.fr-border-radius-100{-webkit-border-radius: 100% !important; border-radius: 100% !important;} @media screen and (max-width: 767px) { article img.fr-fil.fr-dii, .text_box img.fr-fil.fr-dii{float: none; margin-right: 0;} article img.fr-fir.fr-dii, .text_box img.fr-fir.fr-dii{float: none; margin-left: 0;} } article span.fr-video, .text_box span.fr-video{text-align: center; max-width: 100%; margin: 0 auto; display: block; vertical-align: top; float: none;} article span.fr-video.fr-fvl, .text_box span.fr-video.fr-fvl{margin-left: 0; text-align: left;} article span.fr-video.fr-fvr, .text_box span.fr-video.fr-fvr{margin-right: 0; text-align: right;} article span.fr-video iframe, .text_box span.fr-video iframe{max-width: 100%; margin: 0 auto; display: inline-block; width: 640px !important; height: 360px !important;} article span.fr-video video, .text_box span.fr-video video{max-width: 100%; height: initial !important; height: auto !important; margin: 0 auto; display: inline-block;} @media screen and (max-width: 767px) { article span.fr-video, .text_box span.fr-video{text-align: center !important;} article span.fr-video iframe, .text_box span.fr-video iframe{width: 280px !important; height: 160px !important;} } input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: din-2014, sans-serif, Arial; margin: 0;} .clear, #cookie_content{margin: 0 !important;} html{margin: 0 auto; padding: 0; background: #f2f2f2 ;} html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;} body{color: #000000; background: #ffffff !important; padding: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: din-2014, 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);} .inside{width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;} .inside_small{width: 90%; padding: 0; max-width: 840px; margin: 0 auto;} .inside_max{width: 90%; padding: 0; max-width: 90%; margin: 0 auto;} .inside_middle{width: 90%; padding: 0; max-width: 1270px; margin: 0 auto;} .btn{font-weight: 600; font-size: 14px; line-height: 18px; padding: 12px 30px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; text-align: center; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.disable{background: #e2e2e2 !important; border: 1px solid #e2e2e2 !important; color: #b1b1b1 !important; cursor: no-drop;} .btn.big{padding: 15px 40px;} .btn.small{padding: 10px 20px;} .btn.overflow{overflow: visible;} .btn img{display: inline-block; vertical-align: top; margin: 0 0 0 4px;} .btn.shadow{-webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6); box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6);} .btn.radius{-webkit-border-radius: 30px; border-radius: 30px;} .btn.line_height{line-height: 30px;} .btn.inline{display: inline-block; vertical-align: middle;} .btn.left{float: left;} .btn.right{float: right;} .btn.cursor{cursor: pointer;} .btn.ultra_min_margin_top{margin-top: 1px;} .btn.ultra_min_margin_bottom{margin-bottom: 1px;} .btn.ultra_min_margin_right{margin-right: -3px;} .btn.ultra_min_margin_left{margin-left: 1px;} .btn.min_margin_top{margin-top: 5px;} .btn.min_margin_bottom{margin-bottom: 5px;} .btn.min_margin_right{margin-right: 5px;} .btn.min_margin_left{margin-left: 5px;} .btn.middle_margin_top{margin-top: 10px;} .btn.middle_margin_bottom{margin-bottom: 10px;} .btn.middle_margin_right{margin-right: 10px;} .btn.middle_margin_left{margin-left: 10px;} .btn.max_margin_top{margin-top: 15px;} .btn.max_margin_bottom{margin-bottom: 15px;} .btn.max_margin_right{margin-right: 15px;} .btn.max_margin_left{margin-left: 15px;} .btn.ultra_margin_top{margin-top: 25px;} .btn.ultra_margin_bottom{margin-bottom: 25px;} .btn.ultra_margin_right{margin-right: 25px;} .btn.ultra_margin_left{margin-left: 25px;} .btn i{font-style: normal; } .btn .item{display: block; z-index: 999; position: absolute; width: 230px; left: 50%; bottom: calc(100% + 15px); visibility: hidden; opacity: 0; margin-left: -115px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn:hover .item{visibility: visible; opacity: 1; bottom: calc(100% + 5px);} .btn .item .box{display: block; position: relative; padding: 8px; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .btn .item .box::before{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #dbdbdb; border-width: 11px; margin-left: -11px; } .btn .item .box::after{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } .btn .item .img{display: block; width: 100%; height: 0; padding: 0 0 60%; margin: 0 0 8px; position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover;} .btn .item .title{white-space: normal; display: block; text-align: center; font-size: 12px; line-height: 16px; text-transform : none; color: #000000; margin: 0; padding: 0; font-weight: 600;} .btn.typ_1{background: transparent; border: 1px solid rgba(4,49,116,0.2); color: #003174; padding-right: 65px;} .btn.typ_1::before{opacity: 1; background: url(../img/arrow2_special_blue.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; right: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_1::after{opacity: 0; background: url(../img/arrow2_special_white.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; right: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #003174; border: 1px solid #003174; color: #ffffff;} .notouch .btn.typ_1:hover::before, .notouch .item.hover_efekt .btn.typ_1::before, .notouch a.item:hover .btn.typ_1::before{opacity: 0;} .notouch .btn.typ_1:hover::after, .notouch .item.hover_efekt .btn.typ_1::after, .notouch a.item:hover .btn.typ_1::after{opacity: 1;} .btn.typ_2{background: transparent; border: 1px solid rgba(124,14,111,0.2); color: #7C0E6F; padding-right: 65px;} .btn.typ_2::before{opacity: 1; background: url(../img/arrow2_special_purple.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; right: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_2::after{opacity: 0; background: url(../img/arrow2_special_white.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; right: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #7C0E6F; border: 1px solid #7C0E6F; color: #ffffff;} .notouch .btn.typ_2:hover::before, .notouch .item.hover_efekt .btn.typ_2::before, .notouch a.item:hover .btn.typ_2::before{opacity: 0;} .notouch .btn.typ_2:hover::after, .notouch .item.hover_efekt .btn.typ_2::after, .notouch a.item:hover .btn.typ_2::after{opacity: 1;} .btn.typ_3{background: #ffffff; border: 1px solid #000000; color: #000000;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{background: #000000; border: 1px solid #000000; color: #ffffff;} .btn.typ_4{font-size: 0; background: transparent; border: 1px solid transparent; color: #7C0E6F; padding: 9px 32px;} .btn.typ_4::before{opacity: 1; background: url(../img/arrow2_special_purple.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; left: calc(50% - 16px); top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_4::after{opacity: 0; background: url(../img/arrow2_special_white.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; left: calc(50% - 16px); top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{background: #7C0E6F; border: 1px solid #7C0E6F; color: #ffffff;} .notouch .btn.typ_4:hover::before, .notouch .item.hover_efekt .btn.typ_4::before, .notouch a.item:hover .btn.typ_4::before{opacity: 0;} .notouch .btn.typ_4:hover::after, .notouch .item.hover_efekt .btn.typ_4::after, .notouch a.item:hover .btn.typ_4::after{opacity: 1;} .btn.typ_5{background: #f7f7f7; border: 1px solid rgba(4,49,116,0.2); color: #003174; padding-right: 65px;} .btn.typ_5::before{opacity: 1; background: url(../img/arrow2_special_blue.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; right: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_5::after{opacity: 0; background: url(../img/arrow2_special_white.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; right: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5{background: #003174; border: 1px solid #003174; color: #ffffff;} .notouch .btn.typ_5:hover::before, .notouch .item.hover_efekt .btn.typ_5::before, .notouch a.item:hover .btn.typ_5::before{opacity: 0;} .notouch .btn.typ_5:hover::after, .notouch .item.hover_efekt .btn.typ_5::after, .notouch a.item:hover .btn.typ_5::after{opacity: 1;} .btn.typ_6{background: #f7f7f7; border: 1px solid rgba(4,49,116,0.2); color: #003174; padding-left: 65px;} .btn.typ_6::before{opacity: 1; background: url(../img/arrow2_special_blue.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; left: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_6::after{opacity: 0; background: url(../img/arrow2_special_white.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; left: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_6:hover, .notouch .item.hover_efekt .btn.typ_6, .notouch a.item:hover .btn.typ_6{background: #003174; border: 1px solid #003174; color: #ffffff;} .notouch .btn.typ_6:hover::before, .notouch .item.hover_efekt .btn.typ_6::before, .notouch a.item:hover .btn.typ_6::before{opacity: 0;} .notouch .btn.typ_6:hover::after, .notouch .item.hover_efekt .btn.typ_6::after, .notouch a.item:hover .btn.typ_6::after{opacity: 1;} .btn.typ_7{background: transparent; border: 1px solid #ffffff; color: #8EAB28; padding-right: 65px;} .btn.typ_7::before{opacity: 1; background: url(../img/arrow2_special_green.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; right: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_7::after{opacity: 0; background: url(../img/arrow2_special_white.svg) no-repeat scroll center center; background-size: 32px 10px; content: ""; position: absolute; right: 20px; top: calc(50% - 6px); width: 32px; height: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_7:hover, .notouch .item.hover_efekt .btn.typ_7, .notouch a.item:hover .btn.typ_7{background: #8EAB28; border: 1px solid #8EAB28; color: #ffffff;} .notouch .btn.typ_7:hover::before, .notouch .item.hover_efekt .btn.typ_7::before, .notouch a.item:hover .btn.typ_7::before{opacity: 0;} .notouch .btn.typ_7:hover::after, .notouch .item.hover_efekt .btn.typ_7::after, .notouch a.item:hover .btn.typ_7::after{opacity: 1;} .btn.typ_8{background: #003174; border: 1px solid #003174; color: #ffffff;} .notouch .btn.typ_8:hover, .notouch .item.hover_efekt .btn.typ_8, .notouch a.item:hover .btn.typ_8{background: transparent; border: 1px solid #003174; color: #003174;} @media screen and (max-width: 1024px) { .btn .item{display: none;} } @media screen and (max-width: 768px) { .btn i{display: block;} } @media screen and (max-width: 500px) { .btn{font-size: 11px; line-height: 16px; padding: 6px 15px;} } .header_height{display: block; height: 100px; position: relative;} header{padding: 4px 0 0; background: #ffffff; max-width: 1920px; z-index: 9999; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center;} header::before{z-index: 0; position: absolute; top: 0; left: 0; right: 50%; height: 4px; content: ""; background: #7C0E6F;} header::after{z-index: 0; position: absolute; top: 0; left: 50%; right: 0; height: 4px; content: ""; background: #003174;} header nav{text-align: center; width: calc(50% - 125px); position: relative; z-index: 999; display: block; margin: 0;} header nav ul{width: 100%; margin: 0; padding: 0; display: table; vertical-align: middle; text-align: center;} header nav ul > li{padding: 0; position: relative; list-style: none; display: table-cell; vertical-align: middle; margin: 0;} header nav ul > li a{text-transform: uppercase; position: relative; display: inline-block; line-height: 22px; font-size: 15px; font-weight: 600; padding: 37px 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header nav ul > li a::before{opacity: 0; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 5px; width: 0; content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header nav ul > li > a:hover::before, header nav ul > li.active > a::before{opacity: 1; width: 100%;} header nav.float_left ul > li a{color: #7C0E6F;} header nav.float_left ul > li a::before{background: #7C0E6F;} header nav.float_right > ul{width: calc(100% - 140px)} header nav.float_right ul > li a{color: #003174;} header nav.float_right ul > li a::before{background: #003174;} header a.logo{z-index: 10; display: block; background: #fff; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%);} header a.logo::before{display: block; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../img/logo.svg) no-repeat scroll center center; content: "";} header a.logo{width: 250px; height: 190px;} header a.logo::before{background-size: 154px 140px;} header a.logo2::before{background-image: url(../img/logo2.svg)} header .box{font-size: 0; position: absolute; top: 0; bottom: 0; right: 0; width: 140px; text-align: right;} header .box ul.lang{width: initial; width: auto; margin: 0 0 0 5px; padding: 29px 0; display: inline-block; vertical-align: middle; text-align: center; position: relative;} header .box ul.lang li{cursor: pointer; padding: 5px 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 0;} header .box ul.lang li button.return_false{-webkit-border-radius: 6px; border-radius: 6px; text-transform: uppercase; position: relative; display: block; line-height: 22px; width: 28px; text-align: center; font-size: 14px; font-weight: 600; padding: 2px 0 0; color: #7C0E6F; background: #ffffff; border: 2px solid #7C0E6F; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .box ul.lang li:hover > button.return_false, header .box ul.lang li.active > button.return_false, header .box ul.lang li.open > button.return_false{background: #7C0E6F; color: #fff;} header .box ul.lang li ul{-webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; z-index: 0; margin: 0; padding: 0; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #ffffff; display: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .notouch header .box ul.lang li:hover ul, header .box ul.lang li[aria-expanded="true"] ul{display: block;} header .box ul.lang li ul li {margin: 0 !important; list-style: none; display: block; width: 100%; padding: 0;} header .box ul.lang li ul li a{white-space: nowrap; opacity: 1; position: relative; text-transform: none; font-weight: 400; display: block; padding: 8px 20px; font-size: 12px; line-height: 20px; text-align: right; color: #000000 !important; border-top: 1px solid #e5e5e5; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .box ul.lang li ul li:first-of-type a{border-top: 0 !important;} header .box ul.lang li ul li a::before{ display: none;} .notouch header .box ul.lang li ul li a:hover, header .box ul.lang li ul li.active a{background: #7C0E6F; color: #ffffff !important; border-top: 1px solid #6D0A61;} header nav.float_right ul.social{display: inline-block; vertical-align: middle; margin: 0; padding: 0; width: 66px; font-size: 0; text-align: left;} header nav.float_right ul.social li{list-style: none; display: inline-block; margin: 5px 5px 0 0;} header nav.float_right ul.social li:nth-child(-n + 2){margin-top: 0;} header nav.float_right ul.social li a{display: block; width: 28px; height: 28px; padding: 0; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header nav.float_right ul.social li a::before{transform: none; opacity: 1; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header nav.float_right ul.social li a::after{transform: none; opacity: 0; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header nav.float_right ul.social li a.in::before{background-image: url(../../img/social_in_icon_blue.svg);} header nav.float_right ul.social li a.fb::before{background-image: url(../../img/social_fb_icon_blue.svg);} header nav.float_right ul.social li a.yt::before{background-image: url(../../img/social_yt_icon_blue.svg);} header nav.float_right ul.social li a.li::before{background-image: url(../../img/social_li_icon_blue.svg);} header nav.float_right ul.social li a.tw::before{background-image: url(../../img/social_tw_icon_blue.svg);} header nav.float_right ul.social li a.in::after{background-image: url(../../img/social_in_icon_purple.svg);} header nav.float_right ul.social li a.fb::after{background-image: url(../../img/social_fb_icon_purple.svg);} header nav.float_right ul.social li a.yt::after{background-image: url(../../img/social_yt_icon_purple.svg);} header nav.float_right ul.social li a.li::after{background-image: url(../../img/social_li_icon_purple.svg);} header nav.float_right ul.social li a.tw::after{background-image: url(../../img/social_tw_icon_purple.svg);} .notouch header nav.float_right ul.social li a:hover::before{opacity: 0;} .notouch header nav.float_right ul.social li a:hover::after{opacity: 1;} header .box .user{font-size: 0; margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: right; width: 28px;} header .header_search{text-align: right; position: relative; display: block; margin: 29px 0;} header .search{-webkit-border-radius: 6px; border-radius: 6px; margin: 0; font-size: 0; cursor: pointer; position: relative; display: block; vertical-align: middle; padding: 0; width: 24px; height: 24px; border: 2px solid #7C0E6F; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search::before{opacity: 1; background-image: url(../img/search_purple.svg); position: absolute; left: 0; top: 0; bottom: 0; width: 100%; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search::after{opacity: 0; background-image: url(../img/search_white.svg); position: absolute; left: 0; top: 0; bottom: 0; width: 100%; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 24px 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .search:hover{background: #7C0E6F;} .notouch header .search:hover::before{opacity: 0;} .notouch header .search:hover::after{opacity: 1;} header #search_box{opacity: 0; visibility: hidden; position: absolute; width: 300px; padding: 0; right: 0; top: calc(100% + 5px); z-index: 200; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header.search_active .header_search #search_box{opacity: 1; visibility: visible; } header #search_box .search_label{font-size: 0; display: block;} header #search_box input[type=text]{-webkit-border-radius: 6px; border-radius: 6px; width: calc(100% - 60px); border: 0; border: 0; position: relative; z-index: 1; display: block; padding: 14px 45px 14px 15px; font-size: 13px; line-height: 22px; font-weight: 500; color: #ffffff; background: #7C0E6F; ; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header #search_box input[type=text]::-webkit-input-placeholder {color: #ffffff;} header #search_box input[type=text]::-moz-placeholder {color: #ffffff;} header #search_box input[type=text]::-ms-input-placeholder {color: #ffffff;} header #search_box button[type=submit].search_field{position: absolute; right: 1px; top: 1px; bottom: 1px; width: 35px; height: calc(100% - 2px); background: none; z-index: 10; border: 0; background: transparent; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header #search_box button[type=submit].search_field::before{opacity: 1; background: url(../img/search_white.svg) no-repeat scroll center center; background-size: 24px 24px; content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header #search_box form p.load{-webkit-border-radius: 6px; border-radius: 6px; width: 288px; border: 1px solid #ffffff; top: 60px; opacity: 0; visibility: hidden; font-size: 12px; line-height: 16px; font-weight: 600; z-index: 0; position: absolute; right: 0; background: #fff; color: #515154; padding: 12px 10px 12px 40px; margin: 0; text-align: left; -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.5); box-shadow: 0 0 20px -5px rgba(0,0,0,0.5);} header #search_box form p.load.active{opacity: 1; visibility: visible;} header #search_box form p.load::before{position: absolute; left: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_arrow.svg) no-repeat scroll center center; background-size: 20px 20px; -webkit-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite;} @-webkit-keyframes rotating {from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes rotating {from{ -webkit-transform: rotate(0deg); transform: rotate(0deg);} to{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}} header #search_box form p.error{border: 1px solid #ffffff; top: 0; opacity: 0; visibility: hidden; font-size: 12px; line-height: 16px; font-weight: 600; z-index: 0; position: absolute; left: 0; right: 0; background: #fff; color: #515154; padding: 10px 15px 10px 40px; margin: 0; text-align: left;} header #search_box form p.error.active{opacity: 1; visibility: visible; position: relative;} header #search_box form p.error::before{position: absolute; left: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; content: ""; background: url(../img/search_error.svg) no-repeat scroll center center; background-size: 20px 20px;} header #search_box form ul{-webkit-border-radius: 6px; border-radius: 6px; width: 340px; opacity: 1; overflow: hidden; display: block; z-index: 0; position: absolute; margin: 0; padding: 0; top: 60px; right: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header #search_box form ul.hide{opacity: 0; visibility: hidden;} header #search_box form ul:empty{display: none;} header #search_box form ul li{margin: 0; list-style: none; display: block;} header #search_box form ul li a, header #search_box form ul li button{text-ttransform: none; border: 0; background: #fff; text-align: left; border-top: 1px solid #f0f0f0; font-size: 13px; line-height: 20px; font-weight: 600; color: #515154; padding: 5px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header #search_box form ul li a::before{display: none;} .notouch header #search_box form ul li:hover a, header #search_box form ul li.active a{background: #f0f0f0; color: #515154;} .notouch header #search_box form ul li.special:hover a, header #search_box form ul li.active.special a{background: #ec1c24; color: #ffffff;} header #search_box form ul li button{padding-left: 0; padding-right: 0; width: 100%; } header #search_box form ul li.special a, header #search_box form ul li.special button{font-weight: 600; background: #414042; font-size: 12px; color: #fff; text-align: center; text-decoration: underline; padding: 8px 10px; margin: 0 0 -1px;} .notouch header #search_box form ul li:not(.special):hover a, header #search_box form ul li.active a, .notouch header #search_box form ul li:not(.special):hover button, header #search_box form ul li.active button{background: #f0f0f0; color: #000;} header #search_box form ul li > span{-webkit-border-radius: 0; border-radius: 0; background: #414042; text-align: left; font-size: 13px; line-height: 20px; color: #fff; font-weight: 600; padding: 8px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 0; margin: 0 40px 0 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .open_close_navigation::after{margin: 0 0 0 5px; content: "Menu"; font-size: 14px; line-height: 20px; height: 18px; color: #003174; font-weight: 600; text-transform: uppercase; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation button {background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 14px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active { -webkit-transition: none; transition: none;} .open_close_navigation .lines {display: inline-block; width: 1.8rem; height: 2px; background: #003174; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 1.8rem; height: 2px; background: #003174; 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.4rem;} .open_close_navigation .lines:after {top: -0.4rem;} .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: 2px; left: -2px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.3rem; background: #003174;} .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::after{color: #7C0E6F;} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #7C0E6F;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #7C0E6F;} .notouch .open_close_navigation:hover .lines{background: #7C0E6F;} .ipad_menu{text-align: center; display: none; position: absolute; max-width: 1920px; margin: 0 auto; width: 100%; top: -1500px; right: 0; left: 0; background: #ffffff; -webkit-box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); box-shadow: 2px 2px 14px -5px rgba(0,0,0,0.5); padding: 103px 0 0; z-index: 9998; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.move{top: 0 !important;} .ipad_menu > ul{display: block; position: relative; text-align: left; margin: 0; padding: 0; z-index: 9998;} .ipad_menu > ul > li{position: relative; list-style: none; display: block;} .ipad_menu > ul > li > a, .ipad_menu > ul > li > button:not(.icon){border: 0; background: none; border-top: 1px solid #ededed; position: relative; font-size: 13px; line-height: 44px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu > ul > li > button:not(.icon){text-align: left; width: 100%; } .notouch .ipad_menu > ul > li > a:hover, .ipad_menu > ul > li > a:focus, .ipad_menu > ul > li.active > a, .ipad_menu > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li.focus_efekt > a, .notouch .ipad_menu > ul > li > button:not(.icon):hover, .ipad_menu > ul > li > button:not(.icon):focus, .ipad_menu > ul > li.active > button:not(.icon), .ipad_menu > ul > li[aria-expanded='true'] > button:not(.icon), .ipad_menu > ul > li.focus_efekt > button:not(.icon){background: #003174; border-top: 1px solid #002A64; color: #fff;} .ipad_menu > ul > li > ul{border-top: 1px solid #d4d4d4; display: none; position: relative; text-align: left; margin: 0; padding: 0 0 0 25px; z-index: 9998; background: #ececec;} .ipad_menu > ul > li[aria-expanded='true'] > ul, .ipad_menu > ul > li.open > ul{display: block;} .ipad_menu > ul > li > ul > li{position: relative; list-style: none; display: block;} .ipad_menu > ul > li > ul > li > a{border-top: 1px solid #d4d4d4; position: relative; font-size: 13px; line-height: 44px; font-weight: 400; padding: 0 60px 0px 15px; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu > ul > li > ul > li:nth-child(1) > a{border-top: 0 !important} .notouch .ipad_menu > ul > li > ul > li > a:hover, .ipad_menu > ul > li > ul > li > a:focus, .ipad_menu > ul > li > ul > li.active > a, .ipad_menu > ul > li > ul > li[aria-expanded='true'] > a, .ipad_menu > ul > li > ul > li.focus_efekt > a{color: #ec1c24} .ipad_menu ul > li > .icon{background: none; border: 0; cursor: pointer; z-index: 100; display: block; position: absolute; top: 1px; right: 0; height: 44px; width: 45px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li > .icon::after{position: absolute; height: 32px; width: 1px; top: 50%; left: 0; background: #d4d4d4; content: ""; display: block; -webkit-transform: translateY(-50%) translateZ(0); transform: translateY(-50%) translateZ(0); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul > li:hover > .icon::after, .ipad_menu ul > li > .icon:focus::after, .ipad_menu ul > li.active > .icon::after, .ipad_menu ul > li[aria-expanded='true'] > .icon::after{background: #deeef3;} .ipad_menu ul > li > .icon::before{display: block; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: url(../../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul > li.focus_efekt > .icon::before, .ipad_menu ul > li.open > .icon::before, .ipad_menu ul > li.open > .icon:focus::before, .ipad_menu ul > li.open > .icon:hover::before, .ipad_menu ul > li:focus > .icon::before, .ipad_menu ul > li[aria-expanded='true'] > .icon::before, .notouch .ipad_menu ul > li:hover > .icon::before, .notouch .ipad_menu ul > li.focus_efekt > .icon:hover::before, .notouch .ipad_menu ul > li.open[aria-expanded='true'] > .icon:hover::before, .notouch .ipad_menu ul > li[aria-expanded='true'] > .icon:hover::before{background: url(../../img/arrow_white_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .notouch .ipad_menu ul > li > .icon:hover::before, .ipad_menu ul > li > .icon:focus::before, .ipad_menu ul > li.open.focus_efekt > .icon:focus::before, .notouch .ipad_menu ul > li.open > .icon:hover::before{background: url(../../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px;} .ipad_menu ul > li.open > .icon::before{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);} @media screen and (max-width: 1400px) { .header_height{height: 88px;} header nav{width: calc(50% - 85px);} header nav ul > li a{line-height: 20px; font-size: 13px; padding: 32px 3px; } header a.logo{width: 170px; height: 130px;} header a.logo::before{background-size: 110px 100px;} header nav.float_right > ul{width: calc(100% - 65px)} header .box{width: 65px;} header nav.float_right ul.social{display: none;} header .header_search{margin: 24px 0;} header .box ul.lang{padding: 24px 0;} } @media screen and (max-width: 1024px) { .header_height{height: 104px;} header{position: absolute;} header nav.float_left{display: none;} header nav.float_right{float: none; display: inline-block; vertical-align: middle; width: calc(100% - 88px); text-align: right; } header nav.float_right > ul{display: none;} header a.logo{left: 0; transform: none; position: relative; display: inline-block; vertical-align: middle; width: 88px; height: 100px;} header a.logo::before{background-size: 88px 80px;} .open_close_navigation{display: inline-block; vertical-align: middle;} header .box{position: relative; display: inline-block; vertical-align: middle; width: 65px;} header .header_search{margin: 0;} header .box ul.lang{padding: 0;} .ipad_menu{display: block; padding: 104px 0 0;} } @media screen and (max-width: 500px) { .header_height{height: 86px;} header nav.float_right{width: calc(100% - 77px); } header a.logo{width: 77px; height: 82px;} header a.logo::before{background-size: 77px 70px;} .open_close_navigation{margin: 0 20px 0 0;} .open_close_navigation::after{display: none;} .ipad_menu{display: block; padding: 86px 0 0;} header #search_box{width: 254px;} } .page_img_small{display: block; position: relative; width: 100%; padding: 90px 0 0; background: no-repeat scroll center center; background-size: cover;} .page_img_small .box{display: table; height: 220px; width: 100%;} .page_img_small .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .page_img_small .title{text-shadow: 1px 1px 5px rgba(0,0,0,0.5); text-align: center; margin: 0; padding: 0; font-size: 42px; line-height: 48px; font-weight: 600; text-transform: uppercase; color: #ffffff;} @media screen and (max-width: 1400px) { .page_img_small{padding: 42px 0 0;} .page_img_small .box{height: 200px;} } @media screen and (max-width: 1280px) { .page_img_small .title{font-size: 36px; line-height: 40px;} } @media screen and (max-width: 1024px) { .page_img_small{padding: 0;} .page_img_small .title{font-size: 34px; line-height: 38px;} } @media screen and (max-width: 800px) { .page_img_small .box{height: 180px;} .page_img_small .title{font-size: 30px; line-height: 34px;} } @media screen and (max-width: 500px) { .page_img_small .box{height: 150px;} .page_img_small .title{font-size: 28px; line-height: 32px;} } .welcome_0{background: url(../img/main_bg.jpg) no-repeat scroll center center #f0f0f0; background-size: cover; padding: 150px 0 60px 0; position: relative; display: block; min-height: 50px;} .welcome_0 .mozaika_list{display: block; position: relative; width: 100%; font-size: 0; } .welcome_0 .mozaika_list .left_side{display: inline-block; vertical-align: top; width: 37.5%; font-size: 0;} .welcome_0 .mozaika_list .middle_side{display: inline-block; vertical-align: top; width: 25%; font-size: 0;} .welcome_0 .mozaika_list .right_side{display: inline-block; vertical-align: top; width: 37.5%; font-size: 0;} .welcome_0 .mozaika_list .item{overflow: hidden; display: inline-block; vertical-align: top; margin: 3px; position: relative;} .welcome_0 .mozaika_list .item .in_bg{z-index: 0; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 0; height: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_0 .mozaika_list a.item:hover .in_bg{width: 120%; height: 120%;} .welcome_0 .mozaika_list .item::before{z-index: 1; opacity: 1; position: absolute; right: 16px; bottom: 16px; width: 12px; height: 74px; background: no-repeat scroll center center; background-size: 12px 74px; content: "";} .welcome_0 .mozaika_list .item::after{z-index: 0; opacity: 0.1; position: absolute; right: 16px; bottom: 16px; width: 36px; height: 222px; background: no-repeat scroll center center; background-size: 36px 222px; content: "";} .welcome_0 .mozaika_list .item.size_1:not(.bg_6)::before, .welcome_0 .mozaika_list .item.size_4:not(.bg_6)::before, .welcome_0 .mozaika_list .item.size_full:not(.bg_6)::before{background-image: url(../img/mozaika_arrow_small_white.svg);} .welcome_0 .mozaika_list .item.size_2:not(.bg_6)::before, .welcome_0 .mozaika_list .item.size_3:not(.bg_6)::before{background-image: url(../img/mozaika_arrow_big_white.svg);} .welcome_0 .mozaika_list .item.size_2:not(.bg_6)::after, .welcome_0 .mozaika_list .item.size_3:not(.bg_6)::after{background-image: url(../img/mozaika_arrow_big_white.svg);} .welcome_0 .mozaika_list .item.size_1.bg_1::before, .welcome_0 .mozaika_list .item.size_4.bg_1::before, .welcome_0 .mozaika_list .item.size_full.bg_1::before{background-image: url(../img/mozaika_arrow_small_blue.svg);} .welcome_0 .mozaika_list .item.size_2.bg_1::before, .welcome_0 .mozaika_list .item.size_3.bg_1::before{background-image: url(../img/mozaika_arrow_big_blue.svg);} .welcome_0 .mozaika_list .item.size_2.bg_1::after, .welcome_0 .mozaika_list .item.size_3.bg_1::after{background-image: url(../img/mozaika_arrow_big_blue.svg);} .welcome_0 .mozaika_list .item.bg_1{background-color: #ffffff;} /*bílá*/ .welcome_0 .mozaika_list .item.bg_1 .in_bg{background-color: #eeeeee} .welcome_0 .mozaika_list .item.bg_2{background-color: #7C0E6F;} /*fialova*/ .welcome_0 .mozaika_list .item.bg_2 .in_bg{background-color: #6a075e} .welcome_0 .mozaika_list .item.bg_3{background-color: #003174;} /*modrá*/ .welcome_0 .mozaika_list .item.bg_3 .in_bg{background-color: #01204b} .welcome_0 .mozaika_list .item.bg_4{background-color: #1BADB9;} /*tyrkysová*/ .welcome_0 .mozaika_list .item.bg_4 .in_bg{background-color: #11949f} .welcome_0 .mozaika_list .item.bg_5{background-color: #8EAB28;} /*zelená*/ .welcome_0 .mozaika_list .item.bg_5 .in_bg{background-color: #779219} .welcome_0 .mozaika_list .item.bg_6{background-color: transparent;} .welcome_0 .mozaika_list .item .in{z-index: 10; display: block; width: 100%; position: relative;} .welcome_0 .mozaika_list .item.size_1{width: calc(33.33% - 6px);} .welcome_0 .mozaika_list .item.size_1 .in{padding: 0 0 100%;} .welcome_0 .mozaika_list .item.size_2{width: calc(66.66% - 6px);} .welcome_0 .mozaika_list .item.size_2 .in{padding: 0 0 100%;} .welcome_0 .mozaika_list .item.size_3{width: calc(33.33% - 6px);} .welcome_0 .mozaika_list .item.size_3 .in{padding: 0 0 calc(200% + 6px);} .welcome_0 .mozaika_list .item.size_4{width: calc(66.66% - 6px);} .welcome_0 .mozaika_list .item.size_4 .in{padding: 0 0 calc(50% - 3px);} .welcome_0 .mozaika_list .item.size_full{width: calc(100% - 6px);} .welcome_0 .mozaika_list .item.size_full .in{padding: 0 0 calc(50% - 3px);} .welcome_0 .mozaika_list .item .in .title{font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; position: absolute; top: 15px; left: 15px; right: 32px; margin: 0; color: #fff; letter-spacing: 0.5px;} .welcome_0 .mozaika_list .item.size_2 .in .title, .welcome_0 .mozaika_list .item.size_4 .in .title, .welcome_0 .mozaika_list .item.size_full .in .title{font-size: 24px; line-height: 28px;} .welcome_0 .mozaika_list .item.bg_1 .in .title{color: #003174;} @media screen and (max-width: 1400px) { .welcome_0{padding: 102px 0 60px;} } @media screen and (max-width: 1280px) { .welcome_0 .mozaika_list .item::after{display: none;} .welcome_0 .mozaika_list .item .in .title{font-size: 16px; line-height: 22px; top: 12px; left: 12px; right: 30px;} .welcome_0 .mozaika_list .item.size_2 .in .title, .welcome_0 .mozaika_list .item.size_4 .in .title, .welcome_0 .mozaika_list .item.size_full .in .title{font-size: 22px; line-height: 26px;} } @media screen and (max-width: 1024px) { .welcome_0{padding: 40px 0;} .welcome_0 .mozaika_list .item{margin: 2px;} .welcome_0 .mozaika_list .item::before{display: none;} .welcome_0 .mozaika_list .item.size_1{width: calc(33.33% - 4px);} .welcome_0 .mozaika_list .item.size_1 .in{padding: 0 0 100%;} .welcome_0 .mozaika_list .item.size_2{width: calc(66.66% - 4px);} .welcome_0 .mozaika_list .item.size_2 .in{padding: 0 0 100%;} .welcome_0 .mozaika_list .item.size_3{width: calc(33.33% - 4px);} .welcome_0 .mozaika_list .item.size_3 .in{padding: 0 0 calc(200% + 4px);} .welcome_0 .mozaika_list .item.size_4{width: calc(66.66% - 4px);} .welcome_0 .mozaika_list .item.size_4 .in{padding: 0 0 calc(50% - 2px);} .welcome_0 .mozaika_list .item.size_full{width: calc(100% - 4px);} .welcome_0 .mozaika_list .item.size_full .in{padding: 0 0 calc(50% - 2px);} .welcome_0 .mozaika_list .item .in .title{font-size: 14px; line-height: 20px; right: 12px;} .welcome_0 .mozaika_list .item.size_2 .in .title, .welcome_0 .mozaika_list .item.size_4 .in .title, .welcome_0 .mozaika_list .item.size_full .in .title{font-size: 18px; line-height: 22px;} } @media screen and (max-width: 900px) { .welcome_0 .mozaika_list .item::before, .welcome_0 .mozaika_list .item::after{display: block;} .welcome_0 .mozaika_list .left_side{display: block; margin: 0 auto; width: 100%; max-width: 460px;} .welcome_0 .mozaika_list .middle_side{display: block; margin: 1px auto; width: 100%; max-width: 460px;} .welcome_0 .mozaika_list .middle_side .item.bg_6{display: none;} .welcome_0 .mozaika_list .item.size_full{width: calc(33.33% - 4px);} .welcome_0 .mozaika_list .item.size_full .in{padding: 0 0 100%;} .welcome_0 .mozaika_list .right_side{display: block; margin: 0 auto; width: 100%; max-width: 460px;} .welcome_0 .mozaika_list .item .in .title{font-size: 14px; line-height: 20px;} .welcome_0 .mozaika_list .item.size_2 .in .title, .welcome_0 .mozaika_list .item.size_4 .in .title, .welcome_0 .mozaika_list .item.size_full .in .title{font-size: 14px; line-height: 20px;} } @media screen and (max-width: 500px) { .welcome_0{padding: 30px 0;} .welcome_0 .mozaika_list .item::before{right: 8px; bottom: 8px; width: 6px; height: 37px; background-size: 6px 37px;} .welcome_0 .mozaika_list .item::after{right: 8px; bottom: 8px; width: 18px; height: 111px; background-size: 18px 111px;} .welcome_0 .mozaika_list .item{margin: 1px;} .welcome_0 .mozaika_list .item.size_1{width: calc(33.33% - 2px);} .welcome_0 .mozaika_list .item.size_1 .in{padding: 0 0 100%;} .welcome_0 .mozaika_list .item.size_2{width: calc(66.66% - 2px);} .welcome_0 .mozaika_list .item.size_2 .in{padding: 0 0 100%;} .welcome_0 .mozaika_list .item.size_3{width: calc(33.33% - 2px);} .welcome_0 .mozaika_list .item.size_3 .in{padding: 0 0 calc(200% + 2px);} .welcome_0 .mozaika_list .item.size_4{width: calc(66.66% - 2px);} .welcome_0 .mozaika_list .item.size_4 .in{padding: 0 0 calc(50% - 1px);} .welcome_0 .mozaika_list .item.size_full{width: calc(33.33% - 2px);} .welcome_0 .mozaika_list .item.size_full .in{padding: 0 0 100%;} .welcome_0 .mozaika_list .right_side{display: block; margin: 0 auto; width: 100%; max-width: 460px;} .welcome_0 .mozaika_list .item .in .title{text-transform: none; top: 8px; left: 6px; right: 6px; font-size: 13px; line-height: 16px; font-weight: 600;} .welcome_0 .mozaika_list .item.size_full .in .title{font-size: 13px; line-height: 16px;} .welcome_0 .mozaika_list .item.size_2 .in .title, .welcome_0 .mozaika_list .item.size_4 .in .title{font-size: 15px; line-height: 18px;} } .welcome_1{padding: 60px 0; position: relative; display: block; width: 100%;} @media screen and (max-width: 1024px) { .welcome_1{padding: 40px 0;} } @media screen and (max-width: 500px) { .welcome_1{padding: 30px 0;} } .welcome_2{padding: 0 0 60px 0; position: relative; display: block; width: 100%;} .welcome_2 .img{z-index: 10; display: inline-block; vertical-align: middle; width: 43%; position: relative;} .welcome_2 .img img{display: block; width: 100%; margin: 0 auto;} .welcome_2 .img .purple_box{background: #7C0E6F; position: absolute; right: 30px; bottom: -60px; width: 130px; height: 130px;} .welcome_2 .img .purple_box::before{z-index: 1; opacity: 1; position: absolute; right: 16px; bottom: 16px; width: 12px; height: 74px; background: url(../img/mozaika_arrow_small_white.svg) no-repeat scroll center center; background-size: 12px 74px; content: "";} .welcome_2 .text{display: inline-block; vertical-align: middle; width: 57%; position: relative;} .welcome_2 .text::before{position: absolute; top: 0; right: 0; left: -80px; bottom: 0; display: block; content: ""; background: #003174; z-index: 0;} .welcome_2 .text .in{display: block; position: relative; padding: 130px 80px; background: #003174;} .welcome_2 .text .in .title{font-weight: 500; font-size: 44px; line-height: 52px; color: #1BADB9; text-transform: uppercase; position: relative; padding: 0 0 35px; margin: 0 0 30px;} .welcome_2 .text .in .title::before{z-index: 1; opacity: 1; position: absolute; left: 0; bottom: 0; width: 74px; height: 12px; background: url(../img/arrow2_special_tyr_hor.svg) no-repeat scroll center center; background-size: 74px 12px; content: "";} .welcome_2 .text .in article{color: #ffffff;} .welcome_2 .text .in .subname{letter-spacing: 0.5px; font-weight: 800; font-size: 24px; line-height: 30px; color: #8EAB28; text-transform: uppercase; position: relative; padding: 40px 0 0; margin: 0;} @media screen and (max-width: 1300px) { .welcome_2 .text::before{left: -60px;} .welcome_2 .text .in{padding: 100px 60px;} .welcome_2 .text .in .title{font-size: 38px; line-height: 46px; padding: 0 0 32px; margin: 0 0 25px;} .welcome_2 .text .in .subname{font-size: 22px; line-height: 28px; padding: 35px 0 0;} } @media screen and (max-width: 1150px) { .welcome_2 .text .in{padding: 80px 40px;} } @media screen and (max-width: 1024px) { .welcome_2{padding: 0 0 40px 0;} .welcome_2 .img{display: none;} .welcome_2 .text{display: block; width: 100%;} .welcome_2 .text::before{display: none;} .welcome_2 .text .in{padding: 60px; text-align: center;} .welcome_2 .text .in .title{padding: 0 0 30px; margin: 0;} .welcome_2 .text .in .title::before{display: none;} .welcome_2 .text .in .title, .welcome_2 .text .in article, .welcome_2 .text .in article *, .welcome_2 .text .in .subname{text-align: center;} } @media screen and (max-width: 800px) { .welcome_2 .text .in{padding: 50px;} .welcome_2 .text .in .title{font-size: 34px; line-height: 42px;} .welcome_2 .text .in .subname{font-size: 20px; line-height: 26px;} } @media screen and (max-width: 500px) { .welcome_2{padding: 0 0 30px 0;} .welcome_2 .text .in{padding: 30px 20px;} .welcome_2 .text .in .title{font-size: 30px; line-height: 36px; padding: 0 0 20px;} .welcome_2 .text .in .subname{font-size: 18px; line-height: 22px; padding: 20px 0 0;} } .welcome_3{padding: 30px 0 60px 0; position: relative; display: block; width: 100%;} .sub .welcome_3{padding: 0;} .welcome_3 h2{text-align: left; margin: 0; padding: 0; font-size: 36px; line-height: 42px; font-weight: 600; text-transform: uppercase; color: #003174;} .welcome_3 .img{padding: 0 6% 0 0; display: inline-block; vertical-align: middle; width: 51%;} .welcome_3 .img img{display: block; position: relative; max-width: 100%;} .welcome_3 .text{display: inline-block; vertical-align: middle; width: 43%; max-width: 400px; font-size: 0;} .welcome_3 .text .green_bg{background: #8EAB28; padding: 30px;} .welcome_3 .text .green_bg ul{margin: 0; padding: 0;} .welcome_3 .text .green_bg ul li{letter-spacing: 0.5px; list-style: none; margin: 0; padding: 0; font-size: 15px; line-height: 24px; font-weight: 600; color: #fff;} .welcome_3 .text .green_bg ul li strong{display: inline-block; vertical-align: middle; width: 21px; font-size: 15px; line-height: 24px; font-weight: 600; color: #003174; text-align: right; padding: 0 20px 0 0;} .welcome_3 .text .white_bg{padding: 20px 30px 0;} .welcome_3 .text .white_bg ul{margin: 0; padding: 0;} .welcome_3 .text .white_bg ul li{letter-spacing: 0.5px; list-style: none; margin: 14px 0; padding: 0; font-size: 15px; line-height: 24px; font-weight: 400; color: #1B1D1F;} .welcome_3 .text .white_bg ul li strong{display: inline-block; vertical-align: middle; width: 32px; height: 24px; padding: 0 9px 0 0;} .welcome_3 .text .white_bg ul li strong img{max-width: 100%; display: block;} @media screen and (max-width: 1280px) { .welcome_3 h2{font-size: 32px; line-height: 36px;} } @media screen and (max-width: 1024px) { .welcome_3{padding: 0 0 40px 0;} .welcome_3 h2{font-size: 30px; line-height: 34px; text-align: center; margin: 0 0 20px;} .welcome_3 .img{padding: 0 5% 0 0; width: calc(95% - 280px);} .welcome_3 .text{width: 280px; max-width: initial;} .welcome_3 .text .green_bg{padding: 20px;} .welcome_3 .text .green_bg ul li{font-size: 14px; line-height: 22px;} .welcome_3 .text .green_bg ul li strong{font-size: 14px; line-height: 22px;} .welcome_3 .text .white_bg{padding: 10px 20px 0;} .welcome_3 .text .white_bg ul li{margin: 14px 0; font-size: 14px; line-height: 22px;} } @media screen and (max-width: 800px) { .welcome_3 h2{font-size: 26px; line-height: 30px;} .welcome_3 .img{padding: 0; width: 100%; margin: 0 auto; max-width: 460px; display: block;} .welcome_3 .text{margin: 30px 0 0; display: block; width: 100%;} .welcome_3 .text .green_bg{width: calc(45% - 40px); display: inline-block; vertical-align: top;} .welcome_3 .text .white_bg{width: calc(45% - 40px); margin: 0 0 0 10%; padding-top: 0; display: inline-block; vertical-align: top;} .welcome_3 .text .white_bg ul li:nth-child(1){margin: 0;} } @media screen and (max-width: 700px) { .welcome_3 .text .green_bg{width: calc(48% - 40px);} .welcome_3 .text .white_bg{width: calc(48% - 40px); margin: 0 0 0 4%;} } @media screen and (max-width: 600px) { .welcome_3 .text .green_bg{width: calc(100% - 40px); display: block;} .welcome_3 .text .white_bg{width: calc(100% - 40px); display: block; margin: 30px 0 0;} } @media screen and (max-width: 500px) { .welcome_3{padding: 0 0 30px 0;} .welcome_3 h2{font-size: 24px; line-height: 28px;} } .welcome_4{padding: 0; position: relative; display: block; width: 100%;} .welcome_4::before{position: absolute; top: 0; left: 0; bottom: 0; width: 50%; display: block; content: ""; background: #003174; z-index: 0;} .welcome_4 .text{position: relative; z-index: 10; display: inline-block; vertical-align: middle; width: calc(50% - 80px); padding: 100px 80px 100px 0;} .welcome_4 .text .purple_box{background: #7C0E6F; position: absolute; right: 30px; bottom: -60px; width: 130px; height: 130px;} .welcome_4 .text .purple_box::before{z-index: 1; opacity: 1; position: absolute; right: 16px; bottom: 16px; width: 12px; height: 74px; background: url(../img/mozaika_arrow_small_white.svg) no-repeat scroll center center; background-size: 12px 74px; content: "";} .welcome_4 .text .title{font-weight: 500; font-size: 44px; line-height: 52px; color: #8EAB28; text-transform: uppercase; position: relative; padding: 0 0 35px; margin: 0 0 30px;} .welcome_4 .text .title::before{z-index: 1; opacity: 1; position: absolute; left: 0; bottom: 0; width: 74px; height: 12px; background: url(../img/arrow2_special_green_hor.svg) no-repeat scroll center center; background-size: 74px 12px; content: "";} .welcome_4 .text .text_box{color: #ffffff;} .welcome_4 .text .subtitle1{font-weight: 600; font-size: 18px; line-height: 24px; color: #1BADB9; position: relative; padding: 0 0 15px; margin: 25px 0 10px;} .welcome_4 .text .subtitle1::before{z-index: 1; opacity: 1; position: absolute; left: 0; bottom: 0; width: 60px ; height: 10px; background: url(../img/arrow2_special_tyr_hor_short.svg) no-repeat scroll center center; background-size: 60px 10px; content: "";} .welcome_4 .text .subtitle2{font-weight: 600; font-size: 15px; line-height: 24px; color: #ffffff; position: relative; padding: 0; margin: 0;} .welcome_4 .text p{font-size: 15px; line-height: 24px; font-weight: 400; margin: 0; padding: 0;} .welcome_4 .text p.phone{background: url(../img/phone_icon_white.svg) no-repeat scroll left 2px; background-size: 20px; padding: 0 0 0 30px;} .welcome_4 .text p.mail{background: url(../img/mail_icon_white.svg) no-repeat scroll left 2px; background-size: 20px; padding: 0 0 0 30px;} .welcome_4 .text p a{color: #fff; font-weight: 400; text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .text p a:hover{color: #8EAB28;} .welcome_4 .text .sep{opacity: 0.1; margin: 40px 0; background: url(../img/arrow2_special_white_hor.svg) no-repeat scroll left center; background-size: 222px 36px; width: 222px; height: 36px; display: block;} .welcome_4 .gallery{display: block; position: absolute; top: 0; right: 0; bottom: 0; width: calc(50% - 5px); } .welcome_4 .gallery .item{position: absolute; background: no-repeat scroll center center; background-size: cover;} .welcome_4 .gallery .item:nth-child(1){left: 0; top: 0; width: 42%; height: 43%;} .welcome_4 .gallery .item:nth-child(2){left: calc(42% + 5px); top: 0; right: 0; height: 43%;} .welcome_4 .gallery .item:nth-child(3){left: 0; top: calc(43% + 5px); width: 57%; height: calc(34% - 5px);} .welcome_4 .gallery .item:nth-child(4){left: 0; top: calc(43% + 5px + 34%); bottom: 0; width: 36%;} .welcome_4 .gallery .item:nth-child(5){left: calc(36% + 5px); top: calc(43% + 5px + 34%); bottom: 0; width: calc(21% - 5px);} .welcome_4 .gallery .item:nth-child(6){left: calc(57% + 5px); right: 0; top: calc(43% + 5px); bottom: 0;} @media screen and (max-width: 1300px) { .welcome_4 .text{width: calc(50% - 60px); padding: 80px 60px 80px 0;} .welcome_4 .text .title{font-size: 38px; line-height: 46px; padding: 0 0 32px; margin: 0 0 25px;} } @media screen and (max-width: 1024px) { .welcome_4{background: #003174;} .welcome_4::before{display: none;} .welcome_4 .text{text-align: center; width: 90%; padding: 60px 5%;} .welcome_4 .text .purple_box{display: none;} .welcome_4 .text .title{padding: 0 0 30px; margin: 0;} .welcome_4 .text .title::before{display: none;} .welcome_4 .text .subtitle1{padding: 0; margin: 25px 0 0; text-align: center;} .welcome_4 .text .subtitle1::before{display: none;} .welcome_4 .text .subtitle2{text-align: center;} .welcome_4 .text p.phone, .welcome_4 .text p.mail{display: block; text-align: center;} .welcome_4 .text p.phone{background-position: center top; background-size: 20px; padding: 24px 0 0 0; margin: 9px 0 0;} .welcome_4 .text p.mail{background-position: center top; background-size: 20px; padding: 20px 0 0 0; margin: 9px 0 0;} .welcome_4 .text .title, .welcome_4 .text .text_box, .welcome_4 .text .text_box *, .welcome_4 .text .subname{text-align: center;} .welcome_4 .text .sep{margin: 30px auto;} .welcome_4 .gallery{background: #ffffff; width: 100%; padding: 0 0 100%; position: relative;} .welcome_4 .gallery::before{display: block; position: absolute; left: 0; right: 0; bottom: 100%; height: 5px; content: ""; background: #fff;} } @media screen and (max-width: 800px) { .welcome_4 .text{padding: 50px 5%;} .welcome_4 .text .title{font-size: 34px; line-height: 42px;} .welcome_4 .text .sep{background-size: 148px 24px; width: 148px; height: 24px; } } @media screen and (max-width: 500px) { .welcome_4 .text{padding: 30px 5%;} .welcome_4 .text .title{font-size: 30px; line-height: 36px; padding: 0 0 20px;} .welcome_4 .text .sep{margin: 25px auto;} } .welcome_5{padding: 120px 0 80px; position: relative; display: block; width: 100%;} .welcome_5 h2{text-align: right; margin: 0; padding: 0; font-size: 36px; line-height: 42px; font-weight: 600; text-transform: uppercase; color: #003174;} @media screen and (max-width: 1280px) { .welcome_5 h2{font-size: 32px; line-height: 36px;} } @media screen and (max-width: 1024px) { .welcome_5{padding: 50px 0;} .welcome_5 h2{font-size: 30px; line-height: 34px; text-align: center;} } @media screen and (max-width: 800px) { .welcome_5 h2{font-size: 26px; line-height: 30px;} } @media screen and (max-width: 500px) { .welcome_5{padding: 30px 0;} .welcome_5 h2{font-size: 24px; line-height: 28px;} } #content{background: #ffffff; padding: 0; position: relative;} #content .bg{position: relative; background: #f7f7f7;} #content .relative{position: relative; overflow: hidden;} .hp #content .relative::before{position: absolute; right: -35px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 410px; height: 736px; background: url(../img/content_arrow.svg) no-repeat scroll center center; background-size: contain; content: ""; } #content .inside .inside{padding-left: 0; padding-right: 0; width: 100%; max-width: 100%;} /* #content .inside{margin: 0 auto 40px} #content .inside.margin{margin: 0 auto 20px; padding: 0;} #content .inside:last-of-type, #content .inside.nomargin{margin: 0 auto;} */ @media screen and (max-width: 1024px) { /* #content .inside{margin: 0 auto 25px} */ #content .relative::before{display: none;} } .c_column{width: 100%; padding: 0; display: block;} .page_padding{padding: 80px 0;} .page_padding_top{padding-top: 80px;} .page_padding_bottom{padding-bottom: 80px;} @media screen and (max-width: 1024px) { .page_padding{padding: 60px 0;} .page_padding_top{padding-top: 60px;} .page_padding_bottom{padding-bottom: 60px;} } @media screen and (max-width: 500px) { .page_padding{padding: 40px 0;} .page_padding_top{padding-top: 40px;} .page_padding_bottom{padding-bottom: 40px;} } .page_content{font-size: 0; text-align: right; display: block; position: relative; overflow: hidden;} .page_content::before{position: absolute; top: 0; right: 0; bottom: 0; width: 50%; display: block; content: ""; z-index: 0;} .page_content:nth-child(odd)::before{background: #003174;} .page_content:nth-child(even)::before{background: #7C0E6F;} .page_content .img{z-index: 10; position: absolute; left: 0; top: 0; bottom: 0; width: 50%; background: no-repeat scroll center center; background-size: cover;} .page_content .text{z-index: 10; position: relative; z-index: 10; display: inline-block; vertical-align: middle; width: calc(50% - 80px); padding: 100px 0 100px 80px; text-align: left; } .page_content .text .title{position: relative; font-size: 24px; line-height: 30px; font-weight: 700; color: #8EAB28; text-transform: uppercase; padding: 0; margin: 0 0 15px;} .page_content .text article{min-height: 300px; color: #ffffff;} .page_content .text article.height{min-height: initial; min-height: auto;} .page_content .text .subname{letter-spacing: 0.5px; font-weight: 800; font-size: 24px; line-height: 30px; color: #8EAB28; text-transform: uppercase; position: relative; padding: 40px 0 0; margin: 0;} @media screen and (max-width: 1300px) { .page_content .text{padding: 100px 0 100px 60px; width: calc(50% - 60px); } .page_content .text .subname{font-size: 22px; line-height: 28px; padding: 35px 0 0;} } @media screen and (max-width: 1150px) { .page_content .text{padding: 80px 0 80px 40px; width: calc(50% - 40px); } } @media screen and (max-width: 1024px) { .page_content::before{width: 100%;} .page_content .img{display: none;} .page_content .text{text-align: center; display: block; width: 100%; padding: 60px 0;} .page_content article{min-height: initial; min-height: auto;} .page_content article, .page_content .text article *, .page_content .text .subname{text-align: center !important;} } @media screen and (max-width: 800px) { .page_content .text{ padding: 50px 0;} .page_content .text .subname{font-size: 20px; line-height: 26px;} } @media screen and (max-width: 500px) { .page_content .text{ padding: 30px 0;} .page_content .text .subname{font-size: 18px; line-height: 22px; padding: 20px 0 0;} } footer{padding: 0; background: #f7f7f7; display: block; position: relative; text-align: left;} footer .mapa {z-index: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block;} footer .mapa #MySmaps, footer .mapa #MySmaps2 { background: #e5e3df; z-index: 0; position: relative; width: 100%; height: 100%; display: block;} footer .text{position: relative; z-index: 10; display: inline-block; vertical-align: middle; margin: 60px 0; padding: 60px; background: #fff;} footer .text .title{font-weight: 600; font-size: 18px; line-height: 24px; color: #003174; text-transform: uppercase; position: relative; padding: 0 0 30px; margin: 0 0 20px;} footer .text .title::before{z-index: 1; opacity: 1; position: absolute; left: 0; bottom: 0; width: 60px ; height: 10px; background: url(../img/arrow2_special_tyr_hor_short.svg) no-repeat scroll center center; background-size: 60px 10px; content: "";} footer .text p{font-weight: 400; font-size: 15px; line-height: 22px; color: #1B1D1F; position: relative; padding: 0; margin: 0 0 25px;} footer .text p strong{font-weight: 700;} footer .text p a{text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer .text p a:hover{color: #003174;} @media screen and (max-width: 1024px) { footer .text{margin: 40px 0; padding: 40px;} footer .text .title{font-size: 16px; line-height: 22px;} } @media screen and (max-width: 800px) { footer{padding: 5% 0 0;} footer .mapa {margin: 5% 0 0; position: relative; height: 300px;} footer .text{margin: 0; display: block; text-align: center;} footer .text .title{padding: 0; margin: 0 0 20px;} footer .text .title::before{display: none;} } @media screen and (max-width: 500px) { footer .mapa {height: 240px;} } .sign{background: #ffffff; padding: 0; text-align: center;} .sign a{padding: 16px 5%; color: #666666; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sign a:hover{color: #000000;} /************************ MODULY ************************/ .landing{display: block; position: relative;} .landing ul{font-size: 0; margin: 0; padding: 0; display: block; position: relative;} .landing ul li{display: inline-block; vertical-align: middle; position: relative; margin: 0 4px 4px 0;} .partners_list{text-align: center; display: block; position: relative; width: 100%; font-size: 0; margin: 0;} .partners_list .item{opacity: 1; display: inline-block; vertical-align: middle; position: relative; width: calc(100% / 6 - 150px / 6); margin: 30px 0 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .partners_list .item:nth-child(6n - 1){margin: 30px 30px 0;} .partners_list .item:nth-child(6n - 3){margin: 30px 30px 0;} .partners_list .item:nth-child(6n - 5){margin: 30px 30px 0 0;} .notouch .partners_list a.item:hover{opacity: 1;} .partners_list .item picture{display: block; width: 100%; padding: 0 0 40%; background: no-repeat scroll center center; -webkit-background-size: contain; background-size: contain;} @media screen and (max-width: 1280px) { .partners_list .item{width: calc(100% / 4 - 90px / 4); margin: 30px 0 0;} .partners_list .item:nth-child(6n - 1){margin: 30px 0 0;} .partners_list .item:nth-child(6n - 3){margin: 30px 0 0;} .partners_list .item:nth-child(6n - 5){margin: 30px 0 0;} .partners_list .item:nth-child(4n - 1){margin: 30px 30px 0;} .partners_list .item:nth-child(4n - 3){margin: 30px 30px 0 0;} } @media screen and (max-width: 800px) { .partners_list .item{width: calc(100% / 3 - 40px / 3); margin: 20px 0 0;} .partners_list .item:nth-child(6n - 1){margin: 20px 0 0;} .partners_list .item:nth-child(6n - 3){margin: 20px 0 0;} .partners_list .item:nth-child(6n - 5){margin: 20px 0 0;} .partners_list .item:nth-child(4n - 1){margin: 20px 0 0;} .partners_list .item:nth-child(4n - 3){margin: 20px 0 0;} .partners_list .item:nth-child(3n - 1){margin: 20px 20px 0;} } @media screen and (max-width: 500px) { .partners_list .item{width: calc(100% / 2 - 30px / 2); margin: 15px 0 0;} .partners_list .item:nth-child(6n - 1){margin: 15px 0 0;} .partners_list .item:nth-child(6n - 3){margin: 15px 0 0;} .partners_list .item:nth-child(6n - 5){margin: 15px 0 0;} .partners_list .item:nth-child(4n - 1){margin: 15px 0 0;} .partners_list .item:nth-child(4n - 3){margin: 15px 0 0;} .partners_list .item:nth-child(3n - 1){margin: 15px 0 0;} .partners_list .item:nth-child(2n){margin: 15px 0 0 15px;} } .news_list{width: 100%; position: relative; margin: 0 auto; font-size: 0; } .welcome_1 .news_list{margin: 0 0 40px;} .news_list .item{display: inline-block; vertical-align: top; width: calc(33.33% - 80px / 2); margin: 40px 0 0} .news_list .item:nth-child(3n - 1){margin: 40px 40px 0;} .news_list .item:nth-child(-n + 3){margin-top: 0;} .news_list .item .in{display: block; padding: 30px 25px; background: #ffffff;} .news_list .item .in .date{font-weight: 600; display: block; font-size: 14px; line-height: 18px; margin: 0 0 12px; padding: 0 0 12px; color: #8EAB28; border-bottom: 1px solid #8EAB28;} .news_list .item .in .title{overflow: hidden; height: 48px; position: relative; text-align: left; font-size: 18px; line-height: 24px; font-weight: 400; color: #003174; padding: 0; margin: 0 0 10px;} .news_list .item .in .anotation{height: 88px; overflow: hidden; position: relative; text-align: left; font-size: 14px; line-height: 22px; font-weight: 400; color: #707070; padding: 0; margin: 0 auto;} @media screen and (max-width: 1500px) { .welcome_1 .news_list{margin: 0 0 30px;} .news_list .item{width: calc(33.33% - 60px / 2); margin: 30px 0 0} .news_list .item:nth-child(3n - 1){margin: 30px 30px 0;} .news_list .item:nth-child(-n + 3){margin-top: 0;} .news_list .item .in{padding: 25px 20px;} } @media screen and (max-width: 1300px) { .news_list .item{width: calc(33.33% - 40px / 2); margin: 20px 0 0} .news_list .item:nth-child(3n - 1){margin: 20px 20px 0;} .news_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 1024px) { .news_list .item{width: calc(50% - 20px / 2); margin: 20px 0 0} .news_list .item:nth-child(3n - 1){margin: 20px 0 0;} .news_list .item:nth-child(-n + 3){margin-top: 20px;} .news_list .item:nth-child(2n){margin: 20px 0 0 20px;} .news_list .item:nth-child(-n + 2){margin-top: 0;} .welcome_1 .news_list .item:nth-child(3){display: none;} .news_list .item .in .date{font-size: 13px; line-height: 16px; margin: 0 0 10px; padding: 0 0 10px;} .news_list .item .in .title{font-size: 16px; line-height: 22px; height: 44px;} } @media screen and (max-width: 700px) { .news_list .item{width: 100%; margin: 15px 0 0} .news_list .item:nth-child(4n - 1){margin: 15px 0 0;} .news_list .item:nth-child(4n - 2){margin: 15px 0 0;} .news_list .item:nth-child(-n + 4){margin-top: 15px;} .news_list .item:nth-child(3n - 1){margin: 15px 0 0;} .news_list .item:nth-child(-n + 3){margin-top: 15px;} .news_list .item:nth-child(2n){margin: 15px 0 0;} .news_list .item:nth-child(-n + 2){margin-top: 15px;} .news_list .item:nth-child(-n + 1){margin-top: 0;} .news_list .item .in{padding: 20px 15px;} .news_list .item .in .title{height: initial; height: auto; overflow: visible;} .news_list .item .in .anotation{height: initial; height: auto; padding: 0 0 22px; overflow: visible;} } .file_list{width: 100%; position: relative; margin: 0 auto;} .file_list .item{position: relative; width: calc(20% - 40px / 5 - 2px); padding: 0; border: 0; border: 1px solid #000000; display: block; float: left; margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(5n - 3){margin: 10px 10px 0;} .file_list .item:nth-child(-n + 5){margin-top: 0;} .file_list .item span.img{position: relative; padding: 0 0 141%; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover;} .file_list .item span.img::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .item span.img span{opacity: 1; display: block; width: 58px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -49px 0 0 -28px; background: url(../img/download_icon.svg) no-repeat scroll center center; background-size: 29px 28px; z-index: 999; opacity: 0;-webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .item:hover span.img::before, .notouch .file_list .item:hover span.img span{opacity: 1;} .file_list .item span.title{position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; display: block; background: #414042; color: #ffffff; font-weight: 400; font-size: 14px; line-height: 20px;} .file_list .clas_item{text-align: left; background: #ffffff; display: inline-block; vertical-align: top; position: relative; border: 1px solid #e6e7e8; margin: 0 5px 5px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a{color: #000; text-decoration: none; font-size: 13px; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a span{color: #000; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .clas_item:hover{border: 1px solid #414042; background: #414042;} .notouch .file_list .clas_item:hover a{color: #ffffff;} .notouch .file_list .clas_item:hover a span{color: #ffffff;} @media screen and (max-width: 1280px) { .file_list .item{width: calc(25% - 30px / 4 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0 10px;} .file_list .item:nth-child(-n + 4){margin-top: 0;} } @media screen and (max-width: 1100px) { .file_list .item{width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 0 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0;} .file_list .item:nth-child(-n + 4){margin-top: 10px;} .file_list .item:nth-child(3n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 700px) { .file_list .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 0 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0;} .file_list .item:nth-child(-n + 4){margin-top: 10px;} .file_list .item:nth-child(3n - 1){margin: 10px 0 0;} .file_list .item:nth-child(-n + 3){margin-top: 10px;} .file_list .item:nth-child(2n){margin: 10px 0 0 10px;} .file_list .item:nth-child(-n + 2){margin-top: 0;} .file_list .clas_item{margin: 0 3px 3px 0;} .file_list .clas_item a{font-size: 12px; line-height: 16px; padding: 5px 10px;} } .fotogalerie{width: 100%; position: relative; margin: 0; font-size: 0;} .fotogalerie .text_box{margin: 0 0 20px;} .fotogalerie a.swipebox{display: inline-block; vertical-align: middle; position: relative; -webkit-box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5); box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.5);} .fotogalerie a.swipebox .in{display: block; position: relative; width: 100%; padding: 0 0 66.66%; background: no-repeat scroll center center; background-size: cover;} .fotogalerie a.swipebox .in::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox .in::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .fotogalerie a:hover .in::before{opacity: 0.90;} .notouch .fotogalerie a:hover .in::after{opacity: 1;} .fotogalerie a.swipebox .title{display: flex; height: 36px; justify-items: center; align-items: center; font-size: 14px; line-height: 18px; padding: 8px 10px; border: 1px solid #eaeaea; border-top: 0;} @media screen and (max-width: 1024px) { .fotogalerie a.swipebox .title{height: 32px; font-size: 13px; line-height: 16px;} } @media screen and (max-width: 500px) { .fotogalerie a.swipebox .title{padding: 5px 6px; height: 45px; font-size: 12px; line-height: 15px;} } .fotogalerie.row_three a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_three a.swipebox:nth-child(-n + 3){margin-top: 0;} @media screen and (max-width: 700px) { .fotogalerie.row_three a.swipebox{width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(3n - 1){margin: 10px 0 0;} .fotogalerie.row_three a.swipebox:nth-child(-n + 3){margin-top: 10px;} .fotogalerie.row_three a.swipebox:nth-child(2n){margin: 10px 0 0 10px;} .fotogalerie.row_three a.swipebox:nth-child(-n + 2){margin-top: 0;} } .fotogalerie.row_four a.swipebox{width: calc(25% - 30px / 4); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 10px 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0 10px;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 0;} @media screen and (max-width: 1280px) { .fotogalerie.row_four a.swipebox{width: calc(33.33% - 20px / 3); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 700px) { .fotogalerie.row_four a.swipebox{width: calc(50% - 10px / 2); margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(4n - 2){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 4){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(3n - 1){margin: 10px 0 0;} .fotogalerie.row_four a.swipebox:nth-child(-n + 3){margin-top: 10px;} .fotogalerie.row_four a.swipebox:nth-child(2n){margin: 10px 0 0 10px;} .fotogalerie.row_four a.swipebox:nth-child(-n + 2){margin-top: 0;} } .grid{padding: 0; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item{width: 33.33%; display: inline-block;} .grid .grid-item.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 4px; top: 4px; right: 4px; bottom: 4px; background: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 46px 46px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item img{max-width: calc(100% - 8px); display: block; margin: 4px;} .notouch .grid a:hover::before{opacity: 0.90;} .notouch .grid a:hover::after{opacity: 1;} .grid .grid-item .text{background: rgba(0,0,0,0.3);position: absolute; top: 4px; right: 4px; left: 4px; bottom: 4px; z-index: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .grid .grid-item:hover .text{background: rgba(0,0,0,0.6);} .grid .grid-item .text .box{display: table; height: 100%; width: 100%;} .grid .grid-item .text .box .centering{text-align: center; display: table-cell; vertical-align: middle; width: 100%;} .grid .grid-item .text .box .centering h2{margin: 0; text-shadow: 1px 1px 6px rgba(0,0,0,0.7); display: block; text-align: center; padding: 0 30px; font-size: 24px; line-height: 28px; font-weight: 700; text-transform: uppercase; color: #fff; } @media screen and (max-width: 1280px) { .grid .grid-item .text .box .centering h2{padding: 0 25px; font-size: 22px; line-height: 26px;} } @media screen and (max-width: 1024px) { .grid .grid-item{width: 50%;} .grid .grid-item .text .box .centering h2{padding: 0 20px; font-size: 20px; line-height: 24px;} } @media screen and (max-width: 900px) { .grid .grid-item .text .box .centering h2{padding: 0 20px; font-size: 18px; line-height: 22px;} } @media screen and (max-width: 700px) { .grid .grid-item .text .box .centering h2{padding: 0 15px; font-size: 16px; line-height: 20px;} } @media screen and (max-width: 500px) { .grid .grid-item .text .box .centering h2{padding: 0 10px; font-size: 14px; line-height: 20px;} } .default_form{text-align: center; position: relative; margin: 0; display: block;} .default_form form{padding: 30px 45px; background: #ffffff; border: 1px solid #e6e7e8; display: block; } .default_form form .title{text-align: center; font-size: 18px; line-height: 26px; font-weight: 600; margin: 0 0 15px;} .default_form form table{width: 100%; border-collapse: separate; border-spacing: 0 8px;} .default_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 130px; font-size: 13px; line-height: 18px; font-weight: 600; text-align: right; padding: 0 15px 0 0; margin: 0;} .default_form form table th:nth-child(3){padding-left: 15px;} .default_form form table td{padding: 0;} .default_form form table td input[type=text], .default_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .default_form form table td textarea{resize: none; overflow: hidden; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 8px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .default_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .default_form form table td input[type=text]:focus, .default_form form table td textarea:focus{border: 1px solid #003174;} .default_form form table td.gdpr{text-align: right; margin: 10px 0; font-size: 12px; line-height: 18px;} .default_form form table td.gdpr a{text-decoration: underline; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .default_form form table td.gdpr a:hover{color: #ec1b24;} @media screen and (max-width: 768px) { .default_form form{display: block; padding: 25px 35px;} .default_form form .title{font-size: 16px; line-height: 24px; margin: 0 0 10px;} .default_form form table, .default_form form tbody, .default_form form table tr, .default_form form table th, .default_form form table td{display: block; width: 100%; text-align: center; clear: both;} .default_form form table tr:nth-child(1) th:nth-child(1){padding: 0 0 5px !important;} .default_form form table th{text-align: center; padding: 15px 0 5px !important;} .default_form form table td input[type=text], .default_form form table td input[type=password]{text-align: center;} } @media screen and (max-width: 500px) { .default_form form{padding: 15px;} .default_form form .title{font-size: 14px; line-height: 20px;} .default_form form table th{font-size: 12px; line-height: 16px;} } .finall_order{text-align: left;} .finall_order article p, .finall_order .text_box p{margin: 0 0 10px;} .finall_order article p:last-of-type, .finall_order .text_box p:last-of-type{margin: 0 0 20px;} .finall_order.center, .finall_order.center article, .finall_order.center article > *, .finall_order.center .text_box, .finall_order.center .text_box > *{text-align: center;} img.end_order{max-width: 100px; margin: 0 0 20px; display: block;} img.end_order.center{margin: 0 auto 20px;} .finall_order #error-alert:empty{display: none;} .finall_order #error-alert{padding: 15px; text-align: center; font-size: 12px; line-height: 16px; font-weight: 700; background: #e21414; color: #ffffff; max-width: 593px; display: block; margin: 0 auto 15px;} .scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #efefef; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .scroll_top.hide{display: none;} .scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .scroll_top:hover::before{opacity: 0;} .notouch .scroll_top:hover::after{opacity: 1;} .notouch .scroll_top:hover{background: #003174; border: 1px solid #003174;} .scroll_top.active{opacity: 1; bottom: 30px;} .popup_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .popup_popup .box{width: 100%; height: initial; height: auto; position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .popup_popup .boxes{text-align: center; position: relative; width: calc(100% - 60px); max-width: 500px; padding: 0; left: 0; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;} .popup_popup .box img{margin: 0 auto; display: block; max-width: 100%; max-height: 285px;} .popup_popup .box .text{z-index: 100; position: relative; margin: 0; padding: 0; text-align: center; overflow-y: auto; max-height: calc(100vh - 120px); } .popup_popup .box .text .padding{padding: 20px;} .popup_popup .box .text .text_box, .popup_popup .box .text .text_box *{text-align: center;} .popup_popup .boxes .close{z-index: 999; cursor: pointer; overflow: hidden; background: #000000; position: absolute; right: 0; top: 0; width: 40px; height: 40px; -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .boxes .close::before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/close.svg) no-repeat scroll center center; background-size: 12px 12px; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .popup_popup .boxes .close:hover{background: #ec1b24;} .notouch .popup_popup .boxes .close:hover::before{-webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .control_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 110px); max-width: 350px; padding: 40px 50px; left: 0 !important; display: inline-block; background: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000000;} .control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 5px 0;} .control_popup .box .btn{z-index: 100; position: relative;} @media screen and (max-width: 768px) { .control_popup .boxes{padding: 25px 40px;} .control_popup .box span.warning{font-size: 16px; line-height: 20px;} .control_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong{font-size: 12px; line-height: 16px;} } .form_popup { display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99997; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .form_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; } .form_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .form_popup .boxes { overflow: auto; width: calc(94% - 100px); max-width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #ffffff; max-height: calc(100vh - 130px); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .form_popup .box span.warning { color: #3c3c3b; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 700;} .form_popup .box .btn { z-index: 100; position: relative;} .form_popup .box input[type=text], .form_popup .box input[type=password]{margin: 0 0 8px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 9px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .form_popup .box textarea{resize: none; height: 80px; overflow: auto; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #ffffff; font-size: 13px; line-height: 20px; padding: 5px 15px; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .form_popup .box input[readonly]{border: 1px solid #e6e7e8 !important; background: #efefef;} .form_popup .box input[type=text]:focus, .form_popup .box input[type=password]:focus, .form_popup .box textarea:focus{border: 1px solid #ec1c24;} .form_popup .box input[type=text]::-webkit-input-placeholder, .form_popup .box textarea::-webkit-input-placeholder {color: #888888;} .form_popup .box input[type=text]::-moz-placeholder, .form_popup .box textarea::-moz-placeholder {color: #888888;} .form_popup .box input[type=text]::-ms-input-placeholder, .form_popup .box textarea::-ms-input-placeholder {color: #888888;} .form_popup .box .sbHolder { position: relative; background: #ffffff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; } .form_popup .box .sbHolder .sbToggle { margin: 0; background: url(img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left: 1px solid #e6e7e8; right: 0; top: 0; bottom: 0; height: 100%; width: 39px;} .form_popup .box .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;} .form_popup .box .sbHolder a.sbSelector { width: calc(100% - 60px); margin: 0; display: block; color: #19212b !important; font-size: 14px; line-height: 20px; padding: 11px 40px 11px 15px; font-weight: 400; text-align: left; text-decoration: none;} .form_popup .box .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #ffffff; padding: 0; left: -1px; right: -1px;} .form_popup .box .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: 14px; line-height: 22px; margin: 0; font-weight: 400; color: #19212b !important; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .form_popup .box .sbOptions li:first-child { display: none;} .form_popup .box .sbOptions li:nth-child(2) a { border-top: 0;} .notouch .form_popup .box .sbOptions a:hover { background: #f0f0f0 !important;} .form_popup .file{text-align: left; position: relative; width: 100%;} .form_popup .file .uploadFile{width: calc(100% - 150px) !important;} .form_popup .file .uploadBtn{width: 100%;} .form_popup .file .fileUpload {cursor: pointer; position: absolute; top: 2px; left: 0; right: 0; z-index: 1; overflow: hidden; margin: 0;} .form_popup .file .fileUpload .btn {padding-left: 0; padding-right: 0; text-align: center; width: 108px;} .form_popup .file .fileUpload input[type=file] {z-index: 999; position: absolute; top: -3px; right: 0; margin: 0; padding: 0; font-size: 33px; cursor: pointer; display: block; opacity: 0;filter: alpha(opacity=0);} .form_popup .text_box p.gdpr, .form_popup .text_box p.gdpr a{font-size: 12px; line-height: 18px;} @media screen and (max-width: 500px) { .form_popup .boxes { padding: 25px 20px; width: calc(94% - 40px);} .form_popup .box span.warning { font-size: 16px; line-height: 20px;} .form_popup .file .uploadFile{width: calc(100% - 120px) !important;} .form_popup .file .fileUpload .btn{width: 78px;} } .form_mail {display:none !important;} @media screen and (max-width: 1024px) { #tracy-debug{display: none !important} }