html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight: 500;}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background: #fff;font-family: "PTRoot";font-size: 16px;color: #2D2D2D;font-weight: 300;line-height: 1.3;}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color: #2D2D2D;text-decoration:none;}a:hover,a:focus{color: #337ab7;text-decoration:underline;}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}} @media (min-width:1200px){.container{width:1170px}.mb-20-lg {margin-bottom: 20px;}}.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{margin-right:-15px;margin-left:-15px}.row-no-gutters{margin-right:0;margin-left:0}.row-no-gutters [class*="col-"]{padding-right:0;padding-left:0}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.breadcrumb{padding: 8px 0px;list-style:none;border-radius:4px;font-size: 14px;}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding: 0 0px;color:#ccc;content:"/\00a0";}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:" "}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position: fixed!important;}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; } #tabs_cats .text-block .header { font-size: 24px; } :focus { outline: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } section.cats-tabs { padding-bottom: 40px; } body {font-size: 16px;} ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; } input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } textarea { overflow: auto; vertical-align: top; resize: vertical; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } table { border-collapse: collapse; border-spacing: 0; } table tr { border-bottom: 1px solid rgba(68, 75, 84, 0.1); text-align: left; } table tr:first-child th,table tr:first-child td { padding-top: 0; } table tr th { font-weight: 300; padding: 10px 0px; } table tr td { padding: 10px 0px; padding-left: 45px; } html, button, input, select, textarea { color: #222; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .jq-checkbox { top: -1px; vertical-align: middle; width: 16px; height: 16px; margin: 0 4px 0 0; border: 1px solid #C3C3C3; border-radius: 3px; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF; cursor: pointer; } .jq-checkbox.checked .jq-checkbox__div { width: 12px; height: 12px; margin: 2px 0 0 2px; border-radius: 2px; background: #666; box-shadow: inset 0 -3px 6px #AAA; } .jq-checkbox.focused { border: 1px solid #08C; } .jq-checkbox.disabled { opacity: .55; } .jq-radio { top: -1px; vertical-align: middle; width: 16px; height: 16px; margin: 0 4px 0 0; border: 1px solid #C3C3C3; border-radius: 50%; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 1px rgba(0,0,0,.05), inset -1px -1px #FFF, inset 1px -1px #FFF; cursor: pointer; } .jq-radio.checked .jq-radio__div { width: 10px; height: 10px; margin: 3px 0 0 3px; border-radius: 50%; background: #777; box-shadow: inset 1px 1px 1px rgba(0,0,0,.7); } .jq-radio.focused { border: 1px solid #08C; } .jq-radio.disabled { opacity: .55; } #header .jq-selectbox__dropdown { top: 0!important; left: calc(100% + 5px); box-sizing: border-box; width: 100%; margin: 0px 0 0; border: none; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); font-size: 14px; padding: 5px; } .jq-file { width: 270px; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.1); } .jq-file input { height: auto; line-height: 1em; cursor: pointer; } .jq-file__name { overflow: hidden; box-sizing: border-box; width: 100%; height: 34px; padding: 0 80px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1; font: 14px/32px Arial, sans-serif; color: #333; white-space: nowrap; text-overflow: ellipsis; } .jq-file__browse { position: absolute; top: 1px; right: 1px; padding: 0 10px; border-left: 1px solid #CCC; border-radius: 0 4px 4px 0; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/32px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; } .jq-file:hover .jq-file__browse { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6, #E6E6E6); background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-file:active .jq-file__browse { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-file.focused .jq-file__name { border: 1px solid #5794BF; } .jq-file.disabled, .jq-file.disabled .jq-file__name, .jq-file.disabled .jq-file__browse { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number { position: relative; display: inline-block; vertical-align: middle; padding: 0 36px 0 0; } .jq-number__field { width: 100px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); } .jq-number__field:hover { border-color: #B3B3B3; } .jq-number__field input { box-sizing: border-box; width: 100%; padding: 8px 9px; border: none; outline: none; background: none; font: 14px Arial, sans-serif; color: #333; text-align: left; -moz-appearance: textfield; } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .jq-number__spin { position: absolute; top: 0; right: 0; width: 32px; height: 14px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: 1px 1px #FFF; cursor: pointer; } .jq-number__spin.minus { top: auto; bottom: 0; } .jq-number__spin:hover { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6, #E6E6E6); background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-number__spin:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-number__spin:after { content: ''; position: absolute; top: 4px; left: 11px; width: 0; height: 0; border-right: 5px solid transparent; border-bottom: 5px solid #999; border-left: 5px solid transparent; } .jq-number__spin.minus:after { top: 5px; border-top: 5px solid #999; border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } .jq-number__spin.minus:hover:after { border-top-color: #000; } .jq-number__spin.plus:hover:after { border-bottom-color: #000; } .jq-number.focused .jq-number__field { border: 1px solid #5794BF; } .jq-number.disabled .jq-number__field, .jq-number.disabled .jq-number__spin { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-number.disabled .jq-number__spin:after { border-bottom-color: #AAA; } .jq-number.disabled .jq-number__spin.minus:after { border-top-color: #AAA; } .jq-selectbox { vertical-align: middle; cursor: pointer; } .jq-selectbox__select { height: 32px; padding: 0 45px 0 10px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); } #header .jq-selectbox__select { height: 30px; background: white; box-shadow: none; border: none; border-radius: 30px; font-size: 14px; line-height: 30px; letter-spacing: 0; padding-left: 12px; } .jq-selectbox__select:hover { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6, #E6E6E6); background: linear-gradient(#F6F6F6, #E6E6E6); } .jq-selectbox__select:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } .jq-selectbox.focused .jq-selectbox__select { } .jq-selectbox.disabled .jq-selectbox__select { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-selectbox__select-text { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; } .search-form .jq-selectbox__select-text { line-height: 60px; padding-left: 55px; background-size: 40px; background-position: left center; background-repeat: no-repeat; } .search-form .mark .jq-selectbox__select-text { padding-left: 10px; } .search-form .jq-selectbox__trigger-arrow { border: none; width: 9px; height: 5px; background: url(../svg/down.svg) center center no-repeat; top: calc(100%/2 - 2px); transition: all 0.3s ease-in-out; } .search-form .jq-selectbox__trigger { border: none; } .jq-selectbox .placeholder { color: #888; } .jq-selectbox__trigger { position: absolute; top: 0; right: 0; width: 34px; height: 100%; border-left: 1px solid #CCC; } #header .jq-selectbox__trigger { border: none; } .jq-selectbox__trigger-arrow { position: absolute; top: 14px; right: 12px; width: 0; height: 0; border-top: 5px solid #999; border-right: 5px solid transparent; border-left: 5px solid transparent; } #header .jq-selectbox__trigger-arrow { border: none; width: 9px; height: 5px; background: url(../svg/down.svg) center center no-repeat; transition: all 0.3s ease-in-out; } .jq-selectbox:hover .jq-selectbox__trigger-arrow { border-top-color: #000; } .jq-selectbox.disabled .jq-selectbox__trigger-arrow { border-top-color: #AAA; } .jq-selectbox__dropdown { box-sizing: border-box; width: 100%; margin: 2px 0 0; padding: 0; border: 1px solid #CCC; border-radius: 4px; background: #FFF; box-shadow: 0 2px 10px rgba(0,0,0,.2); } .jq-selectbox__search { margin: 5px; } .jq-selectbox__search input { box-sizing: border-box; width: 100%; margin: 0; padding: 5px 27px 6px 8px; border: 1px solid #CCC; border-radius: 3px; outline: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%; box-shadow: inset 1px 1px #F1F1F1; color: #333; -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__not-found { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; font-size: 13px; } .jq-selectbox ul { margin: 0; padding: 0; } .jq-selectbox li { min-height: 18px; padding: 5px 10px 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; color: #231F20; } .jq-selectbox li.selected { background-color: transparent; color: #337ab7; } #header .jq-selectbox li.selected { background: none; color: #337ab7; } #header .jq-selectbox li { padding: 0; } #header .jq-selectbox li:hover { background: none; color: #368cbf; } #header .jq-selectbox li:not(:last-child) { margin-bottom: 5px; } .jq-selectbox li:hover { background-color: rgba(0,0,0,0); color: #368cbf; } .jq-selectbox li.disabled { color: #AAA; } .jq-selectbox li.disabled:hover { background: none; } .jq-selectbox li.optgroup { font-weight: bold; } .jq-selectbox li.optgroup:hover { background: none; color: #231F20; cursor: default; } .jq-selectbox li.option { padding-left: 25px; } .jq-select-multiple { box-sizing: border-box; padding: 1px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; background: #FFF; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px/18px Arial, sans-serif; color: #333; cursor: default; } .jq-select-multiple.focused { border: 1px solid #5794BF; } .jq-select-multiple.disabled { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } .jq-select-multiple ul { margin: 0; padding: 0; } .jq-select-multiple li { padding: 3px 9px 4px; list-style: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-select-multiple li:first-child { border-radius: 3px 3px 0 0; } .jq-select-multiple li:last-child { border-radius: 0 0 3px 3px; } .jq-select-multiple li.selected { background: #08C; color: #FFF; } .jq-select-multiple li.disabled { color: #AAA; } .jq-select-multiple.disabled li.selected, .jq-select-multiple li.selected.disabled { background: #CCC; color: #FFF; } .jq-select-multiple li.optgroup { font-weight: bold; } .jq-select-multiple li.option { padding-left: 25px; } input[type='email'].styler, input[type='password'].styler, input[type='search'].styler, input[type='tel'].styler, input[type='text'].styler, input[type='url'].styler, textarea.styler { padding: 8px 9px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; } input[type='search'].styler { -webkit-appearance: none; } textarea.styler { overflow: auto; } input[type='email'].styler:hover, input[type='password'].styler:hover, input[type='search'].styler:hover, input[type='tel'].styler:hover, input[type='text'].styler:hover, input[type='url'].styler:hover, textarea.styler:hover { border-color: #B3B3B3; } input[type='email'].styler:focus, input[type='password'].styler:focus, input[type='search'].styler:focus, input[type='tel'].styler:focus, input[type='text'].styler:focus, input[type='url'].styler:focus, textarea.styler:focus { border-color: #CCC; border-top-color: #B3B3B3; outline: none; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } button.styler, input[type='button'].styler, input[type='submit'].styler, input[type='reset'].styler { overflow: visible; padding: 8px 11px; border: 1px solid #CCC; border-bottom-color: #B3B3B3; border-radius: 4px; outline: none; background: #F5F5F5; background: -webkit-linear-gradient(#FFF, #E6E6E6); background: linear-gradient(#FFF, #E6E6E6); box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,.1); font: 14px Arial, sans-serif; color: #333; text-shadow: 1px 1px #FFF; cursor: pointer; } button.styler::-moz-focus-inner, input[type='button'].styler::-moz-focus-inner, input[type='submit'].styler::-moz-focus-inner, input[type='reset'].styler::-moz-focus-inner { padding: 0; border: 0; } button.styler:not([disabled]):hover, input[type='button'].styler:not([disabled]):hover, input[type='submit'].styler:not([disabled]):hover, input[type='reset'].styler:hover { background: #E6E6E6; background: -webkit-linear-gradient(#F6F6F6, #E6E6E6); background: linear-gradient(#F6F6F6, #E6E6E6); } button.styler:not([disabled]):active, input[type='button'].styler:not([disabled]):active, input[type='submit'].styler:not([disabled]):active, input[type='reset'].styler:active { background: #F5F5F5; box-shadow: inset 1px 1px 3px #DDD; } button.styler[disabled], input[type='button'].styler[disabled], input[type='submit'].styler[disabled] { border-color: #CCC; background: #F5F5F5; box-shadow: none; color: #888; } @font-face { font-family: 'PTRoot'; src: url('../fonts/PTRootUI_Light.eot'); src: url('../fonts/PTRootUI_Light.eot?#iefix') format('embedded-opentype'), url('../fonts/PTRootUI_Light.woff2') format('woff2'), url('../fonts/PTRootUI_Light.woff') format('woff'), url('../fonts/PTRootUI_Light.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display:swap; } @font-face { font-family: 'PTRoot'; src: url('../fonts/PTRootUI_Medium.eot'); src: url('../fonts/PTRootUI_Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/PTRootUI_Medium.woff2') format('woff2'), url('../fonts/PTRootUI_Medium.woff') format('woff'), url('../fonts/PTRootUI_Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display:swap; } @font-face { font-family: 'PTRoot'; src: url('../fonts/PTRootUI_Regular.eot'); src: url('../fonts/PTRootUI_Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PTRootUI_Regular.woff2') format('woff2'), url('../fonts/PTRootUI_Regular.woff') format('woff'), url('../fonts/PTRootUI_Regular.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display:swap; } @font-face { font-family: 'PTRoot'; src: url('../fonts/PTRootUI_Bold.eot'); src: url('../fonts/PTRootUI_Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/PTRootUI_Bold.woff2') format('woff2'), url('../fonts/PTRootUI_Bold.woff') format('woff'), url('../fonts/PTRootUI_Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display:swap; } @media (min-width: 1680px){ .container { width: 1650px; } } #header{padding-top: 22px;background-color:#F0F6FA;padding-bottom: 20px;} #header .sitedescription{ font-size: 14px; margin-bottom: 12px; margin-top: 3px; } #city_select-styler { margin-top: 7px; width: 165px; max-width: 100%; } #city_select-styler.opened .jq-selectbox__trigger-arrow { transform: rotate(-90deg); } .logo{ display: block; text-align: center; border-radius: 6px; text-transform: uppercase; font-weight: 700; font-size: 24px; position: relative; } .logo:hover,.logo:focus { text-decoration: none; } .logo p{ color: #368CBF; } .logo p span{ color: #7EBC59; } .phone{ font-size: 18px; padding-left: 45px; position: relative; } #header .phone { margin-top: 10px; } .phone::before{ content:''; width: 30px; height: 30px; position: absolute; left: 0; background: url(../svg/call.svg) center center no-repeat #fff; border-radius: 100%; top: -3px; transition: all 0.3s ease-in-out; } .phone a:hover{ text-decoration: none; } .phone:hover::before { transform: rotate(20deg); } .apps{ padding: 6px 11px 6px 15px; background: white; border-radius: 4px; } .apps>ul { display: inline-block; vertical-align: middle; margin-left: 5px; } .apps p { display: inline-block; vertical-align: middle; } .apps>ul li{ display: inline-block; vertical-align: middle; } .apps .whatsapp{ width: 31px; height: 31px; background: url(../svg/whatsapp.svg) center center no-repeat; display: block; } .apps .viber{ width: 27px; height: 27px; background: url(../svg/viber.svg) center center no-repeat; display: block; margin-left: 2px; } .horizontal-menu>ul>li{ display: inline-block; vertical-align: middle; } .items .horizontal-menu>ul>li { position: relative; } .items .horizontal-menu>ul>li:not(:last-child) { margin-right: 18px; } #header .horizontal-menu>ul>li:not(:last-child) { margin-right: 49px; } .horizontal-menu ul li.parent:hover .nav-child { display: block; } .horizontal-menu ul li.parent:hover>a::before,.search-form .jq-selectbox.opened .jq-selectbox__trigger-arrow { transform: scale(1,-1); } #header .horizontal-menu { padding: 20px 20px; /*padding-top: 10px; padding-bottom: 10px;*/ background: white; border-radius: 4px; } #header .horizontal-menu>ul:not(.nav-child)>li>a { text-transform: uppercase; font-weight: 500; } .horizontal-menu ul:not(.nav-child)>li>a { padding: 3px; display: block; } .items .horizontal-menu ul:not(.nav-child)>li>a { padding-left: 60px; font-weight: 500; background: #FFFFFF; /* f0 */ border: 1px solid #e0dfe5; border-radius: 6px; height: 60px; display: table-cell; vertical-align: middle; width: 251px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); } .items .horizontal-menu ul:not(.nav-child)>li>a img { position: absolute; left: 13px; top: 15px; } .items .horizontal-menu ul:not(.nav-child)>li>a:hover img { filter: grayscale(1); } .horizontal-menu>ul>li.parent>a { padding-right: 20px; position: relative; } .horizontal-menu ul li a:hover { text-decoration: none; } .horizontal-menu ul li .nav-child { display: none; position: absolute; padding: 5px; background: white; min-width: 200px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 4px; margin-top: -1px; max-width: 100%; z-index: 1000; } .horizontal-menu ul li.parent:hover>a { color: #368cbf; } .horizontal-menu ul li .nav-child>li:not(:last-child) { margin-bottom: 5px; } .horizontal-menu ul li.parent>a::before {content: '';width: 9px;height: 5px;background: url(../svg/down.svg);position: absolute;right: 0;top: calc(100%/2 - 2px);transition: all 0.3s ease-in-out;} section.main-view{ background-color: #F0F6FA; padding-top: 10px; padding-bottom: 10px; } .item-full section.main-view .h2 { margin-bottom: 20px; } .cats-ob li { display: inline-block; vertical-align: middle; cursor: pointer; } .cats-ob li a { display: flex; padding: 0px 25px; position: relative; font-weight: 500; max-width: 275px; line-height: 1; align-items: center; } .cats-ob li:not(:first-child) a::before {content: '';width: 1px;height: 30px;position: absolute;background: rgba(68, 75, 84, 0.2);left: 0;top: 0;} .cats-ob ul { background: white; border-radius: 4px; padding: 20px 0; display: inline-block; } .cats-ob { margin-bottom: 25px; } .docs {} .docs ul li { display: inline-block; vertical-align: middle; margin-bottom: 10px; } .docs ul li:not(:last-child) { margin-right: 30px; } .docs ul li a { padding: 19px; padding-left: 65px; background-color: #FFFFFF; border-radius: 4px; display: flex; align-items: center; max-width: 220px; line-height: 1; height: 70px; } a.download { background: url(../svg/dwld.svg) 21px center no-repeat; } .cats-ob li img { display: inline-block; width: 50px; height: 30px; object-fit: contain; margin-right: 10px; } .item-full section.main-view { padding-top: 0; padding-bottom: 40px; } .item-full section.main-view .header-it-bl { font-weight: 500; font-size: 18px; margin-bottom: 25px; } .category section.main-view,.city section.main-view { padding-top: 0; padding-bottom: 40px; } .search-form .jq-selectbox { width: 100%; } .search-form .jq-selectbox li { padding: 9px 10px 9px; padding-left: 40px; background-size: 25px; background-position: 5px center; background-repeat: no-repeat; } .search-form .jq-selectbox.mark li { padding-left: 20px; } .search-form .jq-selectbox__dropdown { border: none; } section.main-view .search-form { max-width: 982px; } section.main-view .h1, section.main-view h1 { font-size: 54px; font-weight: 500; line-height: 1.1; margin-bottom: 45px; } .city section.main-view .h1 { font-size: 48px; } section.main-view p.view-description { font-size: 18px; margin-bottom: 45px; max-width: 76%; } .item-full section.main-view p.view-description { margin-bottom: 35px; } section.main-view .h1 span, section.main-view h1 span { color: #368cbf; } .search-form{ padding: 20px 30px; background: #368cbf; box-shadow: 0px 0px 40px rgba(54, 140, 191, 0.2); border-radius: 4px; color: white; font-weight: 500; z-index: 1000; } .search-form.vertical-form .sf-control-name { margin-bottom: 15px; } .search-form.vertical-form .sf-control:not(.full-width) { margin-bottom: 20px; } .search-form .jq-selectbox__select { height: 60px; background: #FFFFFF; border-radius: 4px; border: none; box-shadow: none; color: #000000; padding-left: 10px; } form button[type="submit"] { padding: 20px 53px; text-transform: uppercase; border: none; color: white; background: #7ebc59; border-radius: 4px; } .search-form.vertical-form button { max-width: 100%; } form button[type="submit"]:hover { background: rgba(125, 187, 88, 0.9); } .search-form.horizontal-form button[type="submit"] { display: inline-block; vertical-align: middle; margin-left: 45px; } .search-block .search-form.horizontal-form button[type="submit"] { margin: 0; } .search-form.horizontal-form .sf-control { display: inline-block; vertical-align: middle; width: calc(100%/3 - 20px); } .search-form.horizontal-form .sf-control.full-width { width: 100%; } .search-form.horizontal-form .sf-control.full-width .sf-control-name { display: inline-block; vertical-align: middle; } .search-form.horizontal-form .sf-control:not(.full-width) .sf-control-name { margin-bottom: 15px; } .search-form.horizontal-form .sf-control:not(.full-width) { margin-left: 25px; margin-bottom: 25px; } .search-block .search-form.horizontal-form .sf-control:not(.full-width) { margin-bottom: 0; } .search-block .search-form.horizontal-form .sf-control { width: calc(100%/3 - 95px); } .search-block .search-form.horizontal-form .sf-control.button { width: auto; vertical-align: bottom; } .search-form.horizontal-form .sf-control:first-child { margin-left: 0; } .brench-sh, .brench-sh .jq-selectbox__select-text { background-image: url(../svg/sht.svg); } .brench-vpg, .brench-vpg .jq-selectbox__select-text { background-image: url(../svg/vodniy.svg); } .params-mt, .params-mt .jq-selectbox__select-text { background-image: url(../svg/monitoring.svg); } .params-mp, .params-mp .jq-selectbox__select-text { background-image: url(../svg/personal.svg); } .brench-vpg, .brench-vpg .jq-selectbox__select-text {background-image: url(../svg/gruz.svg)!important;} .brench-vpg1, .brench-vpg1 .jq-selectbox__select-text { background-image: url(../svg/car.svg)!important;} .brench-vpg2, .brench-vpg2 .jq-selectbox__select-text { background-image: url(../svg/refre.svg)!important;} .brench-vpg3, .brench-vpg3 .jq-selectbox__select-text { background-image: url(../svg/stroy.svg)!important;} .brench-vpg4, .brench-vpg4 .jq-selectbox__select-text { background-image: url(../svg/taxi.svg)!important;} .brench-vpg6, .brench-vpg6 .jq-selectbox__select-text { background-image: url(../svg/toplivo.svg)!important;} .brench-vpg5, .brench-vpg5 .jq-selectbox__select-text { background-image: url(../svg/vodniy.svg)!important;} .brench-vpg7, .brench-vpg7 .jq-selectbox__select-text { background-image: url(../svg/moped.svg)!important;} .img-animate{ position: relative; } .img-animate img{ margin-left: -65px; margin-top: 100px; position: relative; z-index: 1; } .item-full .img-animate img { margin-top: 0; margin-left: 0; } .item-full .img-animate { background: #ffffff00; border-radius: 4px; } .item-full .img-animate img { width: 100%; height: auto; } .city .img-animate img { margin-top: 30px; margin-left: -130px; } .category .img-animate img { margin-left: -270px; } .category .img-animate { background: url(../svg/cat-circle.svg) right 0px no-repeat; } .sputnik-block{ position: absolute; width: 100%; height: 100%; } .sputnik-block .sputnik { width: 527px; height: 607px; position: absolute; background: url(../img/sputnik.png) center center no-repeat; transition: all 1s ease-in-out; } .sputnik-block .sputnik-center.moving { -webkit-animation: sputnik-center-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Safari 4+ */ -moz-animation: sputnik-center-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Fx 5+ */ -o-animation: sputnik-center-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Opera 12+ */ animation: sputnik-center-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* IE 10+, Fx 29+ */ } .sputnik-block .sputnik-left.moving { -webkit-animation: sputnik-left-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Safari 4+ */ -moz-animation: sputnik-left-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Fx 5+ */ -o-animation: sputnik-left-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Opera 12+ */ animation: sputnik-left-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* IE 10+, Fx 29+ */ } .sputnik-block .sputnik-right.moving { -webkit-animation: sputnik-right-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Safari 4+ */ -moz-animation: sputnik-right-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Fx 5+ */ -o-animation: sputnik-right-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* Opera 12+ */ animation: sputnik-right-moving 5s cubic-bezier(0.41, 0.41, 0.54, 0.64) infinite; /* IE 10+, Fx 29+ */ } .sputnik-block .sputnik.sputnik-center { transform: translateY(-80px); left: -60px; } .sputnik-block .sputnik.sputnik-left { transform: rotate(-35deg); left: -170px; top: -40px; } .sputnik-block .sputnik.sputnik-right { transform: rotate(40deg); right: -70px; top: -75px; } @-webkit-keyframes sputnik-right-moving { 0% {transform: rotate(40deg);right: -70px;top: -75px; } 25% {transform: rotate(30deg);right: -90px;top: -65px; } 40% {transform: rotate(40deg);right: -80px;top: -60px; } 50% {transform: rotate(50deg);right: -70px;top: -60px; } 70% {transform: rotate(45deg);right: -55px;top: -65px; } 100% {transform: rotate(40deg);right: -70px;top: -75px; } } @-moz-keyframes sputnik-right-moving { 0% {transform: rotate(40deg);right: -70px;top: -75px; } 25% {transform: rotate(30deg);right: -90px;top: -65px; } 40% {transform: rotate(40deg);right: -80px;top: -60px; } 50% {transform: rotate(50deg);right: -70px;top: -60px; } 70% {transform: rotate(45deg);right: -55px;top: -65px; } 100% {transform: rotate(40deg);right: -70px;top: -75px; } } @-o-keyframes sputnik-right-moving { 0% {transform: rotate(40deg);right: -70px;top: -75px; } 25% {transform: rotate(30deg);right: -90px;top: -65px; } 40% {transform: rotate(40deg);right: -80px;top: -60px; } 50% {transform: rotate(50deg);right: -70px;top: -60px; } 70% {transform: rotate(45deg);right: -55px;top: -65px; } 100% {transform: rotate(40deg);right: -70px;top: -75px; } } @keyframes sputnik-right-moving { 0% {transform: rotate(40deg);right: -70px;top: -75px; } 25% {transform: rotate(30deg);right: -90px;top: -65px; } 40% {transform: rotate(40deg);right: -80px;top: -60px; } 50% {transform: rotate(50deg);right: -70px;top: -60px; } 70% {transform: rotate(45deg);right: -55px;top: -65px; } 100% {transform: rotate(40deg);right: -70px;top: -75px; } } @-webkit-keyframes sputnik-left-moving { 0% {transform: rotate(-35deg);left: -170px;top: -40px; } 25% {transform: rotate(-45deg);left: -150px;top: -30px; } 50% {transform: rotate(-35deg);left: -170px;top: -20px; } 70% {transform: rotate(-25deg);left: -190px;top: -30px; } 85% {transform: rotate(-30deg);left: -180px;top: -35px; } 100% {transform: rotate(-35deg);left: -170px;top: -40px; } } @-moz-keyframes sputnik-left-moving { 0% {transform: rotate(-35deg);left: -170px;top: -40px; } 25% {transform: rotate(-45deg);left: -150px;top: -30px; } 50% {transform: rotate(-35deg);left: -170px;top: -20px; } 70% {transform: rotate(-25deg);left: -190px;top: -30px; } 85% {transform: rotate(-30deg);left: -180px;top: -35px; } 100% {transform: rotate(-35deg);left: -170px;top: -40px; } } @-o-keyframes sputnik-left-moving { 0% {transform: rotate(-35deg);left: -170px;top: -40px; } 25% {transform: rotate(-45deg);left: -150px;top: -30px; } 50% {transform: rotate(-35deg);left: -170px;top: -20px; } 70% {transform: rotate(-25deg);left: -190px;top: -30px; } 85% {transform: rotate(-30deg);left: -180px;top: -35px; } 100% {transform: rotate(-35deg);left: -170px;top: -40px; } } @keyframes sputnik-left-moving { 0% {transform: rotate(-35deg);left: -170px;top: -40px; } 25% {transform: rotate(-45deg);left: -150px;top: -30px; } 50% {transform: rotate(-35deg);left: -170px;top: -20px; } 70% {transform: rotate(-25deg);left: -190px;top: -30px; } 85% {transform: rotate(-30deg);left: -180px;top: -35px; } 100% {transform: rotate(-35deg);left: -170px;top: -40px; } } @-webkit-keyframes sputnik-center-moving { 0% {transform: translateY(-80px) rotate(0deg);left: -60px;} 15% {transform: translateY(-75px) rotate(3deg);left: -50px;} 30% { transform: translateY(-70px) rotate(5deg);left: -40px; } 50% { transform: translateY(-60px) rotate(0deg);left: -60px; } 75% { transform: translateY(-70px) rotate(-5deg);left: -80px; } 100% { transform: translateY(-80px) rotate(0deg);left: -60px; } } @-moz-keyframes sputnik-center-moving { 0% {transform: translateY(-80px) rotate(0deg);left: -60px;} 15% {transform: translateY(-75px) rotate(3deg);left: -50px;} 30% { transform: translateY(-70px) rotate(5deg);left: -40px; } 50% { transform: translateY(-60px) rotate(0deg);left: -60px; } 75% { transform: translateY(-70px) rotate(-5deg);left: -80px; } 100% { transform: translateY(-80px) rotate(0deg);left: -60px; } } @-o-keyframes sputnik-center-moving { 0% {transform: translateY(-80px) rotate(0deg);left: -60px;} 15% {transform: translateY(-75px) rotate(3deg);left: -50px;} 30% { transform: translateY(-70px) rotate(5deg);left: -40px; } 50% { transform: translateY(-60px) rotate(0deg);left: -60px; } 75% { transform: translateY(-70px) rotate(-5deg);left: -80px; } 100% { transform: translateY(-80px) rotate(0deg);left: -60px; } } @keyframes sputnik-center-moving { 0% {transform: translateY(-80px) rotate(0deg);left: -60px;} 15% {transform: translateY(-75px) rotate(3deg);left: -50px;} 30% { transform: translateY(-70px) rotate(5deg);left: -40px; } 50% { transform: translateY(-60px) rotate(0deg);left: -60px; } 75% { transform: translateY(-70px) rotate(-5deg);left: -80px; } 100% { transform: translateY(-80px) rotate(0deg);left: -60px; } } .service{ padding: 35px 30px; background: rgba(255, 255, 255, 0.4); /* f0 */ border: 1px solid rgba(240, 246, 250, 0.4); box-sizing: border-box; /* 1 */ box-shadow: 0px 0px 20px rgba(64, 64, 64, 0.3); border-radius: 3px; min-height: 693px; position: relative; transition: background 0.3s ease-in-out; } .service:hover { background: white; border: 1px solid rgba(240, 246, 250, 1); } .service .btn { position: absolute; bottom: 35px; left: 30px; } .service .img-wrap { margin-bottom: 25px; } .service .service-header { text-align: center; font-size: 22px; font-weight: 500; margin-bottom: 20px; } .service .service-description { height: 60px; overflow: hidden; margin-bottom: 20px; display: block; } .service .service-taking-header { font-weight: 500; margin-bottom: 20px; } #tabs #tabs_container ul {display: block;width: auto;} .service ul li::before, #tabs_container ul li::before, .info ul li::before,.text-block ul li::before {content: '';width: 12px;height: 12px;border: 4px solid #7ebc59;position: absolute;border-radius: 100%;left: 0;top: 5px;} .service ul li, #tabs_container ul li { position: relative; padding-left: 25px; margin-bottom: 20px; } #tabs_container .btn { margin-top: 15px; } .service .img-wrap img { max-height: 140px; } .services{ padding-top: 25px; background: url(../img/lines-services.png) top center no-repeat; background-size: cover; } section .h2, section h2{ font-size: 48px; font-weight: 500; margin-bottom: 40px; } section .h1, section h1 { font-size: 54px; font-weight: 500; margin-bottom: 40px; } .btn{ padding: 10px 20px; background: #368cbf; text-transform: uppercase; color: white; font-size: 14px; border-radius: 4px; font-weight: bold; display: inline-block; } .btn.grey { background: #444B54; } .btn.grey:hover { background: rgba(68, 75, 84, 0.9); } .btn-large { padding: 20px 40px; font-size: 16px; } .btn:hover { color: white; text-decoration: none; background: rgba(54, 140, 191, 0.9); } .services-fields{ background-color: rgba(209, 230, 244, 0.31); padding-top: 25px; margin-top: 60px; position: relative; padding-bottom: 25px; } #tabs { display: block; margin: 0 auto; } .services-fields #tabs li:not(:last-child) {margin-bottom: 15px;} .services-fields #tabs ul { width: 280px; display: inline-block; position: relative; z-index: 100; } .services-fields #tabs li a { display: block; padding: 15px; padding-right: 30px; text-decoration: none; background: rgba(255, 255, 255, 0.4); border-radius: 2px; font-weight: 500; position: relative; } .services-fields #tabs li a::before {content: '';width: 11px;height: 1px;background: #368cbf;position: absolute;right: 10px;top: 25px;} .services-fields #tabs li a::after { content: ''; width: 1px; height: 11px; background: #368cbf; position: absolute; right: 15px; top: 20px; transition: all 0.3s ease-in-out; } #tabs_container{ position:relative; } #tabs_cats div#tabs_container .tab { width: 100%; } .services-fields #tabs_container { position: relative; padding-left: 60px; display: inline-block; width: calc(100% - 284px); vertical-align: top; } .services-fields #tabs_container div.tab { width: calc(100% - 60px); } .transition { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } .make_transist { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .hidescale { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; } .showscale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } .hideleft { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .showleft { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } .hidescaleup { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .showscaleup { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; } .hideflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: rotatey(-90deg) scale(1.1); -moz-transform: rotatey(-90deg) scale(1.1); -o-transform: rotatey(-90deg) scale(1.1); -ms-transform: rotatey(-90deg) scale(1.1); transform: rotatey(-90deg) scale(1.1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .showflip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; -ms-transition-delay: .3s; transition-delay: .3s; -webkit-transform: rotatey(0deg) scale(1); -moz-transform: rotatey(0deg) scale(1); -o-transform: rotatey(0deg) scale(1); -ms-transform: rotatey(0deg) scale(1); transform: rotatey(0deg) scale(1); -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .services-fields .tabulous_active { background: #FFFFFF!important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); } .tabulous_active:hover,.tabulous_active:focus { color: inherit!important; } .services-fields #tabs li a.tabulous_active::after {transform: rotate(90deg);} .tabulousclear { display: block; clear: both; } .tabs-title{ font-weight: 500; font-size: 36px; line-height: 1; margin-bottom: 20px; } .tabs-subhead { font-weight: 500; font-size: 18px; margin-bottom: 30px; color: #000; } .functional-image{ position: absolute; top: 0; right: 0; background: url(../img/tabs-bg.png) top right no-repeat; height: 477px; background-size: contain; z-index: 100; } .functional-image .fileimg { position: relative; top: 60px; left: -70px; } .functional-image .point span{ display: block; width: 25px; height: 25px; border: 1px solid white; background: #2D2D2D; border-radius: 100%; position: relative; cursor: pointer; z-index: 1; transition: background 0.3s ease-in-out; } .functional-image .point.clicked span { background: #368cbf; } .functional-image .point span::before{ content:''; width: 1px; height: 11px; position: absolute; background: white; left: 11px; top: 6px; transition: transform 0.3s ease-in-out; } .functional-image .point span::after{ content:''; height: 1px; width: 11px; position: absolute; background: white; left: 6px; top: 11px; transition: transform 0.3s ease-in-out; } .functional-image .point.clicked span::before {transform: rotate(90deg);} .functional-image .point::before,.functional-image .point::after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 100%; margin: 0; width: 100%; opacity: 0.6; transform: scale(1); border: 1px solid #FFFFFF; background: rgb(45, 45, 45); animation: anim 1.5s linear infinite; transition: background .3s ease-in-out; } .functional-image .point.clicked::before, .functional-image .point.clicked::after { background: rgb(54, 140, 191); } @keyframes anim{ 0%{transform:scale(1);} 50%{transform:scale(1.5);} 100%{transform:scale(2);opacity: 0;} } .functional-image .point::after{ animation-delay: 0.75s; } .functional-image .point{position: absolute;width: 25px;height: 25px;} .functional-image .point.clicked { z-index: 10; } .functional-image.sht .point-1 { top: 20%; left: 50%; } .functional-image.sht .point-2 { top: 50%; left: 31%; } .functional-image.sht .point-3 { bottom: 20%; left: 50%; } .mobile-info-container { display: none; position: absolute; bottom: 0; padding: 10px; width: 100%; text-align: center; background: white; } .functional-image .point .point-description { position: absolute; width: 300px; text-align: center; padding: 10px; -moz-user-select: none; -khtml-user-select: none; user-select: none; background: white; font-weight: 500; border-radius: 4px; display: none; opacity: 0; left: -250px; top: 45px; transition: opacity 0.3s ease-in-out,visibility 0.3s ease-in-out; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); } .functional-image .point.clicked .point-description { opacity: 1; display: block; } .functional-image .point .point-description::before {content: '';border: 20px solid transparent;border-bottom: 10px solid white;position: absolute;right: 17px;bottom: 100%;} .expirience{ padding-top: 40px; padding-bottom: 40px; } .expirience .h5,.expirience h5 { margin-bottom: 35px; } section .h5, section h5{ font-weight: 500; font-size: 36px; } .expirience .expirience-text{ padding-left: 35px; border-left: 1px solid #368cbf; font-size: 18px; } .expirience .expirience-text p:not(:last-child){ margin-bottom: 20px; } .expirience .expirience-brands .brand { float: left; width: calc(100%/5); height: 70px; background-repeat: no-repeat; background-position: 40px 0px; } .brand-1 { background-position: 33px 0px; } .brand-6,.brand-7,.brand-8,.brand-9,.brand-10 { background-position: 33px 0px; } .brand-2 { background-position: -143px 0px; } .brand-3 { background-position: -272px 0px; background-size: 730px; } .brand-4 { background-position: -500px 0px; } .brand-5 { background-position: -675px 0px; } .economy,.questions-form{ padding: 40px 0px; background: #368cbf; color: white; } .economy .h2 { margin-bottom: 40px; } .economy-description p{ font-size: 20px; margin-bottom: 20px; } .economy-description { display: inline-block; vertical-align: middle; margin-left: 65px; } .economy-description p b { font-weight: 500; font-size: 24px; } .economy-description ul li{ padding-left: 30px; position: relative; } .economy-description ul li:not(:last-child) { margin-bottom: 15px; } .economy-description ul li::before{content: '';width: 14px;height: 14px;border: 4px solid #ffffff;position: absolute;border-radius: 100%;left: 0;top: 3px;} .form-row{ background: #166DA0; border-radius: 6px; padding: 25px 35px; color: white; } .main-view .form-row { max-width: 695px; padding: 15px; background: #368CBF; } .main-view .form-row .col-xs-12:nth-child(2)::before { left: 2px; } .form-row.horizontal a.whatsapp,.form-row.horizontal a.viber { display: inline-block; width: 278px; margin-bottom: 0; } .form-row.horizontal a.whatsapp { margin-right: 35px; } .questions-form .form-row { padding: 0; background: none; } .form-row .col-xs-12:nth-child(2) { padding-left: 48px; } .form-row .col-xs-12:nth-child(2)::before {content: '';position: absolute;height: 148px;width: 1px;background: rgba(255, 255, 255, 0.1);left: -20px;top: 36px;} .form-row.horizontal .col-xs-12:nth-child(2)::before { height: 60px; top: 45px; left: -85px; } .form-row .important { text-align: center; margin-bottom: 0; margin-top: 20px; font-size: 14px; } .form-row .important a { color: white; text-decoration: underline; } .form-row .important a:hover { text-decoration: none; } .form-row a.viber,.form-row a.whatsapp { display: block; padding: 20px; padding-left: 75px; background: #F3F3F3; border-radius: 30px; max-width: 278px; position: relative; } .form-row a.viber:hover,.form-row a.whatsapp:hover { background: rgba(242, 242, 242, 0.9); color: #2D2D2D; text-decoration: none; } .form-row p { margin-bottom: 15px; } .form-row.horizontal p { margin-bottom: 25px; } .form-row.horizontal .important { text-align: left; margin-bottom: 0; padding-left: 33px; } .form-row a.whatsapp { margin-bottom: 30px; } .form-row a.whatsapp::before { background: url(../svg/whatsapp.svg) center center no-repeat; background-size: cover; } .form-row a.viber::before { background: url(../svg/viber.svg) center center no-repeat; background-size: 27px; } .form-row a.viber::before,.form-row a.whatsapp::before {content: '';width: 31px;height: 31px;position: absolute;left: 25px;top: 15px;} form input[name="phone"]{ align-content: baseline; background: url(../svg/call-grey.svg) 10px center no-repeat #F3F3F3; border-radius: 4px; border: none; padding: 20px; padding-left: 35px; } form .form-control:not(:last-child){ margin-bottom: 30px; } form.horizontal .form-control { display: inline-block; vertical-align: middle; margin: 0; } form.horizontal .form-control:first-child { margin-right: 40px; } .form input,.form button { width: 230px; } .economy-visual{ display: inline-block; vertical-align: middle; padding-top: 5px; margin-left: 50px; } .economy-visual .vline{ width: 30px; position: relative; height: 262px; display: inline-block; border: 1px dashed rgba(255, 255, 255, 0.2); border-radius: 2px; } .economy-visual .vline:first-child { margin-right: 21px; border: medium; } .economy-visual .vline .indicator{ position: absolute; bottom: 0; height: 100%; width: 100%; background: white; border-radius: 2px; overflow: hidden; } .economy-visual .vline[data-fulling="50"] .indicator { height: 30%; width: 30px; left: -1px; bottom: -1px; border-radius: 2px; } .economy-visual .vline[data-fulling="50"] .indicator.animate-opacity { bottom: 75px; height: 21%; background: rgba(255, 255, 255, 0.5); animation: bg-tr 2s infinite both cubic-bezier(0.25, 0.46, 0.45, 0.94); } .economy-visual .vline[data-fulling="50"] .indicator.animate-opacity span { width: 52px; color: white; } .economy-visual .vline[data-fulling="50"] .indicator span { width: 78px; } .economy-visual .vline .indicator span { transform: rotate(-90deg); display: block; text-align: center; color: #368cbf; font-weight: 500; width: 262px; height: 100%; padding-top: 4px; } @keyframes bg-tr { from { background: rgba(255, 255, 255, 0.6) } to { background: rgba(255, 255, 255, 0.2) } } footer{ background: #F2F2F2; padding-top: 27px; } footer .col-md-4 .footer-nav { padding-left: 60px; } footer .logo { max-width: 250px; margin-bottom: 30px; } footer .mail { padding-left: 25px; background: url(../svg/mail.svg) left center no-repeat; } footer .mail:hover { text-decoration: none; } .footer-nav>ul>li>a { font-size: 18px; font-weight: 500; text-transform: uppercase; } .footer-nav>ul>li:not(:last-child) { margin-bottom: 69px; } .footer-nav .submenu { margin-top: 20px; } .footer-nav .submenu>li { text-transform: capitalize; margin-bottom: 10px; } .footer-nav .submenu>li:last-child { margin-bottom: 0; } .footer-phone { padding-left: 25px; background: url(../svg/call.svg) left center no-repeat; margin-bottom: 20px; background-size: 14px; } .footer-phone a:not(:last-child) { margin-right: 20px; } .footer-phone a:hover { text-decoration: none; } .item{ padding-top: 40px; position: relative; } .content .item.horizontal,.content .item { margin-bottom: 30px; } .item .marks { position: relative; text-transform: uppercase; font-weight: 700; width: 100%; top: 0; text-align: center; } .item .marks>p { padding-left: 25px; display: inline-block; } .item .marks p.top { background: url(../svg/fire.svg) left center no-repeat; } .item .marks p.new { background: url(../svg/star.svg) left center no-repeat; } .item .item-body{ background: #FFFFFF; /* f0 */ padding: 30px; text-align: center; box-shadow: none!important; } .item .item-body:hover {box-shadow:0px 10px 30px #00000026;} .item.horizontal .item-body { position: relative; padding: 10px; } .item .header{ font-size: 18px; font-weight: 500; margin-bottom: 30px; } .item.horizontal .header { margin-bottom: 15px; } .item .img-wrap{ margin-bottom: 20px; height: 194px; overflow: hidden; position: relative; } .item.horizontal .img-wrap { display: inline-block; vertical-align: middle; height: 135px; width: 200px; margin-bottom: 0; position: unset; } .item.horizontal .img-wrap img { height: 135px; } .item img{height: 194px;object-fit: contain;width: 100%;} .item .category { position: absolute; right: 0; bottom: 0; } .item.horizontal .category { right: unset; left: 10px; top: 10px; bottom: unset; max-width: 220px; text-align: left; } .item.horizontal .item-info { display: inline-block; vertical-align: middle; max-width: 360px; text-align: left; } .item .category span { width: 41px; height: 41px; display: inline-block; border-radius: 100%; background-color: #F0F6FA; background-repeat: no-repeat; background-position: center center; background-size: 20px; } .item .category span.mech { background-image: url(../svg/mech.svg); } .item .category span.id-driver { background-image: url(../svg/identify.svg); } .item .category span.temperature { background-image: url(../svg/temperature.svg); } .item .category span.fuel-miss { background-image: url(../svg/engine.svg); } .item .category span.fuel-level { background-image: url(../svg/datchiki.svg); } .item .category span.glonas { background-image: url(../svg/trackers.svg); } .item .description{ font-size: 14px; } .item:hover img{ opacity: 0.9 } .items .horizontal-menu{ margin-bottom: 40px; } .items{ padding-top: 40px; background: url(../img/lines-items.png) center center no-repeat; background-size: cover; } .sklfr .items {padding-top:0px;margin-top: -25px;} .city .items { padding-top: 0; } .copyrights .col-xs-12{ padding: 0; } .copyrights{ padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 20px; } .copyrights p.center a:not(:last-child) { margin-right: 40px; } p.left{text-align: left;} p.right{text-align: right;} p.center{text-align: center;} a.promo { font-weight: 500; } .copyrights a { text-decoration: underline; } .search-block{ margin-top: 30px; } .city .search-block { margin-bottom: 40px; margin-top: 0; } .search-block .h5,.search-block h5{ margin-bottom: 10px; } .item-full .search-block .h5 { font-weight: 300; } .city .search-block .h5,.city .search-block h5 { margin-bottom: 40px; font-weight: 300; } .search-block .msg { font-size: 24px; margin-bottom: 37px; } .search-block .catalog-btn { padding: 17px 30px; background: #F0F6FA; border-radius: 6px; } .search-block .catalog-btn span { display: block; font-size: 14px; margin-bottom: 22px; } .search-block .description{ font-size: 18px; margin-bottom: 20px; } .search-main-section .search-block .description { margin-bottom: 40px; } .search-main-section .search-block{ margin-top: 0; } .search-main-section{ position: relative; } .search-main-section .h2 { margin-bottom: 20px; line-height: 1.14; } .search-main-section::before {content: '';width: 100%;height: 86%;background: #f0f6fa;position: absolute;} .breadcrumbs { background: #f0f6fa; } .video-block.mini { margin-bottom: 0; } .video-block .img-wrap { background: url(../img/vid-bg.png) bottom right #444B54 no-repeat; width: 100%; height: 200px; overflow: hidden; position: relative; margin-bottom: 15px; } .video-block.mini .img-wrap { margin-bottom: 0; height: 100px; background-size: 180px; } .video-block .header { font-weight: 500; font-size: 18px; margin-bottom: 5px; } .video-block:hover p.header, .video-block:hover p.description,.video-block:focus p.header, .video-block:focus p.description {color: #2d2d2d;text-decoration: none;} .video-block .img-wrap img { position: absolute; width: 250px; right: 0; bottom: 0; } .video-block.mini .img-wrap img { width: 100px; } .video-block { display: block; margin-bottom: 20px; } .video-block:hover,.video-block:focus { text-decoration: none; } .video-block:hover .vid-btn {background-color: rgba(126, 188, 89, 0.9);} .video-block .vid-btn { color: white; padding: 8px; background: url(../svg/play-btn.svg) 12px center no-repeat #368cbf; text-transform: uppercase; font-weight: 500; padding-left: 25px; width: 100px; border-radius: 30px; font-size: 12px; position: absolute; bottom: 30px; z-index: 10; left: 20px; } .video-block.mini .vid-btn { font-size: 7px; padding: 6px; width: 60px; background-size: 4px; padding-left: 16px; background-position: 8px center; left: 10px; bottom: 10px; } .video-block .vid-name { font-size: 18px; color: white; font-weight: 700; max-width: 215px; position: absolute; top: 30px; left: 20px; } .video-block.mini .vid-name { font-size: 10px; max-width: 100px; left: 10px; top: 10px; } .content{ padding-top: 40px; background: url(../img/lines-services.png) center 0px no-repeat; padding-bottom: 40px; } .automark p { margin-bottom: 20px; font-size: 18px; } .automark { margin-bottom: 64px; } .automark ul li { display: inline-block; font-weight: 500; font-size: 18px; vertical-align: top; position: relative; } .automark ul li:not(:first-child) { } .automark ul li:not(:first-child)::before { content: '|'; position: relative; margin-left: 10px; margin-right: 12px; opacity: 0.25; top: -1px; line-height: 1; } .content .h2 { margin-bottom: 25px; } .category .content .h2 { margin-bottom: 40px; line-height: 1.1; } .info{ margin-bottom: 80px; } .content .h6{ font-size: 24px; margin-bottom: 40px; } .content .table .h6 { margin-bottom: 25px; } .info ul{ margin-bottom: 35px; } .info ul li,.text-block ul li{ display: inline-block; width: calc(100%/3 - 11px); vertical-align: text-top; margin-bottom: 19px; font-size: 18px; padding-left: 25px; position: relative; margin-right: 8px; } .text-block ul li {font-size: 16px;} #tabs_cats .text-block ul li { font-size: 18px; } .text-block .h6{ margin-bottom: 30px; } .category .text-block {margin-bottom: 40px;} .text-block *:not(:last-child) { margin-bottom: 25px; } .text-block ul { margin-bottom: 25px; } .videos-mini .h6{ margin-bottom: 20px } .videos-mini .col-xs-12:nth-child(2) { padding-right: 10px; } .videos-mini .col-xs-12:nth-child(3) { padding-left: 10px; } .videos-mini .col-xs-12:nth-child(4) { padding-right: 10px; } .videos-mini .col-xs-12:nth-child(5) { padding-left: 10px; } .videos-mini .col-xs-12:nth-child(6) { padding-right: 10px; } .videos-mini .col-xs-12:nth-child(7) { padding-left: 10px; } .videos-mini .col-xs-12:nth-child(8) { padding-right: 10px; } .videos-mini .col-xs-12:nth-child(9) { padding-left: 10px; } .videos-mini .col-xs-12:nth-child(10) { padding-right: 10px; } .videos-mini .video-block:not(.mini) { margin-bottom: 20px; } .videos-mini.affix{ top: 0; width: 382.5px; } .panel-title a{ display: block; font-size: 20px; padding: 15px 20px; background: rgba(255, 255, 255, 0.4); /* f0 */ border: 1px solid #F0F6FA; box-sizing: border-box; /* 1 */ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); border-radius: 6px; position: relative; padding-right: 40px; } .panel-title a .opclvis { position: absolute; right: 20px; top: calc(100%/2 - 8px); width: 15px; height: 15px; } .panel-title a .opclvis::before,.panel-title a .opclvis::after {content: '';position: absolute;background: #368CBF;} .panel-title a .opclvis::before { width: 100%; height: 1px; left: 0; top: 7px; } .panel-title a .opclvis::after { width: 2px; height: 100%; left: 7px; top: 0; transition: all 0.3s ease-in-out; } .panel-title a[aria-expanded="true"] .opclvis::after { transform: rotate(90deg); } .panel-title a[aria-expanded="true"] { background: white; border-bottom-color: white; font-weight: 500; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .panel-title a:hover,.panel-title a:focus { text-decoration: none; color: inherit; outline: none; } .panel-group .panel:not(:last-child){ margin-bottom: 10px; } .panel-body{ padding: 10px 20px; background: white; position: relative; border: 1px solid #F0F6FA; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; border-top-color: white; } .panel-body *:not(:last-child) { margin-bottom: 20px; } .panel-body a[data-fancybox] { display: block; } .panel-body img { max-width: 100%; } #accordion{ margin-bottom: 50px } .search-form-block.affix{top: 0; width: 382.5px;} .search-form-block > p{ font-size: 30px; margin-bottom: 40px; } .cats{padding: 40px 0px;} .cat{ display: block; background: #F0F6FA; border-radius: 4px; padding: 15px 5px; margin-bottom: 30px; } .cat:hover,.cat:focus { text-decoration: none; } .cat .img-wrap{ display: inline-block; vertical-align: middle; background: url(../svg/cat-circle.svg) -20px top no-repeat; background-size: 145px; } .cat img{ width: 132px; height: 100px; object-fit: contain; } .cat .description{ display: inline-block; width: calc(100% - 160px); vertical-align: middle; margin-left: 20px; } .cat .description p{ font-weight: 500; font-size: 18px; } .videos{ margin-bottom: 30px; } #tabs_cats>ul{ margin-bottom: 70px; } #tabs_cats ul li img{ width: 62px; height: 32px; object-fit: contain; } #tabs_cats>ul li { display: inline-block; width: calc(100%/9 - 4px); text-align: center; position: relative; vertical-align: middle; } #tabs_cats>ul li::before {content: '';width: 1px;height: 40px;background: rgba(68, 75, 84, 0.2);position: absolute;left: 0;top: 10px;} #tabs_cats ul li a { display: block; width: 122px; margin: auto; padding: 14px 30px; border: 1px solid transparent; opacity: 0.6; } #tabs_cats ul li a.tabulous_active { background: #FFFFFF; /* f0 */ border-color: #F0F6FA; box-sizing: border-box; /* 1 */ box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); border-radius: 4px; position: relative; opacity: 1; } #tabs_cats ul li a.tabulous_active::before {content: '';width: 100%;height: 100%;background: url(../svg/angles-select.svg) center center no-repeat;position: absolute;left: 0;top: 0;background-size: contain;} #tabs_cats>ul li:last-of-type::after { content: ''; width: 1px; height: 40px; top: 10px; right: 0; background: rgba(68, 75, 84, 0.2); position: absolute; } .menu-icon { height: 40px; width: 75px; position: relative; text-align: left; text-transform: uppercase; font-weight: 500; line-height: 40px; margin: 0px auto; } .menu-icon:hover { cursor: pointer; } .menu-icon:hover .menu-icon__bar { opacity: 0.6; } .menu-icon__bar { position: absolute; top: 47%; height: 2px; right: 0; width: 25px; background-color: #2d2d2d; display: block; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .menu-icon__bar::before, .menu-icon__bar::after { height: 2px; width: 100%; content: ""; background-color: #2d2d2d; display: block; position: absolute; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .menu-icon__bar::before { top: -8px; } .menu-icon__bar::after { bottom: -8px; } .menu-icon--open .menu-icon { position: relative; } .menu-icon--open .menu-icon__bar { background: transparent; } .menu-icon--open .menu-icon__bar::before, .menu-icon--open .menu-icon__bar::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .menu-icon--open .menu-icon__bar::after { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .menu-icon--open .menu-icon__bar::before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .nav { padding: 20px; position: absolute; top: 0; background-color: #fff; -webkit-transition: top 0.6s ease; transition: top 0.6s ease; width: 100%; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); display: none; } .nav--active { position: absolute; top: 53px; z-index: 1000; left: 0; display: block; } .nav__list { padding-left: 0; list-style: none; } .nav__item { margin-bottom: 10px; text-align: left; font-size: 1.7rem; } .nav__item:last-child { margin-bottom: 0; } .nav__link { position: relative; color: #2d2d2d; text-decoration: none; } .nav__link--plus::after, .nav__link--minus::after { color: #2d2d2d; position: absolute; transition: all 0.3s ease-in-out; top: 50%; right: -20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(../svg/down.svg) center center no-repeat; width: 9px; height: 5px; } .nav__link--plus::after { content: ""; } .nav__link--minus { color: #337ab7; } .nav__link--minus::after { content: ""; transform: scale(1,-1) translateY(50%); } .nav__link:hover { opacity: 1; color: #337ab7; text-decoration: none; } .nav__sub-list { margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-top: 1px solid rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.6); displaY: none; list-style: none; padding-left: 10px; } .nav__sub-list--active { display: block; } .nav__sub-item .nav__link { color: rgb(45, 45, 45); } .nav__sub-item:not(:last-child) { padding-bottom: 10px; } @media only screen and (max-width: 1679px) { .panel-title a{font-size: 18px} .cat .description p{font-size: 16px} .cat img{ width: 85px; height: 70px; } .cat .description { width: calc(100% - 109px); } .videos-mini.affix,.search-form-block.affix{width: 262.5px;} .search-form-block > p{font-size: 22px} .category .img-animate img{ width: 150%; margin-left: -110px; } .video-block.mini .img-wrap img{display: none} .video-block.mini .img-wrap {background-image: none;} .info ul li, .text-block ul li{font-size: 16px} .content .h6{font-size: 22px;} .item-full section.main-view .header-it-bl{ font-size: 16px; margin-bottom: 20px; } .item-full section.main-view p.view-description,.cats-ob { margin-bottom: 20px; } .docs ul li:not(:last-child) { margin-right: 10px; } .cats-ob li a{ /*max-width: 190px;*/ } .docs ul li a{ padding: 14px; padding-left: 50px; height: 55px; max-width: 185px; } .item-full .img-animate img { height: 377px; object-fit: contain; } a.download { background-position: 15px center; } .main-view .form-row{ max-width: 670px; } #tabs_cats ul li a{ width: 100px; padding: 9px 15px; } #tabs_cats ul li img { width: 50px; height: 31px; } #tabs_cats>ul li::before { top: 6px; } #tabs_cats>ul li { } #tabs_cats .text-block .header{font-size: 22px;} #tabs_cats .text-block ul li{font-size: 16px;} .city .img-animate img{ width: 490px; margin-left: -105px; margin-top: 60px; } .logo{ font-size: 20px; } #header .sitedescription,#header .jq-selectbox__select,#header .jq-selectbox__dropdown{ font-size: 12px; } #header .sitedescription { margin-top: 0; } body{font-size: 14px} .phone, .expirience .expirience-text p, .search-block .description, .item .header,.footer-nav>ul>li>a,.tabs-subhead{ font-size: 16px; } #header .phone { margin-top: 12px; } #city_select-styler { margin-top: 10px; } #header .horizontal-menu>ul>li:not(:last-child){ margin-right: 8px; } .apps .whatsapp{ width: 25px; height: 25px; background-size: contain; } .apps p { max-width: 125px; } .apps .viber{ width: 20px; height: 20px; background-size: contain; } section.main-view .h1, section.main-view h1{ font-size: 42px; margin-bottom: 25px; line-height: 42px; } .category .img-animate { background-size: contain; } .search-form.horizontal-form .sf-control.full-width .sf-control-name { max-width: 477px; } section.main-view p.view-description { font-size: 16px; margin-bottom: 35px; } .search-form .jq-selectbox__select-text { padding-left: 30px; background-size: 25px; } .search-form.horizontal-form .sf-control:not(.full-width) { margin-bottom: 20px; margin-left: 25px; } .search-block .search-form.horizontal-form .sf-control { width: calc(100%/3 - 82px); } .search-form.horizontal-form .sf-control:first-child { margin-left: 0; } .search-form { padding: 15px 20px; } section.main-view .search-form { max-width: 707px; padding: 15px 20px; } .search-main-section .search-block .description{ margin-bottom: 35px; } .search-form.horizontal-form button[type="submit"] { padding: 21px 40px; margin-left: 23px; } .search-form .jq-selectbox__select { } .main .img-animate img{ width: 130%; margin-left: -60px; margin-top: 140px; } .sputnik-block .sputnik { width: 370px; height: 650px; background-size: contain; } .main section.main-view { padding-top: 10px; padding-bottom: 0; overflow: hidden; } section .h2, section h2{ font-size: 36px; margin-bottom: 30px; line-height: 1; } .economy .h2 { margin-bottom: 30px; line-height: 1; line-height: 1; } .form-row a.viber, .form-row a.whatsapp { padding-left: 60px; } .form-row.horizontal a.whatsapp, .form-row.horizontal a.viber { width: 225px; } .form-row.horizontal .col-xs-12:nth-child(2)::before { left: -40px; } .form-row.horizontal a.whatsapp { margin-right: 10px; } .form-row a.viber::before, .form-row a.whatsapp::before { left: 18px; } .form-row .col-xs-12:nth-child(2)::before { left: 6px; } .form-row { padding: 25px 10px; } .economy-visual { margin-left: 25px; padding-top: 3px; } .economy-description { margin-left: 40px; max-width: calc(100% - 153px); } .form-row .col-xs-12:nth-child(2) {padding-left: 32px;} .service{ padding: 25px 20px; min-height: 683px; } .service .service-header,.economy-description p { font-size: 18px; } .service .btn{ bottom: 25px; left: 20px; } .btn { font-size: 13px; } .btn-large { padding: 22px 40px; } .expirience .expirience-brands .brand { background-size: 760px; background-position: 10px 4px; } .search-block .catalog-btn span { margin-bottom: 11px; } .services-fields{margin-top: 40px} .tabs-title{font-size: 34px} .functional-image { width: 100%; height: 390px; position: relative; } .functional-image .fileimg{left: 0px;top: 0;height: 100%;} #tabs #tabs_container ul li{display: inline-block;vertical-align: middle;width: 49%;} .items .horizontal-menu ul:not(.nav-child)>li>a{ width: 187px; padding-left: 55px; } .items .horizontal-menu ul:not(.nav-child)>li>a img { left: 12px; top: 16px; } .items .horizontal-menu>ul>li:not(:last-child) { margin-right: 10px; } section .h5, section h5{ font-size: 30px; } .search-block .msg { font-size: 22px; } form.horizontal .form-control:first-child{ margin-right: 12px; } .footer-phone a:not(:last-child){ display: block; margin: 0; } .item .item-body{ padding: 20px } .video-block .img-wrap{ background-size: 300px; height: 170px; } .video-block .img-wrap img{ width: 130px; border-radius: 40px 0px 0px 0px; } .video-block .vid-name { font-size: 16px; max-width: 190px; top: 10px; left: 15px; } .video-block .vid-btn { left: 15px; font-size: 10px; width: 85px; bottom: 55px; } } @media only screen and (max-width: 1199px) { .videos-mini.affix,.search-form-block.affix{width: 212.5px;} .videos-mini .video-block .img-wrap img{display: none;} .videos-mini .video-block .img-wrap{background-image: none;height: 170px;} .videos-mini .video-block.mini .img-wrap { height: 120px; } .videos-mini .video-block .vid-btn { bottom: 10px; } .cats-ob li a{ padding: 0px 10px; max-width: 165px; } .item-full .img-animate img{ height: 472px; } #tabs_cats>ul li{ width: calc(100%/6 - 3px); min-width: 115px; } #tabs_cats>ul li:last-of-type::after { opacity: 0; } .main-view .form-row{ max-width: 100%; } .main-view .form-row a.whatsapp,.main-view .form-row a.viber { width: 180px; line-height: 1; padding: 16px; padding-left: 60px; display: inline-block; margin-bottom: 0; } .main-view .form-row .form-control { margin: 0; display: inline-block; vertical-align: middle; } .main-view .form-row .form-control:first-child { margin-right: 10px; } .main-view .form-row .col-xs-12:nth-child(2)::before { left: -25px; height: 56px; } .main-view .form-row .form-control input,.main-view .form-row .form-control button { width: 200px; } .main-view .form-row a.whatsapp { margin-right: 10px; } .video-block .vid-btn{ bottom: 30px; } .expirience .expirience-brands .brand{ background-size: auto; background-position: 35px 0px; } #header .phone{ padding-left: 30px; margin-top: 20px; } #city_select-styler { margin-top: 15px; } #header .sitedescription { margin-top: 6px; margin-bottom: 24px; } .logo { font-size: 14px; } .apps p { max-width: 120px; } .apps>ul li { display: block; } .apps>ul li:first-child { margin-bottom: 3px; } #header .horizontal-menu { padding: 20px 10px; } .main section.main-view { padding-bottom: 30px; } #tabs_container .btn { text-align: center; } section.main-view .search-form { max-width: 100%; } .search-form.horizontal-form .sf-control.full-width .sf-control-name { max-width: unset; } .search-form.horizontal-form button[type="submit"] { margin-left: 142px; } #header .horizontal-menu>ul>li:not(:last-child) { margin-right: 12px; } .apps { padding: 6px; } .phone::before { width: 25px; height: 25px; top: -2px; } .service{ min-height: 620px; margin-bottom: 30px; } .functional-image { height: auto; background: none; } .functional-image .point .point-description { max-width: 250px; left: -200px; } .functional-image img { max-width: 100%; height: auto; } .economy-description{max-width: 100%;margin-left: 20px;} .form-row { padding: 10px; } .questions-form .form input,.questions-form .form button { width: 215px; } .form-row.horizontal .important { padding-left: 8px; } .form-row .col-xs-12:nth-child(2) { padding-left: 23px; } .economy-description p { line-height: 1; } .items .horizontal-menu ul:not(.nav-child)>li>a { width: 311px; } .items .horizontal-menu>ul>li { margin-bottom: 5px; } .items .horizontal-menu { margin-bottom: 35px; } .form-row .col-xs-12:nth-child(2)::before { left: 2px; } .search-block .msg{ margin-bottom: 20px; margin-top: 20px; } .search-block .catalog-btn { padding: 15px 20px; } .search-block .catalog-btn .btn { float: right; } .search-block .catalog-btn span { display: inline-block; line-height: 60px; margin-bottom: 0; } .copyrights p.center a:not(:last-child){ margin-right: 25px; } .expirience .expirience-text{ margin-bottom: 20px; } .form-row.horizontal a.whatsapp, .form-row.horizontal a.viber { width: 180px; line-height: 1; padding: 16px; padding-left: 60px; } } @media only screen and (max-width: 991px) { .search-form.vertical-form button{width: 100%;} .videos-mini{ margin-top: 30px; } .videos-mini .video-block { margin-bottom: 20px; } .videos-mini .video-block .img-wrap,.videos-mini .video-block.mini .img-wrap { background-size: 300px; height: 170px; margin-bottom: 0; background-image: url(../img/vid-bg.png); } .videos-mini .video-block .vid-btn { left: 15px; font-size: 10px; width: 85px; bottom: 55px; padding: 8px; background: url(../svg/play-btn.svg) 12px center no-repeat #368cbf; text-transform: uppercase; font-weight: 500; padding-left: 25px; } .video-block.mini .vid-name { font-size: 16px; max-width: 190px; top: 10px; left: 15px; } .videos-mini .video-block .img-wrap img { display: block; width: 195px; } .videos-mini .col-xs-12:nth-child(3),.videos-mini .col-xs-12:nth-child(2) { padding-left: 15px; padding-right: 15px; } .item-full .img-animate img{ height: 300px; } .item-full .img-animate { margin-bottom: 20px; margin-top: 20px; } .breadcrumb{text-align: center;} .expirience .expirience-brands .brand{ background-size: 759px; background-position: 10px 4px; } #header .sitedescription{ text-align: center; margin: 0; margin-bottom: 15px; } .logo { margin: auto; } #city_select-styler { display: block!important; margin: auto; margin-top: 15px; margin-bottom: 15px; } #city_select-styler.opened .jq-selectbox__trigger-arrow { transform: scale(1,-1); } #header .jq-selectbox__dropdown { left: 0; top: 32px!important; } #header .phone { max-width: 180px; margin: auto; margin-bottom: 20px; } .apps { text-align: center; position: relative; } .search-form.horizontal-form .sf-control.full-width .sf-control-name{ max-width: calc(100% - 239px); } .search-form.horizontal-form button[type="submit"] { margin-left: 72px; } .service .service-description,.service{ height: auto; min-height: 1px; } .service .btn{ position: relative; bottom: 0; left: 0; width: 100%; text-align: center; } .services-fields #tabs_container, .services-fields #tabs ul,.services-fields #tabs_container div.tab{ width: 100%; padding: 0; } .services-fields #tabs li{ display: inline-block; width: calc(100%/2 - 2px); } .services-fields #tabs li:not(:last-child) { margin-bottom: 5px; } .services-fields{ margin-top: 0px } .form-row .col-xs-12:nth-child(2){ padding-left: 80px; } .form-row.horizontal .col-xs-12:nth-child(2) { padding-left: 15px; } .form-row.horizontal .col-xs-12:nth-child(2)::before { display: none; } .form-row a.whatsapp,form .form-control:not(:last-child) { margin-bottom: 20px; } .economy-description { margin-left: 0; display: none; } .form-row { margin-bottom: 0; } .items .horizontal-menu ul:not(.nav-child)>li>a{ width: 358px; } .item { padding-top: 0; margin-bottom: 20px; } .item .item-body { padding-top: 40px; } section .h5, section h5 { line-height: 1; } .search-block .search-form.horizontal-form .sf-control,.search-block .search-form.horizontal-form .sf-control.button { width: calc(100%/2 - 15px); } .search-block .search-form.horizontal-form button[type="submit"] { width: 100%; } .search-block .search-form.horizontal-form .sf-control:nth-child(3) { margin-left: 0; } .search-block .search-form.horizontal-form .sf-control:nth-child(1),.search-block .search-form.horizontal-form .sf-control:nth-child(2) { margin-bottom: 20px; } .item .marks {top: 10px;} .footer-phone{ width: 150px; margin: auto; margin-bottom: 20px; } footer{text-align: center;} footer .mail { margin-bottom: 20px; display: inline-block; } footer .col-md-4 .footer-nav{ padding: 0; } .footer-nav>ul>li:not(:last-child){ margin-bottom: 20px; } .footer-nav{ margin-bottom: 20px; } .copyrights,p.left,p.right{ text-align: center; } p.left { margin-bottom: 10px; } p.right { margin-top: 10px; } .form-row.horizontal p{ text-align: center; margin-bottom: 20px; } form.horizontal .form-control:first-child { margin-bottom: 0; } form.horizontal .form-control { width: calc(100%/2 - 8px); } .questions-form .form input, .questions-form .form button { width: 100%; } .form-row.horizontal a.whatsapp, .form-row.horizontal a.viber { width: calc(100%/2 - 7px); max-width: unset; margin-bottom: 20px; } .form-row.horizontal .important { padding: 0; text-align: center; } .form-row a.viber::before, .form-row a.whatsapp::before { top: 9px; } section .h2, section h2,.tabs-title{text-align: center;} .main-view .form-row{ text-align: center; } .main-view .form-row p:not(.important) { margin-bottom: 20px; } .main-view .form-row .form-control input, .main-view .form-row .form-control button { width: 100%; } .main-view .form-row .form-control { width: calc(100%/2 - 7px); } .main-view .form-row a.whatsapp, .main-view .form-row a.viber { width: calc(100%/2 - 7px); max-width: unset; margin-bottom: 20px; text-align: left; } .main-view .form-row .col-xs-12:nth-child(2) { padding-left: 15px; } } @media only screen and (max-width: 767px) { .main-view .form-row{ padding-left: 0; padding-right: 0; } #tabs_cats>ul{ margin-bottom: 30px } .info ul li, .text-block ul li{ width: calc(100%/2 - 11px); } .expirience .expirience-brands .brand{min-width: 135px} .functional-image{ padding-bottom: 20px; } .mobile-info-container{display: block;opacity: 0;} .mobile-info-container.active { opacity: 1; } .form-row{ background: none; } section .h2, section h2{ font-size: 28px; } .tabs-title { font-size: 25px; margin-top: 20px; } section.main-view .h1, section.main-view h1{ font-size: 34px; } .form-row a.viber, .form-row a.whatsapp { display: inline-block; vertical-align: middle; margin-bottom: 20px; width: calc(100%/2 - 10px); max-width: unset; padding: 16px; padding-left: 60px; } .form-row a.whatsapp { margin-right: 10px; } .form-row .col-xs-12:nth-child(2) { padding-left: 15px; } .form-row .col-xs-12:nth-child(2)::before { display: none; } .form-row p { text-align: center; } form .form-control { display: inline-block; width: fit-content; width: calc(100%/2 - 7px); } form .form-control:not(:last-child) { margin-bottom: 0; margin-right: 10px; } .form input, .form button { width: 100%; } .items .horizontal-menu ul:not(.nav-child)>li>a{ width: auto; } .items .horizontal-menu { text-align: center; } } @media only screen and (max-width:520px) { .main-view .form-row .form-control{ width: 100%; margin: 0; } .main-view .form-row .form-control:first-child { margin: 0; margin-bottom: 15px; } .main-view .form-row a.whatsapp, .main-view .form-row a.viber{ display: block; width: 100%; } .services-fields #tabs li{ width: auto; } .services-fields #tabs>ul { text-align: center; } .search-form.horizontal-form .sf-control{ width: 100%; } .search-form.horizontal-form button[type="submit"] { margin-left: 0; } .search-form.horizontal-form .sf-control:not(.full-width) { margin-left: 0; margin-bottom: 15px; } .search-form.horizontal-form button[type="submit"] { margin-left: 20px; } .search-form.horizontal-form .sf-control.full-width .sf-control-name { max-width: calc(100% - 184px); } .form-row a.viber.visible-xs-inline-block, .form-row a.whatsapp{display: block!important;margin-right: 0;margin: auto;margin-bottom: 15px;width: 100%;} form.horizontal .form-control:first-child { margin-bottom: 15px; } form.horizontal .form-control { display: block; width: 100%; } .form-row.horizontal a.whatsapp { width: 100%; } form .form-control{display:block;margin: auto;width: 100%;} form .form-control:not(:last-child) { margin: auto; margin-bottom: 15px; } .search-block .search-form.horizontal-form .sf-control, .search-block .search-form.horizontal-form .sf-control.button{display: block;width: 100%} .search-block .search-form.horizontal-form .sf-control:not(.full-width),.search-block .search-form.horizontal-form .sf-control { margin-bottom: 15px; } } @media only screen and (max-width:470px) { } @media only screen and (max-width:425px) { .item-full .img-animate img{ height: auto } .cats-ob li a{ color: transparent; } .cats-ob li a img { display: block; margin: auto; } .cats-ob li {width: calc(100%/3 - 3px);min-width: 94px;} .cats-ob ul { display: block; } .cats-ob li a span { display: none; } #tabs_cats>ul li:last-of-type::after{ opacity: 1 } #tabs_cats>ul li{ width: calc(100%/2 - 3px); } #tabs_cats>ul li:nth-child(2n)::after {content: '';width: 1px;height: 40px;top: 10px;right: 0;background: rgba(68, 75, 84, 0.2);position: absolute;} .info ul li, .text-block ul li { width: 100%; } .search-block .catalog-btn{ text-align: center; } .search-block .catalog-btn span { display: block; line-height: 1; margin-bottom: 20px; } .search-block .catalog-btn .btn { float: none; width: 100%; } .services-fields #tabs li{display: block;text-align: left;} .items .horizontal-menu>ul>li{display: block;} .items .horizontal-menu ul:not(.nav-child)>li>a { width: 100%; display: flex; text-align: left; align-items: center; } #tabs #tabs_container ul li{ display: block; width: 100%; margin-bottom: 10px; } section.main-view p.view-description{max-width: 100%;} .search-form.horizontal-form .sf-control.full-width .sf-control-name { max-width: 100%; margin-bottom: 15px; } .search-form.horizontal-form button[type="submit"] { margin-left: 0; width: 100%; } } @media only screen and (max-width:360px) { .docs ul li a{max-width: unset;} .docs ul li { width: 100%; } .expirience .expirience-brands .brand{width: calc(100%/2)} } @media only screen and (max-width:320px) { .copyrights p.center a{display: block} .copyrights p.center a:not(:last-child) { margin: 0; } } @media (max-width:1600px) and (min-width:1200px) { .container {width:95%} } .horizontal-menu ul ul li a {padding: 4px 5px!important;display: block;} .bread_b {background: #F0F6FA;padding-bottom: 20px;margin-bottom: 40px;} .dsioe .item-body {position:relative; } .gdr44 {position:absolute; top:20px; right:20px;background:#f7f7f7;padding:5px 10px;border-radius:5px; font-size:13px;} .dsioe .header {font-size:20px;} .dsioe .item {padding-bottom:40px; padding-top:0px;} .inforrmat {font-size:15px;padding-bottom:40px;} .d { height: 30px; background: white; box-shadow: none; border: none; position:relative; border-radius: 30px; font-size: 14px; line-height: 30px; letter-spacing: 0; padding-left: 12px; font-size:12px; width:163px; cursor: pointer; } .active .d .jq-selectbox__trigger-arrow{ transform: rotate(-180deg); transition: all 0.3s ease-in-out; } .selector ul {display:none;} .selector {display:inline-block} .selector.active ul { top: 35px!important; display:block; right:auto; box-sizing: border-box; width: 100%; margin: 0px 0 0; border: none; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); font-size: 12px; padding: 5px; width: 160px; z-index: 10; position: absolute; } .selector.active {position:relative} .selector.active ul li a {padding:2px;padding-bottom:5px;display:inline-block} @media (max-width:768px) { .logo {max-width:270px;margin-bottom: 20px;} .col-xs-12 {float:none;} .selector {margin:0px auto;margin-bottom:20px;display: block;width: 160px;font-size: 14px;} .selector .d {font-size:14px;} } .itemid-101 .main-view .jq-selectbox__dropdown ul{max-height:240px} .main-view {overflow:hidden;} @media (max-width:768px) { #myAffix2 {position: relative!important; width: 100%;} } #da3f {width:20px!important;height:20px;position: relative;top: 10px;} .dropd ul {display:none;} .dropd:hover ul { display: block; position: absolute; width: 300px; right: -10px; box-shadow: 0px 0px 10px rgb(0 0 0 / 27%); border: 0px; top: 55px; } .dropd {position:relative;} .dropd li {display:block;border: 0px;} .dropd li a { max-width: 320px; display: block; } .dropd li a img { width: 30px; height: 30px; } .dropd li a::before {display:none;} .dropd:hover svg {opacity:0.5} #da3f {transform:rotate(90deg); display:block;} .dropd {margin-right:10px} .videos-mini.affix, .search-form-block.affix {position:relative!important;} @media (max-width:1355px) { header .logo {position:relative;}} @media (max-width:1200px) { header .logo {top: 10px;position:relative;}} @media (max-width:1200px) { header .logo {top: 15px;position:relative;}} @media (min-width:1324px) { header .logo {position:relative;}} #header .sitedescription {margin-right:-15px} @media (max-width:1300px) { header .logo {top: 0px;position:relative;} .apps {margin-left:-5px}} @media (min-width:1680px) {.sputnik-block {width:80%; height:80%;} .img-animate img { margin-top: 110px; } .sputnik-block .sputnik.sputnik-center {top:50px;} header .logo {} } @media (max-width:1680px) { header .logo {} } @media (max-width:1600px) { header .logo {} } @media (max-width:1300px) { header .logo {} } .clearfix {overflow:hidden;margin-top:20px;clear:both;padding-top: 20px;} @media (min-width:1000px) {header .logo {height: 47px;vertical-align: middle;line-height: 47px;} header .logo img {vertical-align:middle;display: inline;line-height: 47px;} } @media (max-width:1000px) {.dgt2d {display:none;}.dgt1d {display:block!important;}} @media (max-width:1556px) { .img-animate img {max-width: 120%;} } @media (min-width:768px) { .videos-mini.affix, .search-form-block.affix {position:fixed!important} } @media (max-width:768px) { img {max-width:100%;}} .dser22 {padding:20px;border: 1px solid #e8e8e8;margin-top:20px;border-radius: 5px;max-width: 400px;box-shadow: 0px 10px 20px #00000030;} .dser {font-size:30px;margin-bottom:10px;} .con label {display:block;padding-bottom: 10px;margin-top:20px;} .con input { align-content: baseline; background: center no-repeat #F3F3F3; border-radius: 4px; border: none; padding: 20px; padding-left: 35px; max-width: 100%; width: 500px; } .con textarea { background: center no-repeat #F3F3F3; border:0px; padding:10px; width:100%; align-content: baseline; background: 10px center no-repeat #F3F3F3; border-radius: 4px; border: none; padding: 20px; padding-left: 35px; margin-bottom: 20px; } .con input:focus,.con textarea:focus {box-shadow:0px 0px 0px 1px #18963a} .inforrmat p {margin-bottom:15px} .inforrmat br {margin-bottom:5px;display:block;height: 1px;padding-bottom: 5px;width: 1px;} .inforrmat img {margin-bottom:15px;margin-top:15px;} .accord { bottom: 0; height: 150px; left: 0; padding-top: 110px; position: absolute; text-align: center; width: 100%; z-index: 10; background: transparent; border: 0px; color: #000000; background-image: linear-gradient(to top, #fff 40px, transparent); text-decoration: underline; font-weight: bold; z-index: 1; } .av { transition: height 200ms ease-out 0ms; background-color: #fff; margin-top: 24px; max-height: 130px; overflow: hidden; position: relative; width: 100%; color: #000; margin-bottom: 50px; } .body_accord {z-index:0;font-size:15px;} .body_accord p {margin-bottom:15px;} .av.actives {height:auto;max-height: 10030px;} .av.actives .accord {display:none;} .dsioe .header {font-size:16px;overflow:hidden; height:60px;} .pagination-list { padding-top:5px } .pagination-list li {display:inline-block; } .pagination-list li.active {opacity:0.4;} .pagination-list li.hidden-phone span,.pagination-list li.hidden-phone a {display:block; background:#efefef; margin-right:5px;display:block; width:35px;height:35px; text-align:center;line-height:35px;border-radius:5px;} .main-view .search-form .mark .jq-selectbox__dropdown ul {} .main-view .search-form .brench-vpg .jq-selectbox__dropdown ul {} .automark li {width:33%;margin-bottom: 20px;} .idses1 {} .automark ul li:not(:first-child)::before {} .idses1::before {display:none!important;} .idses2 {} .idses1 {padding-right:40px} .idses2 {padding-left:40px} .idses2::before {position: absolute!important;left:-20px;} .idses3 { padding-left: 40px; } .idses3::before {position: absolute!important;left: -0px;} .find-items .col-xs-12 {display:inline-block;float:none;width: 49%;vertical-align: top;} .videos-mini .col-xs-12.col-md-6 {margin-bottom:10px} .videos-mini .col-xs-12 .vid-btn {top:auto;bottom:20px;} .videos-mini .col-xs-12.col-md-6 .vid-btn {top:auto;bottom:10px;} @media (max-width:1000px) { #myAffix.videos-mini.affix, .search-form-block.affix {position:relative!important} } @media (max-width:1200px) { #myAffix.videos-mini.affix, .search-form-block.affix { } } @media (max-width:768px) { .automark ul li { width: auto; display: block; padding-left: 0px; } .automark ul li:before {display:none;} .find-items .col-xs-12 {width:auto; display:block;} .text-block h1 {font-size:25px} .videos-mini.affix, .search-form-block.affix {width:auto} .videos-mini .col-xs-12 {padding-left:10px!important;padding-right:10px!important} .cats-ob li {display:block;width:100%;float:none;text-align: center;height: auto;min-height: 40px;} .cats-ob>ul {display:block} .cats-ob li a {max-width:100%;} .cats-ob li a {text-align:center;display: block;} .cats-ob li:not(:first-child) a::before {border:0px!important;content:''; display:none;} #da3f {margin:0px auto; width:60px} .dropd:hover ul { width: 100%; right: 0px; top: 35px; z-index: 100; } } .item-full.main-view {overflow:visible} .dropd {height: 55px;margin-bottom: -20px;} .main-view2.main-view {overflow: visible!important;margin-top:-300px;padding-bottom:110px!important;} .main-view2.main-view .container {padding-left:0px} @media (max-width:1393px) { .main-view2.main-view {margin-top:-220px;padding-bottom:60px!important} } @media (max-width:1200px) { .main-view2.main-view {margin-top:0px;padding-bottom:40px!important} } * {outline:none!important} @media (min-width:768px) { .item { background: #FFFFFF; border: 1px solid #c7ced2; border-radius: 6px; padding: 10px; text-align: center; padding-top: 20px; transition: all 0.3s; } .item:hover {box-shadow:0px 10px 20px rgb(0 0 0 / 10%);} } @media (min-width:768px) { .video-block .img-wrap img { width: 190px!important; border-radius: 40px 0px 0px 0px!important; }} .panel-body a {text-decoration:underline;color:#4482d1;} #accordion .opclvis {border: 2px solid #4482d1;height: 25px;width: 25px;border-radius: 100%;} #accordion .opclvis::before {width: 60%;margin:0px auto;left: 20%;right:auto;height: 2px;top: 50%;margin-top: -1px;} #accordion .opclvis::after {height: 60%;margin:0px auto;right:auto;top: 20%;left: 50%;margin-left: -1px;} #myAffix2 {z-index:10;} .modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border-radius:6px;outline:0;}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px;padding-top: 0px;}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.clearfix:before,.clearfix:after,.modal-header:before,.modal-header:after,.modal-footer:before,.modal-footer:after{display:table;content:" "}.clearfix:after,.modal-header:after,.modal-footer:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed} .modal-header .close svg {width:25px;height:25px;} .modal-header .close {background:transparent;border:0px; position:absolute;right:10px;} .modal-header {border:0px;} .jkiop {font-size:17px;} .jkiop ul {margin-top:17px;} .jkiop ul li {color:#3b3b3b;margin-bottom:5px; cursor:pointer; } .jkiop ul li:hover {color:#3375ba;} .city_select {margin-top:20px;} .city_select button {border:0px;border-radius:50px;padding: 5px 10px;margin-right:5px;margin-bottom: 5px;} .jkiop label {display:block;font-size:20px;} #search-highlight {width:100%;border-radius:5px;padding:5px 10px;margin-top:10px;border:2px solid #ddd} button.d-city.active {background:#659dd5;color:#fff} li.d-city.active {color:#3375ba;font-weight:bold} .modal-header .close {z-index:100} .modal-header .close:hover {opacity:0.4} .df2 {position:absolute;background:#fff;box-shadow:0px 5px 25px rgb(0 0 0 / 29%);z-index:100;border-radius:5px;width:165px;padding:5px;font-size: 12px;} .df2 button{border:0px; margin-top:5px;padding:3px 10px;border-radius:5px;} .df2 button:hover {opacity:0.5;} .jkiop ul { margin-top: 17px; height: 300px; overflow: auto; } @media (max-width:1600px) and (min-width:1500px){ #header .horizontal-menu>ul>li:not(:last-child) { margin-right: 41px;} .horizontal-menu>ul>li.parent>a {padding-right:12px; margin-right: 0px;} } @media (max-width:1500px) and (min-width:1390px) {#header .horizontal-menu>ul>li:not(:last-child) { margin-right: 26px;}} @media (max-width:1390px) and (min-width:1370px) { #header .horizontal-menu>ul>li:not(:last-child) { margin-right: 27px;} } @media (max-width:1370px) and (min-width:1290px) { #header .horizontal-menu>ul>li:not(:last-child) { margin-right: 17px;} } @media (max-width:1290px) and (min-width:1220px){ #header .horizontal-menu>ul>li:not(:last-child) { margin-right: 11px;} .horizontal-menu>ul>li.parent>a {padding-right:12px; margin-right: 0px;} } @media (max-width:1220px) and (min-width:1200px){ #header .horizontal-menu>ul>li:not(:last-child) { margin-right: 9px;} .horizontal-menu>ul>li.parent>a {padding-right:12px; margin-right: 0px;} } @media (max-width:1200px) { #header .horizontal-menu>ul>li:not(:last-child) { margin-right: 5px;} #header .horizontal-menu>ul:not(.nav-child)>li>a {font-size:12px;} .horizontal-menu>ul>li.parent>a {padding-right:12px; margin-right: 0px;} } .descr_phone {position:absolute; top:-15px; text-transform:uppercase; font-size:11px;} .sf4y77 { bottom:70px!important; border:0px; background:#7ebc59;min-width:222px} @media(max-width:991px) { .sf4y77 {bottom:-10px!important;} } @media (min-width: 1679px) { .service { min-height: 693px; } .service .sf4y77 {bottom:80px!important; width:236px;} } @media(max-width:768px) { .df2 { top:-20px} } .city-selector { padding-left:0px; padding-right:0px; } .city-selected{ text-align:left; } .redtrlist{ display:flex; }