#wp-admin-bar-wp-admin-bar-options > .ab-item:before { content: "\f100"; top: 2px; }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}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.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{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"]{-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"]{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:none}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:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} @font-face{font-family:'webflow-icons';src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0 0;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1);cursor:pointer}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%}fieldset{padding:0;margin:0;border:0}button,html input[type="button"],input[type="reset"]{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed;background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none !important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-widget-gplus{overflow:hidden}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;box-shadow:0 0 0 2px #fff}.w-slider-dot:focus.w-active{box-shadow:none}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^="w-icon-"],.w-slider-arrow-right [class^="w-icon-"],.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"]{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type="video"]>div:after{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default !important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] [data-nav-menu-open]{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] [data-nav-menu-open]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important} .w-form-formrecaptcha {
margin-bottom: 8px;
}
.w-checkbox {
display: block;
margin-bottom: 5px;
padding-left: 20px;
}
.w-checkbox::before {
content: ' ';
display: table;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
.w-checkbox::after {
content: ' ';
display: table;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
clear: both;
}
.w-checkbox-input {
float: left;
margin-bottom: 0px;
margin-left: -20px;
margin-right: 0px;
margin-top: 4px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
border-right-color: #ccc;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
width: 12px;
height: 12px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
border-top-color: #3898ec;
border-bottom-color: #3898ec;
border-left-color: #3898ec;
border-right-color: #3898ec;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/custom-checkbox-checkmark.589d534424.svg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0px 0px 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom {
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
border-right-color: #ccc;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
width: 12px;
height: 12px;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0px 0px 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-top-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-right-width: 4px;
border-top-color: #3898ec;
border-bottom-color: #3898ec;
border-left-color: #3898ec;
border-right-color: #3898ec;
}
body {
font-family: Montserrat, sans-serif;
color: #090909;
font-size: 16px;
line-height: 1.5em;
font-weight: 400;
}
h1 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
color: #090909;
font-size: 40px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
h2 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
color: #090909;
font-size: 34px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
h3 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
color: #090909;
font-size: 28px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 24px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
h5 {
position: relative;
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 20px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
p {
margin-bottom: 10px;
}
a {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #090909;
text-decoration: underline;
}
a:hover {
color: #565bbf;
}
ul {
margin-top: 10px;
margin-bottom: 10px;
list-style-type: disc;
}
li {
margin-bottom: 3px;
}
em {
font-style: italic;
}
blockquote {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 40px;
padding: 15px 15px 15px 90px;
border-style: solid;
border-width: 1px 5px 1px 12px;
border-color: #6d74f2;
border-radius: 25px;
background-color: rgba(183, 186, 244, 0.05);
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dba972c46957164bfb872ab_right-quote.svg);
background-position: 15px 15px;
background-size: auto 48px;
background-repeat: no-repeat;
color: #565773;
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
.header__navmenu {
border-bottom: 3px solid #dfdbdc;
background-color: transparent;
}
.nav__menu__btn-icon {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.header_logo-img {
position: relative;
height: 70px;
}
.nav__menu_droplist {
background-color: transparent;
}
.nav__menu_droplist.w--open {
z-index: 2001;
overflow: auto;
max-height: 80vh;
min-width: 325px;
background-color: transparent;
box-shadow: 0 15px 30px -15px rgba(9, 9, 9, 0.5);
}
.header__navmobil_link {
position: relative;
display: inline-block;
padding-right: 0px;
padding-left: 0px;
border-style: solid;
border-width: 1px;
border-color: #bababa;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #b2cbe1;
font-weight: 700;
text-transform: uppercase;
}
.header__navmobil_link:hover {
background-color: #009fe3;
color: #fff;
text-decoration: none;
}
.header__navmobil_link.w--current {
color: #e31e24;
}
.header__navmobil_link.w--current:hover {
-webkit-filter: none;
filter: none;
}
.header__navmobil {
border-bottom: 3px solid #dfdbdc;
background-color: hsla(0, 0%, 100%, 0.95);
}
.header__navtop {
float: right;
background-color: transparent;
text-align: center;
}
.header__navtop_menu {
display: inline-block;
margin-right: auto;
margin-left: auto;
float: none;
text-align: center;
}
.search-top__btn {
position: relative;
width: 25px;
height: 25px;
padding: 0px 3px 1px 0px;
float: right;
background-color: transparent;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-family: 'Fontawesome webfont', sans-serif;
color: hsla(0, 0%, 100%, 0.75);
line-height: 18px;
font-weight: 400;
text-align: center;
}
.search-top__btn:hover {
border-color: #f2d86d;
color: #f2d86d;
}
.header-contacts__link-phone {
display: inline-block;
color: #090909;
font-size: 20px;
text-decoration: none;
}
.header-contacts__link-phone:hover {
-webkit-filter: none;
filter: none;
color: #f2d86d;
text-decoration: none;
}
.header__top {
max-height: 36px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#6d74f2), to(#8c92ff));
background-image: linear-gradient(180deg, #6d74f2, #8c92ff);
}
.header__navtop_link {
padding: 7px 15px;
background-color: transparent;
color: #dfdbdc;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
}
.header__navtop_link:hover {
border-color: #009fe3;
background-color: #f2d86d;
-webkit-filter: none;
filter: none;
color: #fff;
}
.header__navtop_link.w--current {
color: #ddd;
}
.header-contacts__text-mail {
margin-left: 5px;
font-size: 14px;
font-weight: 500;
}
.header-contacts__text-mail:hover {
text-decoration: underline;
}
.header-navmenu__drop-link {
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 3px;
color: #8c92ff;
font-size: 14px;
line-height: 18px;
font-weight: 500;
letter-spacing: 1px;
}
.header-navmenu__drop-link:hover {
background-color: #f2d86d;
-webkit-filter: none;
filter: none;
color: #fff;
}
.header-navmenu__drop-link.w--current {
color: #f2d86d;
text-decoration: none;
cursor: default;
}
.header-navmenu__drop-link.w--current:hover {
background-color: transparent;
}
.header__search {
position: relative;
display: inline-block;
margin-top: 4px;
margin-bottom: 4px;
float: right;
}
.header-contacts__link-mail {
display: inline-block;
margin-right: 10px;
color: #090909;
text-decoration: none;
}
.header-contacts__link-mail:hover {
-webkit-filter: none;
filter: none;
color: #f2d86d;
text-decoration: none;
}
.container {
position: relative;
max-width: 1200px;
min-width: 360px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.header-contacts {
padding-top: 7px;
padding-bottom: 6px;
text-align: right;
}
.header_menu_cover {
position: relative;
z-index: 1001;
display: inline-block;
float: right;
}
.div-block {
float: left;
}
.brand {
position: absolute;
left: 0px;
top: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
}
.brand:hover {
-webkit-filter: none;
filter: none;
color: #02192e;
}
.search-top__input {
display: inline-block;
width: 204px;
max-height: 25px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
float: right;
border-style: solid;
border-width: 1px;
border-color: transparent transparent hsla(0, 0%, 100%, 0.25);
background-color: transparent;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: hsla(0, 0%, 100%, 0.6);
font-size: 12px;
}
.search-top__input:hover {
color: #fff;
}
.search-top__input:focus {
color: hsla(0, 0%, 100%, 0.8);
}
.search-top__input::-webkit-input-placeholder {
color: hsla(0, 0%, 100%, 0.6);
font-size: 12px;
letter-spacing: 0.1em;
}
.search-top__input:-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.6);
font-size: 12px;
letter-spacing: 0.1em;
}
.search-top__input::-ms-input-placeholder {
color: hsla(0, 0%, 100%, 0.6);
font-size: 12px;
letter-spacing: 0.1em;
}
.search-top__input::placeholder {
color: hsla(0, 0%, 100%, 0.6);
font-size: 12px;
letter-spacing: 0.1em;
}
.text-body {
color: #090909;
}
.section__title {
margin-bottom: 30px;
padding-right: 15px;
padding-left: 15px;
font-family: 'Open sans', sans-serif;
font-size: 34px;
line-height: 1.2em;
font-weight: 400;
text-align: center;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.section__title.yellow {
text-transform: none;
}
.post__content {
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
.section-catalog-main {
position: relative;
padding-top: 30px;
padding-bottom: 75px;
}
.input {
padding: 8px 12px;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
background-color: transparent;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #090909;
font-size: 14px;
line-height: 20px;
}
.input:focus {
border-color: #565bbf;
color: #090909;
}
.input::-webkit-input-placeholder {
background-color: transparent;
color: #3a3fa6;
font-size: 12px;
}
.input:-ms-input-placeholder {
background-color: transparent;
color: #3a3fa6;
font-size: 12px;
}
.input::-ms-input-placeholder {
background-color: transparent;
color: #3a3fa6;
font-size: 12px;
}
.input::placeholder {
background-color: transparent;
color: #3a3fa6;
font-size: 12px;
}
.input.area {
min-height: 100px;
}
.input.area:active {
border-color: hsla(0, 0%, 100%, 0.6);
}
.input.area:focus {
color: #090909;
}
.calc__form_btn {
width: 240px;
height: 45px;
padding-right: 45px;
padding-left: 45px;
float: right;
border-radius: 5px;
background-color: #6d74f2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
text-align: center;
}
.calc__form_btn:hover {
text-decoration: none;
}
.footer {
margin-right: auto;
margin-left: auto;
padding-top: 30px;
background-image: linear-gradient(135deg, #565bbf, #3a3fa6);
color: #fff;
}
.footer__text-copyright {
color: hsla(0, 0%, 100%, 0.75);
font-size: 10px;
line-height: 20px;
text-align: center;
letter-spacing: 0.02em;
}
.footer__contacts-link {
display: block;
color: hsla(0, 0%, 100%, 0.75);
font-size: 13px;
text-decoration: none;
}
.footer__contacts-link:hover {
-webkit-filter: none;
filter: none;
color: #fff;
text-decoration: none;
}
.footer-link-phone {
color: hsla(0, 0%, 100%, 0.75);
font-size: 24px;
line-height: 30px;
text-decoration: none;
}
.footer-link-phone:hover {
text-decoration: none;
}
.footer__title {
margin-bottom: 15px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
border-bottom: 1px solid hsla(0, 0%, 100%, 0.6);
color: #fff;
font-size: 18px;
line-height: 24px;
font-weight: 700;
}
.footer__list_link {
display: block;
color: hsla(0, 0%, 100%, 0.75);
font-size: 13px;
letter-spacing: 0.02em;
text-decoration: none;
}
.footer__list_link:hover {
-webkit-filter: none;
filter: none;
color: #fff;
text-decoration: underline;
}
.footer__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.section-copyright {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid hsla(0, 0%, 100%, 0.6);
}
.footer__contacts_phone {
color: hsla(0, 0%, 100%, 0.75);
letter-spacing: 1px;
text-decoration: none;
}
.footer__contacts_phone:hover {
-webkit-filter: none;
filter: none;
color: #fff;
text-decoration: none;
}
.label__check {
position: relative;
top: -2px;
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.check {
display: block;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
.header {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 2000;
margin-right: auto;
margin-left: auto;
background-color: hsla(0, 0%, 100%, 0.95);
box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.25);
}
.breadcrumbs {
display: block;
max-width: 1430px;
min-width: 320px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
line-height: 18px;
}
.breadcrumbs p {
margin-bottom: 0px;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs em {
position: relative;
color: #565bbf;
font-size: 16px;
}
.sectionbreadcrumbs {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f6f1f0;
}
.section__page {
min-height: 75vh;
padding-top: 155px;
}
.section__page.full {
min-height: 75vh;
}
.alignleft {
margin-right: 30px;
margin-bottom: 30px;
float: left;
}
.alignright {
margin-bottom: 30px;
margin-left: 30px;
float: right;
}
.aligncenter {
display: block;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
}
.form_cover-input {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-width: 280px;
margin-bottom: 15px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.text-span-footer {
color: hsla(0, 0%, 100%, 0.75);
font-size: 12px;
line-height: 18px;
font-weight: 300;
letter-spacing: 1px;
}
.text-span-footer:hover {
color: #fff;
}
.image-pattern {
position: absolute;
top: 0px;
right: 0px;
}
.image-pattern.rirghbottom {
top: auto;
right: 0px;
bottom: 0px;
width: 454px;
height: 308px;
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.8)), to(hsla(0, 0%, 100%, 0.8))), url(//con-pipe.ru/wp-content/themes/cp/images/5dba68a0b9f0e717cfec551c_chertzh-1.jpg);
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.8)), url(//con-pipe.ru/wp-content/themes/cp/images/5dba68a0b9f0e717cfec551c_chertzh-1.jpg);
background-position: 0px 0px, 0px 0px;
background-size: auto, contain;
-webkit-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
transform: rotate(-30deg);
}
.image-pattern.rirghbottom._2 {
left: 0px;
right: auto;
bottom: 0px;
max-width: 600px;
}
.heading__h2 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
color: #090909;
font-size: 34px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
.heading__h3 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
color: #090909;
font-size: 28px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
.heading__h4 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 24px;
line-height: 1.5em;
font-weight: 800;
}
.heading__h5 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 20px;
line-height: 1.5em;
font-weight: 800;
}
.heading__h6 {
margin-top: 10px;
margin-bottom: 10px;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 1.5em;
font-weight: 800;
}
.section-form {
position: relative;
padding-top: 30px;
border-top: 5px solid #f2d86d;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebecf7), to(#fff));
background-image: linear-gradient(180deg, #ebecf7, #fff);
}
.header-contacts__text {
display: inline-block;
margin-right: 24px;
font-size: 14px;
font-weight: 500;
}
.pages {
font-weight: 300;
}
.previouspostslink {
display: inline-block;
width: 35px;
height: 35px;
margin-right: 15px;
margin-left: 15px;
padding-top: 5px;
padding-bottom: 4px;
border: 1px solid #eceef4;
border-radius: 3px;
color: #565bbf;
font-weight: 600;
text-decoration: none;
}
.previouspostslink:hover {
border-color: #565bbf;
background-color: #565bbf;
color: #fff;
}
.current {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 5px;
padding-top: 8px;
padding-bottom: 7px;
border: 1px solid #eceef4;
border-radius: 2px;
background-color: rgba(183, 186, 244, 0.1);
color: #565bbf;
font-weight: 600;
}
.page {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 5px;
padding-top: 8px;
padding-bottom: 7px;
border: 1px solid #eceef4;
border-radius: 2px;
color: #565bbf;
font-weight: 600;
text-decoration: none;
}
.page:hover {
border-color: #565bbf;
background-color: #565bbf;
color: #fff;
}
.nextpostslink {
display: inline-block;
width: 35px;
height: 35px;
margin-left: 5px;
padding-top: 5px;
padding-bottom: 4px;
border: 1px solid #eceef4;
border-radius: 2px;
color: #565bbf;
font-weight: 600;
text-decoration: none;
}
.nextpostslink:hover {
border-color: #565bbf;
background-color: #565bbf;
color: #fff;
}
.item-catalog {
overflow: hidden;
width: 25%;
max-width: 272.5px;
margin-right: 10px;
margin-bottom: 24px;
margin-left: 10px;
border-style: solid;
border-width: 1px;
border-color: #bababa;
border-radius: 10px;
background-color: #fff;
box-shadow: 0 10px 30px -20px rgba(1, 67, 101, 0.8);
}
.title-item-catalog {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #b2cbe1;
font-size: 18px;
line-height: 24px;
font-weight: 300;
text-decoration: none;
}
.catalog {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 90px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transform: perspective(1200px);
transform: perspective(1200px);
}
.button-main-category {
margin-top: 20px;
margin-right: 5px;
margin-left: 60px;
padding: 0px;
background-color: transparent;
color: #008998;
font-size: 14px;
font-weight: 300;
text-align: center;
text-decoration: underline;
}
.button-main-category:hover {
color: #fe3b30;
}
.cover-image-item-catalog {
position: relative;
display: inline-block;
width: 100%;
height: 240px;
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
}
.brand-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.brand-footer:hover {
-webkit-filter: none;
filter: none;
}
.footer__text-logo {
margin-bottom: 10px;
padding-right: 30px;
color: #f6f1f0;
font-size: 10px;
line-height: 14px;
font-weight: 300;
}
.footer__text-logo p {
padding-right: 15px;
color: hsla(0, 0%, 100%, 0.75);
font-size: 12px;
line-height: 16px;
letter-spacing: 0.05em;
}
.header_logo-link {
position: absolute;
left: 0px;
top: 0%;
right: auto;
bottom: auto;
z-index: 2001;
padding-top: 6px;
padding-bottom: 6px;
}
.header_logo-link:hover {
-webkit-filter: none;
filter: none;
}
.line-item-catalog {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.line-item-catalog:hover {
border-color: #bababa;
}
.section {
position: relative;
overflow: hidden;
padding-top: 90px;
padding-bottom: 90px;
background-color: rgba(183, 186, 244, 0.1);
}
.yellow {
color: #008998;
font-size: 1.2em;
}
.text-category-main {
margin-right: 15px;
margin-bottom: 15px;
margin-left: 15px;
font-weight: 400;
}
.mask-excerpt-category-main {
position: relative;
overflow: hidden;
height: 61px;
margin-bottom: 15px;
}
.pdf {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-perspective: 1200px;
perspective: 1200px;
}
.icon-header {
border-radius: 5px;
font-family: 'Fontawesome webfont', sans-serif;
color: #bababa;
font-size: 12px;
text-decoration: none;
}
.icon-header:hover {
text-decoration: none;
}
.header-contacts__text-phone {
margin-left: 5px;
font-size: 24px;
font-weight: 600;
}
.icon-footer {
display: inline-block;
margin-right: 5px;
border-radius: 5px;
font-family: 'Fontawesome webfont', sans-serif;
color: #bababa;
font-size: 14px;
line-height: 20px;
font-weight: 400;
text-decoration: none;
}
.icon-footer:hover {
text-decoration: none;
}
.mask-excerpt {
position: absolute;
right: 0px;
bottom: 0px;
height: 20px;
min-width: 25%;
background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(75%, #fff));
background-image: linear-gradient(90deg, transparent, #fff 75%);
line-height: 16px;
text-align: right;
text-decoration: none;
}
.text-span-11 {
color: hsla(0, 0%, 100%, 0.75);
font-size: 13px;
font-weight: 300;
letter-spacing: 1px;
}
.text-span-11:hover {
color: #fff;
}
.docs__text {
display: block;
max-width: 142px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
line-height: 16px;
font-weight: 300;
}
.link-post-archive {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
}
.header__nav-soc {
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
.header__nav-soc.top {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 20px;
}
.fa {
display: inline-block;
font-family: 'Fontawesome webfont', sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.fa:hover {
border-color: #dfdbdc;
-webkit-filter: none;
filter: none;
text-decoration: none;
}
.fa.fa-facebook-f {
width: 30px;
height: 30px;
margin-right: 10px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.25);
border-radius: 25px;
background-color: #6d74f2;
color: hsla(0, 0%, 100%, 0.75);
font-size: 16px;
line-height: 30px;
text-align: center;
}
.fa.fa-facebook-f:hover {
border-color: #4267b2;
background-color: #4267b2;
color: #fff;
}
.fa.fa-youtube-play {
width: 30px;
height: 30px;
margin-right: 10px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.25);
border-radius: 25px;
background-color: #6d74f2;
color: hsla(0, 0%, 100%, 0.75);
font-size: 16px;
line-height: 30px;
text-align: center;
}
.fa.fa-youtube-play:hover {
border-color: #7c5aec;
background-color: #7c5aec;
color: #fff;
}
.fa.fa-vk {
width: 30px;
height: 30px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.25);
border-radius: 25px;
background-color: #6d74f2;
color: hsla(0, 0%, 100%, 0.75);
font-size: 16px;
line-height: 30px;
text-align: center;
}
.fa.fa-vk:hover {
border-color: #4a76a8;
background-color: #4a76a8;
color: #fff;
}
.fa.fa-paper-plane {
width: 30px;
height: 30px;
margin-right: 10px;
padding-right: 3px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.25);
border-radius: 25px;
background-color: #6d74f2;
color: hsla(0, 0%, 100%, 0.75);
font-size: 16px;
line-height: 30px;
text-align: center;
}
.fa.fa-paper-plane:hover {
border-color: #2daae0;
background-color: #2daae0;
color: #fff;
}
.fa.fa-soc {
width: 30px;
height: 30px;
margin-right: 10px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.25);
border-radius: 25px;
background-color: #6d74f2;
color: hsla(0, 0%, 100%, 0.75);
font-size: 16px;
line-height: 30px;
text-align: center;
}
.fa.fa-soc:hover {
border-color: #00aeec;
background-color: #00aeec;
color: #fff;
}
.fa.fa-file-pdf-o {
font-size: 18px;
}
.fa.fa-file-pdf-o.pdf {
border-width: 2px;
border-color: #fff;
color: #fff;
font-size: 18px;
line-height: 30px;
text-align: center;
}
.fa.fa-whatsapp {
width: 30px;
height: 30px;
margin-right: 10px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.25);
border-radius: 25px;
background-color: #6d74f2;
color: hsla(0, 0%, 100%, 0.75);
font-size: 16px;
line-height: 30px;
text-align: center;
}
.fa.fa-whatsapp:hover {
border-color: #00e676;
background-color: #00e676;
color: #fff;
}
.fa.fa-footer {
width: 20px;
color: hsla(0, 0%, 100%, 0.75);
font-size: 12px;
}
.fa.fa-play-circl {
color: #fff;
font-size: 30px;
line-height: 40px;
}
.fa.phone {
color: #6d74f2;
font-size: 16px;
line-height: 22px;
}
.fa.fa-clock {
color: #6d74f2;
font-size: 14px;
}
.fa.fa-mail {
color: #6d74f2;
font-size: 12px;
}
.serching__text {
display: inline-block;
padding-right: 10px;
padding-left: 10px;
font-weight: 800;
text-transform: none;
}
.utility-page-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100vw;
height: 100vh;
max-height: 100%;
max-width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.utility-page-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 260px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.utility-page-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.docs__group {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
margin-bottom: 30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.docs__group_item-link {
width: 20%;
max-width: 189px;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
text-decoration: none;
}
.docs__group_item-link:hover {
-webkit-filter: none;
filter: none;
text-decoration: underline;
}
.docs__noimage {
position: relative;
display: block;
overflow: hidden;
width: 142px;
height: 200px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
border-radius: 5px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc111eba88955902103ba11_doc_cover.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
box-shadow: 0 6px 15px -8px rgba(0, 0, 0, 0.5);
}
.footer_col {
width: 33.333333333333336%;
margin-left: 15px;
}
.post__title {
position: relative;
margin-bottom: 30px;
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.breadcrumbs__cover {
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
}
.page__pagination {
margin-bottom: 60px;
font-weight: 700;
text-align: center;
}
.product__tab_layouts {
padding-top: 15px;
background-color: #fff;
}
.docs__group-title {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 28px;
font-weight: 800;
text-transform: uppercase;
}
.post_img-wrapper {
position: relative;
overflow: hidden;
width: 100%;
min-height: 452px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.product__tab_layout {
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
.form_input-wrapper {
position: relative;
display: inline-block;
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
.form_input-wrapper._50 {
width: 50%;
float: left;
}
.form_input-wrapper._50.left {
padding-right: 5px;
}
.form_input-wrapper._50.right {
padding-left: 5px;
}
.label {
position: absolute;
left: auto;
top: 14px;
right: auto;
bottom: auto;
display: inline-block;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: hsla(0, 0%, 100%, 0.6);
font-size: 14px;
line-height: 1em;
font-weight: 300;
letter-spacing: 0.1em;
}
.label.labelup {
top: 3px;
color: hsla(0, 0%, 100%, 0.6);
font-size: 10px;
}
.button-up {
position: fixed;
left: auto;
top: auto;
right: 0%;
bottom: 0%;
z-index: 2000;
display: none;
margin-right: 15px;
margin-bottom: 50px;
color: #fff;
text-align: center;
text-decoration: none;
}
.text-up {
width: 50px;
height: 50px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 25px;
background-color: rgba(86, 91, 191, 0.75);
color: #fff;
font-size: 14px;
font-style: italic;
letter-spacing: 1px;
}
.text-up:hover {
-webkit-filter: saturate(150%);
filter: saturate(150%);
}
.no-result {
margin-bottom: 30px;
color: #6d74f2;
font-weight: 800;
}
.section-calc__col-left {
width: 40%;
margin-right: 30px;
}
.section-calc__col-right {
position: relative;
width: 60%;
}
.product__tab {
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
padding: 10px 15px;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
background-color: #fff;
color: #6d74f2;
font-size: 14px;
font-weight: 700;
}
.product__tab:hover {
background-color: #6d74f2;
color: #fff;
}
.product__tab.w--current {
border-color: #b7baf4;
background-color: #6d74f2;
color: #fff;
}
.tab-content {
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
.tabs-menu {
position: relative;
z-index: 100;
color: #f6f6f6;
}
.product__tab_layout-title {
margin-bottom: 15px;
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
.mask {
overflow: visible;
}
.like-product__slider {
width: 50%;
height: auto;
background-color: transparent;
}
.like-product__slider_nav {
display: none;
}
.like-product__slider_arrow-left {
left: 0%;
top: 0%;
right: auto;
bottom: 0%;
z-index: 1000;
width: 36px;
height: 36px;
border-radius: 20px;
background-color: #6d74f2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
font-size: 16px;
text-align: center;
}
.like-product__slider_arrow-left:hover {
background-color: #565bbf;
}
.like-product__slider_arrow-right {
left: auto;
top: 0%;
right: -100%;
bottom: 0%;
display: inline-block;
width: 36px;
height: 36px;
border-radius: 20px;
background-color: #6d74f2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
font-size: 16px;
text-align: center;
}
.like-product__slider_arrow-right:hover {
background-color: #565bbf;
}
.catalog__title {
display: block;
min-height: 48px;
margin-right: 15px;
margin-bottom: 5px;
margin-left: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 24px;
font-weight: 800;
text-decoration: none;
text-transform: uppercase;
}
.catalog__image {
position: relative;
width: 100%;
height: 180px;
max-width: 180px;
background-color: #fff;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbc1a50c0a728b957d77bf5_truba-3000-mm.png);
background-position: 0% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.catalog__image._2 {
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbc1a52c0a728f5bbd77bf6_otvod-88.png);
}
.catalog__image._3 {
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbfd7a6c2ce788d7c5fc411_cat_4.png);
}
.catalog__image._4 {
min-width: 200px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbfd7a6c2ce787ea25fc412_cat_3.png);
}
.catalog__image._5 {
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbfd7a65ad64f2ae68bbdc5_cat_5.png);
}
.catalog__image.help {
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbd73d815cb7f566b9e8054_call_bg.png);
}
.catalog-cat {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.docs__img {
position: relative;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
height: 100%;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc111eba88955902103ba11_doc_cover.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.footer__list {
margin-left: 5px;
margin-bottom: 20px;
}
.catalog__excerpt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 85px;
margin-right: 15px;
margin-left: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #090909;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.image__link-post {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
}
.footer__contacts-text {
line-height: 16px;
}
.footer__contacts_text-big {
margin-left: 10px;
font-size: 26px;
line-height: 16px;
font-weight: 700;
letter-spacing: 0.02em;
}
.footer__soc {
display: inline-block;
margin-bottom: 15px;
margin-left: 50%;
text-align: center;
}
.product__tab_layout-text {
margin-bottom: 15px;
}
.calc-form {
position: relative;
}
.container-center {
position: relative;
max-width: 1200px;
min-width: 360px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
text-align: center;
}
.post__img-small {
height: 400px;
margin-bottom: 30px;
}
.like-product__wrapper {
overflow: hidden;
}
.section__title-left {
margin-bottom: 10px;
color: #090909;
font-size: 24px;
line-height: 42px;
font-weight: 700;
text-align: left;
}
.section-calc__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 60px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.calc {
position: relative;
display: block;
max-width: 680px;
margin-right: auto;
margin-left: auto;
padding: 30px;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.5);
}
.conteiner__text-title {
margin-top: 0px;
padding-left: 60px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbab7cb4695713551b913f1_title_pattern.svg);
background-position: 0% 10px;
background-size: auto 40px;
background-repeat: no-repeat;
color: #565bbf;
font-size: 36px;
line-height: 1.5em;
font-weight: 800;
text-transform: uppercase;
}
.posts__item {
width: 33.333333333333336%;
max-width: 380px;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 5px;
padding: 10px;
background-color: rgba(183, 186, 244, 0.1);
}
.posts__text-title {
display: block;
margin-bottom: 10px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
color: #565bbf;
font-size: 18px;
line-height: 22px;
font-weight: 700;
text-decoration: none;
}
.posts__text-title:hover {
text-decoration: underline;
}
.posts {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.conteiner__wrapper {
margin-bottom: 40px;
}
.list li {
padding-left: 25px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dba96557c76ea81eb468e22_tick-circle.svg);
background-position: 0px 6px;
background-size: auto 14px;
background-repeat: no-repeat;
}
.list ul {
padding-left: 15px;
list-style-type: none;
}
.section-bottom {
position: relative;
overflow: hidden;
padding-bottom: 60px;
}
.best {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 50px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.best__item {
width: 25%;
max-width: 292px;
margin-bottom: 30px;
padding: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.best__img {
position: relative;
height: 75px;
}
.best__text-title {
min-height: 44px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
color: #090909;
font-size: 16px;
line-height: 22px;
font-weight: 700;
}
.sections {
position: relative;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-top: 155px;
}
.links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
margin-bottom: 30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.links_item-link {
width: 20%;
max-width: 189px;
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
text-decoration: none;
}
.links_item-link:hover {
-webkit-filter: none;
filter: none;
text-decoration: underline;
}
.links__img {
position: relative;
width: 173px;
height: 173px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 2px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbfd7a65ad64f2ae68bbdc5_cat_5.png);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.best__img-cover {
position: relative;
overflow: hidden;
width: 120px;
height: 120px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
padding: 18px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 3px;
border-color: #6d74f2 #3a3fa6 #3a3fa6 #6d74f2;
border-radius: 60px;
background-color: #fff;
box-shadow: 11px 11px 30px -16px rgba(86, 87, 115, 0.6);
-webkit-transform: perspective(200px);
transform: perspective(200px);
}
.pdf__link-catalog {
position: relative;
z-index: 100;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 420px;
min-height: 300px;
margin-right: 18px;
margin-left: 18px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
text-decoration: none;
}
.pdf__img-catalog {
margin-top: 10px;
}
.pdf__img-mask {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.pdf__img-mask:hover {
opacity: 1;
}
.posts__img {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 160px;
margin-bottom: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dba68a0b9f0e7747dec565b_Pleno_front.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.mask__icon {
position: absolute;
left: 50%;
top: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: hsla(0, 0%, 100%, 0.2);
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.articles-main__img-play {
position: absolute;
left: 43%;
top: 35%;
right: 43%;
bottom: 35%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 50px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: rgba(226, 0, 26, 0.95);
}
.btn-red {
margin-top: 30px;
margin-bottom: 30px;
padding: 12px 30px;
border-radius: 5px;
background-color: #6d74f2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
text-align: center;
}
.btn-red:hover {
background-color: #565bbf;
color: #fff;
text-decoration: none;
}
.posts__text-excerpt {
overflow: hidden;
max-height: 60px;
font-size: 13px;
line-height: 18px;
}
.footer__col-right {
width: 50%;
margin-left: 15px;
}
.page__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.page__col-left {
width: 40%;
padding-left: 30px;
}
.page__col-right {
width: 60%;
padding-right: 30px;
}
.section__page_card {
position: relative;
padding-top: 155px;
}
.best__text {
margin-right: auto;
margin-left: auto;
font-size: 14px;
line-height: 20px;
}
.icon__img-mask {
position: relative;
z-index: 10;
width: 50px;
height: 50px;
padding-top: 13px;
padding-bottom: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 30px;
background-color: #6d74f2;
color: #fff;
text-align: center;
}
.pdf__tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 320px;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.pdf__tabs_menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-left: 1px solid #6d74f2;
}
.pdf__tabs_menu-link {
padding: 8px 45px;
background-color: transparent;
font-size: 18px;
font-weight: 700;
}
.pdf__tabs_menu-link:hover {
text-decoration: underline;
}
.pdf__tabs_menu-link.w--current {
background-color: transparent;
color: #565bbf;
}
.pdf__tabs_content {
width: 50%;
}
.pdf__tabs_content-pane {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
padding-bottom: 9px;
padding-left: 15px;
}
.section-raschet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: -20px;
padding-top: 60px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section__page2 {
position: relative;
min-height: 70vh;
padding-top: 155px;
}
.product__tab_layout-last {
margin-right: auto;
margin-left: auto;
}
.blue {
font-family: Montserrat, sans-serif;
color: #6d74f2;
font-size: 1.2em;
font-weight: 800;
}
.violet {
color: #6d74f2;
font-weight: 600;
}
.post_img {
position: absolute;
width: 100%;
height: 452px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbca1ee15cb7f207e9b5914_lenta.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.post-layouts {
width: 100%;
}
.page-layout__gallery {
padding-top: 15px;
padding-bottom: 15px;
}
.page-layout__text {
padding-top: 15px;
padding-bottom: 15px;
}
.gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gallery__item-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 240px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbca1ee15cb7f207e9b5914_lenta.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.fa-2 {
display: inline-block;
font-family: 'Fontawesome webfont', sans-serif;
font-style: normal;
text-decoration: none;
}
.fa-2:hover {
border-color: #f6f6f6;
-webkit-filter: none;
filter: none;
text-decoration: none;
}
.fa-2.fa-file-pdf-o {
color: #e4f1f9;
}
.fa-2.fa-file-pdf-o.pdf {
border-width: 2px;
border-color: #fff;
color: #fff;
font-size: 18px;
line-height: 18px;
}
.page-layout__video {
padding-top: 15px;
padding-bottom: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.page-layout__text-text ul {
padding-left: 0px;
list-style-type: none;
}
.page-layout__text-text li {
padding-left: 25px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dba96557c76ea81eb468e22_tick-circle.svg);
background-position: 0px 4px;
background-size: 16px;
background-repeat: no-repeat;
}
.gallery__item {
width: 32%;
max-width: 365px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
}
.main__text-title {
margin-bottom: 60px;
padding-left: 60px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbab7cb4695713551b913f1_title_pattern.svg);
background-position: 0px 0px;
background-size: auto 40px;
background-repeat: no-repeat;
font-size: 32px;
line-height: 38px;
font-weight: 800;
text-align: left;
text-transform: uppercase;
}
.video-layout__text {
margin-top: 10px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
}
.video-layout__video-wrapper {
width: 100%;
max-width: 560px;
margin-right: 10px;
margin-bottom: 20px;
margin-left: 10px;
}
.video-layout__video-loop {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.page-layout__list {
padding-top: 15px;
padding-bottom: 15px;
}
.page-layout__list-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
padding-bottom: 15px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-bottom: 1px solid #f6f6f6;
}
.page-layout__list_img-wrapper {
overflow: hidden;
width: 100%;
height: 167px;
max-width: 333px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbca1ee15cb7f207e9b5914_lenta.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.page-layout__list-text {
max-width: 900px;
padding-left: 60px;
}
.page-layout__text-title {
color: #565bbf;
font-size: 26px;
line-height: 1.2em;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.catalog__archive {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transform: perspective(1200px);
transform: perspective(1200px);
}
.catalog__item-slide {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
text-decoration: none;
}
.catalog__item-slide:hover {
border-color: #f2d86d;
text-decoration: none;
}
._404__text {
color: #3a3fa6;
font-size: 200px;
line-height: 1em;
font-weight: 800;
}
.section__page-doc {
position: relative;
min-height: 71vh;
padding-top: 156px;
}
.section__catalogie {
position: relative;
overflow: hidden;
padding-top: 90px;
padding-bottom: 90px;
}
.slider-main__wrap {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 1000;
display: none;
}
.section__main {
position: relative;
overflow: hidden;
}
.catalog-like__title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 40px;
margin-top: 20px;
margin-right: 15px;
margin-left: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 20px;
font-weight: 800;
text-decoration: none;
text-transform: uppercase;
}
.catalog-like__excerpt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100px;
margin-top: 10px;
margin-right: 15px;
margin-left: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.catalog-arc__item {
position: relative;
width: 49%;
max-width: 570px;
margin-right: 0.5%;
margin-bottom: 15px;
margin-left: 0.5%;
padding: 0px;
border-radius: 5px;
box-shadow: 0 10px 25px -15px rgba(0, 0, 0, 0.5);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
text-decoration: none;
}
.catalog-arc__item:hover {
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
text-decoration: none;
}
.catalog-arc__item-line {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 100%;
min-height: 220px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
background-color: hsla(0, 0%, 100%, 0.95);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
text-align: center;
}
.catalog-arc__item-line:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.catalog-like__item-line {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
text-align: center;
}
.catalog-like__img-wrapper {
position: relative;
width: 40%;
height: 240px;
max-width: 220px;
background-color: #fff;
}
.catalog-like__img {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5e3ec581dec595512bbaa4a9_soedinitelnyj-homut-rapid.jpg);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.header__logo-img {
height: 50px;
}
.conteiner {
position: relative;
max-width: 1200px;
min-width: 360px;
padding-right: 15px;
padding-left: 15px;
}
.btn-search {
position: relative;
z-index: 200;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40px;
height: 40px;
margin-top: 7px;
margin-bottom: 7px;
float: right;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.6);
border-radius: 25px;
background-color: transparent;
box-shadow: 0 7px 23px 0 rgba(0, 0, 0, 0.23);
font-family: 'Fontawesome webfont', sans-serif;
font-size: 20px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
.btn-search:hover {
border-color: hsla(0, 0%, 100%, 0.3);
background-color: hsla(0, 0%, 100%, 0.15);
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.23);
color: #fff;
text-decoration: none;
}
.nav {
position: relative;
z-index: 2000;
background-color: transparent;
background-image: linear-gradient(130deg, #8c92ff, #3a3fa6);
box-shadow: 0 18px 18px -5px rgba(15, 39, 19, 0.13);
}
.header__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 100px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header-top {
background-color: #fff;
}
.header__col-left {
width: 30%;
}
.header__col-right {
width: 70%;
}
.header__col-3 {
width: 34%;
}
.header-text {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
}
.header__phone-text {
margin-top: 5px;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 800;
text-align: right;
}
.zphone {
color: #090909;
font-weight: 700;
letter-spacing: 0.02em;
text-decoration: none;
}
.zphone:hover {
color: #6d74f2;
}
.zphone.spb.headers {
letter-spacing: 0.015em;
}
.zphone.spb.footers {
color: hsla(0, 0%, 100%, 0.75);
font-size: 20px;
}
.zphone.msk.footers {
color: hsla(0, 0%, 100%, 0.75);
font-size: 20px;
}
.header__btn-callback {
display: none;
padding-right: 50px;
color: #6d74f2;
font-size: 10px;
font-weight: 700;
text-align: right;
letter-spacing: 0.02em;
}
.header__btn-callback_link {
color: #565bbf;
text-decoration: none;
}
.header__btn-callback_link:hover {
color: #565bbf;
text-decoration: underline;
}
.header__text-time {
font-weight: 700;
letter-spacing: 0.02em;
}
.nav__menu {
padding-top: 6px;
padding-bottom: 6px;
float: none;
}
.nav__menu-link {
display: inline-block;
padding: 10px 1em;
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
font-size: 14px;
font-weight: 400;
text-decoration: none;
}
.nav__menu-link:hover {
border-color: #f6f6f6;
color: #f6f6f6;
text-decoration: none;
}
.nav__menu-link.w--current {
color: #f6f6f6;
cursor: default;
}
.nav__menu-link.w--current:hover {
background-color: transparent;
-webkit-filter: none;
filter: none;
}
.nav__menu-link.w--open {
position: relative;
border-color: #f6f6f6;
border-radius: 5px;
color: #f6f6f6;
text-decoration: none;
}
.nav__menu_toggle-text {
display: none;
color: #fff;
text-decoration: none;
}
.nav__menu_toggle-text:hover {
color: #f6f6f6;
}
.nav__menu_droplist-wrapper {
z-index: 1000;
margin-top: 6px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
background-color: hsla(0, 0%, 100%, 0.95);
}
.main__slide_item_btn {
position: relative;
z-index: 1000;
padding: 16px 2em;
border: 1px solid #fff;
border-radius: 5px;
background-color: transparent;
-webkit-transform: perspective(500px);
transform: perspective(500px);
color: #fff;
font-size: 14px;
font-weight: 700;
}
.main__slide_item_btn:hover {
border-color: hsla(0, 0%, 100%, 0.95);
background-color: #fff;
-webkit-filter: none;
filter: none;
color: #565bbf;
text-decoration: none;
}
.main__slide_arrow-left {
left: 15px;
display: none;
width: 60px;
height: 60px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.6);
border-radius: 30px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: hsla(0, 0%, 100%, 0.5);
font-size: 24px;
}
.main__slide_arrow-left:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.1)));
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1));
-webkit-filter: brightness(200%);
filter: brightness(200%);
color: #fff;
}
.main__slide-bg {
position: absolute;
left: 45%;
top: -250px;
right: auto;
bottom: 0%;
width: 3000px;
height: 1000px;
border-radius: 1000px;
background-color: #3a3fa6;
opacity: 0.75;
}
.main__slider {
display: block;
height: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
background-color: #fff;
}
.main__slide_item {
position: relative;
left: 330px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 500px;
min-height: 500px;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.main__slide_item_text {
position: relative;
min-height: 72px;
margin-bottom: 30px;
color: #fff;
font-size: 18px;
line-height: 24px;
text-shadow: 0 2px 12px #565773;
}
.main__slide_arrow-right {
right: 15px;
display: none;
width: 60px;
height: 60px;
border-style: solid;
border-width: 1px;
border-color: hsla(0, 0%, 100%, 0.6);
border-radius: 30px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: hsla(0, 0%, 100%, 0.6);
font-size: 24px;
}
.main__slide_arrow-right:hover {
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.1)), to(hsla(0, 0%, 100%, 0.1)));
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1));
-webkit-filter: brightness(200%);
filter: brightness(200%);
color: #fff;
}
.main__slide {
position: relative;
overflow: hidden;
margin-right: auto;
margin-left: auto;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbfd78f9bf13ed73e553a18_banner1.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.main__slide_nav {
display: none;
font-size: 10px;
}
.main__slide_item_text-title {
position: relative;
min-height: 140px;
margin-bottom: 15px;
color: #fff;
font-size: 40px;
line-height: 46px;
font-weight: 700;
text-shadow: 0 2px 12px #565773;
}
.section__best {
padding-top: 25px;
padding-bottom: 15px;
background-color: #f6f6f6;
}
.best-product__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.best-product__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 25%;
margin-bottom: 15px;
padding-right: 15px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.best-product__item-mg {
height: 45px;
margin-right: 15px;
float: left;
}
.best-product__item-text {
font-size: 14px;
font-weight: 700;
}
.best__img-bg {
position: absolute;
left: 25px;
top: 45px;
width: 150px;
height: 150px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f6f6f6));
background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.section__pattetn1 {
position: absolute;
left: auto;
top: -187px;
right: -17%;
bottom: auto;
display: none;
width: 696px;
height: 375px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbc01a5c0a7282a38d6d27d_pattern_tuo.png);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.1;
}
.catalog-arc__col {
width: 100%;
max-width: 345px;
padding-top: 15px;
padding-bottom: 10px;
}
.catalog-arc__item-btn {
display: inline-block;
padding: 9px 30px;
border-radius: 5px;
background-color: #6d74f2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
}
.catalog-arc__item-btn:hover {
background-color: #565bbf;
color: #fff;
}
.section__object {
position: relative;
overflow: hidden;
}
.object__slide {
position: relative;
overflow: hidden;
height: 100%;
border-radius: 5px;
}
.callback__text {
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
.form-request__wrapper {
position: relative;
padding: 30px;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 3px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background-image: linear-gradient(180deg, #fff, #fff);
}
.company__item_text-title {
margin-bottom: 10px;
color: #090909;
font-size: 16px;
line-height: 22px;
font-weight: 800;
text-transform: none;
}
.submit {
max-width: 280px;
margin-bottom: 15px;
padding-right: 30px;
padding-left: 30px;
border-radius: 5px;
background-color: #6d74f2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
text-align: center;
}
.submit:hover {
border-color: #f1a55d;
background-color: #565bbf;
-webkit-filter: none;
filter: none;
color: #fff;
text-decoration: none;
}
.company__col-left {
width: 65%;
padding-right: 15px;
}
.company__item_img {
margin-right: 30px;
}
.callback__text-title {
margin-bottom: 5px;
font-size: 30px;
line-height: 36px;
font-weight: 800;
}
.company__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
.checkbox__label {
position: relative;
top: -2px;
font-size: 12px;
line-height: 14px;
}
.company__row {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.company__col-right {
position: relative;
width: 35%;
padding-bottom: 15px;
padding-left: 15px;
}
.form-request {
position: -webkit-sticky;
position: sticky;
top: 220px;
border-radius: 5px;
box-shadow: 0 10px 30px -15px rgba(86, 87, 115, 0.5);
}
.section__company {
padding-top: 90px;
padding-bottom: 90px;
background-color: rgba(183, 186, 244, 0.1);
}
.company__item_img-wrapper {
width: 100%;
max-width: 128px;
margin-right: 30px;
}
.header__col-1 {
width: 35%;
}
.object__slider {
height: 450px;
background-color: transparent;
box-shadow: 11px 11px 30px -16px rgba(86, 87, 115, 0.5);
}
.object__slider_arrow-left {
left: -30px;
width: 60px;
height: 60px;
border-radius: 30px;
background-color: rgba(183, 186, 244, 0.8);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-size: 24px;
}
.object__slider_arrow-left:hover {
background-color: rgba(109, 116, 242, 0.8);
}
.object__slider_arrow-right {
right: -30px;
width: 60px;
height: 60px;
border-radius: 30px;
background-color: rgba(183, 186, 244, 0.8);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-size: 24px;
}
.object__slider_arrow-right:hover {
background-color: rgba(109, 116, 242, 0.8);
}
.object__slider_nav {
font-size: 10px;
}
.object__slide_col-right {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40%;
min-height: 450px;
padding-right: 60px;
padding-left: 60px;
float: right;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
background-color: hsla(0, 0%, 96.5%, 0.9);
}
.object__slide_params {
overflow: hidden;
height: 124px;
margin-bottom: 30px;
}
.object__slide_params em {
font-size: 24px;
font-style: normal;
font-weight: 700;
}
.object__slide_img {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbc9095c225f681d8a7c0b4_5-zvezd-done-min.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.object__slide_img._2 {
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbca1ee15cb7f207e9b5914_lenta.jpg);
background-position: 50% 50%;
background-size: cover;
}
.section__object_img {
position: relative;
width: 100%;
height: 100%;
padding-top: 90px;
padding-bottom: 90px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbfd9d7553347ffc691cab7_DY5CO5tWsAAf2FH.jpg);
background-position: 50% 100%;
background-size: 1920px;
background-repeat: no-repeat;
}
.section__object_mask {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(26%, #fff), to(rgba(183, 186, 244, 0.1)));
background-image: linear-gradient(180deg, #fff 26%, rgba(183, 186, 244, 0.1));
}
.callback {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 3000;
display: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(109, 116, 242, 0.9)), to(rgba(58, 63, 166, 0.9)));
background-image: linear-gradient(180deg, rgba(109, 116, 242, 0.9), rgba(58, 63, 166, 0.9));
}
.callback__box {
width: 100%;
max-width: 480px;
}
.callback__img-cancel {
position: absolute;
left: auto;
top: 15px;
right: 15px;
bottom: auto;
width: 24px;
height: 24px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
cursor: pointer;
}
.callback__img-cancel:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.callback__form {
margin-bottom: 0px;
border-radius: 5px;
box-shadow: 11px 11px 30px -15px rgba(9, 9, 9, 0.5);
}
.callback__form-wrapper {
position: relative;
padding: 30px;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 3px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
background-image: linear-gradient(180deg, #fff, #fff);
}
.checkbox {
width: 14px;
height: 14px;
border-width: 3px;
border-color: #6d74f2;
border-radius: 3px;
background-color: #6d74f2;
}
.checkbox.w--redirected-checked {
width: 14px;
height: 14px;
border-width: 3px;
border-color: #6d74f2;
border-radius: 3px;
background-color: #6d74f2;
}
.checkbox.w--redirected-focus {
width: 14px;
height: 14px;
border-width: 3px;
border-color: #6d74f2;
border-radius: 3px;
box-shadow: none;
}
.request__text-title {
margin-bottom: 5px;
font-size: 30px;
line-height: 36px;
font-weight: 800;
}
.request__text {
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
.nav__menu__btn {
overflow: hidden;
width: 55px;
height: 55px;
padding: 0px;
float: left;
}
.btn-search__img-search {
width: 16px;
}
.btn-search__img-cancel {
display: none;
width: 16px;
}
.form-search {
position: absolute;
left: auto;
top: 65px;
right: 15px;
bottom: auto;
display: none;
width: 100%;
max-width: 585px;
margin-bottom: 0px;
float: right;
background-color: #fff;
box-shadow: 11px 11px 30px -16px rgba(0, 0, 0, 0.5);
}
.form-search__wrapper {
position: relative;
max-width: 330px;
}
.input-search {
max-width: 330px;
margin-bottom: 0px;
padding: 8px 12px;
border-style: solid;
border-width: 1px;
border-color: #f6f6f6;
border-radius: 5px;
background-color: #fff;
box-shadow: 11px 11px 30px -16px rgba(0, 0, 0, 0.5);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #090909;
font-size: 14px;
line-height: 20px;
}
.input-search:focus {
border-color: transparent transparent hsla(0, 0%, 100%, 0.6);
color: #090909;
}
.input-search::-webkit-input-placeholder {
background-color: transparent;
color: #3a3fa6;
font-size: 12px;
}
.input-search:-ms-input-placeholder {
background-color: transparent;
color: #3a3fa6;
font-size: 12px;
}
.input-search::-ms-input-placeholder {
background-color: transparent;
color: #3a3fa6;
font-size: 12px;
}
.input-search::placeholder {
background-color: transparent;
color: #3a3fa6;
font-size: 12px;
}
.submit-search {
position: absolute;
left: auto;
top: 0%;
right: 0%;
bottom: auto;
background-color: transparent;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-family: 'Fontawesome webfont', sans-serif;
color: #6d74f2;
}
.submit-search:hover {
color: #3a3fa6;
}
.header__text-day {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.02em;
}
.header__link-mail {
position: relative;
top: 1px;
display: inline-block;
color: #565bbf;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
text-decoration: none;
}
.header__link-mail:hover {
text-decoration: underline;
}
.product__tab_layout_row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.product__tab_layout_col-left {
width: 40%;
}
.product__tab_layout_col-right {
width: 60%;
}
.object__btn {
position: absolute;
left: auto;
top: auto;
right: 60px;
bottom: 30px;
display: inline-block;
padding: 9px 15px;
border-radius: 5px;
background-color: #6d74f2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
}
.object__btn:hover {
background-color: #565bbf;
color: #fff;
}
.section-pdf {
position: relative;
}
.section__pdf_img {
position: relative;
width: 100%;
height: 100%;
padding-top: 90px;
padding-bottom: 90px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbd689ec2ce785557531c7b_kleevye-pvh-fitingi.jpg);
background-position: 50% 100%;
background-size: 1920px;
background-repeat: no-repeat;
}
.section__pdf_mask {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.9)), to(hsla(0, 0%, 100%, 0.9)));
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.9));
}
.object__archive {
margin-bottom: 30px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transform: perspective(1200px);
transform: perspective(1200px);
}
.object__item_img {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbc9095c225f681d8a7c0b4_5-zvezd-done-min.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.object__item {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
min-height: 450px;
margin-bottom: 60px;
border-radius: 5px;
box-shadow: 0 16px 30px -15px rgba(0, 0, 0, 0.5);
}
.object__item-wrapper {
position: absolute;
left: auto;
top: 0%;
right: 0%;
bottom: 0%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 40%;
min-height: 450px;
padding-right: 60px;
padding-left: 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: hsla(0, 0%, 96.5%, 0.9);
}
.object__item-wrapper.reverse {
left: 0%;
top: 0%;
right: auto;
bottom: 0%;
}
.object__item_params {
margin-bottom: 30px;
}
.object__item_params em {
font-style: normal;
font-weight: 700;
}
.nav__menu_droplist-link {
margin-right: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-top: 12px;
padding-bottom: 12px;
border-radius: 5px;
font-size: 14px;
line-height: 18px;
white-space: break-spaces;
}
.nav__menu_droplist-link:hover {
background-color: #6d74f2;
-webkit-filter: none;
filter: none;
color: #fff;
}
.nav__menu_droplist-link.w--current {
background-color: #6d74f2;
color: #fff;
text-decoration: none;
cursor: default;
}
.page-layout__why {
position: relative;
padding-top: 60px;
padding-bottom: 60px;
font-weight: 700;
}
.page-layout__why-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
padding-bottom: 15px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.page-layout__why_col-left {
width: 40%;
}
.page-layout__why-col-right {
width: 60%;
}
.page-layout__why_text {
color: #f6f6f6;
font-size: 14px;
}
.page-layout__why_text ul {
padding-left: 0px;
font-weight: 700;
list-style-type: none;
}
.page-layout__why_text li {
padding-left: 25px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc19c6aa9b1d5765330e734_tick-circle-white.svg);
background-position: 0px 4px;
background-size: 16px;
background-repeat: no-repeat;
color: #fff;
}
.page-layout__why_text-title {
margin-bottom: 15px;
color: #f6f6f6;
font-size: 26px;
line-height: 1.2em;
font-weight: 800;
}
.numbers__item {
margin-bottom: 8px;
}
.numbers__item_text {
color: #f6f6f6;
font-size: 14px;
}
.numbers__item_line {
height: 10px;
padding: 2px;
background-color: #f6f6f6;
}
.numbers__item_line-bg {
width: 10%;
height: 6px;
background-color: #3a3fa6;
}
.page-layout__object {
position: relative;
overflow: hidden;
}
.contact__tabs_contect_map {
position: relative;
width: 100%;
height: 400px;
}
.catalog-like__item-btn {
position: absolute;
left: auto;
top: auto;
right: 83px;
bottom: 27px;
display: inline-block;
padding: 9px 30px;
border-radius: 5px;
background-color: #6d74f2;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #fff;
}
.catalog-like__item-btn:hover {
background-color: #565bbf;
}
.pattern__1 {
position: absolute;
left: 0%;
top: 5%;
right: auto;
bottom: auto;
width: 300px;
height: 300px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc2dffda258f6e0f660ef7f_trojnik-45-scheme.png);
background-position: 0px 0px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15;
}
.pattern__2 {
position: absolute;
left: auto;
top: 15%;
right: 0%;
bottom: auto;
width: 300px;
height: 300px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc2dffd9987da7a8b87dae9_sifon-gidrozatvor-scheme.png);
background-position: 0px 0px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15;
}
.pattern__3 {
position: absolute;
left: 0%;
top: 40%;
right: auto;
bottom: auto;
width: 300px;
height: 300px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc2dffa85563565d0eea903_opornoe-kolco-scheme.png);
background-position: 0px 0px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15;
}
.pattern__4 {
position: absolute;
left: auto;
top: 60%;
right: 0%;
bottom: auto;
width: 300px;
height: 300px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc2dffc5ea4250c37d1f7a6_krestovina-88-scheme.png);
background-position: 0px 0px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15;
}
.pattern__5 {
position: absolute;
left: 0%;
top: 85%;
right: auto;
bottom: auto;
width: 300px;
height: 300px;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc2dffbde195517d39f40c1_otvod-88-s-uspokoitelnym-uchastkom-250mm-scheme.png);
background-position: 0px 0px;
background-size: contain;
background-repeat: no-repeat;
opacity: 0.15;
}
.section__img-bg {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dc44f1dee1e8c968b9fb14a_about-bg.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.section__img-mask {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
background-image: radial-gradient(circle closest-corner at 50% 100%, rgba(58, 63, 166, 0.5), rgba(86, 91, 191, 0.7) 53%, rgba(109, 116, 242, 0.9));
}
.label__radio {
position: relative;
top: -3px;
color: #3a3fa6;
font-size: 12px;
line-height: 18px;
}
.radio {
display: inline-block;
margin-right: 30px;
}
.label_text {
margin-bottom: 2px;
font-size: 12px;
line-height: 18px;
font-weight: 400;
}
.fa-3 {
display: inline-block;
font-family: 'Fontawesome webfont', sans-serif;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.fa-3:hover {
border-color: #c5c6c6;
-webkit-filter: none;
filter: none;
color: #c5c6c6;
text-decoration: none;
}
.fa-3.fa-link {
margin-right: 5px;
font-weight: 400;
}
.label__file {
width: 192px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 0px;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
background-color: transparent;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
color: #3a3fa6;
font-size: 12px;
line-height: 40px;
font-weight: 400;
text-align: center;
letter-spacing: 0.05em;
}
.label__file:hover {
background-color: #565bbf;
color: #f6f6f6;
}
.cover-status {
padding-left: 60px;
}
.item-field.last {
margin-right: 0px;
}
.form__file-text {
margin-bottom: 10px;
color: #c5c6c6;
font-size: 12px;
line-height: 16px;
font-style: italic;
}
.calc__img {
display: block;
width: 100%;
max-width: 330px;
margin-right: auto;
margin-left: auto;
}
.section-contact__col-left {
width: 40%;
margin-right: 30px;
}
.section-contact__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 60px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.section-contact__col-right {
position: relative;
width: 60%;
}
.contact__tabs_contect-wrapper {
padding-top: 30px;
padding-bottom: 30px;
}
.contact__tabs_contect_text-adress {
margin-bottom: 30px;
font-weight: 700;
}
.contact__tabs_menu_link {
margin-right: 10px;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
background-color: #fff;
color: #6d74f2;
font-weight: 600;
}
.contact__tabs_menu_link:hover {
background-color: #6d74f2;
color: #fff;
}
.contact__tabs_menu_link.w--current {
background-color: #6d74f2;
color: #fff;
cursor: default;
}
.search__wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.search__item-line {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
min-height: 300px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
text-align: center;
text-decoration: none;
}
.search__item-line:hover {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.search__item {
position: relative;
width: 50%;
max-width: 570px;
margin-right: 7px;
margin-bottom: 15px;
margin-left: 7px;
padding: 0px;
border-radius: 5px;
box-shadow: 0 10px 25px -15px rgba(0, 0, 0, 0.5);
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
text-decoration: none;
}
.search__item:hover {
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.5);
text-decoration: none;
}
.header__nav-mobil {
z-index: 2000;
display: none;
background-color: transparent;
background-image: linear-gradient(130deg, #8c92ff, #3a3fa6);
box-shadow: 0 18px 18px -5px rgba(15, 39, 19, 0.13);
}
.product-slider {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.product-slider__menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.product-slider__menu_tab {
width: 80px;
height: 80px;
margin-right: 5px;
margin-left: 5px;
background-color: transparent;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbfd7a65ad64f2ae68bbdc5_cat_5.png);
background-position: 50% 50%;
background-size: auto 60px;
background-repeat: no-repeat;
}
.product-slider__menu_tab.w--current {
background-color: transparent;
}
.product-slider__menu_pane_img {
width: 330px;
height: 330px;
margin-right: auto;
margin-left: auto;
background-image: url(//con-pipe.ru/wp-content/themes/cp/images/5dbfd7a65ad64f2ae68bbdc5_cat_5.png);
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.catalog__image-link {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
}
.radiobtn {
width: 14px;
height: 14px;
border-width: 2px;
border-color: #6d74f2;
}
.radiobtn.w--redirected-checked {
width: 14px;
height: 14px;
border-width: 5px;
border-color: #6d74f2;
}
.radiobtn.w--redirected-focus {
width: 14px;
height: 14px;
box-shadow: none;
}
.catalog-like__content-wrapper {
width: 60%;
max-width: 340px;
background-color: rgba(183, 186, 244, 0.1);
}
.nav__menu_toggle-link {
color: #fff;
text-decoration: none;
}
.nav__menu_toggle-link:hover {
color: #f6f6f6;
}
.header__mail {
line-height: 20px;
font-weight: 600;
}
.chameleon {
color: #565bbf;
}
.chameleon.spb.footers {
color: hsla(0, 0%, 100%, 0.75);
}
.chameleon.msk.footers {
color: hsla(0, 0%, 100%, 0.75);
}
.footer__col-left {
width: 25%;
margin-left: 15px;
}
.footer__col-center {
width: 25%;
margin-left: 15px;
}
.footer__col {
width: 50%;
margin-bottom: 15px;
}
.footer-text {
margin-bottom: 7.5px;
font-size: 13px;
}
.bim__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
margin-bottom: 30px;
}
.bim__form-wrapper {
position: relative;
display: block;
max-width: 680px;
margin-right: auto;
margin-left: auto;
padding: 30px;
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.5);
}
.bim-form {
position: relative;
}
.select-field {
border-style: solid;
border-width: 1px;
border-color: #b7baf4;
border-radius: 5px;
background-color: #fff;
}
.bim__col-left {
width: 40%;
}
.bim__col-right {
width: 60%;
}
.bim__form__title {
margin-bottom: 15px;
font-size: 24px;
line-height: 30px;
font-weight: 700;
}
html.w-mod-js *[data-ix="zoomload"] {
display: none;
opacity: 0;
}
html.w-mod-js *[data-ix="scroll-move-up"] {
opacity: 0;
-webkit-transform: translate(0px, 60px);
-ms-transform: translate(0px, 60px);
transform: translate(0px, 60px);
}
html.w-mod-js *[data-ix="scroll-move-right"] {
opacity: 0;
-webkit-transform: translate(-60px, 0px);
-ms-transform: translate(-60px, 0px);
transform: translate(-60px, 0px);
}
html.w-mod-js *[data-ix="scroll-move-right-reverse"] {
opacity: 0;
-webkit-transform: translate(60px, 0px);
-ms-transform: translate(60px, 0px);
transform: translate(60px, 0px);
}
html.w-mod-js *[data-ix="docs-image-mask-load"] {
opacity: 0;
}
html.w-mod-js *[data-ix="slider-squre-load"] {
opacity: 0;
-webkit-transform: translate(1200px, 0px);
-ms-transform: translate(1200px, 0px);
transform: translate(1200px, 0px);
}
html.w-mod-js *[data-ix="slider-text-load"] {
opacity: 0;
-webkit-transform: translate(50%, 0px);
-ms-transform: translate(50%, 0px);
transform: translate(50%, 0px);
}
html.w-mod-js *[data-ix="slider-btn-load"] {
opacity: 0;
-webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg);
}
html.w-mod-js *[data-ix="numbers-10"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-20"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-30"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-40"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-50"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-60"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-70"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-80"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-90"] {
width: 0px;
}
html.w-mod-js *[data-ix="numbers-100"] {
width: 0px;
}
@media screen and (max-width: 991px) {
.header__navmobil-cover {
overflow: auto;
width: 100%;
max-width: 360px;
margin-top: 80px;
background-color: #fff;
}
.header__navmobil_drop {
overflow: hidden;
}
.nav__menu__btn-icon {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header_logo-img {
height: 64px;
}
.nav__menu_droplist.w--open {
position: relative;
overflow: auto;
width: 100%;
max-height: none;
min-width: 0px;
padding-top: 0px;
padding-left: 20px;
box-shadow: none;
}
.header__navmobil_link {
display: block;
padding-top: 12px;
padding-bottom: 12px;
border-style: none;
border-width: 0px;
color: #090909;
font-size: 14px;
font-weight: 400;
text-align: center;
text-transform: none;
}
.header__navmobil_link:hover {
background-color: #f2d86d;
}
.header__navmobil_link.w--current {
padding-left: 0px;
color: #f2d86d;
cursor: default;
}
.header__navmobil_link.w--current:hover {
background-color: transparent;
color: #f2d86d;
}
.menu_line-3 {
position: relative;
top: 6px;
width: 30px;
height: 2px;
border-radius: 2px;
background-color: #fff;
-webkit-transform: perspective(30px);
transform: perspective(30px);
}
.header__navmobil {
background-color: transparent;
}
.menu_line-2 {
position: relative;
width: 30px;
height: 2px;
border-radius: 2px;
background-color: #fff;
-webkit-transform: perspective(30px);
transform: perspective(30px);
}
.header-contacts__link-phone.mobile {
position: relative;
top: -12px;
}
.header-navmenu__drop-link {
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 12px;
text-align: center;
}
.header-navmenu__drop-link:hover {
-webkit-filter: brightness(110%);
filter: brightness(110%);
color: #fff;
}
.header-navmenu__drop-link.w--current {
background-color: #f2d86d;
color: #fff;
cursor: default;
}
.header-navmenu__drop-link.w--current:hover {
background-color: #f2d86d;
}
.header__search {
width: 50%;
}
.header-contacts__link-mail {
position: relative;
margin-right: 30px;
}
.header-contacts__link-mail.mobil {
top: -12px;
}
.container.top {
padding-right: 5px;
padding-left: 0px;
}
.menu_line-1 {
position: relative;
top: -6px;
width: 30px;
height: 2px;
border-radius: 2px;
background-color: #fff;
-webkit-transform: perspective(30px);
transform: perspective(30px);
}
.header-contacts {
padding-top: 28px;
padding-bottom: 22px;
float: right;
}
.header-contacts.mobil {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.menu-button {
margin-left: 15px;
padding: 23px 15px;
}
.menu-button.w--open {
background-color: transparent;
}
.brand {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
padding-top: 6px;
padding-bottom: 6px;
}
.header__navmenu-mobil {
float: right;
}
.post__content {
margin-bottom: 0px;
}
.section-catalog-main {
padding-bottom: 45px;
}
.input.area {
min-height: 135px;
}
.footer__contacts-link {
text-align: center;
}
.footer-link-phone {
text-align: center;
}
.footer__title {
text-align: center;
}
.footer__list_link {
text-align: center;
}
.footer__row {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.header {
max-width: 991px;
min-width: 360px;
}
.breadcrumbs {
padding-left: 15px;
}
.section__page {
min-height: auto;
padding-top: 135px;
}
.form_cover-input {
padding-top: 0px;
}
.image-pattern {
max-width: 50%;
}
.image-pattern.rirghbottom {
bottom: -58px;
}
.cover-column-footer {
margin-bottom: 30px;
}
.text-span-5 {
color: #b2cbe1;
font-weight: 700;
}
.text-span-5:hover {
color: #009fe3;
}
.text-span-6 {
color: #b2cbe1;
font-weight: 700;
}
.text-span-6:hover {
color: #009fe3;
}
.item-catalog {
width: 100%;
}
.title-item-catalog {
font-size: 20px;
line-height: 26px;
}
.catalog {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.brand-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 260px;
margin-right: auto;
margin-left: auto;
float: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.logo-image-yellow {
margin-bottom: 15px;
}
.footer__text-logo {
padding-right: 0px;
}
.header_logo-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section {
padding-top: 60px;
padding-bottom: 60px;
}
.pdf {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
text-align: center;
}
.icon-header {
color: #009fe3;
}
.icon-footer {
margin-right: 3px;
}
.header__nav-soc {
display: inline-block;
padding-left: 15px;
text-align: center;
}
.header__nav-soc.top {
margin-left: 0px;
}
.fa.fa-facebook-f {
margin-right: 7px;
}
.fa.fa-youtube-play {
margin-right: 7px;
}
.fa.fa-vk {
margin-right: 7px;
}
.fa.fa-paper-plane {
margin-right: 7px;
}
.fa.fa-soc {
margin-right: 7px;
}
.fa.fa-whatsapp {
margin-right: 7px;
}
.fa.fa-footer:hover {
color: #3d90aa;
}
.fa.fa-mail:hover {
color: #3d90aa;
}
.docs__group {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.docs__group_item-link {
width: 100%;
}
.footer_col {
width: 100%;
max-width: 330px;
margin-left: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.product__tab_layouts {
padding-right: 0px;
padding-left: 0px;
}
.post_img-wrapper {
height: 60vw;
}
.section-calc__col-left {
width: 100%;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
.section-calc__col-right {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.catalog__title {
padding-right: 10px;
padding-left: 10px;
}
.catalog-cat {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__list {
margin-bottom: 30px;
}
.catalog__excerpt {
overflow: visible;
height: auto;
margin-bottom: 30px;
}
.footer__soc {
margin-left: 0px;
text-align: center;
}
.calc-form {
margin-left: 0%;
}
.like-product__slider_mask {
text-align: center;
}
.section-calc__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.calc {
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
display: block;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
.conteiner__text-title {
text-align: left;
}
.posts__item {
width: 100%;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #eceef4;
}
.posts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.conteiner__wrapper {
text-align: center;
}
.best {
margin-bottom: 0px;
}
.best__item {
width: 50%;
padding-top: 10px;
padding-bottom: 10px;
}
.sections {
overflow: hidden;
padding-top: 135px;
}
.links {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.links_item-link {
width: 100%;
}
.pdf__link-catalog {
width: 100%;
max-width: 300px;
float: none;
}
.pdf__img-catalog {
margin-top: 0px;
margin-bottom: 15px;
}
.footer__col-right {
width: 100%;
margin-left: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.page__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.page__col-left {
width: 100%;
}
.page__col-right {
width: 100%;
padding-left: 0px;
}
.section__page_card {
min-height: auto;
padding-top: 120px;
}
.pdf__tabs_menu {
border-left-style: none;
}
.pdf__tabs_menu-link {
padding-left: 0px;
}
.section-raschet {
margin-top: -15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section__page2 {
min-height: auto;
padding-top: 120px;
}
.gallery__item {
width: 100%;
max-width: 358px;
}
.page-layout__list-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.page-layout__list_img-wrapper {
margin-bottom: 15px;
}
.catalog__archive {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.catalog__item-slide {
max-width: 330px;
text-align: center;
}
._404__text {
margin-bottom: 30px;
font-size: 200px;
}
.section__page-doc {
min-height: auto;
padding-top: 135px;
}
.section__catalogie {
padding-top: 60px;
padding-bottom: 60px;
}
.catalog-arc__item {
width: 100%;
}
.catalog-like__item-line {
max-width: 330px;
padding-bottom: 70px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: rgba(183, 186, 244, 0.1);
}
.catalog-like__img-wrapper {
width: 100%;
max-width: 330px;
}
.header__logo-img {
height: 40px;
}
.header__row {
min-height: 60px;
padding-top: 5px;
padding-bottom: 5px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header__logo-link {
padding-left: 0px;
}
.header__col-3 {
width: 50%;
}
.nav__menu {
overflow: auto;
width: 100%;
max-height: 75vh;
margin-top: 53px;
background-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0.9)), to(hsla(0, 0%, 100%, 0.9)));
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.9));
}
.nav__menu-link {
display: block;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 30px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
color: #000;
font-weight: 800;
}
.nav__menu-link:hover {
color: #565bbf;
}
.nav__menu-link.w--current {
color: #6d74f2;
}
.nav__menu-link.w--open {
color: #090909;
}
.nav__menu_toggle-text {
display: block;
color: #090909;
}
.nav__menu_toggle-text:hover {
color: #090909;
}
.nav__menu_droplist-wrapper {
padding-top: 0px;
background-color: transparent;
}
.main__slide_item {
left: 0px;
width: 100%;
max-width: 668px;
padding-right: 15px;
padding-left: 15px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.best-product__item {
width: 35%;
}
.company__col-left {
width: 100%;
padding-right: 0px;
}
.input__col-left {
width: 50%;
padding-right: 7.5px;
}
.input__row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.company__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.company__col-right {
width: 100%;
padding-left: 0px;
}
.form-request {
display: block;
margin-right: auto;
margin-left: auto;
}
.section__company {
padding-top: 60px;
padding-bottom: 60px;
}
.header__col-1 {
display: none;
}
.header__col-2 {
display: none;
width: 50%;
margin-right: 15px;
padding-left: 30px;
text-align: left;
}
.object__slider {
height: 850px;
}
.object__slider_arrow-left {
left: 0px;
width: 45px;
height: 45px;
}
.object__slider_arrow-right {
right: 0px;
width: 45px;
height: 45px;
}
.object__slide_col-right {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
width: 100%;
height: auto;
margin-top: 450px;
padding-top: 30px;
padding-bottom: 45px;
}
.section__object_img {
padding-top: 60px;
padding-bottom: 60px;
}
.callback__form {
display: block;
margin-right: auto;
margin-left: auto;
}
.nav__menu__btn {
margin-left: -15px;
}
.nav__menu__btn.w--open {
background-color: transparent;
}
.product__tab_layout_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.product__tab_layout_col-left {
width: 100%;
}
.product__tab_layout_col-right {
width: 100%;
}
.object__btn {
right: 45px;
}
.section__pdf_img {
padding-top: 60px;
padding-bottom: 60px;
}
.object__archive {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.object__item_img {
max-height: 450px;
}
.object__item-wrapper {
position: relative;
width: 100%;
height: auto;
min-height: auto;
margin-top: 450px;
padding: 30px 45px;
}
.object__item_params {
margin-bottom: 45px;
}
.nav__menu_droplist-link {
margin: 10px;
font-size: 12px;
font-weight: 700;
}
.nav__menu_droplist-link:hover {
-webkit-filter: brightness(110%);
filter: brightness(110%);
color: #fff;
}
.nav__menu_droplist-link.w--current {
cursor: default;
}
.page-layout__why-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.page-layout__why_col-left {
width: 100%;
}
.page-layout__why-col-right {
width: 100%;
}
.page-layout__why_text {
margin-bottom: 60px;
}
.pattern__1 {
display: none;
}
.pattern__2 {
display: none;
}
.pattern__3 {
display: none;
}
.pattern__4 {
display: none;
}
.pattern__5 {
display: none;
}
.section__img-mask {
background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(58, 63, 166, 0.5), rgba(86, 91, 191, 0.7) 53%, rgba(109, 116, 242, 0.9));
}
.cover-status {
width: auto;
margin-left: 20px;
}
.section-contact__col-left {
width: 100%;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
}
.section-contact__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.section-contact__col-right {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.search__wrapper {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.search__item {
width: 100%;
}
.header__nav-mobil {
display: block;
}
.catalog-like__content-wrapper {
width: 100%;
background-color: transparent;
}
.nav__menu_toggle-link {
display: none;
color: #090909;
}
.nav__menu_toggle-link:hover {
color: #090909;
}
.input__col-right {
width: 50%;
padding-left: 7.5px;
}
.footer__col-left {
width: 100%;
max-width: 330px;
margin-left: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.footer__col-center {
width: 100%;
max-width: 330px;
margin-left: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.bim__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.bim__form-wrapper {
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
display: block;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
}
.bim-form {
margin-left: 0%;
}
.bim__col-left {
width: 100%;
}
.bim__col-right {
width: 100%;
}
.bim__form-text {
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.nav__menu_droplist.w--open {
max-height: 160px;
}
.header__search {
width: 50%;
}
.brand {
left: 0px;
top: 0px;
}
.search-top__input {
width: 180px;
}
.section__title {
font-size: 30px;
}
.post__content {
font-size: 14px;
line-height: 20px;
}
.alignleft {
display: block;
margin-right: auto;
margin-left: auto;
float: none;
}
.alignright {
display: block;
margin-right: auto;
margin-left: auto;
float: none;
}
.form_cover-input {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.heading__h2 {
font-size: 40px;
line-height: 46px;
}
.section-form {
background-position: 0px 50%;
}
.item-catalog {
width: 100%;
}
.yellow {
font-size: 34px;
line-height: 40px;
}
.serching__text {
font-size: 34px;
line-height: 40px;
}
.form_input-wrapper._50 {
width: 100%;
}
.form_input-wrapper._50.left {
padding-right: 0px;
}
.form_input-wrapper._50.right {
padding-left: 0px;
}
.product__tab {
margin: 3px;
}
.tabs-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.like-product__slider {
width: 100%;
max-width: 330px;
}
.catalog__excerpt {
margin-bottom: 10px;
}
.posts__item {
width: 100%;
margin-bottom: 60px;
}
.posts {
margin-right: auto;
margin-left: auto;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.best {
max-width: 370px;
margin-right: auto;
margin-left: auto;
}
.best__item {
width: 100%;
}
.pdf__link-catalog {
margin-right: auto;
margin-left: auto;
}
.footer__col-right {
max-width: 330px;
}
.page__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.pdf__tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.pdf__tabs_menu {
width: 100%;
margin-bottom: 30px;
}
.pdf__tabs_menu-link {
padding-right: 0px;
}
.faq__tabs_menu-text {
text-align: center;
}
.pdf__tabs_content {
width: 100%;
min-height: 240px;
}
.pdf__tabs_content-pane {
min-height: 300px;
padding-left: 0px;
}
.post-layouts {
display: block;
margin-right: auto;
margin-left: auto;
float: none;
}
.gallery__item {
max-width: 360px;
margin-right: 0px;
margin-left: 0px;
}
.main__text-title {
font-size: 30px;
}
.page-layout__list-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.page-layout__list_img-wrapper {
margin-bottom: 30px;
}
.page-layout__list-text {
padding-left: 30px;
}
.catalog__item-slide {
width: 100%;
max-width: 310px;
margin-right: 10px;
margin-left: 10px;
}
._404__text {
font-size: 120px;
}
.btn-search {
font-size: 14px;
}
.header__logo-link {
margin-top: 15px;
margin-bottom: 15px;
}
.header__col-3 {
width: auto;
}
.main__slide_arrow-left {
display: none;
}
.main__slide_item_text {
font-size: 16px;
line-height: 22px;
}
.main__slide_arrow-right {
display: none;
}
.main__slide_item_text-title {
font-size: 34px;
line-height: 40px;
text-align: center;
}
.best-product__item {
width: 50%;
}
.catalog-arc__item-btn {
right: 59px;
font-size: 16px;
}
.form-request__wrapper {
padding-right: 15px;
padding-left: 15px;
}
.input__col-left {
width: 100%;
padding-right: 0px;
}
.input__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.form-request {
max-width: 340px;
}
.object__slider_arrow-left {
display: none;
}
.object__slider_arrow-right {
display: none;
}
.object__slide_col-right {
padding-right: 30px;
padding-left: 30px;
font-size: 14px;
}
.callback__form {
max-width: 340px;
}
.object__btn {
font-size: 16px;
}
.object__item-wrapper {
padding-right: 30px;
padding-left: 30px;
font-size: 14px;
}
.page-layout__why-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.catalog-like__item-btn {
right: 75px;
font-size: 16px;
}
.label__file {
margin-right: auto;
margin-left: auto;
}
.cover-status {
margin-left: 0px;
padding-left: 0px;
}
.item-field {
width: 45%;
text-align: center;
}
.section-contact__row {
padding-bottom: 30px;
}
.section-contact__col-right {
display: none;
}
.input__col-right {
width: 100%;
padding-left: 0px;
}
.footer__col {
width: 100%;
margin-bottom: 15px;
}
}
@media screen and (max-width: 479px) {
.header_logo-img.mobil {
width: auto;
height: 25px;
margin-top: 25px;
}
.nav__menu_droplist.w--open {
max-height: 430px;
}
.header__search {
display: none;
}
.header-contacts {
display: none;
}
.brand {
overflow: hidden;
}
.search-top__input {
width: 120px;
}
.section__page {
padding-top: 190px;
}
.form_cover-input {
min-width: 0px;
}
.button-main-category {
min-width: 240px;
margin-bottom: 7px;
}
.cover-image-item-catalog {
height: auto;
}
.section-calc__col-left {
width: 90%;
}
.like-product__slider_arrow-left {
right: -55px;
}
.like-product__slider_arrow-right {
right: -95px;
}
.catalog__title {
height: auto;
padding-right: 5px;
padding-left: 5px;
font-size: 16px;
}
.catalog__image {
max-width: none;
background-position: 50% 50%;
}
.catalog__image.help {
margin-bottom: 15px;
}
.footer__list {
-webkit-column-count: auto;
column-count: auto;
}
.catalog__excerpt {
height: auto;
}
.section__title-left {
padding-left: 0px;
font-size: 30px;
}
.calc {
max-width: 360px;
}
.conteiner__text-title {
margin-bottom: 30px;
padding-left: 40px;
background-position: 0% 5px;
background-size: auto 26px;
font-size: 26px;
}
.sections {
padding-top: 190px;
}
.section__page_card {
padding-top: 170px;
}
.section__page2 {
padding-top: 170px;
}
.gallery__item-img {
height: 220px;
}
.main__text-title {
margin-bottom: 30px;
padding-left: 40px;
background-position: 0px 5px;
background-size: auto 26px;
font-size: 26px;
line-height: 32px;
}
.page-layout__list-text {
padding-left: 0px;
}
.section__page-doc {
padding-top: 193px;
}
.catalog-arc__item {
margin-right: 0px;
margin-left: 0px;
}
.catalog-arc__item-line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.header__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.header__logo-link {
float: none;
}
.header__col-left {
width: 100%;
padding-top: 15px;
text-align: center;
}
.header__col-right {
width: 100%;
}
.best-product__item {
width: 230px;
}
.catalog-arc__col {
max-width: none;
padding-top: 0px;
}
.company__item_img {
margin-bottom: 5px;
}
.company__item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.company__item_text {
margin-bottom: 30px;
}
.company__item_img-wrapper {
margin-bottom: 15px;
}
.object__slide_col-right {
padding-right: 15px;
padding-left: 15px;
}
.object__slide_params {
height: 138px;
}
.item-field {
width: 100%;
}
.form__file-text {
min-height: 20px;
}
.section-contact__col-left {
width: 90%;
}
.contact__tabs_menu_link {
margin-right: 0px;
margin-bottom: 10px;
}
.search__item-line {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.search__item {
margin-right: 0px;
margin-left: 0px;
}
.bim__form-wrapper {
max-width: 360px;
padding-right: 15px;
padding-left: 15px;
}
}
@font-face {
font-family: 'Fontawesome webfont';
src: url(//con-pipe.ru/wp-content/themes/cp/fonts/5dba68a0b9f0e706caec557b_fontawesome-webfont.eot) format('embedded-opentype'), url(//con-pipe.ru/wp-content/themes/cp/fonts/5dba68a0b9f0e72a4bec557e_fontawesome-webfont.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: auto;
}
.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}
.aligncenter {margin-left:auto; margin-right:auto; display:block}
input:active, input:focus {outline: none;}
.hidden { display:none }@keyframes aslAnFadeInDrop {
0% {
opacity: 0;
transform: translate(0, -50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@-webkit-keyframes aslAnFadeInDrop {
0% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
100% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
}
@keyframes aslAnFadeOutDrop {
0% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
}
@-webkit-keyframes aslAnFadeOutDrop {
0% {
opacity: 1;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translate(0, -50px);
-webkit-transform: translate(0, -50px);
}
}
.hiddend {
display: none !important;
}
div.asl_w.asl_an_fadeInDrop,
div.asl_w.asl_an_fadeOutDrop {
-webkit-animation-duration: 100ms;
animation-duration: 100ms;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
div.asl_w.asl_an_fadeInDrop {
animation-name: aslAnFadeInDrop;
-webkit-animation-name: aslAnFadeInDrop;
}
div.asl_w.asl_an_fadeOutDrop {
animation-name: aslAnFadeOutDrop;
-webkit-animation-name: aslAnFadeOutDrop;
}
div.asl_w.asl_main_container {
transition: width 130ms linear;
-webkit-transition: width 130ms linear;
}
div.asl_w,
div.asl_w *,
div.asl_r,
div.asl_r *,
div.asl_s,
div.asl_s * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
text-transform: none;
text-shadow: none;
box-shadow: none;
text-decoration: none;
text-align: left;
letter-spacing: normal;
}
div.asl_r,
div.asl_r * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.asl_r {
box-sizing: border-box;
margin: 12px 0 0 0;
}
div.asl_m .proinput input::-ms-clear {
display: none !important;
width: 0 !important;
height: 0 !important;
}
div.asl_m .proinput input::-ms-reveal {
display: none !important;
width: 0 !important;
height: 0 !important;
}
div.asl_m input[type="search"]::-webkit-search-decoration,
div.asl_m input[type="search"]::-webkit-search-cancel-button,
div.asl_m input[type="search"]::-webkit-search-results-button,
div.asl_m input[type="search"]::-webkit-search-results-decoration {
display: none;
}
div.asl_m input[type="search"] {
appearance: auto !important;
-webkit-appearance: none !important;
}
.clear {
clear: both;
}
.hiddend {
display: none;
}
div.asl_m textarea:focus,
div.asl_m input:focus {
outline: none;
}
div.asl_m {
width: 100%;
height: auto;
border-radius: 0;
background: rgba(255, 255, 255, 0);
overflow: hidden;
position: relative;
z-index: 200;
}
div.asl_m .probox {
width: auto;
border-radius: 5px;
background: #fff;
overflow: hidden;
border: 1px solid #fff;
box-shadow: 1px 0 3px #ccc inset;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
}
div.asl_m .probox .proinput {
width: 1px;
height: 100%;
margin: 0 0 0 10px;
padding: 0 5px;
float: left;
box-shadow: none;
position: relative;
flex: 1 1 auto;
-webkit-flex: 1 1 auto;
order: 5;
-webkit-order: 5;
}
div.asl_m .probox .proinput form {
height: 100%; margin: 0 !important;
padding: 0 !important;
display: block !important;
max-width: unset !important;
}
div.asl_m .probox .proinput input:before,
div.asl_m .probox .proinput input:after,
div.asl_m .probox .proinput form:before,
div.asl_m .probox .proinput form:after {
display: none;
}
div.asl_m .probox .proinput input {
height: 28px;
border: 0;
background: transparent;
width: 100%;
box-shadow: none;
margin: -1px;
padding: 0;
left: 0;
line-height: normal !important;
display: block;
min-height: unset;
max-height: unset;
}
div.asl_m .probox .proinput input::-webkit-input-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input::-moz-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input:-ms-input-placeholder {
opacity: .85;
}
div.asl_m .probox .proinput input:-moz-placeholder {
opacity: .85;
}
div.asl_m .proinput input.orig {
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
z-index: 10;
position: relative;
}
div.asl_m .proinput input.autocomplete {
padding: 0 !important;
margin: 0;
background: transparent !important;
border: none !important;
background-color: transparent !important;
box-shadow: none !important;
opacity: .2;
}
div.asl_m .probox .proinput input.autocomplete {
border: 0;
background: transparent;
width: 100%;
box-shadow: none;
margin: 0;
margin-top: -28px !important;
padding: 0;
left: 0;
position: relative;
z-index: 9;
}
div.asl_m .probox .proinput.iepaddingfix {
padding-top: 0;
}
div.asl_m .probox .proinput .loading {
width: 32px;
background: #000;
height: 100%;
box-shadow: none;
}
div.asl_m .probox .proloading,
div.asl_m .probox .proclose,
div.asl_m .probox .promagnifier,
div.asl_m .probox .prosettings {
width: 20px;
height: 20px;
background: none;
background-size: 20px 20px;
float: right;
box-shadow: none;
margin: 0;
padding: 0;
text-align: center;
flex: 0 0 auto;
-webkit-flex: 0 0 auto;
z-index: 100;
}
div.asl_m .probox .promagnifier {
order: 10;
-webkit-order: 10;
}
div.asl_m .probox .prosettings {
order: 1;
-webkit-order: 1;
}
div.asl_m .probox .proloading,
div.asl_m .probox .proclose {
background-position: center center;
display: none;
background-size: auto;
background-repeat: no-repeat;
background-color: transparent;
order: 6;
-webkit-order: 6;
}
div.asl_m .probox .proclose {
position: relative;
cursor: pointer;
}
div.asl_m .probox .promagnifier .innericon,
div.asl_m .probox .prosettings .innericon,
div.asl_m .probox .proclose .innericon {
background-size: 20px 20px;
background-position: center center;
background-repeat: no-repeat;
background-color: transparent;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
line-height: initial;
display: block;
}
div.asl_m .probox .promagnifier .innericon svg,
div.asl_m .probox .prosettings .innericon svg,
div.asl_m .probox .proloading svg {
height: 100%;
width: 22px;
vertical-align: baseline;
display: inline-block;
}
div.asl_m .probox .proloading {
padding: 2px;
box-sizing: border-box;
}
div.asl_m .probox div.asl_loader,
div.asl_m .probox div.asl_loader * {
box-sizing: border-box !important;
margin: 0;
padding: 0;
box-shadow: none;
}
div.asl_m .probox div.asl_loader {
box-sizing: border-box;
display: flex;
flex: 0 1 auto;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 28px;
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
div.asl_m .probox div.asl_loader-inner {
width: 100%;
margin: 0 auto;
text-align: center;
height: 100%;
}
@-webkit-keyframes rotate-simple {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-simple {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
div.asl_m .probox div.asl_simple-circle {
margin: 0;
height: 100%;
width: 100%;
animation: rotate-simple .8s infinite linear;
-webkit-animation: rotate-simple .8s infinite linear;
border: 4px solid #fff;
border-right-color: transparent !important;
border-radius: 50%;
box-sizing: border-box;
}
div.asl_m .probox .proclose svg {
background: #333;
border-radius: 50%;
position: absolute;
top: 50%;
width: 20px;
height: 20px;
margin-top: -10px;
left: 50%;
margin-left: -10px;
fill: #fefefe;
padding: 4px;
box-sizing: border-box;
box-shadow: 0 0 0 2px rgba(255, 255, 255, .9);
}
div.asl_r * {
text-decoration: none;
text-shadow: none;
}
div.asl_r .results .asl_nores {
overflow: hidden;
width: auto;
height: 100%;
line-height: initial;
text-align: center;
margin: 0;
background: #fff;
padding: 10px 3px;
color: #222;
}
div.asl_r.horizontal {
padding: 2px 0 10px;
}
div.asl_r.horizontal .results .nores {
background: transparent;
}
div.asl_r .results {
overflow: hidden;
width: auto;
height: 0;
margin: 0;
padding: 0;
}
div.asl_r.horizontal .results {
height: auto;
width: auto;
}
div.asl_r .results .item {
overflow: hidden;
width: auto;
margin: 0;
padding: 3px;
position: relative;
background: #f4f4f4;
border-left: 1px solid rgba(255, 255, 255, .6);
border-right: 1px solid rgba(255, 255, 255, .4);
animation-delay: 0s;
animation-duration: 1s;
animation-fill-mode: both;
animation-timing-function: ease;
backface-visibility: hidden;
-webkit-animation-delay: 0s;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-timing-function: ease;
-webkit-backface-visibility: hidden;
}
div.asl_r.vertical .results .item:last-child {
margin-bottom: 0;
}
div.asl_r.vertical .results .item:last-child:after {
height: 0;
margin: 0;
width: 0;
}
div.asl_r .results .item .asl_image {
overflow: hidden;
background: transparent;
margin: 2px 8px 0 0;
padding: 0;
float: left;
background-position: center;
background-size: cover;
}
div.asl_r .results .item .asl_image img {
width: 100%;
height: 100%;
}
div.asl_r .results .item .asl_content {
overflow: hidden;
height: auto;
background: transparent;
margin: 0;
padding: 3px 3px 5px 3px;
}
div.asl_r .results .item .asl_content h3 {
margin: 0;
padding: 0;
display: inline;
line-height: inherit;
}
div.asl_r .results .item .asl_content .asl_desc {
margin-top: 4px;
font-size: 12px;
line-height: 18px;
}
div.asl_r .results .item div.etc {
margin-top: 4px;
}
div.asl_r .results a span.overlap {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
div.asl_r p.showmore {
text-align: center;
padding: 0;
margin: 0;
font-weight: normal;
font-family: Open Sans;
color: #055e94;
font-size: 12px;
line-height: 30px;
text-shadow: 0 0 0 rgba(255, 255, 255, 0);
background-color: #fff;
margin-top: 3px;
cursor: pointer;
}
div.asl_r p.showmore span {
font-weight: normal;
font-family: Open Sans;
color: #055e94;
font-size: 12px;
line-height: 30px;
text-shadow: 0 0 0 rgba(255, 255, 255, 0);
display: block;
text-align: center;
cursor: pointer;
}
.results .asl_nores .asl_keyword {
padding: 0 6px;
cursor: pointer;
font-weight: bold;
font-family: Open Sans;
}
div.asl_r .resdrg {
height: auto;
}
div.asl_w .group:first-of-type {
margin: 0 0 -3px;
}
div.asl_s.searchsettings {
width: 200px;
height: auto;
position: absolute;
display: none;
z-index: 1101;
border-radius: 0 0 3px 3px;
visibility: hidden;
padding: 0;
}
div.asl_s.searchsettings form {
display: flex;
flex-wrap: wrap;
margin: 0 0 12px 0 !important;
padding: 0 !important;
}
div.asl_s.searchsettings .asl_option_inner {
margin: 2px 10px 0 10px;
*padding-bottom: 10px;
}
div.asl_s.searchsettings.ie78 .asl_option_inner {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
div.asl_s.searchsettings .asl_option_label {
font-size: 14px;
line-height: 20px !important;
margin: 0;
width: 150px;
text-shadow: none;
padding: 0;
min-height: 20px;
border: none;
background: transparent;
float: none;
}
div.asl_s.searchsettings .asl_option_inner input[type=checkbox] {
display: none !important;
}
div.asl_s.searchsettings.ie78 .asl_option_inner input[type=checkbox] {
display: block;
}
div.asl_s.searchsettings.ie78 .asl_option_label {
float: right !important;
}
div.asl_s.searchsettings .asl_option {
display: flex;
flex-direction: row;
-webkit-flex-direction: row;
align-items: flex-start;
margin: 0 0 10px 0;
cursor: pointer;
}
div.asl_s.searchsettings .asl_option.asl-o-last,
div.asl_s.searchsettings .asl_option:last-child {
margin-bottom: 0;
}
div.asl_s.searchsettings .asl_option_inner {
width: 17px;
height: 17px;
position: relative;
flex-grow: 0;
-webkit-flex-grow: 0;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox {
cursor: pointer;
position: absolute;
width: 17px;
height: 17px;
top: 0;
padding: 0;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .2);
overflow: hidden;
font-size: 0 !important;
color: rgba(0, 0, 0, 0);
} div.asl_r.vertical .results,
div.asl_s.searchsettings .asl_sett_scroll {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.5) transparent;
}
div.asl_r.vertical .results {
scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255,255,255);
}
div.asl_r.vertical .results::-webkit-scrollbar {
width: 10px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar {
width: 6px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-track {
background: transparent;
box-shadow: inset 0 0 12px 12px transparent;
border: none;
}
div.asl_r.vertical .results::-webkit-scrollbar-track {
background: rgb(255, 255, 255);
box-shadow: inset 0 0 12px 12px transparent;
border: solid 2px transparent;
}
div.asl_r.vertical .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
background: transparent;
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0);
border: solid 2px transparent;
border-radius: 12px;
}
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
border: none;
}
div.asl_r.vertical:hover .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings:hover .asl_sett_scroll::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
}
@media (hover: none), (max-width: 500px) {
div.asl_r.vertical .results::-webkit-scrollbar-thumb,
div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 12px 12px rgba(0, 0, 0, 0.5);
}
} div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:after {
opacity: 0;
font-family: 'aslsicons2';
content: "\e800";
font-weight: normal !important;
background: transparent;
border: none !important;
box-sizing: content-box;
color: #fff;
height: 100%;
width: 100%;
padding: 0 !important;
margin: 1px 0 0 0 !important;
line-height: 17px;
text-align: center;
text-decoration: none;
text-shadow: none;
display: block;
font-size: 11px !important;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
div.asl_s.searchsettings.ie78 .asl_option_inner .asl_option_checkbox:after {
display: none;
}
div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:hover::after {
opacity: .3;
}
div.asl_s.searchsettings .asl_option_inner input[type=checkbox]:checked+.asl_option_checkbox:after {
opacity: 1;
}
div.asl_s.searchsettings fieldset {
position: relative;
float: left;
}
div.asl_s.searchsettings fieldset {
background: transparent;
font-size: .9em;
margin: 12px 0 0 !important;
padding: 0;
width: 192px;
}
div.asl_s.searchsettings fieldset .asl_option_label {
width: 130px;
display: block;
}
div.asl_s.searchsettings form fieldset legend {
padding: 5px 0 8px 10px;
}
#asl_hidden_data {
display: none !important;
}
.asl_r .item { .asl__af-tt-container {
position: relative;
z-index: 2;
.asl__af-tt-link {
transition: opacity 0.2s;
&:hover {
opacity: 0.7;
}
}
}
.average-rating {
--percent: 0%;
--color: #2EA3F2;
--bg-color: rgba(0,0,0,0.2);
--size: 17px;
position: relative;
appearance: none;
width: auto;
display: inline-block;
vertical-align: baseline;
font-size: var(--size);
line-height: calc(var(--size) - 15%);
color: var(--bg-color);
background: linear-gradient(90deg, var(--color) var(--percent), var(--bg-color) var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
.asl_r .item {
.price {
--regular-price-color: #666;
--sale_price_color: #666;
color: var(--regular-price-color);
del {
opacity: .5;
display: inline-block;
text-decoration: line-through;
color: var(--regular-price-color);
}
ins {
margin-left: 0.5em;
text-decoration: none;
font-weight: 700;
display: inline-block;
color: var(--sale_price_color);
}
}
.add-to-cart-container {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
z-index: 10;
width: 100%;
margin: 12px 0;
.add-to-cart-quantity {
padding: 8px 0 8px 8px;
background: #eaeaea;
width: 32px;
border-radius: 4px 0 0 4px;
height: 18px;
min-height: unset;
display: inline-block;
font-size: 13px;
line-height: normal;
}
.add-to-cart-button {
padding: 8px;
border-radius: 4px;
background: #6246d7;
color: white;
height: 18px;
min-height: unset;
display: block;
text-align: center;
min-width: 90px;
font-size: 13px;
line-height: normal;
&.add-to-cart-variable {
border-radius: 4px;
}
&.loading {
content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
}
a.added_to_cart {
flex-basis: 100%;
margin-top: 8px;
}
}
.add-to-cart-container:has(.add-to-cart-quantity) {
.add-to-cart-button {
border-radius: 0 4px 4px 0;
}
}
}
.rtl .asl_content,
.rtl .asl_nores,
.rtl .asl_content *,
.rtl .asl_nores *,
.rtl .searchsettings form {
text-align: right !important;
direction: rtl !important;
}
.rtl .asl_nores>* {
display: inline-block;
}
.rtl div.asl_r .results .item .asl_image {
float: right;
margin: 2px 0 0 8px;
}
.rtl .searchsettings .asl_option {
flex-direction: row-reverse !important;
-webkit-flex-direction: row-reverse !important;
}
.rtl .asl_option {
direction: ltr;
}
.rtl .asl_label,
.rtl .asl_option div.asl_option_label {
text-align: right !important;
}
.rtl .asl_label {
max-width: 1000px !important;
width: 100%;
direction: rtl !important;
}
.rtl .asl_label input[type=radio] {
margin: 0 0 0 6px !important;
}
.rtl .asl_option_cat_level-0 div.asl_option_label {
font-weight: bold !important;
}
.rtl fieldset .asl_option_cat_level-1 {
margin-right: 12px !important;
margin-left: 0;
}
.rtl fieldset .asl_option_cat_level-2 {
margin-right: 24px !important;
margin-left: 0;
}
.rtl fieldset .asl_option_cat_level-3 {
margin-right: 36px !important;
margin-left: 0;
}
.rtl .searchsettings legend {
text-align: right !important;
display: block;
width: 100%;
}
.rtl .searchsettings input[type=text],
.rtl .searchsettings select {
direction: rtl !important;
text-align: right !important;
}
.rtl div.asl_w.asl_s.searchsettings form,
.rtl div.asl_w.asl_sb.searchsettings form {
flex-direction: row-reverse !important;
}
.rtl div.horizontal.asl_r div.item {
float: right !important;
}
.rtl p.asl-try {
direction: rtl;
text-align: right;
margin-right: 10px;
width: auto !important;
}