/*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: #cc0000;} .color_orange{color: #dc5721 !important;} .message_centering{z-index: 999999; min-height: 0; position: absolute; top: -132px; width: 100%; max-width: 700px; left: 0; right: 0; margin: 0 auto; text-align: center; background-image: none !important; -webkit-transition: all 750ms ease; -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 #e72628; border: 1px solid #e72628;} .alert-success{color: #fff; background: url(../global/success_icon.png) no-repeat scroll 15px center #009e08; border: 1px solid #009e08;} .alert-error span{background: url(../global/error_close.png) no-repeat;} .alert-success span{background: url(../global/success_close.png) no-repeat;} h1,.head_title{color: #000000; font-weight: 700; font-size: 28px; line-height: 34px; margin: 30px 0 20px; padding: 0;} h1.center{text-align: center;} h1 strong ,.head_title strong{text-transform: uppercase; color: #666666; font-weight: 700; font-size: 24px; line-height: 30px; margin: 0; padding: 0;} h1 span, .head_title span{text-transform: uppercase; color: #373d42; font-weight: 700; font-size: 16px; line-height: 30px; margin: 0; padding: 0; display: block;} h2{color: #373d42; font-weight: 700; font-size: 24px; line-height: 30px; margin: 30px 0 10px; padding: 0;} h2.center{text-align: center;} h3{color: #373d42; font-weight: 700; font-size: 20px; line-height: 26px; margin: 30px 0 10px; padding: 0;} h4, h5, h6{color: #373d42; font-weight: 700; font-size: 18px; line-height: 24px; margin: 30px 0 10px; padding: 0;} @media screen and (max-width: 800px) { h1,.head_title {text-align: center;} } p, div, article, li, .text_page, label, code{font-size: 14px; font-weight: 400;} strong, b{font-weight: 700} article a, article a strong, article strong a{font-weight: 700; color: #000000; text-decoration: underline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch article a:hover{color: #e72628} .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, .text_box p{width: 100%; display: block; clear: both;} article img, .text_box img{float: none !important; display: block; margin: 0 auto 10px !important;} } article ul{margin: 15px 0; padding: 0;} article ul li{padding: 0 0 0 17px; margin: 5px 0; position: relative; list-style: none; background: url(../img/drobky_arrow.svg) no-repeat scroll 0 6px; background-size: 6px 9px;} article ul ul{margin: 0; padding: 0 0 0 30px; } article ol{margin: 15px 0; padding: 0; counter-reset: item;} article ol li{padding: 0 0 0 20px; margin: 5px 0; position: relative; list-style-type: none; counter-increment: item;} 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 30px;} article ol ul{margin: 0; padding: 0;} article ol ul li{background: url(../img/list_style.svg) no-repeat scroll 11px 6px; background-size: 19px auto; padding: 0 0 0 33px;} 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.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 table.gdpr th{ text-align: left !important; text-transform: none !important;} article table.gdpr td{ background: #ffffff !important;} article table.gdpr th, article table.gdpr td, article table.gdpr td *{ font-size: 14px; line-height: 18px; text-align: left; font-size: 13px !important;} article table.gdpr th, article table.gdpr td{ padding: 6px 8px !important; border: 1px solid #e0dfdf} article .size_inline{display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 80px 0 0;} article .size_inline table{min-width: 200px;} article img{max-width: 100%; margin: 0 auto 15px; display: block; } article img.fr-fil{float: left; margin: 10px 30px 10px 0;} article img.fr-fir{float: right; margin: 10px 0 10px 30px;} 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; zoom: 1; *display: inline; 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: 'acumin-pro', 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: #000000; background: #ffffff !important; padding: 0 !important; overflow-x: hidden; -webkit-text-size-adjust: none; text-rendering: auto; -webkit-backface-visibility:hidden; max-width: 1920px; margin: 0 auto; font-family: 'acumin-pro', 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; z-index: 100; width: 90%; padding: 0; max-width: 1300px; margin: 0 auto;} .inside_small{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 840px; margin: 0 auto;} .inside_max{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1560px; margin: 0 auto;} .inside_middle{position: relative; z-index: 100; width: 90%; padding: 0 5%; max-width: 1340px; margin: 0 auto;} .btn{font-weight: 400; 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .btn.big{padding: 12px 30px; font-size: 14px; font-weight: 600;} .btn.bold{font-weight: 600;} .btn.small{padding: 5px 16px; text-transform: none; font-weight: 600;} .btn.middle{padding: 10px 25px;} .btn.overflow{overflow: visible;} .btn img{display: inline-block; zoom: 1; *display: inline; 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; zoom: 1; *display: inline; vertical-align: middle;} .btn.left{float: left;} .btn.right{float: right;} .btn.cursor{cursor: pointer;} .btn.ultra_min_margin_top{margin-top: 1px;} .btn.ultra_min_margin_bottom{margin-bottom: 1px;} .btn.ultra_min_margin_right{margin-right: -3px;} .btn.ultra_min_margin_left{margin-left: 1px;} .btn.min_margin_top{margin-top: 5px;} .btn.min_margin_bottom{margin-bottom: 5px;} .btn.min_margin_right{margin-right: 5px;} .btn.min_margin_left{margin-left: 5px;} .btn.middle_margin_top{margin-top: 10px;} .btn.middle_margin_bottom{margin-bottom: 10px;} .btn.middle_margin_right{margin-right: 10px;} .btn.middle_margin_left{margin-left: 10px;} .btn.max_margin_top{margin-top: 15px;} .btn.max_margin_bottom{margin-bottom: 15px;} .btn.max_margin_right{margin-right: 15px;} .btn.max_margin_left{margin-left: 15px;} .btn.ultra_margin_top{margin-top: 25px;} .btn.ultra_margin_bottom{margin-bottom: 25px;} .btn.ultra_margin_right{margin-right: 25px;} .btn.ultra_margin_left{margin-left: 25px;} .btn.arrow span::before{ font-weight: 300; font-family: monospace; position: absolute; left: -22px; top: 50%; margin-top: -9px; content: "\2039"; color: #ffffff; line-height: 17px; font-size: 30px; text-align: center; display: block; width: 20px; height: 20px;} .btn i{font-style: normal; font-weight: 400; 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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{-ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); background: rgb(228,37,40); background: -moz-linear-gradient(left, rgba(228,37,40,1) 0%, rgba(135,13,24,1) 100%); background: -webkit-linear-gradient(left, rgba(228,37,40,1) 0%,rgba(135,13,24,1) 100%); background: linear-gradient(to right, rgba(228,37,40,1) 0%,rgba(135,13,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42528', endColorstr='#870d18',GradientType=1 ); -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} .btn.typ_1 span{display: block; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); color: #ffffff;} .notouch .btn.typ_1:hover, .notouch .item.hover_efekt .btn.typ_1, .notouch a.item:hover .btn.typ_1, .item.active .btn.typ_1{background: #a60016;} .btn.typ_2{background: #e72628; border: 1px solid #e72628; color: #ffffff;} .notouch .btn.typ_2:hover, .notouch .item.hover_efekt .btn.typ_2, .notouch a.item:hover .btn.typ_2, .notouch .fileUpload:hover .btn.typ_2{background: #ffffff; border: 1px solid #e72628; color: #e72628;} .btn.typ_3{background: #000000; border: 1px solid #000000; color: #ffffff;} .notouch .btn.typ_3:hover, .notouch .item.hover_efekt .btn.typ_3, .notouch a.item:hover .btn.typ_3, .notouch .fileUpload:hover .btn.typ_3{background: #e72628; border: 1px solid #e72628; color: #ffffff;} .btn.typ_4{background: transparent; border: none; color: #000000; padding-left: 0; padding-right: 0;} .notouch .btn.typ_4:hover, .notouch .item.hover_efekt .btn.typ_4, .notouch a.item:hover .btn.typ_4, .notouch .fileUpload:hover .btn.typ_4{background: #e72628; color: #ffffff; padding-left: 20px; padding-right: 20px;} .btn.typ_5{background: #f1f2f2; border: 1px solid #e0dfdf; color: #373d42;} .notouch .btn.typ_5:hover, .notouch .item.hover_efekt .btn.typ_5, .notouch a.item:hover .btn.typ_5, .notouch .fileUpload:hover .btn.typ_5{background: #373d42; border: 1px solid #373d42; color: #ffffff;} @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; height: 30px;} ul.social li{list-style: none; display: inline-block; zoom: 1; *display: inline; margin: 0 0 0 3px;} ul.social li a{display: block; width: 30px; height: 30px; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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;} .header_height{display: block; height: 120px; position: relative;} header{background: #f5f5f5; max-width: 1920px; margin: 0 auto; z-index: 10000; padding: 0; position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center; box-shadow: 0 0 20px -5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 20px -5px rgba(0,0,0,0.6);} header .logo{z-index: 10; background: #ffffff; display: block; float: left; width: 420px; padding: 35px 0 36px; text-align: center; position: relative;} header .logo::before{position: absolute; right: -10px; top: 0; bottom: 0; background: #fff; -ms-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); content: ""; width: 30px;} header .logo img{width: 222px; height: 49px; display: block; margin: 0 auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } header .box{z-index: 0; background: #f5f5f5; display: block; float: left; width: calc(100% - 420px); padding: 0; text-align: center; position: relative;} header .box .top_line{z-index: 10; height: 50px; position: relative; padding: 0 50px 0 0; text-align: right; background: rgb(231,38,40); background: -moz-linear-gradient(left, rgba(231,38,40,1) 0%, rgba(161,20,28,1) 100%); background: -webkit-linear-gradient(left, rgba(231,38,40,1) 0%,rgba(161,20,28,1) 100%); background: linear-gradient(to right, rgba(231,38,40,1) 0%,rgba(161,20,28,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e72628', endColorstr='#a1141c',GradientType=1 );} header .box .top_line ul{float: left; background: #000000; -ms-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); margin: 0; padding: 0 0 0 18px; width: 220px;} header .box .top_line ul li{display: none; -ms-transform: skewX(10deg); -webkit-transform: skewX(10deg); transform: skewX(10deg); list-style: none;} header .box .top_line ul li.first{display: block;} header .box .top_line ul li *{white-space: nowrap; cursor: pointer; font-size: 13px; line-height: 22px; color: #fff; font-weight: 700; text-align: center; display: block; text-transform: uppercase; padding: 14px 20px 14px 0;;position: relative; -webkit-transition: color 400ms ease; -moz-transition: color 400ms ease; -o-transition: color 400ms ease; -ms-transition: color 400ms ease; transition: color 400ms ease; } header .box .top_line ul li *::before{ font-family: monospace; position: absolute; right: 10px; top: 50%; margin-top: -10px; content: "\2039"; color: #ffffff; line-height: 17px; font-size: 27px; text-align: center; display: block; width: 20px; height: 20px; transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .box .top_line ul li *:hover{color: #e72628;} .notouch header .box .top_line ul li *:hover::before{color: #e72628;} /* header .box .top_line ul li a{border-top: 1px solid #3a3a3a; font-size: 13px; line-height: 18px; color: #fff; font-weight: 600; text-align: center; display: block; text-transform: uppercase; padding: 8px 0; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch header .box .top_line ul li a:hover{color: #e72628;}*/ header .box .top_line p{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 5px; padding: 16px 0 16px 17px; position: relative; font-size: 12px; color: #ffffff; font-weight: 500;} header .box .top_line p::before{position: absolute; left: 0; content: "/"; top: 50%; font-size: 23px; line-height: 26px; color: #fff; margin: -16px 0 0; font-weight: 300;} header .box .top_line p:first-of-type{padding-left: 0; margin-left: 0;} header .box .top_line p:first-of-type::before{display: none;} header .box .top_line p strong{font-size: 11px; color: #ffffff; font-weight: 600; margin: 0 4px 0 0; text-transform: uppercase;} header .box .top_line p a{font-size: 12px; color: #ffffff; text-decoration: underline; font-weight: 500; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch header .box .top_line p a:hover{color: #ffffff; text-decoration: none;} header .box .bottom_line{position: relative; z-index: 0;} header .box .bottom_line p.info{position: absolute; left: 30px; top: 50%; font-size: 16px; font-weight: 400; line-height: 20px; margin: -10px 0 0; text-align: left; color: #000000; z-index: 1000; font-style: italic;} header .box .bottom_line nav{position: relative; z-index: 999; display: block; margin: 0; text-align: right; padding: 0 50px 0 0;} header .box .bottom_line nav ul.menu{margin: 0; padding: 0; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: right;} header .box .bottom_line nav ul.menu li{padding: 19px 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 12px;} header .box .bottom_line nav ul.menu li a{text-transform: uppercase; display: block; line-height: 18px; font-size: 13px; font-weight: 700; padding: 5px 3px; color: #000000; border-bottom: 2px solid transparent; border-top: 2px solid transparent; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .box .bottom_line nav ul.menu li > a:hover, header .bottom_line nav ul.menu li.active > a{border-bottom: 2px solid #e72628;} header .box .bottom_line nav ul.lang{margin: 0 0 0 20px; padding: 0 0 0 20px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: right; position: relative;} header .box .bottom_line nav ul.lang::before{position: absolute; top: 50%; margin: -10px 0 0; height: 20px; background: #e0e0e0; width: 1px; content: ""; left: 0;} header .box .bottom_line nav ul.lang li{padding: 0; position: relative; list-style: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 5px;} header .box .bottom_line nav ul.lang li a{text-transform: uppercase; display: block; line-height: 18px; font-size: 13px; font-weight: 700; padding: 5px 3px; color: #000000; border-bottom: 2px solid transparent; border-top: 2px solid transparent; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch header .box .bottom_line nav ul.lang li > a:hover, header .bottom_line nav ul.lang li.active > a{border-bottom: 2px solid #e72628;} .open_close_navigation{cursor: pointer; text-align: center; display: none; position: relative; left: 0; z-index: 20; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; cursor: pointer; user-select: none;} .open_close_navigation .lines-button:active {transition: 0;} .open_close_navigation .lines {display: inline-block; width: 2rem; height: 3px; background: #000000; transition: 0.3s; position: relative;} .open_close_navigation .lines:before, .open_close_navigation .lines:after {display: inline-block; width: 2rem; height: 3px; background: #000000; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;} .open_close_navigation .lines:before {top: 0.5rem;} .open_close_navigation .lines:after {top: -0.5rem;} .open_close_navigation .lines-button.close {-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);} .open_close_navigation .lines-button.x.close .lines {background: transparent !important;} .open_close_navigation .lines-button.x.close .lines:before, header .open_close_navigation .lines-button.x.close .lines:after {-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; background: #333333;} .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: #d8001b;} .notouch .open_close_navigation:hover .lines-button.x.close .lines:before, .notouch .open_close_navigation:hover .lines-button.x.close .lines:after{background: #d8001b;} .notouch .open_close_navigation:hover .lines:before, .notouch .open_close_navigation:hover .lines:after{background: #d8001b;} .notouch .open_close_navigation:hover .lines{background: #d8001b;} .ipad_menu{display: none; position: fixed; top: -400px; right: 0; left: 0; background: #fff; padding: 76px 0 0; z-index: 9999; -webkit-transition: top 500ms ease; -moz-transition: top 500ms ease; -o-transition: top 500ms ease; -ms-transition: top 500ms ease; transition: top 500ms ease; 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);} .ipad_menu.move{top: 0;} .ipad_menu.active{display: block !important;} .ipad_menu ul{display: block; position: relative; text-align: center; margin: 0; padding: 0; z-index: 9998;} .ipad_menu ul li{position: relative; list-style: none; display: block; margin: 0; border-top: 1px solid #ddd} .ipad_menu ul li:first-child{border-top: none;} .ipad_menu ul li a{z-index: 0; position: relative; font-size: 16px; line-height: 48px; font-weight: 400; padding: 0 15px; display: block; text-transform: uppercase; color: #4d4d4d; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .ipad_menu ul li.lang a{padding: 0; float: left; width: 33.33%;} .ipad_menu ul li.lang a:nth-child(2){border-left: 1px solid #ddd; border-right: 1px solid #ddd; width: calc(33.33% - 2px)} .notouch .ipad_menu ul li a:hover, .ipad_menu ul li.active a{background: #f1f1f1;} .ipad_menu ul ul{display: none;} .ipad_menu ul ul li{border-top: 1px solid #ddd !important} .ipad_menu ul ul li a{background: #f2f2f2; position: relative; font-size: 16px; line-height: 48px; font-weight: 400; padding: 0 15px; display: block; text-transform: none; color: #4d4d4d; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .ipad_menu ul ul li a:hover, .ipad_menu ul ul li.active a{background: #f1f1f1;} .ipad_menu ul li .icon{z-index: 100; display: block; position: absolute; top: 5px; left: 5px; width: 38px; height: 38px; background: rgb(228,37,40); background: -moz-linear-gradient(left, rgba(228,37,40,1) 0%, rgba(135,13,24,1) 100%); background: -webkit-linear-gradient(left, rgba(228,37,40,1) 0%,rgba(135,13,24,1) 100%); background: linear-gradient(to right, rgba(228,37,40,1) 0%,rgba(135,13,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e42528', endColorstr='#870d18',GradientType=1 );} .ipad_menu ul li .icon::before{display: block; width: 38px; height: 38px; content: ""; position: absolute; top: 0; left: 0; background: url(../img/ipad_menu_arrow.png) no-repeat scroll center center;} .notouch .ipad_menu ul li:hover .icon, .ipad_menu ul li.active .icon{background: #a60016;} @media screen and (max-width: 1580px) { header .logo{width: 300px;} header .box{width: calc(100% - 300px);} header .box .top_line ul{width: 200px;} header .box .bottom_line p.info{display: none;} } @media screen and (max-width: 1230px) { header .box .top_line p:nth-child(3){display: none;} } @media screen and (max-width: 1200px) { header .box .bottom_line nav ul.menu li{margin: 0 0 0 5px;} } @media screen and (max-width: 1100px) { .header_height{height: 100px;} header .logo{width: 250px; padding: 30px 0;} header .logo img{width: 180px; height: 40px; } header .box{width: calc(100% - 250px);} header .box .top_line{height: 42px;} header .box .top_line ul{width: 200px;} header .box .top_line ul li a{padding: 10px 20px 10px 0; } /*header .box .top_line ul li a{font-size: 12px; padding: 5px 0;}*/ header .box .top_line p{padding: 12px 0 12px 20px;} header .box .top_line p:nth-child(4){display: none;} header .box .bottom_line nav ul.menu li{padding: 13px 0;} } @media screen and (max-width: 1024px) { .header_height{height: 76px;} header{position: absolute;} header .logo{padding: 18px 0;} header .logo::before{right: -7px;} header .box .top_line{height: 76px;} header .box .top_line{background: none; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: calc(100% - 100px); padding: 0;} header .box .top_line ul{width: calc(100% - 15px); padding: 0 0 0 15px; text-align: left;} header .box .top_line ul li a{padding: 27px 20px 27px 0} /*header .box .top_line ul li a{padding: 8px 0; font-size: 14px;}*/ header .box .top_line p{display: none;} header .box .bottom_line{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 96px;} header .box .bottom_line nav ul.menu, header .box .bottom_line nav ul.lang{display: none;} header .box .bottom_line nav{padding: 0; text-align: center;} .open_close_navigation{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .ipad_menu{display: block;} } @media screen and (max-width: 580px) { .header_height{height: 58px;} header .logo{width: 130px;} header .logo::before{right: -7px; width: 13px;} header .logo img{width: 100px; height: 22px; } header .box{width: calc(100% - 130px);} header .box .top_line{height: 58px; width: calc(100% - 75px)} header .box .top_line ul li a{padding: 18px 36px 18px 0; font-size: 14px;} header .box .top_line ul li a::before{right: 10px;} header .box .bottom_line{width: 70px;} .ipad_menu{padding: 58px 0 0;} } /* .main_top{overflow: hidden; position: relative; height: 0; padding: 0 0 31%; width: 100%; background-color: #f5f5f5; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .video_box{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 10;} .main_top .video_box video{min-width: 101%; min-height: 101%; top: 50%; left: 50%; position: absolute; z-index: 0; -webkit-transform: translateY(-50%) translateX(-50%);-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);} .main_top .main_top_box{position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top.active .main_top_box{opacity: 1;} .main_top .main_top_box .main_slider, .main_top .main_top_box .main_slider .owl-wrapper-outer, .main_top .main_top_box .main_slider .owl-wrapper-outer .owl-wrapper, .main_top .main_top_box .main_slider .owl-wrapper-outer .owl-wrapper .owl-item, .main_top .main_top_box .main_slider .item, .main_top .main_top_box .main_slider .item .box{height: 100%; display: block; width: 100%;} .main_top .main_top_box .main_slider .item{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;} .main_top .main_top_box .main_slider .item .box{display: table; width: 90%; max-width: 1300px; margin: 0 auto; padding: 0; height: 100%; z-index: 10; position: relative;} .main_top .main_top_box .main_slider .item .box .centering{display: table-cell; vertical-align: middle; width: 100%; text-align: center;} .main_top .main_top_box .main_slider .item::before{z-index: 1; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; display: block; background: url(../../img/slider_over2.png) repeat-x scroll center bottom; content: ""; opacity: 0.95} .main_top .main_top_box .main_slider .item .box .centering .title{font-size: 36px; line-height: 42px; color: #fff; font-weight: 600; text-align: center; padding: 0; display: block; margin: 0 auto 16px; max-width: 600px; text-shadow: 2px 3px 3px rgba(0,0,0,0.6)} .main_top .main_top_box .main_slider .item .box .centering .anotation{font-size: 18px; line-height: 24px; color: #fff; font-weight: 400; text-align: center; padding: 0; display: block; margin: 0 auto; max-width: 600px; text-shadow: 2px 3px 3px rgba(0,0,0,0.6)} .main_top .main_top_box .main_slider.owl-carousel .owl-controls{left: 0; right: 0; top: 50%; margin-top: -26px; position: absolute;} .sub .main_top .main_top_box .main_slider.owl-carousel .owl-controls{display: none !important;} .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev{box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.6); width: 50px; height: 50px; background: #fff; border: 1px solid #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; left: 55px; position:absolute; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next{box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.6); width: 50px; height: 50px; background: #fff; border: 1px solid #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; right: 55px; position:absolute; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{opacity: 1; position: absolute; content: ""; width: 50px; height: 50px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after, .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{opacity: 0; position: absolute; content: ""; width: 50px; height: 50px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before{background: url(../img/slider_arrow_prev.svg) no-repeat scroll center center; background-size: 10px 17px;} .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after{background: url(../img/slider_arrow_prev_hover.svg) no-repeat scroll center center; background-size: 10px 17px;} .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{background: url(../img/slider_arrow_next.svg) no-repeat scroll center center; background-size: 10px 17px;} .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{background: url(../img/slider_arrow_next_hover.svg) no-repeat scroll center center; background-size: 10px 17px;} .notouch .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before{opacity: 0;} .notouch .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::after, .notouch .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::after{opacity: 1;} .notouch .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover, .notouch .main_top .main_top_box .main_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover{border: 1px solid #e72628;} @media screen and (max-width: 1024px) { .main_top{display: none;} .main_top .video_box{display: none;} .main_top .main_top_box .main_slider .item .box .centering .title{font-size: 28px; line-height: 34px; margin: 0 auto 10px;} .main_top .main_top_box .main_slider .item .box .centering .anotation{font-size: 16px; line-height: 22px;} .main_top .main_top_box .main_slider .item .box .centering .btn.ultra_margin_top{margin: 15px 0 0} } @media screen and (max-width: 600px) { .main_top{height: 180px; padding: 0;} .main_top .main_top_box .main_slider .item .box .centering .title{font-size: 22px; line-height: 26px; margin: 0 auto 5px;} .main_top .main_top_box .main_slider .item .box .centering .anotation{font-size: 14px; line-height: 20px;} .main_top .main_top_box .main_slider .item .box .centering .btn.ultra_margin_top{margin: 10px 0 0} } */ .main_slider{background: #f1f1f1; display: block; height: 450px; width: 100%; display: block; overflow: hidden;} .video_box{position: relative; background: #f1f1f1; display: block; height: 450px; width: 100%; display: block; overflow: hidden;} .video_box .video{position: absolute; inset: 0;} .main_slider .slider{opacity: 0; width: 100%; height: 450px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_slider .slider .slide{position: relative; width: 100%; height: 450px; display: block; background-attachment: local; background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .sub .main_slider{height: 170px;} .sub .main_slider .slider{height: 170px;} .sub .main_slider .slider .slide{height: 170px;} .main_slider .slider .slide .box{display: table; height: 100%; padding-left: 160px; width: calc(100% - 320px);} .main_slider .slider .slide .box .centering{display: table-cell; vertical-align: middle; width: 100%;} .main_slider .slider .slide .text{max-width: 500px; z-index: 999; display: inline-block; zoom: 1; *display: inline; padding: 0;} .main_slider .slider .slide .text .title{display: block; font-size: 30px; line-height: 36px; color: #000000; font-weight: 700; text-transform: uppercase; text-align: left; padding: 0 0 15px;} .main_slider .slider .slide .text .anotation{display: block; font-size: 15px; line-height: 22px; color: #000000; font-weight: 700; text-align: left;} .main_slider .slider.owl-carousel .owl-controls{left: 0; right: 0; top: 50%; margin-top: -26px; position: absolute;} .sub .main_slider .slider.owl-carousel .owl-controls{display: none !important;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev{box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.6); width: 50px; height: 50px; background: #fff; border: 1px solid #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; left: 55px; position:absolute; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next{box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.6); width: 50px; height: 50px; background: #fff; border: 1px solid #fff; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; right: 55px; position:absolute; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before, .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{opacity: 1; position: absolute; content: ""; width: 50px; height: 50px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after, .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{opacity: 0; position: absolute; content: ""; width: 50px; height: 50px; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before{background: url(../img/slider_arrow_prev.svg) no-repeat scroll center center; background-size: 10px 17px;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev::after{background: url(../img/slider_arrow_prev_hover.svg) no-repeat scroll center center; background-size: 10px 17px;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next::before{background: url(../img/slider_arrow_next.svg) no-repeat scroll center center; background-size: 10px 17px;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next::after{background: url(../img/slider_arrow_next_hover.svg) no-repeat scroll center center; background-size: 10px 17px;} .notouch .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before{opacity: 0;} .notouch .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::after, .notouch .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::after{opacity: 1;} .notouch .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover, .notouch .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover{border: 1px solid #d8001b;} @media screen and (max-width: 1700px) { .main_slider, .main_slider .slider, .main_slider .slider .slide{height: 400px;} } @media screen and (max-width: 1399px) { .main_slider, .main_slider .slider, .main_slider .slider .slide{height: 300px;} } @media screen and (max-width: 1299px) { .main_slider .slider .slide .box{padding-left: 120px; width: calc(100% - 120px)} .main_slider .slider .slide .text{max-width: 440px;} .main_slider .slider .slide .text .title{font-size: 24px; line-height: 28px;} .main_slider .slider .slide .text .anotation{font-weight: 500; font-size: 14px; line-height: 20px;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev{left: 30px;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next{right: 30px;} } @media screen and (max-width: 1024px) { .main_slider .slider .slide{background-size: 1200px auto;} } @media screen and (max-width: 960px) { .main_slider .slider .slide{background-size: 1000px auto;} .main_slider .slider .slide .box{padding-left: 100px; width: calc(100% - 100px)} .main_slider .slider .slide .text{max-width: 380px;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-prev{left: 20px;} .main_slider .slider.owl-carousel .owl-controls .owl-buttons .owl-next{right: 20px;} } @media screen and (max-width: 767px) { .main_slider{display: none;} } .tree_list{background: #f5f5f5; position: relative; z-index: 9998} .tree_list .title{display: block; float: left; margin: 0; padding: 30px 0; background: #000000; width: 180px; text-align: center; position: relative;} .tree_list .title::before{position: absolute; right: -8px; top: 0; bottom: 0; background: #000000; -ms-transform: skewX(-10deg); -webkit-transform: skewX(-10deg); transform: skewX(-10deg); content: ""; width: 18px;} .tree_list .title span{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: left; font-size: 15px; line-height: 20px; color: #fff; font-weight: 700; text-transform: uppercase;} .tree_list ul{display: table; float: left; margin: 0; padding: 21px 0 21px 15px; width: calc(100% - 195px); table-layout: fixed;} .tree_list ul li{display: table-cell; vertical-align: middle; margin: 0; padding: 0; position: relative;} .tree_list ul li::before{width: 1px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; background: #e5e5e5; content: ""; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg);} .tree_list ul li:first-child::before{display: none;} .tree_list ul li a{display: block; text-align: center; font-size: 13px; line-height: 20px; padding: 0; font-weight: 500; color: #000000; text-transform: uppercase; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .tree_list ul li:not(.spec) a::before, .tree_list ul li:not(.spec) > a::before{opacity: 0; position: absolute; left: 0; right: 0; margin: 0 auto; width: 60px; height: 3px; background: #e72628; content: ""; bottom: -6px; -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 .tree_list ul li:not(.spec) a:hover::before, .tree_list ul li.active:not(.spec) > a::before{opacity: 1;} .tree_list ul li a span{display: block; margin: -4px auto 2px; max-width: 40px;} .tree_list ul li a span img{max-width: 100%; display: block; margin: 0 auto;} .tree_list ul li.spec{display: none;} .tree_list ul li.imposhow{display: table-cell;} .tree_list ul li.spec a::before{opacity: 1; width: 32px; height: 8px; background: url(../img/dot.svg) no-repeat scroll center center; background-size: 32px 8px; display: block; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -16px; content: ""; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .tree_list ul li.spec a::after{opacity: 0; width: 32px; height: 8px; background: url(../img/dot_hover.svg) no-repeat scroll center center; background-size: 32px 8px; display: block; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -16px; content: ""; -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 .tree_list ul li.spec a:hover::before, .tree_list ul li.spec.active a::before{opacity: 0;} .notouch .tree_list ul li.spec a:hover::after, .tree_list ul li.spec.active a::after{opacity: 1;} .tree_list ul li.spec ul{-webkit-box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.5); box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.5); position: absolute; right: calc(50% - 38px); top: calc(100% + 51px); min-width: 200px; display: block; visibility: hidden; opacity: 0; padding: 0; width: initial; width: auto; table-layout: initial; table-layout: auto; float: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .tree_list ul li.spec ul.active{visibility: visible; opacity: 1;} .tree_list ul li.spec ul:before { bottom: 100%; right: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #f5f5f5; border-width: 8px;} .tree_list ul li.spec ul li{display: block !important;} .tree_list ul li.spec ul li::before{display: none;} .tree_list ul li.spec ul li a{border-bottom: 1px solid #e5e5e5; background: #f5f5f5; white-space: nowrap; font-size: 13px; line-height: 20px; padding: 10px 30px; text-align: right;} .tree_list ul li.spec ul li:last-of-type a{border-bottom: 0;} .tree_list ul li.spec ul li a::before, .tree_list ul li.spec ul li a::after{display: none;} .notouch .tree_list ul li.spec ul li a:hover, .tree_list ul li.spec ul li.active a{color: #e72628} .tree_list ul li:nth-child(n + 8):not(.spec){display: none;} .tree_list ul li.spec ul li:nth-child(-n + 7):not(.spec){display: none !important;} @media screen and (max-width: 1700px) { .tree_list ul li.spec.show{display: table-cell;} .tree_list ul li:nth-child(n + 7):not(.spec){display: none;} .tree_list ul li.spec ul li:nth-child(-n + 7):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 6):not(.spec){display: none !important;} } @media screen and (max-width: 1550px) { .tree_list ul li.spec{display: table-cell;} .tree_list ul li:nth-child(n + 6):not(.spec){display: none;} .tree_list ul li.spec ul li:nth-child(-n + 7):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 6):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 5):not(.spec){display: none !important;} } @media screen and (max-width: 1300px) { .tree_list ul li:nth-child(n + 5):not(.spec){display: none;} .tree_list ul li.spec ul li:nth-child(-n + 7):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 6):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 5):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 4):not(.spec){display: none !important;} } @media screen and (max-width: 1100px) { .tree_list ul li:nth-child(n + 4):not(.spec){display: none;} .tree_list ul li.spec ul li:nth-child(-n + 7):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 6):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 5):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 4):not(.spec){display: block !important;} .tree_list ul li.spec ul li:nth-child(-n + 3):not(.spec){display: none !important;} } @media screen and (max-width: 900px) { .tree_list{margin: 5% 5% 0; border: 1px solid #e0e0e0;} .tree_list .title{cursor: pointer; display: block; float: none; padding: 25px 30px; background: transparent; width: calc(100% - 60px); text-align: left; font-size: 16px; line-height: 24px; color: #000000; font-weight: 700;} .tree_list .title span{text-align: left; font-size: 16px; line-height: 24px; color: #000000; font-weight: 700;} .tree_list .title span br{display: none;} .tree_list .title::before{display: none;} .tree_list .title::after{ font-family: monospace; position: absolute; right: 20px; top: 50%; margin-top: -10px; content: "\203A"; color: #000000; line-height: 17px; font-size: 30px; text-align: center; display: block; width: 20px; height: 20px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .tree_list .title.active::after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); } .tree_list ul{display: none; float: none; padding: 0; width: 100%; border-top: 1px solid #e0e0e0;} .tree_list ul li{float: left; width: 50%; display: block !important;} .tree_list ul li.spec{display: none !important;} .tree_list ul li::before{display: none;} .tree_list ul li a{margin-bottom: -1px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; text-align: left; font-size: 15px; line-height: 20px; padding: 10px 30px; font-weight: 500; color: #000000; text-transform: uppercase; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .tree_list ul li:nth-child(2n) a{border-right: 0;} .tree_list ul li a span{display: none;} .tree_list ul li:not(.spec) a::before, .tree_list ul li:not(.spec) > a::before{display: none} .notouch .tree_list ul li:not(.spec) a:hover, .tree_list ul li.active:not(.spec) > a{color: #e72628} } @media screen and (max-width: 650px) { .tree_list .title{padding: 12px 30px;} .tree_list ul li{float: none; width: 100%} .tree_list ul li a{border-right: 0;} } #content{background: #fff; padding: 0; position: relative;} #content .container > *:not(.btn){margin: 0 0 50px;} #content .container > div:last-child{margin: 0 0 50px;} #content .container > article:last-child{margin: 0 0 50px;} #content .container > h1{margin: 50px 0 30px !important} #content .container > h1:only-child{margin: 50px 0;} #content #page_hash{padding: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} #content .back_overflow{overflow: hidden; position: absolute; right: 0; top: -50px; width: 156px; text-align: right;} #content .back_overflow .btn{margin-right: -5px;} @media screen and (max-width: 900px) { #content .back_overflow{display: none} } .product_list{padding: 0; display: block; width: 100%; position: relative;} .product_list .item{width: calc(25% - 90px / 4 - 3px - 60px); margin: 0; padding: 30px; display: inline-block ; zoom: 1; *display: inline;; position: relative; box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.4);} .product_list .item:nth-child(4n - 1){margin: 0 30px;} .product_list .item:nth-child(4n - 2){margin: 0 0 0 30px;} .product_list .item .img{display: block; width: 100%; height: 205px; position: relative; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .product_list .item .img img{position: relative; z-index: 10; max-width: 100%; max-height: 100%; display: block; margin: 0 auto;} .product_list .item .img .shop_flag{z-index: 999; position: absolute; right: 0; bottom: 10px; display: block; text-align: left;} .product_list .item .img .shop_flag span{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 25px; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); color: #fff;} .product_list .item .img .shop_flag span span{display: block; padding: 0; color: #fff; font-size: 11px; line-height: 18px; font-style: italic; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); } .product_list .item .img .shop_flag span.red{background: #e72628;} .product_list .item .img .shop_flag span.black{background: #000000;} .product_list .item .img .gift{z-index: 20; width: 40px; height: 40px; display: block; position: absolute; right: 30px; top: 30px; background: url(../img/gift_icon.svg) no-repeat scroll center center #e72628; background-size: 40px 40px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px;} .product_list .item .flag_box{z-index: 999; position: absolute; left: 30px; right: 30px; top: 30px; display: block; text-align: left;} .product_list .item .flag_box span{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0 25px; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); color: #fff;} .product_list .item .flag_box span span{display: block; padding: 0; color: #fff; font-size: 11px; line-height: 18px; font-style: italic; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); } .product_list .item .flag_box span.orange{background: #ff5721;} .product_list .item .flag_box span.brown{background: #795547;} .product_list .item .flag_box span.yellow{background: #ffc108;} .product_list .item .flag_box span.blue{background: #0476bf;} .product_list .item .flag_box span.green{background: #39b54a;} .product_list .item .flag_box span.black{background: #000000;} .product_list .item .flag_box span.red{background: #e72628;} .product_list .item .text{text-align: center; position: relative; display: block; width: 100%;} .product_list .item .text h3{width: 100%; text-align: left; margin: 0 0 12px; padding: 0; display: table; height: 54px; border-bottom: 1px solid #d5d5d5;} .product_list .item .text h3 a{text-transform: none; padding: 0; display: table-cell; vertical-align: top; width: 100%; font-size: 14px; line-height: 18px; color: #000000; text-align: left; font-weight: 500; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .product_list .item.hover_efekt .text h3 a{color: #e72628} .product_list .item .text p.anotation{padding: 0; margin: 0; overflow: hidden; max-height: 51px; height: 51px; display: block; font-size: 13px; line-height: 17px; color: #808080; text-align: left; font-weight: 400;} .product_list .item .text .bottom{height: 53px; text-align: center; padding: 8px 0; margin: 12px 0 0; border-top: 1px solid #d5d5d5; } .product_list .item .text input.count{position: absolute; right: 25%; bottom: 28px; border: 0; visibility: hidden; opacity: 0; width: 0; height: 0; overflow: 0;} .product_list .item .text .bottom .price{padding: 0; width: calc(100% - 110px); display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: left; font-size: 13px; line-height: 20px; color: #666666; font-weight: 400;} .product_list .item .text .bottom .price span:not(.small){display: block; font-size: 13px; line-height: 20px; color: #000; font-weight: 400; text-decoration: line-through} .product_list .item .text .bottom .price strong{font-size: 18px; line-height: 20px; color: #000000; font-weight: 400;} .product_list .item .text .bottom .price span.small{font-size: 13px; line-height: 20px; color: #666666; font-weight: 400;} .product_list .item .text .bottom .delivery{text-align: right; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; margin: 0; width: 105px;} .product_list .item .text .bottom .delivery span.del_flag{padding: 0 10px 0 5px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; color: #fff; font-size: 11px; line-height: 22px; position: relative;} .product_list .item .text .bottom .delivery span.del_flag::before{position: absolute; left: -7px; top: 0; bottom: 0; background: red; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); content: ""; width: 10px;} .product_list .item .text .bottom .delivery span.del_flag.green, .product_list .item .text .bottom .delivery span.del_flag.green::before{background: #39b54a;} .product_list .item .text .bottom .delivery span.del_flag.orange, .product_list .item .text .bottom .delivery span.del_flag.orange::before{background: #ff901e;} .product_list .item .text .bottom .delivery strong{display: block; color: #e72628; font-size: 13px; font-weight: 600; line-height: 20px;} @media screen and (max-width: 1600px) { .product_list .item{width: calc(33.33% - 60px / 3 - 3px - 60px);} .product_list .item:nth-child(4n - 1){margin: 0;} .product_list .item:nth-child(4n - 2){margin: 0;} .product_list .item:nth-child(3n - 1){margin: 0 30px;} .product_list .item:nth-child(4){display: none;} } @media screen and (max-width: 1250px) { .product_list .item{width: calc(50% - 30px / 2 - 3px - 60px);} .product_list .item:nth-child(4n - 1){margin: 0;} .product_list .item:nth-child(4n - 2){margin: 0;} .product_list .item:nth-child(3n - 1){margin: 0 30px;} .product_list .item:nth-child(2n){margin: 0 0 0 30px;} .product_list .item:nth-child(3){display: none;} } @media screen and (max-width: 800px) { .product_list .item{max-width: 400px; display: block; width: calc(100% - 30px); margin: 0 auto 30px !important; padding: 15px;} .product_list .item .text .bottom{padding: 8px 0 0;} .product_list .item .text .bottom .price{font-size: 12px; line-height: 18px;} .product_list .item .text .bottom .price span:not(.small){font-size: 12px; line-height: 18px;} .product_list .item .text .bottom .price strong{font-size: 16px; line-height: 18px;} .product_list .item .text .bottom .price span.small{font-size: 12px; line-height: 18px;} } .welcome_1{background: #ffffff; position: relative; padding: 60px 0; overflow: hidden; z-index: 999;} .welcome_1 .about{text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: calc(50% - 52px); position: relative;} .welcome_1 .about .in{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 100%; max-width: 680px; margin: 0; position: relative; text-align: left;} .welcome_1 .about .number{display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: 130px; font-size: 110px; line-height: 110px; color: #e6e6e6; font-weight: 100;} .welcome_1 .about .text{display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: calc(100% - 135px);} .welcome_1 .about .text .title{font-size: 15px; line-height: 22px; color: #e72628; font-weight: 700; text-align: left; margin: 0 0 20px; text-transform: uppercase; padding: 0;} .welcome_1 .about .text h1{text-align: left; margin: 0; padding: 0 0 15px; text-transform: uppercase; color: #000000; font-size: 18px; line-height: 24px; font-weight: 700;} .welcome_1 .box_list{text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: calc(50% - 52px); margin: 0 0 0 100px; position: relative;} .welcome_1 .box_list .in{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 100%; max-width: 680px; margin: 0; position: relative; text-align: left;} .welcome_1 .box_list .number{display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: 130px; font-size: 110px; line-height: 110px; color: #e6e6e6; font-weight: 100;} .welcome_1 .box_list .text{display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: calc(100% - 135px);} .welcome_1 .box_list .text .title{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(33.33% - 40px / 3 - 2px); font-size: 13px; line-height: 22px; color: #000000; font-weight: 400; text-align: center; margin: 20px 0 0; text-transform: uppercase; padding: 0;} .welcome_1 .box_list .text .title:nth-child(3n - 1){margin: 20px 15px 0;} .welcome_1 .box_list .text .title strong{display: block; font-size: 24px; line-height: 30px; color: #e72628; font-weight: 700; text-align: center; margin: 0; text-align: center;} @media screen and (max-width: 1600px) { .welcome_1 .about, .welcome_1 .box_list{width: calc(50% - 32px)} .welcome_1 .box_list{ margin: 0 0 0 60px;} .welcome_1 .about .number, .welcome_1 .box_list .number{width: 90px; font-size: 80px; line-height: 80px; } .welcome_1 .about .text, .welcome_1 .box_list .text{width: calc(100% - 95px);} } @media screen and (max-width: 1400px) { .welcome_1 .about .number, .welcome_1 .box_list .number{display: none;} .welcome_1 .about .text, .welcome_1 .box_list .text{width: 100%; display: block;} } @media screen and (max-width: 1200px) { .welcome_1 .about, .welcome_1 .box_list{width: 100%} .welcome_1 .box_list{ margin: 30px 0 0;} .welcome_1 .about .text, .welcome_1 .box_list .text{width: 100%; display: block;} .welcome_1 .about .text .title, .welcome_1 .about .text h1, .welcome_1 .about .text article, .welcome_1 .about .text article > *{text-align: center;} .welcome_1 .box_list .text .title strong{font-size: 21px;} } @media screen and (max-width: 580px) { .welcome_1{padding: 30px 0 60px;} .welcome_1 .box_list .text .title{width: calc(50% - 20px / 2 - 2px); margin: 20px 0 0 !important;} .welcome_1 .box_list .text .title:nth-child(2n){margin: 20px 0 0 15px !important;} } .welcome_2{background: #f5f5f5; position: relative; padding: 0; overflow: hidden; z-index: 999;} .welcome_2 .img{display: block; width: 45%; position: absolute; top: 0; bottom: 0; left: 0; height: 100%;} .welcome_2 .img.owl-carousel .owl-wrapper-outer, .welcome_2 .img.owl-carousel .owl-wrapper, .owl-carousel .owl-item{height: 100%;} .welcome_2 .img .item{height: 100%; width: 100%; display: block; 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;} .welcome_2 .text{display: block; width: 45%; margin: 0 0 0 45%; position: relative; padding: 60px 5%; text-align: center;} .welcome_2 .text::before{position: absolute; left: -35px; top: 0; bottom: 0; background: #f5f5f5; -ms-transform: skewX(-6deg); -webkit-transform: skewX(-6deg); transform: skewX(-6deg); content: ""; width: 100px;} .welcome_2 .text .in{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 100%; max-width: 700px; margin: 0; position: relative; text-align: left;} .welcome_2 .text .in h2{font-size: 15px; line-height: 22px; color: #e72628; font-weight: 700; text-align: left; margin: 0 0 20px; text-transform: uppercase; padding: 0;} .welcome_2 .text .in .item{margin: 0 0 50px;} .welcome_2 .text .in .item:last-of-type{margin: 0;} .welcome_2 .text .in .item .text_img{display: none; padding: 0 0 50%; margin: 0 0 15px; 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2 .text .in .item.hover_efekt .text_img, .welcome_2 .text .in .item.active .text_img{ box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.4);} .welcome_2 .text .in .item h3{margin: 0 0 8px; padding: 0;} .welcome_2 .text .in .item h3 a{font-size: 26px; line-height: 32px; color: #000000; font-weight: 700; text-align: left; margin: 0; text-transform: uppercase; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_2 .text .in .item.hover_efekt h3 a, .welcome_2 .text .in .item.active h3 a{color: #e72628;} .welcome_2 .text .in .item .text_box{text-align: left; margin: 0 0 15px; padding: 0;} @media screen and (max-width: 950px) { .welcome_2 .img{display: none !important;} .welcome_2 .text{width: 90%; margin: 0; padding: 60px 5% 30px;} .welcome_2 .text .in{display: block; max-width: 100%; text-align: center;} .welcome_2 .text .in h2{text-align: center;} .welcome_2 .text .in .item{margin: 0 0 50px !important;; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(50% - 15px - 3px)} .welcome_2 .text .in .item:nth-child(2n){margin: 0 0 50px 30px !important;;} .welcome_2 .text .in .item .text_img{display: block;} .notouch .welcome_2 .text .in .item.hover_efekt .text_img, .welcome_2 .text .in .item.active .text_img{ box-shadow: none; -webkit-box-shadow: none;} .welcome_2 .text .in .item h3 a{font-size: 22px; line-height: 28px;} } @media screen and (max-width: 650px) { .welcome_2 .text{padding: 60px 5% 10px;} .welcome_2 .text .in .item{margin: 0 0 50px !important; width: 100%; display: block;} .welcome_2 .text .in .item:nth-child(2n){margin: 0 0 50px 0 !important;;} .welcome_2 .text .in .item h3 a{font-size: 18px; line-height: 24px;} } .welcome_3{background: #ffffff; position: relative; padding: 60px 0; overflow: hidden; z-index: 999;} .welcome_3 h2, .welcome_3 h3{text-align: center; margin: 0; padding: 0 0 30px; text-transform: uppercase; color: #000000; font-size: 18px; line-height: 24px; font-weight: 700;} .welcome_3 .move_section{font-size: 14px; line-height: 18px; color: #000000; font-weight: 400; display: block; position: relative; text-transform: uppercase; margin: 30px 0 0; border-bottom: 2px solid #e72628; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_3 .move_section.right{float: right; padding: 12px 80px 12px 0; } .welcome_3 .move_section.left{float: left; padding: 12px 0 12px 80px; } .welcome_3 .move_section strong{font-size: 14px; line-height: 18px; font-weight: 600;} .welcome_3 .move_section::before{opacity: 1; content: ""; display: block; width: 25px; height: 15px; margin-top: -9px; position: absolute; top: 50%; background: url(../img/move_arrow.svg) no-repeat scroll center center; background-size: 25px 15px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .welcome_3 .move_section::after{opacity: 0; content: ""; display: block; width: 25px; height: 15px; margin-top: -9px; position: absolute; top: 50%; background: url(../img/move_arrow_hover.svg) no-repeat scroll center center; background-size: 25px 15px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .welcome_3 .move_section.right::before{right: 0;} .welcome_3 .move_section.right::after{right: 0;} .welcome_3 .move_section.left::before{left: 0; transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);} .welcome_3 .move_section.left::after{left: 0; transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);} .notouch .welcome_3 .move_section:hover{color: #e72628;} .notouch .welcome_3 .move_section:hover::before{opacity: 0;} .notouch .welcome_3 .move_section:hover::after{opacity: 1;} @media screen and (max-width: 800px) { .welcome_3{text-align: center;} .welcome_3 .move_section.right{float: right; padding: 12px 50px 12px 0; } .welcome_3 .move_section.left{float: left; padding: 12px 0 12px 50px; } } @media screen and (max-width: 650px) { .welcome_3 .move_section.right{font-size: 13px; float: none; display: inline-block; zoom: 1; *display: inline; padding: 12px 40px 12px 0; } .welcome_3 .move_section.left{font-size: 13px; float: none; display: inline-block; zoom: 1; *display: inline; padding: 12px 0 12px 40px; } .welcome_3 .move_section strong{font-size: 13px;} } .welcome_4{background: #f5f5f5; position: relative; padding: 60px 0; overflow: hidden; z-index: 999;} .welcome_4 h2, .welcome_4 h3{text-align: center; margin: 0; padding: 0 0 30px; text-transform: uppercase; color: #000000; font-size: 18px; line-height: 24px; font-weight: 700;} .welcome_4 .move_section{float: right; font-size: 14px; line-height: 18px; color: #000000; font-weight: 400; padding: 12px 80px 12px 0; display: block; position: relative; text-transform: uppercase; margin: 30px 0 0; border-bottom: 2px solid #e72628; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_4 .move_section strong{font-size: 14px; line-height: 18px; font-weight: 600;} .welcome_4 .move_section::before{opacity: 1; content: ""; display: block; width: 25px; height: 15px; margin-top: -9px; position: absolute; top: 50%; right: 0; background: url(../img/move_arrow.svg) no-repeat scroll center center; background-size: 25px 15px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .welcome_4 .move_section::after{opacity: 0; content: ""; display: block; width: 25px; height: 15px; margin-top: -9px; position: absolute; top: 50%; right: 0; background: url(../img/move_arrow_hover.svg) no-repeat scroll center center; background-size: 25px 15px; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; transition: opacity 400ms ease;} .notouch .welcome_4 .move_section:hover{color: #e72628;} .notouch .welcome_4 .move_section:hover::before{opacity: 0;} .notouch .welcome_4 .move_section:hover::after{opacity: 1;} @media screen and (max-width: 800px) { .welcome_4{text-align: center;} .welcome_4 .move_section{font-size: 13px; float: none; display: inline-block; zoom: 1; *display: inline; padding: 12px 40px 12px 0} .welcome_4 .move_section strong{font-size: 13px;} } .welcome_5{background: #fff; position: relative; padding: 60px 0; overflow: hidden; z-index: 999;} /*.sub .welcome_5{background: #f5f5f5;} */ .welcome_5 h2, .welcome_5 h3, .welcome_5 .title{text-align: center; margin: 0; padding: 0 0 10px; text-transform: uppercase; color: #000000; font-size: 18px; line-height: 24px; font-weight: 700;} .welcome_5 .partners_slider{padding: 0 60px; width: calc(100% - 120px); max-width: 1440px; margin: 0 auto; display: block;} .welcome_5 .partners_slider.stop{text-align: center;} .welcome_5 .partners_slider.stop .slide{display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .welcome_5 .partners_slider .item{width: 100%; padding: 0; float: none; display: block; } .welcome_5 .partners_slider .item .box{opacity: 1; display: table; height: 100px; width: 100%; margin: 0 auto; padding: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_5 .partners_slider .item .box .centering{text-align: center; display: table-cell; vertical-align: middle; width: 100%;} /*.sub .welcome_5 .partners_slider .item .box .centering{background: #f5f5f5}*/ .welcome_5 .partners_slider .item img{display: inline-block; max-width: 210px; margin: 0 auto; max-height: 100px; -ms-mix-blend-mode: multiply; -moz-mix-blend-mode: multiply; -webkit-mix-blend-mode: multiply; mix-blend-mode: multiply;} .welcome_5 .partners_slider.owl-carousel .owl-controls { width: 100%; left: 0; right: 0; min-height: 0; z-index: 999; } .welcome_5 .partners_slider.owl-carousel .owl-controls .owl-buttons{ position: absolute; top: 50%; margin-top: -27px; left: 0; right: 0; } .welcome_5 .partners_slider.owl-carousel .owl-controls .owl-buttons .owl-prev { cursor: pointer; position:absolute; width: 50px; height: 50px; left: 5px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_5 .partners_slider.owl-carousel .owl-controls .owl-buttons .owl-next { cursor: pointer; position:absolute; width: 50px; height: 50px; right: 5px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_5 .partners_slider.owl-carousel .owl-controls .owl-buttons .owl-prev::before { position: absolute; left: 0; top: 0; content: "\2039"; color: #CFD1D2; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 50px; height: 50px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .welcome_5 .partners_slider.owl-carousel .owl-controls .owl-buttons .owl-next::before { position: absolute; left: 0; top: 0; content: "\203A"; color: #CFD1D2; line-height: 43px; font-size: 44px; text-align: center; display: block; width: 50px; height: 50px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .welcome_5 .partners_slider.owl-carousel .owl-controls .owl-buttons .owl-prev:hover::before, .notouch .welcome_5 .partners_slider.owl-carousel .owl-controls .owl-buttons .owl-next:hover::before { color: #B3C336;} @media screen and (max-width: 700px) { .welcome_5{display: none;} } footer{padding: 80px 0; 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; position: relative;} footer .item{display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 28%; margin-right: -4px;} footer p{text-transform: uppercase; font-size: 14px; line-height: 24px; color: #797979; font-weight: 400; margin: 0; display: block;} footer p strong{font-size: 15px; line-height: 26px; display: block; color: #000000; font-weight: 700; padding: 20px 0 8px; text-transform: uppercase;} footer ul{margin: 0 0 5px; padding: 0;} footer ul li{display: block; list-style: none;} footer ul li a{font-size: 14px; line-height: 24px; color: #797979; font-weight: 400; margin: 0; display: block; text-transform: uppercase; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch footer ul li a:hover, footer ul li.active a{color: #000; text-decoration: underline;} footer .box{max-width: 650px; width: 44%; display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; z-index: 100;} footer .box table{width: 100%; border-collapse: separate;} footer .box table th{white-space: nowrap; width: 100px; vertical-align: top; font-size: 14px; line-height: 24px; color: #797979; font-weight: 400; text-align: right; padding: 9px 20px 22px 0;} footer .box table td{padding: 0;} footer .box table td input[type=text]{position: relative; margin-bottom: 12px; font-size: 15px; line-height: 22px; color: #000; padding: 9px 15px; border: 1px solid #a2a2a2; background: #ffffff; width: calc(100% - 32px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} footer .box table td textarea{position: relative; resize: none; height: 80px; margin-bottom: 2px; font-size: 14px; line-height: 20px; color: #000; padding: 8px 15px; border: 1px solid #a2a2a2; background: #ffffff; width: calc(100% - 32px); font-weight: 400; position: relative; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} footer .box table td input[type=text]:focus, footer .box table td textarea:focus{border: 1px solid #e72628;} footer p.gdpr, .carrier_popup p.gdpr {font-weight: 400;text-align: right;text-transform: inherit; margin: 0 0 10px;} footer p.gdpr a, .carrier_popup p.gdpr a {color: #000;font-weight: 600;text-decoration: underline;-webkit-transition: all 400ms ease;transition: all 400ms ease;} .notouch footer p.gdpr a:hover, .carrier_popup p.gdpr a:hover {color: #e72628;} .carrier_popup p.gdpr, .carrier_popup p.gdpr a {font-size: 12px;} table tr td.gdpr {font-weight: 400;text-align: right;text-transform: inherit; margin: 0 0 10px;} table tr td.gdpr a {color: #000;font-weight: 600;text-decoration: underline;-webkit-transition: all 400ms ease;transition: all 400ms ease;} table tr td.gdpr a:hover{color: #e72628} @media screen and (max-width: 1300px) { footer{padding: 40px 0;} } @media screen and (max-width: 1024px) { footer .box{display: none;} footer .item{width: 50%;} footer{text-align: center; padding: 40px 0;} } @media screen and (max-width: 767px) { footer{text-align: center;} footer .item{width: 100%; text-align: center;} } .sign{background: #ffffff; padding: 0; text-align: center;} .sign a{padding: 16px 5%; color: #666666; font-weight: 700; font-size: 12px; line-height: 16px; text-align: center; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .sign a:hover{color: #000000;} /************************ MODULY ************************/ .contact_page{padding: 0; width: 100%; position: relative; margin: 0 0 20px !important} .contact_page .item{position: relative; padding: 20px 4%; float: left; width: calc((100% - 4px - 16%) / 3)} .contact_page .item::before{width: 1px; height: 196px; position: absolute; left: 0; top: 0; margin-top: 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: 18px; line-height: 24px; color: #e72628; font-weight: 600; margin: 0; padding: 0 0 10px;} .contact_page .item p{font-size: 14px; line-height: 20px; color: #666666; font-weight: 400; margin: 0 0 20px; padding: 0;} .contact_page .item p strong{display: block; font-size: 14px; line-height: 20px; color: #666666; font-weight: 600;} .contact_page .item p a{font-size: 14px; line-height: 20px; color: #666666; font-weight: 600; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; text-decoration: underline;} .notouch .contact_page .item p a:hover{color: #e72628;} .contact_page .item img{max-width: 100%;} .phone_contact{display: block; width: 100%; padding: 0;} .phone_contact .item{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin-right: -4px; background: #fff; margin-bottom: -1px; border: 1px solid #f2f2f2; padding: 15px 25px; -ms-transform: skewX(-15deg); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); } .phone_contact .item p{font-size: 13px; line-height: 18px; color: #666; font-weight: 400; -ms-transform: skewX(15deg); -webkit-transform: skewX(15deg); transform: skewX(15deg); } .phone_contact .item p strong{font-size: 13px; line-height: 18px; color: #000; font-weight: 700; text-transform: uppercase; display: block;} .phone_contact .item p a{font-size: 13px; line-height: 18px; color: #666; font-weight: 400; text-decoration: underline; display: block; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .phone_contact .item p a:hover{color: #e72628;} #MyGmaps{height: 300px; margin: 0 0 50px !important; background: url(../img/mapa.jpg) no-repeat scroll center center #f0f0f0;} @media screen and (max-width: 1100px) { .contact_page{margin: 0 0 10px !important;} .contact_page .item{width: 50%; text-align: left; padding: 0 0 20px !important; margin: 0 auto;} .contact_page .item::before{display: none;} } @media screen and (max-width: 800px) { .contact_page .item{width: 100%; text-align: center;} } @media screen and (max-width: 700px) { .phone_contact{width: 84%; margin: 0 auto 50px !important;} .phone_contact .item{width: calc(100% - 50px); text-align: center;} } .contact_list{text-align: center; max-width: 1400px; width: 100%; position: relative; margin: 0 auto 50px !important;} .contact_list h2, .contact_list h3{text-align: center; margin: 0; padding: 50px 0 30px; text-transform: uppercase; color: #e72628; font-size: 18px; line-height: 24px; font-weight: 700;} .contact_list .item{padding: 20px; border-right: 1px solid #e6e6e6; position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(33.33% - 43px); margin: 20px 0 0;} .contact_list .item:last-of-type, .contact_list .item:nth-child(3n){border-right: 0 !important;} .contact_list .item:nth-child(-n + 3){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: center;} .contact_list .item.last .box .centering{vertical-align: middle;} .contact_list .item .name{font-size: 18px; line-height: 24px; font-weight: 400; margin: 0; padding: 0;} .contact_list .item .post{font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; padding: 0 0 10px; font-style: italic; color: #aaa} .contact_list .item .anotation{font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; padding: 0; color: #000000;} .contact_list .item .anotation strong{font-size: 14px; line-height: 20px; font-weight: 600; margin: 0; padding: 0; color: #000000;} .contact_list .item .anotation a{font-size: 14px; line-height: 20px; font-weight: 400; margin: 0; padding: 0; color: #000000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .contact_list .item .anotation a:hover{color: #e72628;} @media screen and (max-width: 1024px) { .contact_list .item{width: calc(50% - 43px); border: none !important; margin: 20px 0 0 !important;} .contact_list .item:nth-child(-n + 2){margin-top: 0 !important;} } @media screen and (max-width: 650px) { .contact_list .item{width: calc(100% - 42px); border-right: 0 !important;} } .landing_list{width: 100%; position: relative; padding: 30px 0 0;} .landing_list .item{width: 100%; margin: 0 auto; padding: 0 0 100px;} .landing_list .item:last-of-type{padding: 0;} .landing_list .item .img{position: relative; width: 42%; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0; -webkit-box-shadow: 0 0 60px -10px rgba(0,0,0,0.6); box-shadow: 0 0 60px -10px 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;} .landing_list .item .img img{max-width: 100%; display: block; margin: 0 auto;} .landing_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%;} .landing_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: 600;} .landing_list .item .text .box{display: none;} .landing_list .item .text .text_box{margin: 10px 0 0; color: #4d4d4d; text-align: left; border-left: 2px solid #e72628; padding: 4px 0 4px 15px} .landing_list .item .text img{width: 400px; max-width: 100%; margin: 0 auto; display: none;} .landing_list .item:nth-child(odd) .img:nth-child(3){display: none;} .landing_list .item:nth-child(even) .img:nth-child(1){display: none;} .landing_list .item:nth-child(even) .text{padding: 0 5% 0 0;} @media screen and (max-width: 900px) { .landing_list{background: #ffffff; padding: 60px 0 0;} .landing_list .item{padding: 0; margin: 0 auto 60px;} .landing_list .item .img{display: none;} .landing_list .item .text{text-align: center; width: 100%; display: block; padding: 0 !important;} .landing_list .item .text h2{margin: 0; text-align: center;} .landing_list .item .text img{display: block; margin: 15px auto;} .landing_list .item .text p.anotation{text-align: center;} } .carrier_list { width: 100%; text-align: left; margin: 0;} .carrier_list .item { text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: top; background: #f5f5f5; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .c_column .carrier_list .item { width: calc(33.33% - 40px / 3 - 5px); margin: 20px 0 0;} .c_column .carrier_list .item:nth-child(3n - 1) { margin: 20px 20px 0;} .c_column .carrier_list .item:nth-child(-n + 3) { margin-top: 0;} .carrier_list .item .text{display: table; height: 160px; width: calc(100% - 40px); padding: 0 20px; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .carrier_list .item .text .title { display: table-cell; vertical-align: middle; width: 100%; margin: 0; font-size: 16px; font-weight: 500; line-height: 26px; color: #000000; text-transform: uppercase; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .carrier_list .item:hover { background: #e72628;} .notouch .carrier_list .item:hover .text .title { color: #fff;} .carrier_list .item .text .title .icon{width: 42px; height: 42px; display: block; margin: 0 auto 8px; position: relative;} .carrier_list .item .text .title .icon::before{opacity: 1; content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 42px; display: block; background: url(../img/carrier_icon.svg) no-repeat scroll center center; background-size: 42px 42px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .carrier_list .item .text .title .icon::after{opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 42px; height: 42px; display: block; background: url(../img/carrier_icon_hover.svg) no-repeat scroll center center; background-size: 42px 42px; -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 .carrier_list .item:hover .text .title .icon::before{opacity: 0;} .notouch .carrier_list .item:hover .text .title .icon::after{opacity: 1} @media screen and (max-width: 1400px) { .c_column .carrier_list .item { width: calc(50% - 20px / 2 - 5px); margin: 20px 0 0 !important;} .c_column .carrier_list .item:nth-child(2n) { margin: 20px 0 0 20px !important;} .c_column .carrier_list .item:nth-child(-n + 2) { margin-top: 0 !important;} } @media screen and (max-width: 700px) { .c_column .carrier_list .item { display: block; width: calc(100% - 2px); margin: 20px 0 0 !important;} .c_column .carrier_list .item:nth-child(2n) { margin: 20px 0 0 !important;} .c_column .carrier_list .item:nth-child(-n + 2) { margin-top: 20px !important;} .c_column .carrier_list .item:nth-child(1) { margin-top: 0 !important;} } .news_list{width: 100%; position: relative; margin: 0 auto;} .news_list .item{background: #fff; overflow: hidden; position: relative; text-align: left; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(33.33% - 80px / 3 - 3px); margin: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .news_list .item:nth-child(3n - 1){margin: 0 40px 0;} .news_list .item .img{border: 15px solid #ffffff; display: block; height: 0; padding: 0 0 57%; width: calc(100% - 30px); background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .news_list .item .date{border-top: 2px solid #F5F5F5; display: block; text-align: left; margin: 0; padding: 20px 30px 15px; font-size: 13px; line-height: 20px; color: #e72628; font-weight: 700;} .news_list .item .title{display: block; padding: 0; text-align: left; margin: 0; width: 100%; } .news_list .item .title a{display: block; height: 48px; overflow: hidden; text-align: left; margin: 0; padding: 0 30px; font-size: 16px; line-height: 22px; color: #000000; font-weight: 700; text-transform: none; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .notouch .news_list .item.hover_efekt h3 a{color: #e72628;} .news_list .item .anotation{height: 70px; overflow: hidden; margin: 0; display: block; padding: 0 30px 10px; font-size: 14px; line-height: 20px; font-weight: 400; color: #808080; text-align: left;} .news_list .item .link{text-align: left; display: block; padding: 0 30px 30px;} @media screen and (max-width: 1250px) { .news_list .item{width: calc(50% - 20px / 2 - 3px); margin: 0 0 20px;} .news_list .item:nth-child(2n){margin: 0 0 20px 20px;} .news_list .item:nth-child(3){display: none;} .news_list .item .title{height: 44px;} .news_list .item .title a{font-size: 16px; line-height: 22px;} } @media screen and (max-width: 800px) { .news_list .item{max-width: 460px; display: block; width: 100%; margin: 0 auto 30px !important;} .news_list .item:nth-child(1){margin-bottom: 30px !important;} .news_list .item .anotation{height: 50px;} .news_list .item .link{padding: 20px 30px 30px;} } .sub_news_list{width: 100%; position: relative; margin: 0 auto;} .sub_news_list .item{border: 1px solid #f5f5f5; background: #fff; overflow: hidden; position: relative; text-align: left; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: calc(50% - 40px / 2 - 5px); margin: 0 0 20px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .sub_news_list .item:nth-child(2n){margin: 0 0 20px 20px;} .sub_news_list .item .img{border: 15px solid #ffffff; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0; height: 200px; width: 160px; background-attachment: local; position: relative; background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .sub_news_list .item .text{display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 0; width: calc(100% - 225px); padding-right: 30px;} .sub_news_list .item h3{display: block; padding: 0; text-align: left; margin: 0; width: 100%; } .sub_news_list .item h3 a{display: block; max-height: 48px; overflow: hidden; text-align: left; margin: 0; padding: 0; font-size: 16px; line-height: 24px; color: #000000; font-weight: 700; text-transform: none; -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 .sub_news_list .item.hover_efekt h3 a{color: #e72628;} .sub_news_list .item .date{display: block; text-align: left; margin: 0; padding: 5px 0 10px 0; font-size: 13px; line-height: 20px; color: #e72628; font-weight: 700;} .sub_news_list .item .anotation{max-height: 60px; overflow: hidden; margin: 0 0 15px; display: block; padding: 0 0 0 0; font-size: 14px; line-height: 20px; font-weight: 400; color: #808080; text-align: left;} @media screen and (max-width: 1200px) { .sub_news_list .item .img{display: none;} .sub_news_list .item .text{display: block; width: calc(100% - 60px); padding: 30px;} } @media screen and (max-width: 1000px) { .sub_news_list .item{display: block; width: calc(100% - 2px); margin: 0 0 20px !important;} } .file_list{max-width: 1100px; width: 100%; position: relative; margin: 0 auto;} .detail .file_list{margin: 20px auto 0;} .file_list.padding{margin: 0 0 20px !important} .file_list h3{margin-bottom: 10px;} .file_list .item{position: relative; width: calc(25% - 30px / 4 - 2px); padding: 0 0 30%; border: 0; border: 1px solid #000; display: block; float: left; margin: 0 0 10px 0;} .file_list .item:nth-child(4n - 1){margin: 0 10px 10px 0;} .file_list .item:nth-child(4n - 2){margin: 0 10px 10px;} .file_list .item span.img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; 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;} .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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .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 #e6e7e8; background: #f1f2f2; margin: 0 10px 10px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a{text-decoration: none; font-size: 13px; color: #58595b; font-weight: 400; line-height: 18px; padding: 8px 20px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .file_list .clas_item a span{font-size: 13px; color: #58595b; font-weight: 600; line-height: 18px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .notouch .file_list .clas_item:hover{border: 1px solid #e72628; background: #e72628;} .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: 1100px) { .file_list .item{width: calc(33.33% - 20px / 3 - 2px); padding: 0 0 40.5%; margin: 0 0 10px 0 !important;} .file_list .item:nth-child(3n - 1){margin: 0 10px 10px !important;} } @media screen and (max-width: 700px) { .file_list .item{width: calc(50% - 10px / 2 - 2px); padding: 0 0 63.5%; margin: 0 0 10px 0 !important;} .file_list .item:nth-child(3n - 1){margin: 0 0 10px !important;} .file_list .item:nth-child(2n){margin: 0 0 10px 10px !important;} .file_list .item span.title{padding: 8px 12px; font-size: 12px; line-height: 16px;} } .fotogalerie{width: 100%; position: relative; margin: 0 auto;} .fotogalerie a.swipebox{width: calc(16.66% - 50px / 6 - 3px); margin: 10px 0 0 10px; display: inline-block; vertical-align: top; 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;} .fotogalerie a.swipebox .img{width: 100%; display: block; padding: 0 0 100%; 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-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 .img:not(.cover){-webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;} .fotogalerie a.swipebox:nth-child(1){margin-left: 0 !important;} .fotogalerie a.swipebox:nth-child(6n + 1){margin-left: 0;} .fotogalerie a.swipebox .img::before{opacity: 0; content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../img/fotogallery_icon.svg) no-repeat scroll center center rgba(0, 0, 0, 0.8); background-size: 55px auto; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .fotogalerie a.swipebox img{max-width: 100%; display: block;} .notouch .fotogalerie a:hover .img::before{opacity: 1;} .fotogalerie a.swipebox.has_text .text{display: block; position: relative; padding: 10px 0; text-align: center; font-size: 14px; line-height: 18px; color: #000000;} .fotogalerie.row_one a.swipebox{padding: 0 0 25%; width: 100%; height: 0; margin: 0;} .fotogalerie.row_two a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2 - 3px); height: 0; margin: 0;} .fotogalerie.row_two a.swipebox:nth-child(2){margin: 0 0 0 10px;} .fotogalerie.row_three a.swipebox{padding: 0 0 17%; width: calc(33.33% - 20px / 3 - 3px); height: 0; margin: 0;} .fotogalerie.row_three a.swipebox:nth-child(2), .fotogalerie.row_three a.swipebox:nth-child(3){margin: 0 0 0 10px;} .fotogalerie.row_four a.swipebox{padding: 0 0 15%; width: calc(25% - 30px / 4 - 3px); height: 0; margin: 0;} .fotogalerie.row_four a.swipebox:nth-child(2), .fotogalerie.row_four a.swipebox:nth-child(3), .fotogalerie.row_four a.swipebox:nth-child(4){margin: 0 0 0 10px;} .fotogalerie.row_five a.swipebox{padding: 0 0 13%; width: calc(20% - 40px / 5 - 3px); height: 0; margin: 0;} .fotogalerie.row_five a.swipebox:nth-child(2), .fotogalerie.row_five a.swipebox:nth-child(3), .fotogalerie.row_five a.swipebox:nth-child(4), .fotogalerie.row_five a.swipebox:nth-child(5){margin: 0 0 0 10px;} @media screen and (max-width: 1200px) { .fotogalerie.row_five a.swipebox{padding: 0 0 13%; width: calc(25% - 30px / 4 - 3px);} .fotogalerie.row_five a.swipebox:nth-child(5){margin: 10px 0 0 0;} } @media screen and (max-width: 1024px) { .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox{width: calc(25% - 30px / 4 - 3px); margin: 10px 0 0 10px !important} .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox:nth-child(4n + 1){margin-left: 0 !important;} .fotogalerie.row_four a.swipebox{padding: 0 0 23%; width: calc(50% - 20px / 3 - 3px);} .fotogalerie.row_four a.swipebox:nth-child(3){margin: 10px 0 0 0 ;} .fotogalerie.row_four a.swipebox:nth-child(4){margin: 10px 0 0 10px;} } @media screen and (max-width: 900px) { .fotogalerie.row_three a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2 - 3px);} .fotogalerie.row_three a.swipebox:nth-child(3){margin: 10px 0 0 0;} .fotogalerie.row_five a.swipebox{padding: 0 0 16%; width: calc(33.33% - 20px / 3 - 3px);} .fotogalerie.row_five a.swipebox:nth-child(4){margin: 10px 10px 0 0;} } @media screen and (max-width: 800px) { .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox{width: calc(50% - 10px / 2 - 3px); margin: 10px 0 0 10px !important} .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox:nth-child(2n){margin-left: 10px !important;} .fotogalerie:not(.row_one):not(.row_two):not(.row_three):not(.row_four):not(.row_five) a.swipebox:nth-child(2n + 1){margin-left: 0 !important;} } @media screen and (max-width: 600px) { .fotogalerie.row_one a.swipebox{padding: 0 0 33%;} .fotogalerie.row_five a.swipebox{padding: 0 0 23%; width: calc(50% - 10px / 2 - 3px);} .fotogalerie.row_five a.swipebox:nth-child(3){margin: 10px 10px 0 0;} .fotogalerie.row_five a.swipebox:nth-child(4){margin: 10px 0 0 0;} } .finall_order{text-align: left;} .finall_order p{font-size: 14px; line-height: 18px; margin: 0 0 20px;} .finall_order p strong{font-size: 14px; line-height: 18px; font-weight: 700;} .finall_order p a{text-decoration: underline; font-size: 14px; line-height: 18px; color: #000000; font-weight: 700; -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 .finall_order p a:hover{color: #b3c336} .finall_order.center{text-align: center;} .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;} .normal_form{text-align: center; position: relative; margin: -30px auto 20px; text-align: center; left: 0; bottom: 0;} .normal_form form{padding: 18px 25px; border: 1px solid #e0dfdf; display: block; max-width: 700px } .normal_form form .title{font-size: 15px; line-height: 22px; color: #000000; font-weight: 700; text-align: left; margin: 0 0 20px; text-transform: uppercase; padding: 0; letter-spacing: 1px;} .normal_form form table{width: 100%; border-collapse: collapse; border-spacing: 0;} .normal_form form table th{ position: relative; white-space: nowrap; vertical-align: middle; width: 50px; font-size: 13px; line-height: 18px; color: #000000; font-weight: 400; text-align: right; padding: 0 12px 8px 0; margin: 0;} .normal_form form table th strong{font-size: 13px; line-height: 18px; color: #000000; font-weight: 700;} .normal_form form table th:nth-child(3){padding: 0 12px 8px 20px;} .normal_form form table td{padding: 0 0 8px;} .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: 13px; line-height: 20px; padding: 5px 15px; color: #000; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .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{border: 1px solid #666;} .normal_form form p.gdpr {font-weight: 400;text-align: right;text-transform: inherit; margin: 0 0 10px;} .normal_form form p.gdpr a {color: #000;font-weight: 600;text-decoration: underline;-webkit-transition: all 400ms ease;transition: all 400ms ease;} .notouch .normal_form form p.gdpr a:hover {color: #e72628;} @media screen and (max-width: 768px) { .normal_form{margin: 0 0 30px;} .normal_form form{display: block; width: calc(100% - 52px)} .normal_form form table, .normal_form form tbody, .normal_form form table tr, .normal_form form table th, .normal_form form table td{display: block; width: 100%; text-align: center; clear: both;} .normal_form form table th{text-align: center; padding: 0 0 5px;} .normal_form form table td input[type=text], .normal_form form table td input[type=password]{text-align: center;} } .catalog_form{text-align: center; position: relative; margin: -30px auto 20px; text-align: center; left: 0; bottom: 0;} .catalog_form form{padding: 18px 25px; border: 1px solid #e0dfdf; display: block; max-width: 700px } .catalog_form form .title{font-size: 15px; line-height: 22px; color: #000000; font-weight: 700; text-align: left; margin: 0 0 20px; text-transform: uppercase; padding: 0; letter-spacing: 1px;} .catalog_form form table{ width: 100%; border-collapse: collapse; border-spacing: 0;} .catalog_form form table th{ vertical-align: top;position: relative; white-space: nowrap; width: 50px; font-size: 13px; line-height: 17px; color: #000000; font-weight: 600; text-align: right; padding: 7px 20px 0 0; margin: 0;} .catalog_form form table th:nth-child(3){ padding: 7px 20px 0 30px;} .catalog_form form table td{text-align: left; padding: 0;} .catalog_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: 13px; line-height: 20px; padding: 5px 15px; color: #000; margin: 0 0 10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .catalog_form form table td input[readonly]{border: 1px solid #e6e7e8 !important; background: #f2f2f2;} .catalog_form form table td input[type=text]:focus, .catalog_form form table td input[type=password]:focus{border: 1px solid #666;} .catalog_form form table td label{white-space: nowrap; cursor: pointer; border: 1px solid #e5e5e5; padding: 6px 15px 6px 6px; background: #ffffff; display: inline-block; vertical-align: top; margin: 0 1px 4px 0;} .catalog_form form table td label.active{background: #f9f9f9;} .catalog_form form table td label .text{white-space: normal; max-width: calc(100% - 25px); display: inline-block; vertical-align: top; font-size: 13px; line-height: 21px; font-weight: 600; text-align: left; padding: 0 0 0 4px;} .catalog_form form 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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} @media screen and (max-width: 768px) { .catalog_form{margin: 0 0 30px;} .catalog_form form{display: block; width: calc(100% - 52px)} .catalog_form form .title{text-align: center;} .catalog_form form table, .catalog_form form tbody, .catalog_form form table tr, .catalog_form form table th, .catalog_form form table td{display: block; width: 100%; text-align: center; clear: both;} .catalog_form form table th{text-align: center; padding: 0 0 5px;} .catalog_form form table td input[type=text], .catalog_form form table td input[type=password]{text-align: center;} .catalog_form form table td .btn{float: none;} } a.scroll_top{z-index: 9000; opacity: 0; position: fixed; right: 30px; bottom: -60px; width: 48px; height: 48px; background: #f9f9f9; border: 1px solid #e0dfdf; background-size: 19px auto; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } a.scroll_top.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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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: #e72628; border: 1px solid #e72628;} a.scroll_top.active{opacity: 1; bottom: 30px;} /*COOKIES*/ .cc_banner-wrapper{z-index:99999;position:relative;min-height:0}.cc_container .cc_message{padding:0}.cc_container .cc_message a{-webkit-transition:all 400ms ease;transition:all 400ms ease}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container .cc_btn{display:block;margin-left:10px;float:right}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;background:#fff;box-sizing:border-box;border:1px solid #ccc;padding:10px;color:#000}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.cc_container,.cc_message,.cc_btn{animation-duration:.8s;-webkit-animation-duration:.8s;-webkit-animation-name:slideUp;animation-name:slideUp} .cc_container .cc_message{margin: 8px 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: #53ac36} @media screen and (max-width: 900px) { .cc_container .cc_message{max-width: 800px; margin: 1px 0;} } @media screen and (max-width: 550px) { .cc_container .cc_btn{margin: 0 10px 0 0; padding-left: 0; padding-right: 0; width: 84px; float: none; display: inline-block; vertical-align: middle;} .cc_container .cc_message{float: none; display: inline-block; vertical-align: middle; width: calc(100% - 100px)} } .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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease;} .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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup::before{position: absolute; top: 0; left: 0; right: 0; bottom: -100px; display: block; content: ""; background: rgba(0,0,0,0.6); z-index: 0; } .control_popup .box{position: relative; display: table-cell; vertical-align: middle; z-index: 10;} .control_popup .boxes{min-width: 200px; text-align: center; position: relative; width: calc(100% - 110px); max-width: 350px; padding: 40px 50px; left: 0 !important; display: inline-block; zoom: 1; *display: inline; background: #fff; -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .control_popup .box span.warning{z-index: 900; position: relative; text-transform: uppercase; display: block; margin: 0 0 15px; text-align: center; font-size: 21px; line-height: 26px; font-weight: 600; color: #000;} .control_popup .box .text{z-index: 100; position: relative; color: #000000; font-size: 14px; line-height: 16px; font-weight: 400; margin: 10px 0; text-align: center;} .control_popup .box .text p{margin: 5px 0; line-height: 16px;} .control_popup .box .text strong{color: #000000; font-size: 14px; line-height: 18px; font-weight: 700; margin: 0; text-align: center;} .control_popup .box .btn{z-index: 100; position: relative;} @media screen and (max-width: 768px) { .control_popup .boxes{padding: 25px 40px;} .control_popup .box span.warning{font-size: 16px; line-height: 20px;} .control_popup .box .text, .control_popup .box .text p, .control_popup .box .text p strong{font-size: 12px; line-height: 16px;} } @media screen and (max-width: 768px) { #tracy-debug{display: none !important} } .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 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .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; zoom: 1; *display: inline; background: #fff; max-height: calc(100vh - 130px); -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; -ms-transition: all 250ms ease-out; transition: all 250ms ease-out;} .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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-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; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-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: 3px; 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);} .carrier_popup .box .gdpr_text { display: block; margin: 0; padding: 0 0 8px; font-size: 14px; line-height: 20px; color: #3c3c3b; font-weight: 400;} .carrier_popup .box .gdpr_text .checker { display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 5px 0 0;} .carrier_popup .box .gdpr_text strong { color: #3c3c3b; font-size: 14px; line-height: 20px;} @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;} } /*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} /*SWIPEBOX*/ /*.swipebox{overflow:hidden!important}*/ 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{background: #fff; display:inline-block;max-height:90%;max-width:90%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-tom:0;top:0;height:100%}#swipebox-action.force-visible-bars{bottom:0!important}#swipebox-caption{top:0;text-align:center;color:#fff!important;font-size:12px;line-height:16px;display:block!important;height:initial;height:auto;background:#8b8b8b;font-weight:400;max-width:1280px;width:90%;margin:0 auto;padding:17px 5%;left:0;right:0}#swipebox-caption.force-visible-bars{top:0!important}#swipebox-action #swipebox-close,#swipebox-action #swipebox-next,#swipebox-action #swipebox-prev{background-image:url(../swipebox/icons.png);background-repeat:no-repeat;border:none!important;text-decoration:none!important;cursor:pointer;position:absolute;width:50px;height:50px;top:50%;margin-top:-25px}#swipebox-action #swipebox-close{background-position:18px center;right:0;top:0;margin:0}#swipebox-action #swipebox-prev{background-position:-23px center;left:0}#swipebox-action #swipebox-next{background-position:-61px center;right:0}#swipebox-action #swipebox-next.disabled,#swipebox-action #swipebox-prev.disabled{filter:alpha(Opacity=30);opacity:.3}#swipebox-slider.rightSpring{-moz-animation:rightSpring .3s;-webkit-animation:rightSpring .3s}#swipebox-slider.leftSpring{-moz-animation:leftSpring .3s;-webkit-animation:leftSpring .3s}@-moz-keyframes rightSpring{0%,100%{margin-left:0}50%{margin-left:-30px}}@-moz-keyframes leftSpring{0%,100%{margin-left:0}50%{margin-left:30px}}@-webkit-keyframes rightSpring{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes leftSpring{0%,100%{margin-left:0}50%{margin-left:30px}}#swipebox-overlay{background:rgba(0,0,0,.75)}#swipebox-action{-webkit-box-shadow:0 -1px -1px 1px #212121,inset 0 -1px -1px 1px #000;-moz-box-shadow:0 -1px -1px 1px #212121,inset 0 -1px -1px 1px #000;box-shadow:0 -1px -1px 1px #212121,inset 0 -1px -1px 1px #000}#swipebox-caption:empty{display:none!important} /*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;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-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;-moz-border-radius:20px;border-radius:20px;background:#869791;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;-ms-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;-moz-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)}} /*HISTORIE*/ #cd-timeline{position:relative;padding:2em 0;max-width:1200px;width:100%;margin:2em auto!important}#cd-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:2px;background:#f5f5f5}.cd-timeline-block:after,.cd-timeline-content:after{content:"";clear:both}@media only screen and (max-width:1170px){.cd-timeline-block:nth-child(even) .cd-timeline-content .btn{margin-top:0}.cd-timeline-content::before{border:13px solid transparent!important;border-right:13px solid #f5f5f5!important}}@media only screen and (min-width:1170px){#cd-timeline{margin-top:3em;margin-bottom:3em}#cd-timeline::before{left:50%;margin-left:-1px}.cd-timeline-block:nth-child(even) .cd-timeline-content .btn{float:right}}.cd-timeline-block{position:relative;margin:2em 0}.cd-timeline-block:after{display:table}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.cd-timeline-block{margin:4em 0}.cd-timeline-block:first-child{margin-top:0}.cd-timeline-block:last-child{margin-bottom:0}}.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.cd-timeline-img img{display:block;width:100%;height:100%;position:relative;left:50%;top:50%;margin-left:-50%;margin-top:-50%}@media only screen and (min-width:1170px){.cd-timeline-img{width:60px;height:60px;left:50%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.cd-timeline-img.is-hidden{visibility:hidden}.cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}.cd-timeline-content .cd-date{padding:.8em 0}}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}100%{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.cd-timeline-content{position:relative;margin-left:60px;background:#f5f5f5;padding:1em}.cd-timeline-content p,.cd-timeline-content p strong{padding:0;margin:0;font-size:14px;line-height:20px;color:#000}.cd-timeline-content:after{display:table}.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{display:inline-block}.cd-timeline-content p{font-weight:400}.cd-timeline-content p strong{font-weight:600;display:block}.cd-timeline-content p strong.margin{padding:8px 0 0}.cd-timeline-content .cd-read-more{float:right;padding:.8em 1em;background:#acb7c0;color:#fff;border-radius:.25em}.no-touch .cd-timeline-content .cd-read-more:hover{background-color:#bac4cb}.cd-timeline-content .cd-date{float:left;padding:.8em 0 0;font-weight:700}.cd-timeline-content::before{content:'';position:absolute;top:6px;right:100%;height:0;width:0;border:15px solid transparent;border-right:15px solid #f5f5f5}@media only screen and (min-width:1170px){.cd-timeline-content{margin-left:0;padding:1.6em;width:41%}.cd-timeline-content::before{top:16px;left:100%;border-color:transparent transparent transparent #f5f5f5}.cd-timeline-content .cd-read-more{float:left}.cd-timeline-block:nth-child(even) .cd-timeline-content,.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}.cd-timeline-content .cd-date{position:absolute;width:100%;left:121%;top:0;font-size:18px}.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:16px;left:auto;right:100%;border-color:transparent #f5f5f5 transparent transparent}.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:121%;text-align:right}.cd-timeline-content.is-hidden{visibility:hidden}.cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}.cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translateX(20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}100%{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translateX(-20px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}