/*GLOBAL*/ header,nav,section,article,aside,footer,hgroup{display:block;} a{text-decoration:none; outline: 0; color:inherit;} a img{border:none;} .img_hide{display: block !important; width: 0; height: 1px; 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 {-moz-box-shadow: 0 0 0px 1000px white inset; -webkit-box-shadow: 0 0 0px 1000px white inset; box-shadow: 0 0 0px 1000px white inset;} /* 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;} */ @media screen and (max-width: 1024px) { .clear.hide{display: block !important;} } .need{color: #60c08c;} .color_orange{color: #dc5721 !important;} .message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; -moz-transition: all 750ms ease; -o-transition: all 750ms ease; -ms-transition: all 750ms ease; transition: all 750ms ease;} .message_centering.active{top: 100%;} .flash{max-width: 700px; margin: 0 auto -1px; min-height: 0; font-size: 13px; line-height: 16px; font-weight: 600; padding: 12px 54px; clear: both; position: relative;} .flash span{cursor: pointer; position: absolute; top: 50%; margin-top: -7.5px; right: 15px; width: 15px; height: 15px; display: block;} .alert-error {color: #fff; background: url(../global/error_icon.png) no-repeat scroll 15px center #d8001b; border: 1px solid #b6192e;} .alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #B3C336; border: 1px solid #B3C336;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1.rot {opacity: 0; bottom: 0; color: #000; display: block; font-size: 22px; font-weight: normal; height: 15px; margin: 0 auto;position: absolute; left: -30px; top: 25px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); white-space: nowrap; width: 15px; z-index: 4;} h1, .main_title{text-transform: uppercase; color: #000000; font-weight: 700; font-size: 26px; line-height: 30px; margin: 0 0 20px; padding: 0;} h1 strong ,.head_title strong{text-transform: uppercase; color: #009fe3; font-weight: 700; font-size: 26px; line-height: 30px; margin: 0; padding: 0;} h2{color: #000000; font-weight: 700; font-size: 20px; line-height: 24px; margin: 30px 0 10px; padding: 0;} h3{color: #000000; font-weight: 700; font-size: 18px; line-height: 22px; margin: 30px 0 10px; padding: 0;} h4, h5, h6{color: #000000; font-weight: 700; font-size: 16px; line-height: 20px; margin: 30px 0 10px; padding: 0;} @media screen and (max-width: 959px) { h1{font-size: 22px; line-height: 30px;} h2{font-size: 20px; line-height: 24px;} h3{font-size: 18px; line-height: 22px;} h4, h5, h6{font-size: 16px; line-height: 20px;} } p, strong, b, div, article, i, u, li, a, .text_page, label, code{font-size: 16px; font-weight: 500;} strong, b{font-weight: 700} sup{line-height: 0;} article a:not(.btn), article a:not(.btn) strong, article strong a:not(.btn), .text_box a:not(.btn), .text_box a:not(.btn) strong, .text_box strong a:not(.btn){font-weight: 700; color: #00adee; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:not(.btn):hover, .notouch article a:not(.btn):hover strong, .notouch article strong a:not(.btn):hover, .notouch .text_box a:not(.btn):hover, .notouch .text_box a:not(.btn):hover strong, .notouch .text_box strong a:not(.btn):hover{text-decoration: none;} .text_page{ margin: 0 auto;} .text_page .img{display: block; width: 40%; float: right; margin: 0 0 20px 20px;} .text_page .img img{max-width: 100%; display: block; margin: 0;} .text_page .text{display: block;} @media screen and (max-width: 959px) { .text_page .img{width: 50%;} } @media screen and (max-width: 767px) { .text_page .img{display: block; width: 100%; margin: 0 0 10px;} .text_page .text{display: block; width: 100%; padding: 0; margin: 0;} } article, .text_box{margin: 0 auto; text-align: left; line-height: 22px;} article.max, .text_box.max{max-width: 100%; margin: 40px 0 0; } article p, article div, .text_box p, .text_box div{margin:0 0 15px; text-align: left; line-height: 22px;} article .text_p, .text_box .text_p{margin: 0; } article *:nth-child(1), .text_box *:nth-child(1){margin-top: 0;} article *:last-child, .text_box *:last-child{margin-bottom: 0;} @media screen and (max-width: 768px) { article p{width: 100%; display: block; clear: both;} article img{float: none !important; display: block; margin: 0 0 10px !important;} } article ul{margin: -5px 0 25px; padding: 0;} article ul li{padding: 0 0 0 17px; margin: 3px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 0 7px; background-size: 6px 9px;} article ul ul{margin: 0; padding: 0 0 0 17px; } article ul ol{margin: 0; padding: 0 0 0 20px; } article ol{margin: -5px 0 25px; padding: 0; counter-reset: item;} article ol li{padding: 0 0 0 20px; margin: 3px 0; position: relative; list-style-type: none; counter-increment: item; background: none;} article ol li:before{position: absolute; top: 0; left: 0; display: block; padding-right: 5px; text-align: left; content: counter(item) ".";} article ol ol{margin: 0; padding: 0 0 0 20px;} article ol ul{margin: 0; padding: 0 0 0 17px;} article 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{display: none;} article table.over{min-width: 100%; display: block; overflow-x: scroll;} article table{margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0 0;} article table caption{color: #000; font-size: 20px; line-height: 24px; font-weight: 600; margin: 30px 0 10px; text-align: left;} article table thead{margin-bottom: 3px;} article table thead tr th, article table tr:first-child th{text-align: left; font-weight: 700; padding: 6px 8px; background: #4d4d4d; color: #fff; border: 1px solid #000; border-right: 0;} article table tr td{text-align: left; padding: 6px 8px; font-weight: 400; border: 1px solid #e0dfdf;} article table tr:nth-child(even) td{background: #fff;} article table tr:nth-child(odd) td{background: #f9f9f9;} article table.spec tr td{padding: 6px 30px 6px 0; border: 0; border-top: 1px solid #e0dfdf;} article table.spec tr:nth-child(1) td{border-top: 0;} article table.spec tr:nth-child(even) td{background: #fff;} article table.spec tr:nth-child(odd) td{background: #fff;} article table.size_table.first_line tbody tr:first-child td{text-align: center; font-weight: 600; padding: 6px 8px; background: #dcdcde; color: #000000; border: 1px solid #dcdcde; border-right: 0;} article table.size_table.first_line tbody tr:first-child td:first-child{text-align: left;} article table.size_table tr td{text-align: center;} article table.size_table tr td:first-child{text-align: left;} article table.size_table tr:nth-child(even) td{background: #fff;} article table.size_table tr:nth-child(odd) td{background: #fff;} article table.size_table.first_line.center tbody tr:first-child td:first-child{text-align: center;} article table.size_table.center tr td:first-child{text-align: center;} article .size_inline{display: inline-block; vertical-align: top; margin: 0 80px 0 0;} article .size_inline table{min-width: 200px;} article img{max-width: 100%; margin: 0 0 15px; display: block; } article img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir{float: right; margin: 10px 0 10px 30px;} article span.fr-video{width: 100%; margin: 0 auto 15px; display: block; margin: 0 auto; text-align: center} article span.fr-video.fr-fvl{text-align: left} article span.fr-video.fr-fvr{text-align: right} article span.fr-video iframe{max-width: 100%; margin: 0 auto; display: inline-block; width: 640px !important; height: 360px !important;} @media screen and (max-width: 767px) { article span.fr-video{text-align: center !important;} article span.fr-video iframe{width: 280px !important; height: 160px !important;} } input[type=text], input[type=password], input[type=submit], textarea, code, button{font-family: 'futura-pt', sans-serif, Arial; margin: 0;} article, div, li{height: auto; min-height: 1px; max-height: 9999999px;} .clear{min-height: 0; } html{margin: 0 auto; padding: 0; background: #f1f1f1 ;} html.admin_settings_active{position: fixed; overflow-y: scroll; width: 100%;} body{color: #373d42; 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: 'futura-pt', sans-serif, Arial; padding: 0; font-weight: 400; position: relative; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .inside{position: relative; width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;} .inside_small{position: relative; width: 90%; padding: 0 5%; max-width: 840px; margin: 0 auto;} .inside_max{position: relative; width: 90%; padding: 0; max-width: 1440px; margin: 0 auto;} .inside_middle{position: relative; width: 90%; padding: 0 5%; max-width: 1340px; margin: 0 auto;} @media screen and (max-width: 550px) { .inside.sub_mobile_hide{display: none;} } .btn{font-weight: 700; font-size: 12px; line-height: 16px; padding: 8px 20px; text-decoration: none; white-space: nowrap; overflow: hidden; position: relative; background: none; display: block; border: 1px solid transparent; text-transform: uppercase; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.big{padding: 12px 30px;} .btn.small{padding: 5px 16px; text-transform: none; font-weight: 600;} .btn.overflow{overflow: visible;} .btn img{display: inline-block; vertical-align: top; margin: 0 0 0 4px;} .btn.shadow{box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6); -webkit-box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.6);} .btn.radius{-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} .btn.line_height{line-height: 30px;} .btn.inline{display: inline-block; vertical-align: middle;} .btn.semi{font-weight: 500} .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; font-weight: 700; font-size: 12px; line-height: 16px; } .btn .item{display: block; z-index: 999; position: absolute; width: 230px; left: 50%; bottom: calc(100% + 15px); visibility: hidden; opacity: 0; margin-left: -115px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn:hover .item{visibility: visible; opacity: 1; bottom: calc(100% + 5px);} .btn .item .box{display: block; position: relative; padding: 8px; background: #fff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} .btn .item .box::before{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #dbdbdb; border-width: 11px; margin-left: -11px; } .btn .item .box::after{display: block; top: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 10px; margin-left: -10px; } .btn .item .img{display: block; width: 100%; height: 80px; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .btn .item .title{white-space: normal; display: block; text-align: center; font-size: 12px; line-height: 16px; text-transform : none; color: #000000; margin: 0; padding: 8px 0 0; font-weight: 600;} .btn.typ_1{background: #60c08c; border: 1px solid #60c08c; color: #fff;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1{background: #ffffff; border: 1px solid #60c08c; color: #60c08c;} .btn.typ_2{background: #009fe3; border: 1px solid #009fe3; color: #fff;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2{background: #ffffff; border: 1px solid #009fe3; color: #009fe3;} .btn.typ_3{background: #194b5e; border: 1px solid #194b5e; color: #ffffff; padding: 8px 55px 8px 20px;} .btn.typ_3::before{position: absolute; content: ""; opacity: 1; right: 13px; top: 50%; width: 34px; height: 18px; margin: -10px 0 0; background: url(../img/arrow_btn_white.svg) no-repeat scroll center center; background-size: 34px 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_3::after{position: absolute; content: ""; opacity: 0; right: 13px; top: 50%; width: 34px; height: 18px; margin: -10px 0 0; background: url(../img/arrow_btn_blue.svg) no-repeat scroll center center; background-size: 34px 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3{background: #ffffff; border: 1px solid #194b5e; color: #194b5e;} .notouch .btn.typ_3:hover::before, .notouch .item.hover_efekt .btn.typ_3::before, .notouch a.item:hover .btn.typ_3::before{opacity: 0;} .notouch .btn.typ_3:hover::after, .notouch .item.hover_efekt .btn.typ_3::after, .notouch a.item:hover .btn.typ_3::after{opacity: 1;} .btn.typ_3.reverse{padding: 8px 20px 8px 55px;} .btn.typ_3.reverse::before{left: 13px; -webkit-transform: rotate(180deg); transform: rotate(180deg);} .btn.typ_3.reverse::after{left: 13px; -webkit-transform: rotate(180deg); transform: rotate(180deg);} .btn.typ_4{background: #60c08c; border: 1px solid #60c08c; color: #fff;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4{background: #ffffff; border: 1px solid #60c08c; color: #60c08c;} .btn.typ_5{background: transparent; border: none; color: #60c08c; padding: 8px 40px 8px 0;} .btn.typ_5::before{position: absolute; content: ""; opacity: 1; right: 13px; top: 50%; width: 16px; height: 12px; margin: -6px 0 0; background: url(../img/arrow_btn_green.svg) no-repeat scroll center center; background-size: 16px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_5::after{position: absolute; content: ""; opacity: 0; right: 13px; top: 50%; width: 16px; height: 12px; margin: -6px 0 0; background: url(../img/arrow_btn_white.svg) no-repeat scroll center center; background-size: 16px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a:hover .btn.typ_5{color: #ffffff;} .notouch .btn.typ_5:hover::before, .notouch .item.hover_efekt .btn.typ_5::before, .notouch a:hover .btn.typ_5::before{opacity: 0;} .notouch .btn.typ_5:hover::after, .notouch .item.hover_efekt .btn.typ_5::after, .notouch a:hover .btn.typ_5::after{opacity: 1;} .btn.typ_6{background: #ffffff; border: 1px solid #60c08c; color: #60c08c; padding: 8px 20px 8px 40px;} .btn.typ_6::before{position: absolute; content: ""; opacity: 1; left: 13px; top: 50%; width: 20px; height: 20px; margin: -10px 0 0; background: url(../img/btn_home_green.svg) no-repeat scroll center center; background-size: 21px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_6::after{position: absolute; content: ""; opacity: 0; left: 13px; top: 50%; width: 20px; height: 20px; margin: -10px 0 0; background: url(../img/btn_home_white.svg) no-repeat scroll center center; background-size: 21px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_6:hover{color: #ffffff; background: #60c08c; border: 1px solid #60c08c;} .notouch .btn.typ_6:hover::before{opacity: 0;} .notouch .btn.typ_6:hover::after{opacity: 1;} .btn.typ_7{background: #ffffff; border: 1px solid #60c08c; color: #60c08c; padding: 8px 20px 8px 40px;} .btn.typ_7::before{position: absolute; content: ""; opacity: 1; left: 13px; top: 50%; width: 20px; height: 20px; margin: -10px 0 0; background: url(../img/btn_calc_green.svg) no-repeat scroll center center; background-size: 21px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_7::after{position: absolute; content: ""; opacity: 0; left: 13px; top: 50%; width: 20px; height: 20px; margin: -10px 0 0; background: url(../img/btn_calc_white.svg) no-repeat scroll center center; background-size: 21px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_7:hover{color: #ffffff; background: #60c08c; border: 1px solid #60c08c;} .notouch .btn.typ_7:hover::before{opacity: 0;} .notouch .btn.typ_7:hover::after{opacity: 1;} .btn.typ_8{background: transparent; border: 1px solid #ffffff; color: #ffffff; text-indent: -200px; padding: 8px 32px 8px 0;} .btn.typ_8::before{position: absolute; content: ""; opacity: 1; right: 10px; top: 50%; width: 16px; height: 12px; margin: -6px 0 0; background: url(../img/arrow_btn_white.svg) no-repeat scroll center center; background-size: 16px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch a:hover .btn.typ_8{border: 1px solid #60c08c; background: #60c08c; font-size: 12px; padding: 8px 40px 8px 20px; text-indent: 0;} .notouch a:hover .btn.typ_8::before{right: 13px;} .btn.typ_9{font-size: 16px; line-height: 24px; font-weight: 500; background: #194b5e; border: 1px solid #194b5e; color: #ffffff; padding: 12px 55px 12px 20px;} .btn.typ_9.disabled{background: #cacaca; border: 1px solid #cacaca; cursor: no-drop;} .btn.typ_9::before{position: absolute; content: ""; opacity: 1; right: 13px; top: 50%; width: 34px; height: 18px; margin: -10px 0 0; background: url(../img/arrow_btn_white.svg) no-repeat scroll center center; background-size: 34px 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .btn.typ_9::after{position: absolute; content: ""; opacity: 0; right: 13px; top: 50%; width: 34px; height: 18px; margin: -10px 0 0; background: url(../img/arrow_btn_blue.svg) no-repeat scroll center center; background-size: 34px 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .btn.typ_9:not(.disabled):hover{background: #ffffff; border: 1px solid #194b5e; color: #194b5e;} .notouch .btn.typ_9:not(.disabled):hover::before{opacity: 0;} .notouch .btn.typ_9:not(.disabled):hover::after{opacity: 1;} .btn.typ_10{background: #194b5e; border: 1px solid #194b5e; color: #ffffff;} .notouch .btn.typ_10:hover, .notouch .item.hover_efekt .btn.typ_10, .notouch a.item:hover .btn.typ_10{background: #ffffff; border: 1px solid #194b5e; color: #194b5e;} @media screen and (max-width: 1024px) { .btn .item{display: none;} } @media screen and (max-width: 768px) { .btn i{display: block;} } ul.social{display: block; margin: 0; text-align: left; padding: 0;} ul.social li{list-style: none; display: inline-block; margin: 0 0 0 3px;} ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .notouch ul.social li a:hover{background: #666666;} .top_line{background: #009fe3; position: relative; z-index: 999;} .top_line .left_side{float: left} .top_line .left_side ul.social{position: relative; display: inline-block; vertical-align: middle; margin: 0; text-align: left; padding: 5px 0; height: 30px;} .top_line .left_side ul.social li{list-style: none; display: inline-block; margin: 0 3px 0 0;} .top_line .left_side ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .top_line .left_side ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .top_line .left_side ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .top_line .left_side ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 20px 22px;} .top_line .left_side ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 20px 20px;} .notouch .top_line .left_side ul.social li a:hover{background: rgba(0,78,116,.5);} .top_line .left_side ul:not(.social){display: inline-block; vertical-align: middle; margin: 0 0 0 15px; padding: 0 0 0 15px; position: relative;} .top_line .left_side ul:not(.social)::before{position: absolute; left: 0; top: 50%; margin-top: -10px; height: 20px; width: 1px; background: #ffffff; content: "";} .top_line .left_side ul:not(.social) li{position: relative; display: inline-block; vertical-align: middle; list-style: none; margin: 0 -5px 0 0; padding: 5px 0;} .top_line .left_side ul:not(.social) li span{width: 30px; height: 30px; position: relative; padding: 0; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .top_line .left_side ul:not(.social) li span.phone{background: url(../img/phone_icon_white.svg) no-repeat scroll center center; background-size: 20px 20px;} .top_line .left_side ul:not(.social) li span.mail{background: url(../img/mail_icon_white.svg) no-repeat scroll center center; background-size: 20px 20px;} .notouch .top_line .left_side ul:not(.social) li:hover span{background-color: rgba(0,78,116,.5);} .top_line .left_side ul:not(.social) li ul{position: absolute; margin: 0; left: -22px; top: calc(100% + 3px); min-width: 160px; display: block; visibility: hidden; opacity: 0; padding: 0; -webkit-box-shadow: 6px 4px 10px -2px rgba(0,0,0,0.5); box-shadow: 6px 4px 10px -2px rgba(0,0,0,0.5); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .top_line .left_side ul:not(.social) li:hover ul, .top_line .left_side ul:not(.social) li ul.active, .top_line .left_side ul:not(.social) li.active ul{visibility: visible; opacity: 1;} .top_line .left_side ul:not(.social) li ul:after { bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f0f0f0; border-width: 8px;} .top_line .left_side ul:not(.social) li ul:before{display: none;} .top_line .left_side ul:not(.social) li ul li{padding: 0; margin: 0; display: block;} .top_line .left_side ul:not(.social) li ul li span{width: initial; width: auto; height: initial; height: auto; background: #f0f0f0 !important; color: #231f20; white-space: nowrap; font-size: 13px; line-height: 20px; padding: 10px 20px; font-weight: 600; text-align: left;} .top_line .left_side ul:not(.social) li ul li a{display: block; width: initial; width: auto; height: initial; height: auto; background: #f0f0f0 !important; color: #231f20; white-space: nowrap; font-size: 13px; line-height: 20px; padding: 10px 20px; font-weight: 600; text-align: left; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .top_line .left_side ul:not(.social) li ul li a:hover{color: #60c08c} .top_line .left_side ul:not(.social) li ul li span a{padding: 0;} .top_line .right_side{float: right} .top_line .right_side ul.small{display: none; vertical-align: middle; margin: 0; padding: 0;} .top_line .right_side ul.big{display: inline-block; vertical-align: middle; margin: 0; padding: 0;} .top_line .right_side ul li{position: relative; display: inline-block; vertical-align: middle; list-style: none; margin: 0 -5px 0 0;} .top_line .right_side ul li a, .top_line .right_side ul li span{cursor: pointer; position: relative; padding: 7px 15px; display: block; font-size: 12px; line-height: 26px; font-weight: 600; color: #ffffff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .top_line .right_side ul li a::after{z-index: 999; position: absolute; left: 15px; right: 15px; background: #60c08c; height: 4px; content: ""; display: block; bottom: -4px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .top_line .right_side ul li a::before, .top_line .right_side ul li span::before{position: absolute; right: 0; top: 50%; margin-top: -10px; height: 20px; width: 1px; background: #ffffff; content: "";} .top_line .right_side ul li:last-of-type a::before, .top_line .right_side ul li:last-of-type span::before{display: none} .notouch .top_line .right_side ul li:hover > a::after, .top_line .right_side ul li.active > a::after{opacity: 1;} .notouch .top_line .right_side ul li:hover > span, .top_line .right_side ul li.active > span{color: #4cba7f; background: #ffffff;} .top_line .right_side ul.small li ul{position: absolute; right: 0; top: calc(100% + 3px); min-width: 200px; display: block; visibility: hidden; opacity: 0; padding: 0; -webkit-box-shadow: 6px 4px 10px -2px rgba(0,0,0,0.5); box-shadow: 6px 4px 10px -2px rgba(0,0,0,0.5); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .top_line .right_side ul.small li:hover ul, .top_line .right_side ul.small li ul.active{visibility: visible; opacity: 1;} .top_line .right_side ul.small li ul:before { bottom: 100%; right: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f0f0f0; border-width: 8px;} .top_line .right_side ul.small li ul li{display: block !important;} .top_line .right_side ul.small li ul li::before{display: none;} .top_line .right_side ul.small li ul li a{border-bottom: 1px solid #e5e5e5; background: #f0f0f0; color: #231f20; white-space: nowrap; font-size: 13px; line-height: 20px; padding: 10px 20px; text-align: right;} .top_line .right_side ul.small li ul li:last-of-type a{border-bottom: 0;} .top_line .right_side ul.small li ul li a::before, .top_line .right_side ul.small li ul li a::after{display: none !important;} .notouch .top_line .right_side ul.small li ul li a:hover, .top_line .right_side ul.small li ul li.active a{color: #60c08c} @media screen and (max-width: 1024px) { .top_line .right_side ul.small{display: inline-block;} .top_line .right_side ul.big{display: none;} } @media screen and (max-width: 670px) { .top_line .left_side ul:not(.social) li:nth-child(2) ul{left: -102px;} .top_line .left_side ul:not(.social) li:nth-child(2) ul:after { left: 110px;} .top_line .right_side{display: none;} } header{background: #f4f5f5; padding: 26px 0 0; position: relative; z-index: 998;} header a.logo1, header a.logo2{display: inline-block; vertical-align: middle;} header a.logo1 img, header a.logo2 img{display: block;} header a.logo1, header a.logo1 img{width: 270px; height: 70px;} header a.logo2, header a.logo2 img{width: 174px; height: 35px;} header .box{display: inline-block; vertical-align: middle; padding: 0 0 0 65px; margin: 0 0 0 65px; border-left: 1px solid #adb5ba; width: calc(100% - 270px - 174px - 130px - 11px)} header .box .title{font-size: 38px; line-height: 44px; color: #000000; margin: 0; padding: 0; text-align: left; font-weight: 700; text-transform: uppercase;} @media screen and (max-width: 1300px) { header a.logo1, header a.logo1 img{width: 210px; height: 54px;} header a.logo2, header a.logo2 img{width: 160px; height: 32px;} header .box{padding: 0 0 0 40px; margin: 0 0 0 40px; width: calc(100% - 210px - 160px - 80px - 11px)} header .box .title{font-size: 32px; line-height: 50px;} } @media screen and (max-width: 850px) { header{padding: 20px 0 0;} header a.logo1, header a.logo1 img{width: 180px; height: 47px;} header a.logo2, header a.logo2 img{width: 130px; height: 26px;} header .box{padding: 0 0 0 30px; margin: 0 0 0 30px; width: calc(100% - 180px - 130px - 60px - 11px)} header .box .title{font-size: 25px; line-height: 44px;} } @media screen and (max-width: 650px) { header a.logo1, header a.logo1 img{width: 120px; height: 31px;} header a.logo2, header a.logo2 img{width: 90px; height: 18px;} header .box{padding: 0 0 0 15px; margin: 0 0 0 15px; width: calc(100% - 120px - 90px - 30px - 11px)} header .box .title{font-size: 20px; line-height: 32px;} } @media screen and (max-width: 480px) { header{text-align: center;} header .box{padding: 0 0 0 12px; margin: 0 0 0 12px; width: 137px} header a.logo2, header a.logo2 img{width: 130px; height: 26px; margin: 5px 0 0;} } header nav{position: relative; z-index: 997; display: block; margin: 15px 0 0;} header nav ul{margin: 0; padding: 0; display: inline-block; vertical-align: middle; text-align: left; width: calc(100% - 360px)} header nav ul li{padding: 0; position: relative; list-style: none; display: inline-block; vertical-align: middle; margin: 14px 8px 14px 0;} header nav ul li a{border: 1px solid transparent; text-transform: uppercase; display: block; line-height: 24px; font-size: 14px; font-weight: 700; padding: 4px 10px; color: #231f20; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} header nav ul li.spec > a{border: 1px solid #000000;} .notouch header nav ul li:hover a, header nav ul li.active a{background: #60c08c; color: #ffffff; border: 1px solid #60c08c;} .notouch header nav ul li.spec:hover a, header nav ul li.active.spec a{background: #60c08c; color: #ffffff; border: 1px solid #60c08c; } header .search_icon{display: inline-block; vertical-align: middle; width: 355px;} header .search_box{ width: 100%; position: relative; z-index: 200; background: #fff; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_icon.active .search_box{ opacity: 1; visibility: visible;} header .search_box input[type=text]{width: calc(100% - 62px); padding: 8px 45px 8px 15px; font-size: 14px; line-height: 22px; color: #402020; font-weight: 400; border: 1px solid #e7e7e7; background: transparent; display: inline-block; vertical-align: middle; margin: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_box input[type=text]:focus{border: 1px solid #60c08c;} header .search_box input[type=text]::-webkit-input-placeholder{color: #402020;} header .search_box input[type=text]::-moz-placeholder{color: #402020;} header .search_box input[type=text]::-ms-input-placeholder{color: #402020;} header .search_box button{border: 0; background: #bbbdbf; position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_box button::before{background: url(../img/lupa_icon.svg) no-repeat scroll center center; background-size: 26px 26px; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px;} .notouch header .search_box button:hover{background-color: #60c08c} header .search_box form p.load{ top: 45px; color: #000000; opacity: 0; visibility: hidden; font-size: 13px; line-height: 20px; font-weight: 400; z-index: 0; position: absolute; left: 0; right: 0; background: #fff; border: 1px solid #e7e7e7; padding: 12px 10px 12px 45px; margin: 0; text-align: left;} header .search_box form p.load.active{opacity: 1; visibility: visible;} header .search_box form p.load::before{position: absolute; left: 15px; 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{top: 0; color: #000000; opacity: 0; visibility: hidden; font-size: 13px; line-height: 20px; font-weight: 400; z-index: 0; position: absolute; left: 0; right: 0; background: #ffffff; padding: 12px 10px 12px 45px; margin: 0; text-align: left; } header .search_box form p.error.active{opacity: 1; visibility: visible;} header .search_box form p.error::before{position: absolute; left: 15px; 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{opacity: 1; visibility: visible; display: block; z-index: 0; position: absolute; margin: 0; padding: 0; top: 45px; left: 0; right: 0; background: #ffffff; border: 1px solid #e7e7e7; width: calc(100% - 2px);} 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: 5px; list-style: none; display: block;} header .search_box form ul li.last{margin: 0;} header .search_box form ul li a, header .search_box form ul li button{border: 0; text-align: left; font-size: 13px; line-height: 18px; font-weight: 500; color: #000000; padding: 7px 10px; list-style: none; display: block; text-transform: none; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_box form ul li button{padding-left: 0; padding-right: 0; width: 100%; } header .search_box form ul li.special{margin: -7px 5px 5px} header .search_box form ul li.special a, header .search_box form ul li.special button{height: initial; height: auto; border: 0 !important; position: relative; top: 0; left: 0; font-weight: 600; background: #666; color: #fff; text-align: center; text-decoration: none; padding: 8px 10px; margin: 5px 0 0;} header .search_box form ul li.special a::before, header .search_box form ul li.special button::before, header .search_box form ul li.special a::after, header .search_box form ul li.special button::after{display: none;} header .search_box form ul li a span{font-size: 12px; line-height: 20px; color: #afafaf; font-weight: 700; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .search_box form ul li a:hover span, header .search_box form ul li.active a span{color: #f14950;} .notouch header .search_box form ul li:not(.special) a:hover, header .search_box form ul li.active a, .notouch header .search_box form ul li:not(.special) button:hover, header .search_box form ul li.active button{background: #f4f5f5; color: #231f20;} .notouch header .search_box form ul li.special a:hover, header .search_box form ul li.active.special a, .notouch header .search_box form ul li.special button:hover, header .search_box form ul li.active.special button{text-decoration: underline; background: #009fe3;} header .search_box form ul li > span{text-transform: uppercase; background: #009fe3; text-align: left; font-size: 13px; line-height: 20px; color: #fff; font-weight: 700; padding: 8px 10px; list-style: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .open_close_navigation{cursor: pointer; text-align: left; display: none; position: relative; left: 0; z-index: 20; padding: 15px 0 14px; width: calc(100% - 360px); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .open_close_navigation::after{margin: 0 0 0 8px; content: "Menu"; font-size: 14px; line-height: 18px; height: 18px; color: #231f20; font-weight: 600; display: inline-block; vertical-align: middle; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation button {background: none; border: none; display: inline-block; vertical-align: middle; margin: 0;} .open_close_navigation .lines-button {font-size: 0; padding: 15px 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active {transition: 0;} .open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #231f20; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #231f20; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.5rem;} .open_close_navigation .lines:after {top: -0.5rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, .open_close_navigation .lines-button.x.close .lines:after {height: 4px; left: -3px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2.5rem; background: #231f20;} .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: #60c08c;} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #60c08c;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #60c08c;} .notouch .open_close_navigation:hover .lines{background: #60c08c;} .ipad_menu{display: none; position: absolute; max-width: 1920px; top: -900px; right: 0; left: 0; background: #ffffff; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); padding: 197px 0 0; z-index: 996; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu.active{display: block;} .ipad_menu.move{top: 0 !important;} .ipad_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu ul li{position: relative; list-style: none; display: block;} .ipad_menu ul li a{border-top: 1px solid #e0dfdf; position: relative; font-size: 14px; line-height: 56px; font-weight: 600; padding: 0 15px; display: block; text-transform: uppercase; color: #231f20; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul li:nth-child(1) a{border-top: 0 !important;} .notouch .ipad_menu ul li a:hover, .ipad_menu ul li.active a, .ipad_menu ul li a.active{background: #60c08c; color: #ffffff; border-top: 1px solid #2bb369} .ipad_menu ul ul{display: none;} .ipad_menu ul ul li{} .ipad_menu ul ul li a{background: #f0f0f0 !important; border: 0 !important; border-top: 1px solid #dbdbdb !important; position: relative; font-size: 14px; line-height: 44px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #1b1b1a !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul ul li:first-child a{border: 0 !important;} .notouch .ipad_menu ul ul li:hover a, .ipad_menu ul ul li.active a{background: #e2e2e2 !important;} .ipad_menu ul li .icon{cursor: pointer; z-index: 100; display: block; position: absolute; top: 10px; left: 10px; width: 36px; height: 36px; background: #194b5e; border: 1px solid #194b5e; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul li .icon::before{display: block; width: 36px; height: 36px; content: ""; position: absolute; top: 0; left: 0; background: url(../../img/ipad_menu_arrow.png) no-repeat scroll center center;} .ipad_menu ul li .icon.active::before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg)} @media screen and (max-width: 1400px) { header nav ul li a{text-transform: none; font-size: 13px;} } @media screen and (max-width: 1210px) { header nav ul{display: none;} .open_close_navigation{display: inline-block; vertical-align: middle;} .ipad_menu{display: block;} } @media screen and (max-width: 850px) { .ipad_menu{padding: 184px 0 0;} } @media screen and (max-width: 650px) { .ipad_menu{padding: 169px 0 0;} } @media screen and (max-width: 530px) { header .search_icon{width: 34px; display: block; position: absolute; right: 0; bottom: 7px; margin: 0; text-align: center; margin: 0; padding: 0; height: 34px; z-index: 999} header .search_icon .icon{cursor: pointer; width: 34px; height: 34px; display: block; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_icon .icon::before{opacity: 1; background: url(../img/lupa_icon_hover.svg) no-repeat scroll center center; background-size: 26px 26px; content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} header .search_icon .icon::after{opacity: 0; background: url(../img/lupa_icon_hover2.svg) no-repeat scroll center center; background-size: 26px 26px; content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .search_icon .icon:hover{background-color: #60c08c} .notouch header .search_icon .icon:hover::before{opacity: 0;} .notouch header .search_icon .icon:hover::after{opacity: 1;} .open_close_navigation{width: 100%} header .search_box{ opacity: 0; visibility: hidden; width: 260px; left: initial; left: auto; right: 0; position: absolute; top: 45px;} } @media screen and (max-width: 480px) { header .search_icon{bottom: 13px;} .ipad_menu{padding: 200px 0 0;} } /* @media screen and (max-width: 1420px) { header nav ul{vertical-align: top;} header nav ul li{margin: 4px 5px 14px 0;} header nav ul li a{padding: 4px 8px;} header nav .search_box{vertical-align: top;} header nav .search_box form input[type=text]{width: 260px;} } @media screen and (max-width: 1300px) and (min-width: 880px) { header nav .search_box form{opacity: 0; visibility: hidden;} } @media screen and (max-width: 1024px) { header nav ul li{margin: 2px 0 12px 0;} header nav ul li a{text-transform: none;} } @media screen and (max-width: 500px) { header{padding: 20px 0;} .ipad_menu{padding: 160px 0 0;} header nav{margin: 0; position: absolute; left: calc(5% + 110px); right: 5%; top: -60px;} header nav .search_box form{opacity: 0; visibility: hidden;} } */ #content{background: #fff; padding: 0; position: relative;} #content.white{background: #fff;} .sub #content .c_column.full .inside{padding-left: 0; padding-right: 0; width: 90%;} .sub #content .inside .inside, .sub #content .inside .inside_max{width: 100%;} .sub #content .c_column:not(.full) .inside{width: 100%; padding-left: 0; padding-right: 0;} #content .c_column .inside{margin: 0 auto 30px} #content .c_column .inside.margin{margin: 0 auto 15px} #content .c_column .inside:last-of-type{margin: 0 auto;} #content #page_hash{padding: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} aside{width: 286px; position: relative; float: left; display: block; padding: 0; margin: 0 0 50px;} aside .open_title{cursor: pointer; display: none; background: #fff; font-size: 14px; line-height: 20px; color: #000000; font-weight: 700; padding: 16px 30px; margin: 0; text-transform: uppercase; position: relative; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside .open_title::before{opacity: 1; position: absolute; top: 50%; right: 15px; margin: -10px 0 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_black_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside .open_title::after{opacity: 0; position: absolute; top: 50%; right: 15px; margin: -10px 0 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 14px 14px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside .open_title.active::before{transform: rotate(90deg); -webkit-transform: rotate(90deg);} aside .open_title.active::after{transform: rotate(90deg); -webkit-transform: rotate(90deg);} .notouch aside .open_title:hover, aside .open_title.active{color: #4fb173} aside ul.first{display: block; margin: 0; padding: 0;} aside ul.first > li{z-index: 0; list-style: none; display: block; margin: 0; position: relative; border-top: 1px solid #eeeeef; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li:first-child{border-top: 0;} aside ul.first > li > .relative > a{position: relative; padding: 12px 34px 12px 25px; font-size: 15px; line-height: 20px; color: #000000; font-weight: 600; text-align: left; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li.reference_icon > .relative > a{background: url(../img/reference_icon.svg) no-repeat scroll 25px center; background-size: 29px 21px; padding-left: 60px !important;} .notouch aside ul.first > li.reference_icon > .relative > a:hover, aside ul.first > li.reference_icon.active > .relative > a{background: url(../img/reference_icon_hover.svg) no-repeat scroll 25px center; background-size: 29px 21px;} aside ul.first > li:not(.hassub) > .relative > a{padding: 12px 0 12px 25px;} .notouch aside ul.first > li > .relative > a:hover, aside ul.first > li.active > .relative > a, .notouch aside ul.first > li.hover > .relative > a{color: #4fb173;} aside ul.first > li > ul{display: none; margin: 0; padding: 0;} aside ul.first > li > ul > li{list-style: none; display: block; margin: 0; position: relative; border-top: 1px solid #eeeeef; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li > ul > li > .relative > a{position: relative; padding: 8px 15px 8px 55px; font-size: 13px; line-height: 20px; color: #000000; font-weight: 600; text-align: left; text-transform: uppercase; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside ul.first > li > ul > li > .relative > a:hover, aside ul.first > li > ul > li.active > .relative > a, .notouch aside ul.first > li > ul > li.hover > .relative > a{color: #4fb173} aside ul.first > li > ul li > ul{display: none; margin: 0; padding: 0;} aside ul.first > li > ul li > ul > li{list-style: none; display: block; margin: 0; position: relative; border-top: 1px solid #eeeeef; -webkit-transition: all 400ms ease; transition: all 400ms ease;} aside ul.first > li > ul li > ul > li > .relative > a{position: relative; padding: 6px 15px 6px 55px; font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; text-align: left; text-transform: none; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch aside ul.first > li > ul li > ul > li > .relative > a:hover, aside ul.first > li > ul li > ul > li.active > .relative > a, .notouch aside ul.first > li > ul li > ul > li.hover > .relative > a{color: #4fb173;} aside ul.first > li .icon{border: 1px solid #eeeeef; cursor: pointer; z-index: 999; position: absolute; right: 8px; top: calc(50% - 10px); width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li .icon::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; 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; } aside ul.first > li .icon::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/arrow_green_right.svg) no-repeat scroll center center; background-size: 12px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li.active .icon::before{transform: rotate(90deg); -webkit-transform: rotate(90deg);} aside ul.first > li.active .icon::after{transform: rotate(90deg); -webkit-transform: rotate(90deg);} .notouch aside ul.first > li .icon:hover::before{opacity: 0;} .notouch aside ul.first > li .icon:hover::after{opacity: 1;} aside ul.first > li > ul > li .icon2{cursor: pointer; z-index: 999; position: absolute; left: 30px; top: calc(50% - 10px); width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li > ul > li .icon2::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li > ul > li .icon2::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li > ul > li.active .icon2::before{background: url(../img/minus.svg) no-repeat scroll center center; background-size: 28px 28px; } aside ul.first > li > ul > li.active .icon2::after{background: url(../img/minus_white.svg) no-repeat scroll center center; background-size: 28px 28px;} .notouch aside ul.first > li > ul > li .icon2:hover{background: #4fb173;} .notouch aside ul.first > li > ul > li .icon2:hover::before{opacity: 0;} .notouch aside ul.first > li > ul > li .icon2:hover::after{opacity: 1;} aside ul.first > li > ul > li > ul > li .icon3{cursor: pointer; z-index: 999; position: absolute; right: 8px; top: calc(50% - 10px); width: 20px; height: 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li > ul > li > ul > li .icon3::before{opacity: 1; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li > ul > li > ul > li .icon3::after{opacity: 0; position: absolute; top: 0; left: 0; margin: 0; display: block; width: 20px; height: 20px; content: ""; background: url(../img/plus_white.svg) no-repeat scroll center center; background-size: 28px 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } aside ul.first > li > ul > li > ul > li.active .icon3::before{background: url(../img/minus.svg) no-repeat scroll center center; background-size: 28px 28px; } aside ul.first > li > ul > li > ul > li.active .icon3::after{background: url(../img/minus_white.svg) no-repeat scroll center center; background-size: 28px 28px;} .notouch aside ul.first > li > ul > li > ul > li .icon3:hover{background: #000000;} .notouch aside ul.first > li > ul > li > ul > li .icon3:hover::before{opacity: 0;} .notouch aside ul.first > li > ul > li > ul > li .icon3:hover::after{opacity: 1;} @media screen and (max-width: 1080px) { aside{width: calc(100% - 2px); margin: 0 0 30px; border: 1px solid #eeeeef;} aside .open_title{display: block;} aside ul.first{display: none;} aside ul.first > li:first-child{border-top: 1px solid #eeeeef;} } .c_column{width: calc(100% - 330px); padding: 0 0 50px; position: relative; float: right; display: block;} .c_column.full{width: 100%; padding: 0 0 50px; position: relative; float: none; display: block;} .c_column.full.hide{display: none;} .hp .c_column.full{padding: 0;} @media screen and (max-width: 1080px) { .c_column{width: 100%; padding: 0 0 50px;} } .welcome_1{padding: 0; display: block; position: relative;} .welcome_1 .reference_slider{width: 100%;} .welcome_1 .reference_slider .item{display: block; width: 100%;} .welcome_1 .reference_slider .item .img{display: block; position: relative; width: 100%; padding: 0 0 115%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_1 .reference_slider .item .img{filter: url("data:image/svg+xml;utf8,#grayscale");-webkit-filter: grayscale(1);filter: grayscale(1);filter: gray;} .notouch .welcome_1 .reference_slider .item:hover .img{-webkit-filter: grayscale(0);filter: grayscale(0);} .welcome_1 .reference_slider .item .img.grayscale-replaced {-webkit-filter: none;filter: none;} .welcome_1 .reference_slider .item .img.grayscale-replaced > svg {-webkit-transition: opacity .5s ease;transition: opacity .5s ease;opacity: 1;} .welcome_1 .reference_slider .item .img.grayscale-replaced.grayscale-off > svg, .welcome_1 .reference_slider .item .img.grayscale-replaced.grayscale-fade:hover > svg {opacity: 0;} .welcome_1 .reference_slider .item .text{position: absolute; left: 0; right: 0; bottom: 0; padding: 25px; background: rgba(0,0,0,0.55);} .welcome_1 .reference_slider .item .text .title{font-size: 20px; line-height: 28px; color: #fff; font-weight: 700; text-align: left; display: block;} .welcome_1 .reference_slider .item .text .city{font-size: 20px; line-height: 28px; color: #fff; font-weight: 400; text-align: left; display: block;} @media screen and (max-width: 1080px) { .welcome_1 .reference_slider .item .text .title{font-size: 18px; line-height: 26px;} .welcome_1 .reference_slider .item .text .city{font-size: 18px; line-height: 26px;} } .main_line{width: 100%; display: block; background: #f3f4f4;} .main_line .item{display: inline-block; vertical-align: middle; text-align: center; margin: 0; width: calc(20% - 23px); padding: 20px 10px;} .main_line .item img{display: inline-block; vertical-align: middle; width: 47px; height: 47px; padding: 0;} .main_line .item .text{display: inline-block; vertical-align: middle; max-width: calc(100% - 51px); padding: 0;} .main_line .item .text .title{color: #2f3e45; font-size: 13px; font-weight: 600; margin: 0; line-height: 18px; text-align: left;} @media screen and (max-width: 1024px) and (min-width: 761px) { .main_line .item img{display: none;} .main_line .item .text{display: block; max-width: 100%; width: 100%;} .main_line .item .text .title{text-align: center;} } @media screen and (max-width: 760px) { .main_line{padding: 5px 0;} .main_line .item{display: block; width: 100%; padding: 5px 0;} } @media screen and (max-width: 400px) { .main_line .item{text-align: left;} } .welcome_3{padding: 40px 0; display: block; position: relative;} .welcome_3::before{position: absolute; top: 0; bottom: 0; left: 0; width: 36%; background: #194b5e; z-index: 0; content: "";} .welcome_3 > *{position: relative; z-index: 10;} .welcome_3 h2{letter-spacing: 1px; margin: 0; padding: 0; z-index: 99; position: absolute; top: 50%; left: 15px; right: 0; text-align: center; font-size: 18px; font-weight: 300; line-height: 30px; color: #ffffff; text-transform: uppercase; transform: translateX(-50%) translateY(-50%) rotate(-90deg);} .welcome_3 .links{display: inline-block; vertical-align: middle; position: relative; padding: 0 20px 0 60px; width: calc(33.33% - 83px)} .welcome_3 .links .link{display: block;} .welcome_3 .links .link:nth-child(3){margin: 25px 0;} .welcome_3 .links .link .img{position: relative; display: inline-block; vertical-align: middle; width: 64px; height: 64px; padding: 0; margin: 0 20px 0 0; -webkit-border-radius: 50px; border-radius: 50px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .welcome_3 .links .link .img::before{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 3px solid #60c08c; content: ""; -webkit-border-radius: 50px; border-radius: 50px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3 .links .link:hover .img::before{opacity: 1;} .welcome_3 .links .link .text{display: inline-block; vertical-align: middle; width: calc(100% - 88px); padding: 0;} .welcome_3 .links .link .text .title{font-size: 18px; line-height: 24px; color: #fff; font-weight: 700; text-align: left; display: block; text-transform: uppercase;} .welcome_3 .info{text-align: left; display: inline-block; vertical-align: middle; position: relative; padding: 0 50px; width: calc(33.33% - 103px)} .welcome_3 .info .item{margin: 40px 0; display: block;} .welcome_3 .info .item p.anotation{font-size: 15px; line-height: 20px; color: #194b5e; font-weight: 700; text-align: left; display: block; text-transform: uppercase; margin: 0 0 5px;} .welcome_3 .contact{text-align: left; display: inline-block; vertical-align: middle; position: relative; padding: 0 50px; width: calc(33.33% - 103px)} .welcome_3 .contact::before{position: absolute; top: calc(50% - 125px); left: -50px; width: 1px; height: 250px; background: #e9e9e9; content: "";} .welcome_3 .contact .item{display: block; margin: 32px 0;} .welcome_3 .contact .item .img{position: relative; display: inline-block; vertical-align: middle; width: 90px; height: 90px; padding: 0; margin: 0 20px 0 0; -webkit-border-radius: 50px; border-radius: 50px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .welcome_3 .contact .item .text{display: inline-block; vertical-align: middle; width: calc(100% - 115px); padding: 0;} .welcome_3 .contact .item .text .name{font-size: 14px; line-height: 20px; color: #194b5e; font-weight: 400; margin: 0 0 5px;} .welcome_3 .contact .item .text .name strong{font-size: 15px; line-height: 20px; color: #194b5e; font-weight: 600; margin: 0;} .welcome_3 .contact .item .text p{margin: 0; font-size: 14px; line-height: 20px; color: #194b5e; font-weight: 600;} .welcome_3 .contact .item .text p a{font-size: 14px; line-height: 20px; color: #194b5e; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_3 .contact .item .text p a:hover{color: #60c08c} @media screen and (max-width: 1900px) { .welcome_3::before{width: 35%;} } @media screen and (max-width: 1800px) { .welcome_3::before{width: 34%;} } @media screen and (max-width: 1700px) { .welcome_3::before{width: 33%;} } @media screen and (max-width: 1600px) { .welcome_3::before{width: 32%;} } @media screen and (max-width: 1500px) { .welcome_3{text-align: center; padding-bottom: 0;} .welcome_3::before{width: 100%; bottom: initial; bottom: auto; height: 224px;} .welcome_3 h2{letter-spacing: 1px; font-weight: 400; position: relative; top: 0; left: 0; transform: none;} .welcome_3 .links{display: block; padding: 0; width: 100%;} .welcome_3 .links .link{display: inline-block; vertical-align: middle; width: calc(33.33% - 3px); text-align: center;} .welcome_3 .links .link .text{width: initial; width: auto; text-align: left;} .welcome_3 .info{width: 330px; margin: 60px 0 0;} .welcome_3 .contact{width: 330px; margin: 60px 0 0;} .welcome_3 .contact::before{top: calc(50% - 80px); height: 160px;} } @media screen and (max-width: 1100px) { .welcome_3::before{height: 288px;} .welcome_3 .links .link{width: calc(50% - 3px);} } @media screen and (max-width: 980px) { .welcome_3 .info{width: 100%; padding: 0; text-align: center} .welcome_3 .info .item{text-align: center; width: calc(50% - 4px); display: inline-block; vertical-align: middle;} .welcome_3 .info .item p.anotation{text-align: center;} .welcome_3 .contact{width: 100%; padding: 0; text-align: center} .welcome_3 .contact .item{text-align: center; width: calc(50% - 4px); display: inline-block; vertical-align: middle;} .welcome_3 .contact .item .text{max-width: 220px; text-align: left;} .welcome_3 .contact::before{top: -40px; width: 160px; height: 1px; left: 0; right: 0; margin: 0 auto;} } @media screen and (max-width: 760px) { .welcome_3 .contact .item{margin: 0; width: 100%; display: block;} .welcome_3 .contact .item:nth-child(2){margin: 30px 0 0;} } @media screen and (max-width: 680px) { .welcome_3::before{height: 428px;} .welcome_3 .links .link .img{display: block; width: 70px; height: 70px; margin: 0 auto 8px;} .welcome_3 .links .link .text{text-align: center; width: 100%; padding: 0; text-align: center;} .welcome_3 .links .link .text .title{text-align: center;} } @media screen and (max-width: 650px) { .welcome_3 .info .item{width: 100%; display: block} } @media screen and (max-width: 500px) { .welcome_3{padding-bottom: 40px;} .welcome_3::before{height: 582px;} .welcome_3 h2{margin: 0 0 20px;} .welcome_3 .links .link{display: block; width: 100%;} } @media screen and (max-width: 400px) { .welcome_3 .contact .item .img{display: block; width: 70px; height: 70px; margin: 0 auto 8px;} .welcome_3 .contact .item .text{width: 100%; padding: 0; text-align: center;} } .advert{padding: 60px 0; display: block;} .advert img{margin: 0 auto; display: block; max-width: 100%;} @media screen and (max-width: 500px) { .advert{display: none;} } .welcome_4{padding: 60px 0; background: #f4f5f5; display: block; position: relative;} .welcome_4 .text{position: relative; display: block; float: left; width: calc(100% - 600px); max-width: 680px; } .welcome_4 .text img{max-width: 90%; margin: 0; display: block; max-width: 450px;} .welcome_4 .text h3{font-size: 24px; line-height: 30px; color: #000; font-weight: 700; margin: 0 0 20px; padding: 0; text-transform: uppercase;} .welcome_4 .text .text_box{margin: 0 0 35px;} .welcome_4 .text form{display: block; position: relative;; margin: 0 0 35px; width: 396px; white-space: nowrap; } .welcome_4 .text form .subtitle{font-size: 18px; line-height: 22px; color: #194b5e; margin: 0 15px 0 0; padding: 0; text-align: left; font-weight: 700; text-transform: uppercase; display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .welcome_4 .text form input[type=text] { display: inline-block; vertical-align: middle; border: 1px solid #cccccc; background: #ffffff; color: #848689; font-size: 14px; line-height: 18px; padding: 10px 15px; width: 240px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .text form input[type=text]:focus{border: 1px solid #60c08c} .welcome_4 .text form button { background: url(../img/program_arrow_white.svg) no-repeat scroll center center #194b5e; background-size: 16px 13px; padding: 0; width: 40px; height: 40px; border: 0; position: absolute; right: -39px; top: 0; z-index: 999; display: block; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .text form button:hover { background-color: #60c08c;} .welcome_4 .text form p.gdpr{margin: 10px 0 0; font-size: 14px; line-height: 24px; font-weight: 400;} .welcome_4 .text form p.gdpr a{margin: 10px 0 0; font-size: 14px; line-height: 24px; text-decoration: underline; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .text form p.gdpr a:hover{color: #009de2;} .welcome_4 .text .address{display: inline-block; font-size: 14px; line-height: 24px; background: url(../img/contact_icon1.svg) no-repeat scroll left center; background-size: 18px 24px; padding: 0 0 0 25px; margin: 0 0 6px;} .welcome_4 .text .address strong{font-size: 14px; line-height: 24px; font-weight: 600;} .welcome_4 .text .phone{display: inline-block; font-size: 14px; line-height: 24px; background: url(../img/contact_icon2.svg) no-repeat scroll left center; background-size: 18px 24px; padding: 0 0 0 25px; margin: 0 0 6px;} .welcome_4 .text .mail{display: inline-block; font-size: 14px; line-height: 24px; background: url(../img/contact_icon3.svg) no-repeat scroll left center; background-size: 18px 24px; padding: 0 0 0 25px; margin: 0 0 6px;} .welcome_4 .text .mail a{display: block; font-size: 14px; line-height: 24px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_4 .text .mail a:hover{color: #009de2;} .welcome_4 .mapa{float: right; display: block; width: calc(100% - 80px); max-width: 460px; padding: 30px 40px; background: #ffffff; position: relative;} .welcome_4 .mapa .title{font-size: 20px; line-height: 30px; color: #000; font-weight: 700; margin: 0px 0 20px; padding: 0;} .welcome_4 .mapa ul.social{position: relative; display: block; margin: 0; text-align: left; padding: 0;} .welcome_4 .mapa ul.social li{list-style: none; display: inline-block; margin: 0 1px 0 0;} .welcome_4 .mapa ul.social li a{display: block; width: 36px; height: 36px; position: relative; background: #009fe3; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .mapa ul.social li a::before{opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 36px; height: 36px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .mapa ul.social li a::after{opacity: 1; content: ""; position: absolute; left: 0; top: 0; width: 36px; height: 36px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .mapa ul.social li a.in::before{background: url(../../img/social_in_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.fb::before{background: url(../../img/social_fb_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.yt::before{background: url(../../img/social_yt_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.li::before{background: url(../../img/social_li_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.tw::before{background: url(../../img/social_tw_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.g::before{background: url(../../img/social_g_icon.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.in::after{background: url(../../img/social_in_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.fb::after{background: url(../../img/social_fb_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.yt::after{background: url(../../img/social_yt_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.li::after{background: url(../../img/social_li_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.tw::after{background: url(../../img/social_tw_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .welcome_4 .mapa ul.social li a.g::after{background: url(../../img/social_g_icon_hover.svg) no-repeat scroll center center; background-size: 22px 22px;} .notouch .welcome_4 .mapa ul.social li a:hover{background: #4cba7f;} @media screen and (max-width: 1100px) { .welcome_4 .text{display: block; float: none; width: 100%; max-width: 680px; margin: 0 auto 40px; text-align: center;} .welcome_4 .text img{ margin: 0 auto;} .welcome_4 .text h3{text-align: center;} .welcome_4 .text .text_box, .welcome_4 .text .text_box > *{text-align: center;} .welcome_4 .mapa{float: none; margin: 0 auto;} .welcome_4 .text form{margin: 0 auto 35px;} } @media screen and (max-width: 767px) { .welcome_4 .text h3{font-size: 20px; line-height: 26px;} .welcome_4 .text .address, .welcome_4 .text .address strong{font-size: 14px;} .welcome_4 .text .phone{font-size: 14px;} .welcome_4 .text .mail{font-size: 14px;} .welcome_4 .text .mail a{font-size: 14px;} .welcome_4 .mapa{width: calc(100% - 60px); padding: 25px 30px;} .welcome_4 .mapa .title{font-size: 18px; line-height: 26px;text-align: center;} .welcome_4 .mapa ul.social{text-align: center;} .welcome_4 .text form{margin: 0 auto 35px; width: 100%; width: 280px;} .welcome_4 .text form .subtitle{text-align: center; display: block; margin: 0 0 10px;} .welcome_4 .text form input[type=text] {width: calc(100% - 32px);} .welcome_4 .text form button {right: 0; top: initial; top: auto; bottom: 0;} } @media screen and (max-width: 767px) { .welcome_4{padding: 40px 0;} } footer{background: #1b1b1a; /*padding: 100px 5% 50px;*/ padding: 80px 0 50px; position: relative; z-index: 0; /*margin-top: -50px*/} footer .relative::before{position: absolute; left: 0; right: 0; bottom: calc(100% + 50px); background: #f4f5f5; height: 30px; content: ""; display: block;} footer a.logo{position: relative; width: 270px; height: 67px; float: left; margin: 0} footer a.logo img{display: block; width: 270px; height: 67px; margin: 0 auto;} footer ul.menu{display: inline-block; vertical-align: top; margin: 50px 80px 0 0; padding: 0;} footer ul.menu > li{display: block; list-style: none;} footer ul.menu > li > span{display: block; color: #009fe3; font-weight: 700; text-transform: uppercase; font-size: 15px; padding-bottom: 15px;} /* footer ul.menu > li > ul{display: block; margin: 0; padding: 0;} footer ul.menu > li > ul > li{display: block; list-style: none;} footer ul.menu > li > ul > li > span{display: block; color: #ffffff; font-weight: 700; text-transform: uppercase; font-size: 15px; padding-bottom: 10px;} footer ul.menu > li > ul > li > ul{display: block; margin: 0; padding: 0 0 20px;} footer ul.menu > li > ul > li > ul > li{display: block; list-style: none; margin: 0 0 5px;} footer ul.menu > li > ul > li > ul > li > a{display: inline-block; border-bottom: 1px solid transparent; color: #ffffff; font-weight: 400; font-size: 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer ul.menu > li > ul > li > ul > li > a:hover, footer ul.menu > li > ul > li > ul > li.active > a{border-bottom: 1px solid #fff;} */ footer ul.menu > li > ul{display: block; margin: 0; padding: 0 0 20px;} footer ul.menu > li > ul > li{display: block; list-style: none; margin: 0 0 5px;} footer ul.menu > li > ul > li > a{display: inline-block; border-bottom: 1px solid transparent; color: #ffffff; font-weight: 400; font-size: 15px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer ul.menu > li > ul > li > a:hover, footer ul.menu > li > ul > li.active > a{border-bottom: 1px solid #fff;} @media screen and (max-width: 1400px) { footer ul.menu{margin: 50px 60px 0 0;} } @media screen and (max-width: 1300px) { footer ul.menu{margin: 50px 0 0 0; width: calc(50% - 4px);} } @media screen and (max-width: 1200px) { footer a.logo{width: 320px; height: 80px;} footer a.logo img{width: 320px; height: 80px;} } @media screen and (max-width: 700px) { footer a.logo{width: 220px; height: 55px; float: none; display: block; margin: 0 auto;} footer a.logo img{width: 220px; height: 55px;} footer ul.menu{margin: 30px 0 0 0; width: 100%; display: block; text-align: center;} footer ul.menu ul{padding: 0;} } .sign{background: #ffffff; padding: 0; text-align: center;} .sign p{padding: 20px 5%; color: #9c9c9c; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; display: block; margin: 0;} .sign p strong{color: #9c9c9c; font-weight: 700; font-size: 14px; line-height: 20px; text-align: center;} .sign p a{color: #9c9c9c; font-weight: 500; font-size: 14px; line-height: 20px; text-align: center; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sign a:hover{color: #1b1b1a;} /************************ MODULY ************************/ .drobky{position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 20px 0;} .drobky.center{text-align: center;} .drobky ul::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); content: ""; display: block;} .drobky ul{z-index: 0; position: relative; white-space: nowrap; margin: 0; padding: 0; width: 100%; overflow: hidden;} .drobky ul li{position: relative; z-index: 9; list-style: none; display: inline-block; vertical-align: middle; margin-right: -4px; border-left: 1px solid #e4e5e6;} .drobky ul li.first{border: 0;} .drobky ul li.first a{padding-left: 0;} .drobky ul li a{white-space: nowrap; position: relative; display: block; color: #a2a8ac; font-size: 12px; line-height: 17px; font-weight: 400; padding: 0 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .drobky ul li a:hover{text-decoration: none; color: #60c08c;} .drobky ul li span{white-space: nowrap; display: block; color: #a2a8ac; font-size: 12px; line-height: 17px; font-weight: 600; padding: 0 0 0 10px;} .landing_list { width: 100%; text-align: left;} .landing_list .item { display: inline-block; vertical-align: middle; width: calc(20% - 160px / 5 - 3px); margin: 40px 0 0;} .landing_list .item:nth-child(5n - 1){margin: 40px 40px 0;} .landing_list .item:nth-child(5n - 3){margin: 40px 40px 0;} .landing_list .item:nth-child(-n + 5){margin-top: 0;} .landing_list .item .img{-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); box-shadow: 0 0 10px -5px rgba(0,0,0,0.5); position: relative; -webkit-border-radius: 200px; border-radius: 200px; width: 100%; padding: 0 0 100%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .landing_list .item .img::before{opacity: 0; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 8px solid #60c08c; content: ""; -webkit-border-radius: 200px; border-radius: 200px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list .item:hover .img::before{opacity: 1;} .landing_list .item .title{display: block; height: 40px; overflow: hidden; font-size: 15px; line-height: 20px; padding: 10px 10px 0; text-align: center; font-weight: 700; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .landing_list .item:hover .title{color: #60c08c;} @media screen and (max-width: 1450px) { .landing_list .item {width: calc(25% - 120px / 4 - 3px); margin: 40px 0 0;} .landing_list .item:nth-child(5n - 1){margin: 40px 0 0;} .landing_list .item:nth-child(5n - 3){margin: 40px 0 0;} .landing_list .item:nth-child(-n + 5){margin-top: 40px;} .landing_list .item:nth-child(4n - 1){margin: 40px 40px 0;} .landing_list .item:nth-child(4n - 2){margin: 40px 0 0 40px;} .landing_list .item:nth-child(-n + 4){margin-top: 40px;} } @media screen and (max-width: 1280px) and (min-width: 1081px) { .landing_list .item {width: calc(33.33% - 60px / 3 - 3px); margin: 30px 0 0;} .landing_list .item:nth-child(5n - 1){margin: 30px 0 0;} .landing_list .item:nth-child(5n - 3){margin: 30px 0 0;} .landing_list .item:nth-child(-n + 5){margin-top: 30px;} .landing_list .item:nth-child(4n - 1){margin: 30px 0 0;} .landing_list .item:nth-child(4n - 2){margin: 30px 0 0;} .landing_list .item:nth-child(-n + 4){margin-top: 30px;} .landing_list .item:nth-child(3n - 1){margin: 30px 30px 0;} .landing_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 1024px) { .landing_list .item {width: calc(33.33% - 60px / 3 - 3px); margin: 30px 0 0;} .landing_list .item:nth-child(5n - 1){margin: 30px 0 0;} .landing_list .item:nth-child(5n - 3){margin: 30px 0 0;} .landing_list .item:nth-child(-n + 5){margin-top: 30px;} .landing_list .item:nth-child(4n - 1){margin: 30px 0 0;} .landing_list .item:nth-child(4n - 2){margin: 30px 0 0;} .landing_list .item:nth-child(-n + 4){margin-top: 30px;} .landing_list .item:nth-child(3n - 1){margin: 30px 30px 0;} .landing_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 750px) { .landing_list .item {width: calc(50% - 20px / 2 - 3px); margin: 20px 0 0;} .landing_list .item:nth-child(5n - 1){margin: 20px 0 0;} .landing_list .item:nth-child(5n - 3){margin: 20px 0 0;} .landing_list .item:nth-child(-n + 5){margin-top: 20px;} .landing_list .item:nth-child(4n - 1){margin: 20px 0 0;} .landing_list .item:nth-child(4n - 2){margin: 20px 0 0;} .landing_list .item:nth-child(-n + 4){margin-top: 20px;} .landing_list .item:nth-child(3n - 1){margin: 20px 0 0;} .landing_list .item:nth-child(-n + 3){margin-top: 20px;} .landing_list .item:nth-child(2n){margin: 20px 0 0 20px;} .landing_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 380px) { .landing_list .item .title{font-size: 13px; line-height: 18px; height: 36px;} } .landing { width: 100%; text-align: left;} .landing ul{margin: 0; padding: 0;} .landing ul li{margin: 0 5px 6px 0; display: inline-block; vertical-align: middle;} .sorting_tab{width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #e6e6e6; text-align: left;} .sorting_tab ul{margin: 0; padding: 0;} .sorting_tab ul li{list-style: none; display: inline-block; vertical-align: top; margin: 0 5px 0 0;} .sorting_tab ul li button{margin: 0 0 -1px; display: block; font-size: 12px; line-height: 40px; text-align: center; padding: 0 40px; font-weight: 700; text-transform: uppercase; border: 1px solid #e6e6e6; background: #f7f7f7; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sorting_tab ul li button:hover{color: #60c08c;} .sorting_tab ul li button.mixitup-control-active{border-bottom: 1px solid #fff; background: #ffffff; color: #60c08c;} @media screen and (max-width: 1024px) { .sorting_tab ul li{margin: 0 3px 0 0;} .sorting_tab ul li button{padding: 0 20px; text-transform: none;} } @media screen and (max-width: 600px) { .sorting_tab ul li{margin: 0 1px 0 0;} .sorting_tab ul li button{padding: 0 10px;} } .sorting_subtab{width: 100%; margin: 0; display: none !important; padding: 0; text-align: left;} .sorting_subtab.active{display: block;} .sorting_subtab ul{margin: 0; padding: 0;} .sorting_subtab ul li{list-style: none; display: inline-block; vertical-align: top; margin: 0 5px 0 0;} .sorting_subtab ul li button{margin: 0 0 -1px; display: block; font-size: 12px; line-height: 40px; text-align: center; padding: 0 25px; font-weight: 700; border: 1px solid #e6e6e6; background: #f7f7f7; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sorting_subtab ul li button:hover{color: #60c08c;} .sorting_subtab ul li button.mixitup-control-active{background: #ffffff; color: #60c08c;} @media screen and (max-width: 1024px) { .sorting_subtab ul li{margin: 0 3px 0 0;} .sorting_subtab ul li button{padding: 0 20px; text-transform: none;} } @media screen and (max-width: 600px) { .sorting_subtab ul li{margin: 0 1px 0 0;} .sorting_subtab ul li button{padding: 0 10px;} } .reference_list { width: 100%; text-align: left; margin: 0;} .reference_list .item { overflow: hidden; display: inline-block; vertical-align: top; width: calc(20% - 150px / 5 - 3px); margin: 0 30px 30px 0;} .reference_list .item .img{position: relative; width: 100%; padding: 0 0 100%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .reference_list .item .img::before{opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(25,75,94,0.84); content: ""; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_list .item .img::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 33px; height: 26px; background: url(../img/program_arrow_white.svg) no-repeat scroll center center; background-size: 33px 26px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .reference_list .item:hover .img::before, .notouch .reference_list .item:hover .img::after{opacity: 1;} .reference_list .item .title{position: relative; white-space: nowrap; color: #77797b; display: block; overflow: hidden; font-size: 15px; line-height: 20px; padding: 10px 0 0; text-align: left; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_list .item .title::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); content: ""; display: block;} .notouch .reference_list .item:hover .title{color: #194b5e;} .reference_list .item .city{position: relative; white-space: nowrap; color: #77797b; display: block; overflow: hidden; font-size: 15px; line-height: 20px; padding: 0; text-align: left; font-weight: 500; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .reference_list .item .city::before{z-index: 99; position: absolute; top: 0; bottom: 0; right: 0; width: 40px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); content: ""; display: block;} .notouch .reference_list .item:hover .city{color: #194b5e;} @media screen and (max-width: 1400px) { .reference_list .item {width: calc(25% - 120px / 4 - 3px);} } @media screen and (max-width: 1024px) { .reference_list .item {width: calc(33.33% - 90px / 3 - 3px);} } @media screen and (max-width: 750px) { .reference_list .item {width: calc(50% - 30px / 2 - 3px); margin: 0 15px 30px 0;} } @media screen and (max-width: 380px) { .reference_list .item {width: 100%; margin: 0 0 30px;} } .reference_text{display: inline-block; vertical-align: top; width: calc(50% - 24px); padding: 0 40px 0 0;} .reference_img{display: inline-block; vertical-align: top; width: calc(50% - 24px);} .reference_img img{max-width: 100%; display: block; margin: 0;} @media screen and (max-width: 1024px) { .reference_text{display: block; width: 100%; padding: 0;} .reference_img{display: block; width: 100%; padding: 30px 0 0;} } .contact_page{padding: 0; width: 100%; margin: 0 auto; position: relative;} .contact_page .item{position: relative; padding: 20px 4%; float: left; width: calc((100% - 4px - 20%) / 3)} .contact_page .item::before{width: 1px; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; background: #eaeaea; display: block; content: "";} .contact_page .item.first{padding: 20px 4% 20px 0;} .contact_page .item.first::before{display: none;} .contact_page .item.last{padding: 20px 0 20px 4%;} .contact_page .item .box{display: table; width: 100%;} .contact_page .item .box .centering{display: table-cell; width: 100%; vertical-align: middle;} .contact_page .item p.title{font-size: 16px; line-height: 24px; color: #000; font-weight: 600; margin: 0; padding: 0 0 10px;} .contact_page .item p.subtitle{font-size: 15px; line-height: 20px; color: #000; font-weight: 500; margin: 0; padding: 0;} .contact_page .item p{font-size: 14px; line-height: 20px; color: #000000; font-weight: 400; margin: 0; padding: 0;} .contact_page .item p a{text-decoration: underline; font-size: 14px; line-height: 20px; color: #28323e; font-weight: 400; margin: 0; padding: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_page .item p a:hover{color: #1188d5} .contact_page .item img{max-width: 100%;} .gmapa{position: relative; display: block; background: #f2f2f2; width: 100%; margin: 0 0 -50px;} .gmapa #MyGmaps{z-index: 0; position: relative; width: 100%; height: 380px; display: block; background: #fff;} .gmapa a.btn{position: absolute; left: 0; bottom: 0; z-index: 20;} @media screen and (max-width: 1010px) { .contact_page{padding-top: 0; } .contact_page .item{padding: 30px 0; float: none; width: 100%} .contact_page .item::before{display: none;} .contact_page .item.first{border-top: 0; padding: 0;} .contact_page .item.last{padding: 0;} .contact_page .item .box{height: initial !important; height: auto !important;} .gmapa #MyGmaps{height: 320px;} } @media screen and (max-width: 600px) { .gmapa #MyGmaps{height: 240px;} } .product_list{margin: 0 auto; width: 100%; display: flex; flex-wrap: wrap; gap: 20px} .product_list .item{max-width: 400px; text-align: left; display: inline-block; vertical-align: top; width: 50%; border: 1px solid #f4f5f5; box-sizing: border-box; background: #fff;} /* .product_list .item:nth-child(2){margin: 0 0 0 30px;} */ .product_list .item .img{width: 100%; height: 200px; padding: 10px 0; display: block; z-index: 0; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .product_list .item .title{font-size: 18px; line-height: 22px; font-weight: 600; color: #000; padding: 0; margin: 10px 25px 0; text-align: left; } .product_list .item .anotation{display: block; text-align: left; font-size: 14px; line-height: 20px; font-weight: 500; color: #000; margin: 10px 25px 15px;} .product_list .item .anotation a:not(.btn){text-decoration: underline; text-align: left; font-size: 14px; line-height: 20px; font-weight: 600; color: #1188d5;} .notouch .product_list .item .anotation a:not(.btn):hover{text-decoration: none;} @media screen and (max-width: 700px) { .product_list .item{width: 100%;} /* .product_list .item:nth-child(2){margin: 30px 0 0;} */ } .special_list{width: 100%; position: relative; padding: 0;} .special_list .item{width: 100%; margin: 0 auto; padding: 0 0 30px;} .special_list .item:last-of-type{padding: 0;} .special_list .item .img{overflow: hidden; border: 0; position: relative; width: 42%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 0 23.6%; -webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,0.6); box-shadow: 0 0 10px -5px rgba(0,0,0,0.6); background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .special_list .item .img.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #60c08c; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .special_list .item .img.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .special_list .item .img.swipebox:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .special_list .item .img.swipebox:hover::after{opacity: 1; background-size: 60px 60px;} .special_list .item .img iframe{border: 0; position: absolute; top: 50%; left: 50%; min-height: 100%; min-width: 100%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%) } .special_list .item .text{text-align: left; width: calc(53% - 5px); display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 0 0 5%;} .special_list .item .text h2{padding: 0; text-align: left; margin: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; line-height: 28px; color: #000000; font-weight: 700; text-transform: uppercase; font-family: 'bmwtypewebbo_all', sans-serif, Arial;} .special_list .item .text h2 a{display: block; font-size: 20px; line-height: 28px; color: #000000; font-weight: 700; text-transform: uppercase; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .special_list .item.hover_efekt .text h2 a{color: #009fe3;} .special_list .item .text .box{display: none;} .special_list .item .text .text_box{margin: 15px 0 10px; text-align: left; padding: 0 0 0 0} .special_list .item .text .in_img{position: relative; width: 400px; height: 200px; max-width: 100%; margin: 0 auto; display: none; background-attachment: local; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .special_list .item .text .in_img.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #60c08c; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .special_list .item .text .in_img.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .special_list .item .text .in_img.swipebox:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .special_list .item .text .in_img.swipebox:hover::after{opacity: 1; background-size: 60px 60px;} .special_list .item:nth-child(odd) .img:nth-child(3){display: none;} .special_list .item:nth-child(even) .img:nth-child(1){display: none;} .special_list .item:nth-child(even) .text{padding: 0 5% 0 0;} @media screen and (max-width: 900px) { .special_list{padding: 0;} .special_list .item{padding: 0; margin: 0 auto 30px;} .special_list .item .img{display: none;} .special_list .item .text{text-align: center; width: 100%; display: block; padding: 0 !important;} .special_list .item .text h2{margin: 0; text-align: left;} .special_list .item .text .in_img{display: block; margin: 15px 0;} .special_list .item .text p.anotation{text-align: left;} } .contact_list{text-align: left; width: 100%; position: relative; margin: 0 auto 50px !important;} .contact_list h2, .contact_list h3{text-align: left; margin: 30px 0 0; padding: 40px 0 10px; text-transform: uppercase; color: #000000; font-size: 18px; line-height: 24px; font-weight: 700; border-top: 1px solid #efefef;} .contact_list h2:first-child, .contact_list h3:first-child{padding: 0 0 10px; border: 0;} .contact_list .item{padding: 0; position: relative; display: inline-block; vertical-align: top; width: calc(25% - 3px); margin: 30px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 0;} .contact_list .item .box{height: 96px; display: table; width: 100%;} .contact_list .item .box .centering{display: table-cell; width: 100%; vertical-align: top; text-align: left;} .contact_list .item.last .box .centering{vertical-align: middle;} .contact_list .item .name{font-size: 16px; line-height: 20px; font-weight: 600; margin: 0; padding: 0;} .contact_list .item .post{font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 0 0 6px; font-style: italic; color: #808080} .contact_list .item p{font-size: 13px; line-height: 20px; font-weight: 400; margin: 0; padding: 0; color: #000000;} .contact_list .item p strong{font-size: 13px; line-height: 20px; font-weight: 700; color: #000000;} .contact_list .item p a{font-size: 13px; line-height: 20px; font-weight: 600; color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_list .item p a:hover{color: #60c08c;} @media screen and (max-width: 1300px) { .contact_list .item{width: calc(33.33% - 3px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 920px) { .contact_list .item{width: calc(50% - 3px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 20px;} .contact_list .item:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 650px) { .contact_list .item{width: calc(100% - 3px); margin: 20px 0 0;} .contact_list .item:nth-child(-n + 4){margin-top: 20px;} .contact_list .item:nth-child(-n + 3){margin-top: 20px;} .contact_list .item:nth-child(-n + 2){margin-top: 20px;} .contact_list .item:nth-child(-n + 1){margin-top: 0;} } .calc_obsah{display: none; opacity: 0; position: relative; font-size: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .calc_obsah.active{display: block; opacity: 1;} .calc_box{display: block; position: relative; font-size: 0;} .calc_box > h2{text-align: center; color: #144a5f; font-size: 22px; line-height: 28px; text-transform: uppercase; font-weight: 700; margin: 0;} @media screen and (max-width: 1280px) { .calc_box > h2{font-size: 20px; line-height: 26px;} } @media screen and (max-width: 1024px) { .calc_box > h2{font-size: 18px; line-height: 24px;} } @media screen and (max-width: 750px) { .calc_box > h2{font-size: 16px; line-height: 22px;} } .calc_box .steps{text-align: center; margin: 15px 0 0; padding: 0; font-size: 0;} .calc_box .steps li{list-style: none; display: inline-block; vertical-align: middle; margin: 0 6px;} .calc_box .steps li span{display: block; font-size: 15px; line-height: 22px; font-weight: 400; text-transform: uppercase; color: #fff; padding: 5px 16px; background: #dde0e4; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .calc_box .steps li.active span{background: #144a5f;} .calc_box .design_list{text-align: center; display: block; position: relative; font-size: 0;} .calc_box .design_list .item{cursor: pointer; position: relative; width: calc(20% - 60px / 5); padding: 0; border: 0; display: inline-block; vertical-align: top; margin: 15px 0 0 0;} .calc_box .design_list .item:nth-child(5n - 1){margin: 15px 15px 0;} .calc_box .design_list .item:nth-child(5n - 3){margin: 15px 15px 0;} .calc_box .design_list .item:nth-child(-n + 5){margin-top: 0;} .calc_box .design_list .item .img{position: relative; background: #f4f5f5; display: block; width: 100%; padding: 0 0 63%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .calc_box .design_list .item .img::before{position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background: #144a5f; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .calc_box .design_list .item:hover .img::before, .calc_box .design_list .item.active .img::before{opacity: 0.8;} .calc_box .design_list .item .text{padding: 20px; text-align: center; } .calc_box .design_list .item .text .title{text-transform: uppercase; font-size: 14px; line-height: 20px; font-weight: 600; text-align: center; display: block; position: relative; color: #231f20; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .calc_box .design_list .item .text .title::before{margin: 0 8px 0 0; position: relative; display: inline-block; vertical-align: bottom;; width: 6px; height: 6px; background: #fff; border: 7px solid #dde0e4; content: ""; -webkit-border-radius: 30px; border-radius: 30px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .calc_box .design_list .item:hover .text .title, .calc_box .design_list .item.active .text .title{color: #144a5f;} .notouch .calc_box .design_list .item:hover .text .title::before, .calc_box .design_list .item.active .text .title::before{border: 7px solid #144a5f;} .calc_box .design_list .item .text .radio, .calc_box .design_list .item .text input{position: absolute; opacity: 0; visibility: hidden; left: 0; top: 0;} .calc_box article.small{padding: 0 80px 0 0; display: inline-block; vertical-align: middle; width: calc(100% - 180px - 80px); } @media screen and (max-width: 1024px) { .calc_box article.small{padding: 0 0 30px; display: block; width: 100%; } } @media screen and (max-width: 1250px) { .calc_box .design_list .item{width: calc(33.33% - 30px / 3); margin: 15px 0 0 0;} .calc_box .design_list .item:nth-child(5n - 1){margin: 15px 0 0;} .calc_box .design_list .item:nth-child(5n - 3){margin: 15px 0 0;} .calc_box .design_list .item:nth-child(-n + 5){margin-top: 15px;} .calc_box .design_list .item:nth-child(3n - 1){margin: 15px 15px 0;} .calc_box .design_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 750px) { .calc_box .design_list .item{width: calc(50% - 10px / 2); margin: 10px 0 0 0;} .calc_box .design_list .item:nth-child(5n - 1){margin: 10px 0 0;} .calc_box .design_list .item:nth-child(5n - 3){margin: 10px 0 0;} .calc_box .design_list .item:nth-child(-n + 5){margin-top: 10px;} .calc_box .design_list .item:nth-child(3n - 1){margin: 10px 0 0;} .calc_box .design_list .item:nth-child(-n + 3){margin-top: 10px;} .calc_box .design_list .item:nth-child(2n){margin: 10px 0 0 10px;} .calc_box .design_list .item:nth-child(-n + 2){margin-top: 0;} .calc_box .design_list .item .text .title{font-size: 13px; line-height: 18px;} } .calc_box .select_bg{padding: 50px; position: relative; background-image: url(../img/calc_select_bg.jpg); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; text-align: center;} .calc_box .select_bg > h3{text-align: center; color: #ffffff; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 400; margin: 0 0 30px;} .calc_box .select_bg .sbHolder{position: relative; background: #fff; width: 200px; margin: 0 auto; border: 1px solid #e6e7e8; } .calc_box .select_bg .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; border-left: 1px solid #e6e7e8; -webkit-transition: none; transition: none;} .calc_box .select_bg .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;} .calc_box .select_bg .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 14px; line-height: 20px; padding: 7px 31px 7px 15px; font-weight: 500; width: calc(100% - 46px); text-align: left; text-decoration: none;} .calc_box .select_bg .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px;} .calc_box .select_bg .sbOptions a{text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 7px 15px; font-size: 14px; line-height: 22px; margin: 0; font-weight: 500; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .calc_box .select_bg .sbOptions li:nth-child(1){display: none;} .calc_box .select_bg .sbOptions li:nth-child(2) a{border-top: 1px solid #e6e7e8;} .calc_box .select_bg .sbOptions li:nth-child(2) a{color: #d51920;} .calc_box .select_bg .sbOptions li:nth-child(3) a{color: #d7421f;} .calc_box .select_bg .sbOptions li:nth-child(4) a{color: #db6c1d;} .calc_box .select_bg .sbOptions li:nth-child(5) a{color: #dd7f1b;} .calc_box .select_bg .sbOptions li:nth-child(6) a{color: #d3981d;} .calc_box .select_bg .sbOptions li:nth-child(7) a{color: #a5b139;} .calc_box .select_bg .sbOptions li:nth-child(8) a{color: #b7c733;} .calc_box .select_bg .sbOptions li:nth-child(9) a{color: #96c93d;} .calc_box .select_bg .sbOptions li:nth-child(10) a{color: #50b748;} .notouch .calc_box .select_bg .sbOptions a:hover{background: #f0f0f0 !important; color: #000000 !important;} @media screen and (max-width: 1280px) { .calc_box .select_bg{padding: 40px;} } @media screen and (max-width: 1024px) { .calc_box .select_bg{padding: 35px;} .calc_box .select_bg > h3{margin: 0 0 15px;} } .calc_box .big_img{display: inline-block; vertical-align: middle; width: 50%;} .calc_box .big_img img{display: block; position: relative; margin: 0 auto; max-width: 100%;} .calc_box .big_text{display: inline-block; vertical-align: middle; width: 50%;} .calc_box .big_text article{margin: 0 0 30px; color: #4fb173;} .calc_box .big_text article li{margin: 13px 0;} @media screen and (max-width: 950px) { .calc_box .big_img{display: none} .calc_box .big_text{display: block; width: 100%;} } .calc_box .contact{text-align: left; display: block; position: relative; padding: 0; width: 100%; max-width: 470px; margin: 40px auto 0;} .calc_box .contact .item{text-align: left; display: block; margin: 0;} .calc_box .contact .item .img{position: relative; display: inline-block; vertical-align: middle; width: 90px; height: 90px; padding: 0; margin: 0 20px 0 0; -webkit-border-radius: 50px; border-radius: 50px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .calc_box .contact .item .text{display: inline-block; vertical-align: middle; width: calc(100% - 115px); padding: 0;} .calc_box .contact .item .text h4{color: #144a5f; font-size: 16px; line-height: 22px; text-transform: uppercase; font-weight: 600; margin: 0;} .calc_box .contact .item .text p.info{color: #000000; font-size: 14px; line-height: 22px; font-weight: 400; margin: 0 0 20px;} .calc_box .contact .item .text .name{font-size: 14px; line-height: 20px; color: #194b5e; font-weight: 400; margin: 0 0 5px;} .calc_box .contact .item .text .name strong{font-size: 15px; line-height: 20px; color: #194b5e; font-weight: 600; margin: 0;} .calc_box .contact .item .text p{margin: 0; font-size: 14px; line-height: 20px; color: #194b5e; font-weight: 600;} .calc_box .contact .item .text p a{font-size: 14px; line-height: 20px; color: #194b5e; font-weight: 600; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .calc_box .contact .item .text p a:hover{color: #60c08c} @media screen and (max-width: 600px) { .calc_box .contact .item .img{display: block; margin: 0 auto 15px;} .calc_box .contact .item .text{display: block; width: 100%; text-align: center} } .calc_form{display: block; text-align: center; max-width: 900px; width: calc(100% - 50px); padding: 40px 25px; background: #f2f4f8; text-align: center; position: relative; margin: 0 auto; text-align: center;} .calc_form .title{font-size: 20px; line-height: 28px; font-weight: 600; text-align: center; margin: 0 0 4px;} .calc_form table{width: 100%; border-collapse: separate; border-spacing: 20px 8px;} .calc_form table th{ width: 170px; position: relative; white-space: nowrap; vertical-align: bottom; font-size: 14px; line-height: 18px; color: #525252; font-weight: 600; text-align: right; padding: 9px 0; margin: 0;} .calc_form table th.vtop{vertical-align:top;} .calc_form table td{text-align: center; padding: 0; vertical-align: bottom;} .calc_form table td.small{font-size: 12px; line-height: 18px;} .calc_form table td input[type=text], .calc_form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .calc_form table td input[type=text].datepicker{background: url(../img/calendar_icon.svg) no-repeat scroll calc(100% - 4px) center #fff; background-size: 24px 24px;} .calc_form table td textarea{border: 1px solid #e6e7e8; width: calc(100% - 32px); height: 100px; overflow: auto; resize: none; background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .calc_form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .calc_form table td input[type=text]:focus, .calc_form table td input[type=password]:focus, .calc_form table td textarea:focus{border: 1px solid #60c08c;} .calc_form table td .subtitle{font-size: 13px; line-height: 20px; font-weight: 500; text-align: center; color: #525252;} .calc_form table td a.delete{width: 22px; height: 22px; background: url(../img/close.svg) no-repeat scroll center center #cc0000; background-size: 8px 8px; -webkit-border-radius: 20px; border-radius: 20px; display: inline-block; vertical-align: middle; margin: 7px auto; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .calc_form table td a.delete:hover{background-color: #b90000;} .calc_form table td .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); margin: 0; border: 1px solid #e6e7e8; } .calc_form table td .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; border-left: 1px solid #e6e7e8; -webkit-transition: none; transition: none;} .calc_form table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;} .calc_form table td .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 14px; line-height: 20px; padding: 7px 31px 7px 15px; font-weight: 400; width: calc(100% - 46px); text-align: left; text-decoration: none;} .calc_form table td .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px;} .calc_form table td .sbOptions a{text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 7px 15px; font-size: 13px; line-height: 18px; margin: 0; font-weight: 400; color: #888888 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .calc_form table td .sbOptions li:first-child a{border-top: 1px solid #e6e7e8;} .notouch .form table td .sbOptions a:hover{background: #f0f0f0 !important; color: #000000 !important;} .calc_form table td .select2-container{border: 1px solid #e6e7e8;} .calc_form table td .select2-container .select2-selection--single .select2-selection__rendered{padding: 7px 30px 7px 15px;} .calc_form p.gdpr{margin: 6px 0; float: left; width: initial; width: auto;} @media screen and (max-width: 900px) { .calc_form .title{text-align: left;} .calc_form table, .calc_form table thead, .calc_form table tbody, .calc_form table tfoot, .calc_form table tr, .calc_form table th, .calc_form table td{white-space: normal; display: block; width: 100%; text-align: left; clear: both;} .calc_form table#plochy tbody tr:first-child{display: none !important;} .calc_form table#okna tbody tr:first-child{display: none !important;} .calc_form table th{padding: 0 !important; margin: 0;} .calc_form table td{padding: 0 0 8px;} } .file_list{width: 100%; position: relative; margin: 0 auto;} .detail .file_list{margin: 20px auto 0;} .file_list .item{position: relative; width: calc(20% - 40px / 5 - 2px); padding: 0; border: 0; border: 1px solid #000; display: block; float: left; margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(5n - 3){margin: 10px 10px 0;} .file_list .item:nth-child(-n + 5){margin-top: 0;} .file_list .item span.img{position: relative; padding: 0 0 141%; display: block; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;} .file_list .item span.img::before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .item span.img span{opacity: 1; display: block; width: 58px; height: 56px; position: absolute; left: 50%; top: 50%; margin: -49px 0 0 -28px; background: url(../img/download_icon.svg) no-repeat scroll center center; background-size: 29px 28px; z-index: 999; opacity: 0;-webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .item:hover span.img::before, .notouch .file_list .item:hover span.img span{opacity: 1;} .file_list .item span.title{position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; display: block; background: #000; color: #fff; font-weight: 400; font-size: 14px; line-height: 20px;} .file_list .clas_item{text-align: left; background: #fff; float: left; position: relative; border: 1px solid #f2f3f3; margin: 0 6px 6px 0; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a{text-decoration: none; font-size: 13px; color: #535353; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a span{font-size: 13px; color: #000000; font-weight: 500; line-height: 18px; letter-spacing: 0.5px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .clas_item:hover{border: 1px solid #009fe3; background: #009fe3;} .notouch .file_list .clas_item:hover a{color: #ffffff;} .notouch .file_list .clas_item:hover a span{text-decoration: none; color: #ffffff;} @media screen and (max-width: 1280px) { .file_list .item{width: calc(25% - 30px / 4 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0 10px;} .file_list .item:nth-child(-n + 4){margin-top: 0;} } @media screen and (max-width: 1100px) { .file_list .item{width: calc(33.33% - 20px / 3 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 0 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0;} .file_list .item:nth-child(-n + 4){margin-top: 10px;} .file_list .item:nth-child(3n - 1){margin: 10px 10px 0;} .file_list .item:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 700px) { .file_list .item{width: calc(50% - 10px / 2 - 2px); margin: 10px 0 0 0;} .file_list .item:nth-child(5n - 1){margin: 10px 0 0;} .file_list .item:nth-child(5n - 3){margin: 10px 0 0;} .file_list .item:nth-child(-n + 5){margin-top: 10px;} .file_list .item:nth-child(4n - 1){margin: 10px 0 0;} .file_list .item:nth-child(4n - 2){margin: 10px 0 0;} .file_list .item:nth-child(-n + 4){margin-top: 10px;} .file_list .item:nth-child(3n - 1){margin: 10px 0 0;} .file_list .item:nth-child(-n + 3){margin-top: 10px;} .file_list .item:nth-child(2n){margin: 10px 0 0 10px;} .file_list .item:nth-child(-n + 2){margin-top: 0;} } .fotogalerie{width: 100%; position: relative; margin: 0;} .fotogalerie .text_box{margin: 0 0 20px;} .fotogalerie a.swipebox{width: calc(16.66% - 50px / 6); margin: 10px 0 0 10px; float: left; display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; -webkit-box-shadow: 0 0 8px -3px rgba(0,0,0,0.5); box-shadow: 0 0 8px -3px rgba(0,0,0,0.5);} .fotogalerie a.swipebox:nth-child(1){margin-left: 0 !important;} .fotogalerie a.swipebox:nth-child(6n + 1){margin-left: 0;} .fotogalerie a.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #60c08c; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox img{max-width: 100%; display: block;} .notouch .fotogalerie a:hover::before{opacity: 0.90; left: 0; top: 0; right: 0; bottom: 0;} .notouch .fotogalerie a:hover::after{opacity: 1; background-size: 60px 60px;} .fotogalerie.row_three a.swipebox{padding: 0 0 17%; width: calc(33.33% - 20px / 3); height: 0; 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 (min-width: 1025px) { .fotogalerie.row_two a.swipebox{padding: 0 0 22%; width: calc(50% - 15px / 2); height: 0; margin: 15px 0 0;} .fotogalerie.row_two a.swipebox:nth-child(2n){margin: 15px 0 0 15px;} .fotogalerie.row_two a.swipebox:nth-child(-n + 2){margin-top: 0;} } @media screen and (max-width: 1024px) { .fotogalerie.row_two a.swipebox{padding: 0 0 17%; width: calc(33.33% - 20px / 3); height: 0; margin: 10px 0 0;} .fotogalerie.row_two a.swipebox:nth-child(3n - 1){margin: 10px 10px 0;} .fotogalerie.row_two a.swipebox:nth-child(-n + 3){margin-top: 0;} } @media screen and (max-width: 900px) { .fotogalerie.row_three a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2); margin: 10px 0 0 !important} .fotogalerie.row_three a.swipebox:nth-child(2n){margin: 10px 0 0 10px !important;} .fotogalerie.row_three a.swipebox:nth-child(-n + 2){margin-top: 0 !important;} .fotogalerie.row_two a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2); margin: 10px 0 0 !important} .fotogalerie.row_two a.swipebox:nth-child(2n){margin: 10px 0 0 10px !important;} .fotogalerie.row_two a.swipebox:nth-child(-n + 2){margin-top: 0 !important;} } .grid{padding: 0 6px 30px; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item{width: calc(20% - 3px); display: inline-block;} .grid .grid-item.swipebox::before{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; right: 50%; bottom: 50%; background: #003f80; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item.swipebox::after{opacity: 0; content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 70px; height: 70px; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center; background-size: 70px 70px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .grid .grid-item img{max-width: calc(100% - 12px); display: block; margin: 6px;} .notouch .grid a:hover::before{opacity: 0.90; left: 6px; top: 6px; right: 6px; bottom: 6px;} .notouch .grid a:hover::after{opacity: 1; background-size: 60px 60px;} @media screen and (max-width: 1200px) { .grid .grid-item{width: 25%;} } @media screen and (max-width: 1024px) { .grid{padding: 40px 0 0;} .grid .grid-item{width: 33.33%;} } @media screen and (max-width: 768px) { .grid .grid-item{width: 50%;} .grid .grid-item:last-of-type{display: none;} } .normal_form{max-width: 900px; width: 100%; position: relative; margin: 0; text-align: center; left: 0; bottom: 0;} .normal_form form{display: block; width: 100%;} .normal_form form .box{margin: 0 0 20px; padding: 18px 25px; background: #ffffff; border: 2px solid #ededed; display: block; } .normal_form form h2{margin: 0; font-size: 18px; line-height: 24px; color: #000; font-weight: 700; text-transform: uppercase; text-align: center;} .normal_form form table{width: 100%; border-collapse: separate; border-spacing: 0 8px;} .normal_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 17px; color: #838588; font-weight: 400; text-align: right; padding: 0 15px 0 0; margin: 0; font-family: 'bmwtypewebli_all', sans-serif, Arial;} .normal_form form table th:nth-child(3){padding-left: 20px;} .normal_form form table td{text-align: left; padding: 0;} .normal_form form table td input[type=text], .normal_form form table td input[type=password]{border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .normal_form form table td input[type=text].datepicker{background: url(../img/calendar_icon.svg) no-repeat scroll calc(100% - 4px) center #fff; background-size: 24px 24px;} .normal_form form table td textarea{border: 1px solid #e6e7e8; width: calc(100% - 32px); height: 100px; overflow: auto; resize: none; background: #fff; font-size: 14px; line-height: 20px; padding: 7px 15px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .normal_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .normal_form form table td input[type=text]:focus, .normal_form form table td input[type=password]:focus, .normal_form form table td textarea:focus{border: 1px solid #60c08c;} .normal_form form table td label{display: block; font-size: 14px; font-weight: 400; line-height: 21px; } .normal_form form table td .checker{margin-right: 8px;} .normal_form form table td span.text{max-width: calc(100% - 30px); display: inline-block; vertical-align: middle; position: relative; color: #666666; font-size: 14px; line-height: 18px; text-align: left;} .normal_form form table td .select2-container{border: 1px solid #e6e7e8;} .normal_form form table td .select2-container .select2-selection--single .select2-selection__rendered{padding: 7px 30px 7px 15px;} .normal_form form table td .sbHolder{position: relative; background: #fff; width: calc(100% - 2px); margin: 0; border: 1px solid #e6e7e8; } .normal_form form table td .sbHolder .sbToggle{margin: 0; background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; right: 0; top: 0; bottom: 0; height: 100%; width: 30px; border-left: 1px solid #e6e7e8; -webkit-transition: none; transition: none;} .normal_form form table td .sbHolder .sbToggle.sbToggleOpen{background: url(../img/select_arrow_reverse.svg) no-repeat scroll center center; background-size: 16px 16px;} .normal_form form table td .sbHolder a.sbSelector{margin: 0; display: block; color: #000 !important; font-size: 14px; line-height: 20px; padding: 7px 31px 7px 15px; font-weight: 400; width: calc(100% - 46px); text-align: left; text-decoration: none;} .normal_form form table td .sbOptions{max-height: 500px !important; z-index: 999; top: 100% !important; background: #fff; padding: 0; left: -1px; right: -1px;} .normal_form form table td .sbOptions a{text-decoration: none; border: 1px solid #e6e7e8; border-top: 0; height: auto; background: #fff !important; display: block; text-align: left; padding: 7px 15px; font-size: 13px; line-height: 18px; margin: 0; font-weight: 400; color: #888888 !important; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .normal_form form table td .sbOptions li:first-child a{border-top: 1px solid #e6e7e8;} .notouch .normal_form form table td .sbOptions a:hover{background: #f0f0f0 !important; color: #000000 !important;} .normal_form form table td .choose_section{width: 100%; display: inline-block; vertical-align: middle; position: relative; background: #194b5e;} .normal_form form table td.align-center .choose_section{width: calc(100% - 20px);} .normal_form form table td .choose_section .img{opacity: 0.25; width: 100%; height: 140px; display: block; position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .normal_form form table td .choose_section:hover .img, .normal_form form table td .choose_section.active .img{opacity: 0;} .normal_form form table td .choose_section .title{color: #fff; text-align: center; font-size: 20px; line-height: 24px; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .normal_form p.gdpr{margin: 6px 0; float: left; width: initial; width: auto;} @media screen and (max-width: 900px) { .normal_form form table, .normal_form form table tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{white-space: normal; display: block; width: 100%; text-align: center; clear: both;} .normal_form form table th{display: inline-block; vertical-align: middle; width: 150px; text-align: right; padding: 0 10px 0 0 !important; margin: 0 0 8px;} .normal_form form table td{display: inline-block; vertical-align: middle; width: calc(100% - 165px); text-align: left; margin: 0 0 8px;} .normal_form form table td[colspan="2"]{display: inline-block; width: calc(50% - 2px)} .normal_form form table td .choose_section{width: 100% !important;} .normal_form form table .mobile_cell{display: none} } @media screen and (max-width: 700px) { .normal_form p.gdpr{float: none; display: block; text-align: center;} .normal_form .text_box{text-align: center;} .normal_form .btn[type="submit"]{float: none; margin: 10px 0 0;} .normal_form form table td .choose_section .img{height: 100px;} } @media screen and (max-width: 700px) { .normal_form form .box{padding: 15px;} .normal_form form table th{display: block; width: 100%; text-align: left; padding: 15px 0 5px 0 !important; margin: 0;} .normal_form form table td{display: block; width: 100%; margin: 0;} .normal_form form table td[colspan="2"]{margin: 15px 0 0;} .normal_form form table td .choose_section{margin: 5px 0 ;} .normal_form form table td .choose_section .title{font-size: 16px; line-height: 20px;} } .finall_order{text-align: left;} .finall_order .text_box p{margin: 0 0 10px;} .finall_order .text_box p:last-of-type{margin: 0 0 20px;} .finall_order.center, .finall_order.center .text_box, .finall_order.center .text_box > *{text-align: center;} img.end_order{max-width: 100px; margin: 0 0 20px; display: block;} img.end_order.center{margin: 0 auto 20px;} .finall_order #error-alert:empty{display: none;} .finall_order #error-alert{padding: 15px; text-align: center; font-size: 12px; line-height: 16px; font-weight: 700; background: #e21414; color: #fff; max-width: 593px; display: block; margin: 0 auto 15px;} a.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #f9f9f9; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top.hide{display: none;} a.scroll_top::before{opacity: 1; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top::after{opacity: 0; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -9px; display: block; width: 18px; height: 12px; content: ""; background: url(../img/scroll_arrow_hover.svg) no-repeat scroll center center; background-size: 18px 12px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .notouch a.scroll_top:hover::before{opacity: 0;} .notouch a.scroll_top:hover::after{opacity: 1;} .notouch a.scroll_top:hover{background: #60c08c; border: 1px solid #60c08c;} a.scroll_top.active{opacity: 1; bottom: 30px;} .password-verdict {display:none;} .progress {border: 0;background-image: none;filter: none;-webkit-box-shadow: none;box-shadow: none;position: relative; z-index: 999;} .progress-bar {width: 0;height: 10px;font-size: 12px;margin: -5px 0 -5px;line-height: 20px;-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition: width .6s ease;transition: width .6s ease;} .progress-bar-danger {background-color: #da2929;} .progress-bar-warning {background-color: #F1C40F;} .progress-bar-success {background-color: #03a903;} .emailTrue {border: 1px solid #03a903 !important;} .emailFalse {border: 1px solid #da2929 !important;} ul.reg_form_help li {list-style-type: disc !important;margin-left: 15px !important;line-height: 20px !important;} ul.reg_form_help li.font-red {color: #da2929 !important;} ul.reg_form_help li.font-green {color: #03a903 !important;} input[type=text].nette-form-control, input[type=password].nette-form-control {border: 1px solid #e6e7e8;background: #fff;font-size: 13px;line-height: 20px;padding: 5px 15px;color: #000; -webkit-transition: all 400ms ease;transition: all 400ms ease;} .video_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;} .video_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; } .video_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .video_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 64px); max-width: 1200px; padding: 0; left: 0 !important; display: inline-block; background: #fff;} .video_popup video{display: block; width: 100%;} .video_popup .box .close{cursor: pointer; z-index: 100; position: absolute; right: -30px; top: -30px; width: 50px; height: 50px; background: url(../img/close.svg) no-repeat scroll center center #60c08c; background-size: 20px 20px; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .video_popup .box .close:hover{background-color: #000000;} .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% - 100px); max-width: 420px; border: 10px solid #aeaeae; padding: 20px; left: 0; display: inline-block; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 18px; line-height: 24px; font-weight: 700; color: #000000;} .popup_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 0 0 10px; text-align: center; overflow-y: auto; max-height: calc(100vh - 160px); } .popup_popup .box .text p{margin: 0; line-height: 16px;} .popup_popup .box .text img{margin: 15px auto 0; display: block; max-width: 100%;} .popup_popup span.close{cursor: pointer; width: 50px; height: 50px; display: block; position: absolute; top: -40px; right: -40px; margin: 0;} .popup_popup span.close::before{content: ""; width: 48px; height: 48px; border: 1px solid #fff; display: block; position: absolute; top: 0; left: 0; background: url(../img/video_close.png) no-repeat scroll center center #000; opacity: 1; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .popup_popup span.close::after{content: ""; width: 48px; height: 48px; border: 1px solid #000; display: block; position: absolute; top: 0; left: 0; background: url(../img/video_close_hover.png) no-repeat scroll center center #fff; opacity: 0; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .notouch .popup_popup span.close:hover::before{opacity: 0;} .notouch .popup_popup span.close:hover::after{opacity: 1;} @media screen and (max-width: 768px) { .popup_popup span.close{right: -15px;} .popup_popup .boxes{width: calc(100% - 60px); border: 5px solid #004C87; padding: 12px; } .popup_popup .box .text{max-height: calc(100vh - 190px); } .popup_popup .box span.warning{font-size: 16px; line-height: 20px;} .popup_popup .box .text{font-size: 12px; line-height: 16px;} .popup_popup .box .text img{margin: 15px auto 0; display: block; max-width: 100%;} } .control_popup{display: none; width: 100%; height: 100%; text-align: center; opacity: 0; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 110px); max-width: 350px; padding: 40px 50px; left: 0 !important; display: inline-block; background: #fff; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;} .control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 5px 0;} .control_popup .box .btn{z-index: 100; position: relative;} @media screen and (max-width: 768px) { .control_popup .boxes{padding: 25px 40px;} .control_popup .box span.warning{font-size: 16px; line-height: 20px;} .control_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong{font-size: 12px; line-height: 16px;} } .carrier_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;} .carrier_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; } .carrier_popup .box { position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .carrier_popup .boxes { overflow: auto; width: 430px; text-align: center; position: relative; padding: 40px 50px; left: 0; display: inline-block; background: #fff; max-height: calc(100vh - 130px); -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_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: 900;} .carrier_popup .box .btn { z-index: 100; position: relative;} .carrier_popup .box input[type=text] { border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_popup .box input[readonly] { border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .carrier_popup .box textarea { resize: none; overflow: auto; height: 80px; border: 1px solid #e6e7e8; width: calc(100% - 32px); background: #fff; font-size: 14px; line-height: 20px; padding: 11px 15px; margin: 0 0 8px; color: #000; -webkit-transition: all 400ms ease; transition: all 400ms ease;} .carrier_popup .box input[type=text]:focus, .carrier_popup .box textarea:focus { border: 1px solid #e72628;} .carrier_popup .box input::-webkit-input-placeholder, .carrier_popup .box textarea::-webkit-input-placeholder { color: #000;} .carrier_popup .box input::-moz-placeholder, .carrier_popup .box textarea::-moz-placeholder { color: #000;} .carrier_popup .box input::-ms-input-placeholder, .carrier_popup .box textarea::-ms-input-placeholder { color: #000;} .carrier_popup .box .sbHolder { position: relative; background: #fff; width: calc(100% - 2px); display: block; margin: 0 0 8px; border: 1px solid #e6e7e8; } .carrier_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;} .carrier_popup .box .sbHolder .sbToggle.sbToggleOpen { background: url(img/select_arrow_hover.svg) no-repeat scroll center center; background-size: 16px 16px;} .carrier_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;} .carrier_popup .box .sbOptions { max-height: 245px !important; z-index: 999; top: calc(100% + 1px) !important; background: #fff; padding: 0; left: -1px; right: -1px;} .carrier_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;} .carrier_popup .box .sbOptions li:first-child { display: none;} .carrier_popup .box .sbOptions li:nth-child(2) a { border-top: 0;} .notouch .carrier_popup .box .sbOptions a:hover { background: #f0f0f0 !important;} .carrier_popup .file{text-align: left; position: relative; width: 100%;} .carrier_popup .file .uploadFile{width: calc(100% - 150px) !important;} .carrier_popup .file .uploadBtn{width: 100%;} .carrier_popup .file .fileUpload {cursor: pointer; position: absolute; top: 2px; left: 0; right: 0; z-index: 1; overflow: hidden; margin: 0;} .carrier_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);} .normal_form form table tr.fasada {display:none;} .normal_form form table tr.hala {display:none;} .normal_form form table tr.rest {display:none;} .normal_form form table tr.both {display:none;} @media screen and (max-width: 768px) { .carrier_popup .boxes { width: 260px; padding: 25px 20px;} .carrier_popup .box span.warning { font-size: 16px; line-height: 20px;} } @media screen and (max-width: 1024px) { #tracy-debug{display: none !important} } /*SWIPEBOX*/ html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;max-width:100%;z-index:99999!important;overflow:hidden;-webkit-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:90%;max-width:90%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-slider .slide-loading{background:url(/style/images/loader.gif) center center no-repeat}#swipebox-bottom-bar,#swipebox-top-bar{-webkit-transition:.5s;transition:.5s;position:absolute;left:0;z-index:999;height:0;min-height:0;width:100%}#swipebox-bottom-bar{bottom:50%}#swipebox-top-bar{bottom:0;height: initial; height: auto; text-align:center;color:#fff!important;font-size:15px;line-height:19px;}#swipebox-title{display:inline-block; max-width: 90%;text-align:center;background:#000000;margin:0 auto;padding:10px 25px}#swipebox-close,#swipebox-next,#swipebox-prev{background-image:url(/style/images/icons.png);background-repeat:no-repeat;background-color:#000000;border:none!important;text-decoration:none!important;cursor:pointer;width:50px;height:50px;top:0;-webkit-transition: background 400ms ease; transition: background 400ms ease;}.notouch #swipebox-close:not(.disabled):hover,.notouch #swipebox-next:not(.disabled):hover,.notouch #swipebox-prev:not(.disabled):hover{background-color:#60c08c;}#swipebox-arrows{display:block;margin:0 auto;width:100%;height:0;min-height:0}#swipebox-prev{background-position:-32px 13px;float:left;margin:-25px 0 0}#swipebox-next{background-position:-78px 13px;float:right;margin:-25px 0 0}#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@keyframes leftSpring{0%,100%{left:0}50%{left:30px}}#swipebox-overlay{background:rgba(0,0,0,.75)}#swipebox-bottom-bar,#swipebox-top-bar{opacity:.95} /*OWLCAROUSEL*/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;border-radius:20px;background:#869791;-webkit-transition:all .4s ease;transition:all .4s ease}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) center center no-repeat}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}100%,75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}100%,75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}100%,75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} /*UNIFORM*/ div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-size:21px 21px;background-repeat:no-repeat;background-position:center center;-webkit-font-smoothing:antialiased}div.radio span{background-image:url(../img/sprite_radio.svg);background-size:48px 48px}div.selector,div.checker,div.button,div.radio,div.uploader{display:inline-block;vertical-align:middle}div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector,div.selector *,div.radio,div.radio *,div.checker,div.checker *,div.uploader,div.uploader *,div.button,div.button *{margin:0;padding:0}.highContrastDetect{background:url(../img/bg-input.png) repeat-x 0 0;width:0;height:0}input.uniform-input,select.uniform-multiselect,textarea.uniform{padding:3px;background:url(../img/bg-input.png) repeat-x 0 0;outline:0}input.uniform-input.active,select.uniform-multiselect.active,textarea.uniform.active{background:url(../img/bg-input-focus.png) repeat-x 0 0}div.checker input,input[type="search"],input[type="search"]:active{-webkit-appearance:none}div.checker{position:relative}div.checker,div.checker span,div.checker input{width:21px;height:21px;display:inline-block;zoom:1;*display:inline;vertical-align:middle}div.checker span{display:inline-block;vertical-align:top;text-align:center;background-image:url(../img/sprite.svg)}.edit_mode div.checker span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker span.checked{background-image:url(../img/edit_check_correct.svg)}div.checker span.checked{background-image:url(../img/sprite_correct.svg)}div.checker input{opacity:0;filter:alpha(opacity=0);border:none;background:none;display:inline-block}div.checker.active span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.hover span.checked,div.checker.focus span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.hover.active span.checked,div.checker.focus.active span.checked{background-image:url(../img/sprite_correct.svg)}div.checker.disabled span.checked,div.checker.disabled.active span.checked{background-image:url(../img/sprite_correct.svg)}.edit_mode div.checker.active span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.hover span.checked,.edit_mode div.checker.focus span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.hover.active span.checked,.edit_mode div.checker.focus.active span.checked{background-image:url(../img/edit_check_correct.svg)}.edit_mode div.checker.disabled span.checked,.edit_mode div.checker.disabled.active span.checked{background-image:url(../img/edit_check_correct.svg)}div.checker.active span{background-image:url(../img/sprite.svg)}div.checker.hover span,div.checker.focus span{background-image:url(../img/sprite.svg)}div.checker.hover.active span,div.checker.focus.active span{background-image:url(../img/sprite.svg)}div.checker.disabled,div.checker.disabled.active{background-image:url(../img/sprite.svg)}.edit_mode div.checker.active span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.hover span,.edit_mode div.checker.focus span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.hover.active span,.edit_mode div.checker.focus.active span{background-image:url(../img/edit_check.svg)}.edit_mode div.checker.disabled,.edit_mode div.checker.disabled.active{background-image:url(../img/edit_check.svg)}div.radio{position:relative}div.radio span,div.radio input{width:16px;padding:0!important;margin:0;height:16px}div.radio span{display:inline-block;vertical-align:top;margin:0!important;text-align:center;background-position:left center}div.radio span.checked{background-position:right center}div.radio input{opacity:0;filter:alpha(opacity=0);border:none;background:none;display:inline-block;text-align:center}div.radio.active span{background-position:left center}div.radio.active span.checked{background-position:right center}div.radio.hover span,div.radio.focus span{background-position:left center}div.radio.hover span.checked,div.radio.focus span.checked{background-position:right center}div.radio.hover.active span,div.radio.focus.active span{background-position:left center}div.radio.hover.active span.checked,div.radio.focus.active span.checked{background-position:right center}div.radio.disabled span,div.radio.disabled.active span{background-position:left center}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:right center}div.checker{margin:0}div.radio{height:16px;width:16px;display:inline-block;zoom:1;*display:inline;vertical-align:middle;margin:0}.platba_doprava div.radio{margin:10px;float:left}input.uniform-input,input.uniform-input:focus{background-color:#fff} /*SELECT*/ .sbHolder{position:relative;display:inline-block;zoom:1;*display:inline}a.sbSelector{outline:medium none;position:relative;text-decoration:none}.sbToggle{display:block;outline:none;position:absolute}.sbToggle.sbToggleOpen{background:url(../img/select_arrow.png) no-repeat scroll center bottom}.sbHolderDisabled{background-color:#3C3C3C;border:solid 1px #515151}.sbOptions{list-style:none;left:0;margin:0;padding:0;position:absolute;top:27px!important;text-align:center;overflow-y:auto}.sbOptions li{margin:0;padding:0;text-align:left}.sbOptions a{display:block;text-decoration:none;outline:none}.sbOptions .sbDisabled{border-bottom:dotted 1px #515151;color:#999;display:block;padding:7px 0 7px 3px}.sbOptions .sbGroup{border-bottom:dotted 1px #515151;color:#EBB52D;display:block;font-weight:700;padding:7px 0 7px 3px}.sbOptions .sbSub{padding-left:17px} /*SELECT 2*/ .select2-container{box-sizing:border-box;display:block;margin:0;position:relative;vertical-align:middle;width:100%!important;}.select2-container .select2-selection--single{color: #000000; -webkit-transition: all 400ms ease; transition: all 400ms ease;box-sizing:border-box;cursor:pointer;display:block;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{font-size: 14px; line-height: 22px; font-weight: 400; padding: 11px 30px 11px 15px; text-align: left; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #e6e7e8;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-dropdown.hide_first .select2-results__option:nth-child(1){display: none}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:5px 8px;font-size:13px;line-height:20px;border-top:1px solid #e6e7e8;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:6px 8px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important;visibility: hidden !important;}.select2-container--default .select2-selection--single{border:1px solid #ffffff;background:#ffffff;outline:0;border-radius:0}.overflow_form:not(.active) .select2-container--default .select2-selection--single{background: #efefef;border:1px solid #e6e7e8;}.select2-container--default.red_warning .select2-selection--single{border-color: #ec1b24;/* background-color: #ffe8e9;*/}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{-webkit-transition: all 400ms ease; transition: all 400ms ease;height:100%;position:absolute;top:0;bottom:0;right:0;width:30px;z-index:100;margin:0;background: url(../img/select_arrow.svg) no-repeat scroll center center; background-size: 16px 16px; border-left:1px solid #e6e7e8}.select2-container--default.red_warning .select2-selection--single .select2-selection__arrow{border-left-color: #ec1b24;}.select2-container--default .select2-selection--single[aria-expanded="true"] .select2-selection__arrow{background-image: url(../img/select_arrow_reverse.svg);}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default;opacity:.4}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #e6e7e8;background:url(../img/search_grey.svg) no-repeat scroll 98% center;background-size:16px 16px}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results > .select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#f0f0f0}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f0f0f0;}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results > .select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.pell{width:48em} /*COOKIES*/ .cc_banner-wrapper{z-index:999999;position:relative;min-height:0}.cc_container .cc_message{padding:0}.cc_container .cc_message a{-webkit-transition:all 400ms ease;transition:all 400ms ease}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container .cc_btn{display:block;margin-left:10px;float:right}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;background:#fff;box-sizing:border-box;border:1px solid #ccc;padding:10px;color:#000}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:.8s;-webkit-animation-duration:.8s;-webkit-animation-name:slideUp;animation-name:slideUp} .cc_container .cc_message{margin: 10px 0 ; font-size: 13px; line-height: 14px;} .cc_container .cc_message a{font-size: 13px; line-height: 14px; font-weight: 700; color: #000000;} .notouch .cc_container .cc_message a:hover{color: #60c08c}