/** Theme Name: Marvelers Theme URI: https://marvelers.bg/ Author: Marvelers LTD. Author URI: https://marvelers.bg/ Description: Custom theme Version: 1.0.0 Text Domain: marvelers Domain Path: /languages */ /*btstrp*/ *,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} /*slick*/ @charset 'UTF-8';.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;width:20px;height:20px;margin-top:-10px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;opacity:.75;color:#fff}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{}.slick-next:before,[dir=rtl] .slick-prev:before{content:''}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{}.slick-slider{margin-bottom:30px}.slick-dots{bottom:-45px;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000} /*slick min*/ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*! * Fonts */ /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /****************************************************** * BASE ******************************************************/ body{ font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; } h1,h2,h3,h4,h5,h6{ font-family: 'Open Sans', sans-serif; font-weight: 700; } a { } @media (min-width: 1300px){ .container { max-width: 1680px; padding:0px 65px; } } /****************************************************** * HEADER ******************************************************/ header#masthead { position: sticky; top: -86px; z-index: 999; } .logged-in.admin-bar header#masthead { top: -54px; } .logo-menu-wapper { padding: 10px 0px; padding-bottom: 15px; } .logo-menu-wapper .row { justify-content: space-between; align-items: center; } img.custom-logo { max-width: 100%; height: auto; } .col-12.col-md-6.col-contacts-header { display: inline-flex; justify-content: flex-end; } .mobile-icons { display: none; } .header-email { margin-left: 15px; } .col-12.col-md-6.col-contacts-header svg { width: 20px; height: auto; fill: #0b1c46; } .col-12.col-md-6.col-contacts-header svg, .col-12.col-md-6.col-contacts-header svg *{ fill: #0b1c46; } .col-12.col-md-6.col-contacts-header a { color: #040a1a; font-weight: bold; font-size: 17px; text-decoration: none; } .menu-wapper .row { margin: 0px; } .menu-wapper .col-main-menu-header { width: 100%; min-width: 100%; background: #f5f5f5; display: flex; align-items: center; justify-content: space-between; padding: 0px; } ul#main-nav { margin: 0px; padding: 0px; list-style: none; display: flex; align-items: center; } ul#main-nav > li { margin: 0px 15px; } ul#main-nav > li > a { color: #040a1a; text-transform: uppercase; font-size: 16px; padding: 20px 10px; display: block; line-height: 1; text-decoration: none; font-weight: 500; position:relative; } ul#main-nav > li > a:before { content: attr(data-name); font-weight: bold !important; overflow: hidden; user-select: none; pointer-events: none; height: 0; opacity: 0; z-index: -1; display: block; } .archive.category ul#main-nav > li:nth-child(4) > a, .blog ul#main-nav > li:nth-child(4) > a, .single-post ul#main-nav > li:nth-child(4) > a, .archive.post-type-archive ul#main-nav > li:nth-child(2) > a, .tax-product-cats ul#main-nav > li:nth-child(2) > a, .single-products ul#main-nav > li:nth-child(2) > a, ul#main-nav > li.active > a, ul#main-nav > li:hover > a, .home ul#main-nav > li:first-child{ font-weight: bold !important; } .archive.category ul#main-nav > li:nth-child(4) > a:after, .blog ul#main-nav > li:nth-child(4) > a:after, .single-post ul#main-nav > li:nth-child(4) > a:after, .archive.post-type-archive ul#main-nav > li:nth-child(2) > a:after, .tax-product-cats ul#main-nav > li:nth-child(2) > a:after, .single-products ul#main-nav > li:nth-child(2) > a:after, ul#main-nav > li.active > a:after, .home ul#main-nav > li:first-child > a:after { content: ""; width: 100%; position: absolute; height: 3px; background: #040A1A; left: 0px; bottom: 0px; } /*search*/ div#header-search { padding-right: 25px; min-width: 420px; } div#header-search button { border: none; outline: none; background: transparent; line-height: 1; width: 32px; } div#header-search button svg{ width: 20px; fill: #0b1c46; } div#header-search button svg *{ fill: #0b1c46; } div#header-search input { background: transparent; border: none; border-bottom: 1px solid #ffcd05; width: calc(100% - 40px); outline:none; } form#search { position: relative; } .search_results { position: absolute; top: 100%; left: 0px; width: 100%; background: #fff; filter: drop-shadow(2px 4px 6px black); border-radius: 5px; max-height: 300px; overflow: auto; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; } .no-sr-r { padding: 10px; } .search_results.show-search-results{ opacity: 1; visibility: visible; z-index: 9; pointer-events: all; } .search-result-wapper { display: flex; padding: 10px; width: calc(100% - 0px); margin-left: 0px; border-radius: 5px; } .search-result-wapper:nth-child(even) { background: whitesmoke; } .src-result-img { width: 100px; min-width: 100px; padding-top: 56px; position: relative; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; margin-right: 14px; border-radius: 5px; overflow: hidden; } .src-result-img img { width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0px; left: 0px; } .src-result-info-wapper { display: inline-flex; align-items: center; } .src-result-info-wapper p { margin: 0px; } .src-result-info-wapper a { color: #0e1b46; font-weight: bold; text-decoration: none; } .search_results.show-search-results .view-all-link { padding: 20px; text-align: center; } .view-all-link a { color: #000; text-decoration: none; font-weight:bold; } .view-all-link a:hover{ color:#0e1b46; font-weight:bold; } .search-result-wapper.cat-r-main-w { background: transparent; font-weight: bold; text-transform: uppercase; font-size: 16px; } .search-result-wapper.product-r-main-w { background: transparent; font-weight: bold; text-transform: uppercase; font-size: 16px; border-top: 1px solid #ccc; border-radius: 0px; margin-top: 10px; display: flex; align-items: center; justify-content: space-between; } .search-result-wapper.product-r-main-w a { color: #000; font-weight: bold; text-decoration: none; text-transform: none; } .search-result-wapper.cat-r-w { padding-left: 30px; } ul.wapper-cats { position: absolute; top: 100%; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; list-style: none; left: 0px; width: 100%; padding: 20px; margin: 0px; background: whitesmoke; transition:0.5s; } @media(min-width:768px){ ul#main-nav > li:hover > ul.wapper-cats{ opacity: 1; visibility: visible; z-index: 9; pointer-events: all; box-shadow: 0px 3px 6px #00000029; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } } ul.wapper-cats.row li { width: 25%; padding: 7px; margin: 0px; transition:0.5s; } ul.wapper-cats.row li:hover { /*transform: scale(1.1); */ } ul.wapper-cats.row li .cat-inner-wapper { margin: 0px; filter: drop-shadow(2px 3px 2px #ddd); transition:0.5s; } ul.wapper-cats.row li:hover > .cat-inner-wapper { filter: drop-shadow(2px 3px 2px #0B1C46); } ul.wapper-cats.row li .cat-inner-wapper a { text-decoration: none; display: flex; align-items: center; } ul.wapper-cats.row li .cat-inner-wapper a .cat-img-wapper { width: 55px; flex: 0 0 55px; padding-top: 55px; position: relative; margin-right: 15px; } span.cat-name-wapper { width: calc(100% - 55px); } ul.wapper-cats.row li .cat-inner-wapper a > span { padding: 0px; text-align: left; justify-content: flex-start; padding-right: 35px; position: relative; } span.cat-name-wapper span.xs-arrow { position: absolute; display: flex !important; right: 5px; width: 30px; height: 30px; align-items: center; justify-content: center; } span.cat-name-wapper span.xs-arrow svg { width: 11px; transform: rotate(180deg); } ul.wapper-cats.row li .cat-inner-wapper .cat-img-wapper img { position: absolute; top: 5px; left: 10px; width: calc(100% - 10px); height: calc(100% - 10px); object-fit: contain; } /*lavel 2*/ .cat-childs-wapper { position: absolute; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; top: 0px; left: 0px; width: 100%; height: 100%; background: whitesmoke; padding: 20px; overflow: auto; } li:hover li.cat-wapper.cat-wapper-header.opened .cat-childs-wapper{ opacity: 1; visibility: visible; z-index: 9; pointer-events: all; } .cat-childs-header { padding: 20px; text-align: center; position: relative; font-size: 20px; text-transform: uppercase; font-weight: bold; color: #040A1A; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-top: 0px; } .cat-childs-header svg { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; } ul.basic-pages-nav.cat-list.lagal-page-sidebar { margin-bottom: 20px; } .cat-childs-wapper ul.childs-cat-list { columns: 3; } .cat-childs-wapper ul.wapper-cats.row li { width: auto; padding: 0px; margin: 0px; } .cat-childs-wapper ul.childs-cat-list li { width: 100%; } .cat-childs-wapper ul.childs-cat-list a { color: #000; text-decoration: none; } /**************************************************************** * SLIDESHOW *****************************************************************/ .slide-h { position: relative; } .img-wapper { position: relative; width: 100%; padding-top: 37%; overflow:hidden; } .img-wapper img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100% !important; object-fit: cover; } .img-wapper:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #19284f; z-index: 1; opacity: 0.8; } .slide-content { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; width: 100%; z-index: 9; } .slide-item-content-wapper { padding: 0px 30px; color: #fff; } p.title-like { color: #fff; font-size: 32px; text-transform: uppercase; font-weight: bold; line-height: 1.2; } .rich_text_slide { padding-left: 20px; margin-top: 30px; text-transform: uppercase; font-weight: 500; } .rich_text_slide p { position: relative; margin-bottom: 8px; } .rich_text_slide p:before { content: ""; width: 45px; height: 1px; background: #FFCD05; position: absolute; left: -50px; top: 10px; } .slide-btn { margin-top: 30px; } .slide-btn a { color: #040A1A; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 8px 30px; border-radius: 5px; background: #fff; } .slideshow-slick{ margin-bottom: 50px !important; } .slideshow-slick:not(.slick-initialized) .slide-item:not(:first-child){ display:none; } .slideshow-slick .slick-dots { bottom: 30px; margin-bottom: 0px; } .slideshow-slick .slick-dots li { margin: 0px 2px; } .slideshow-slick .slick-dots li, .slideshow-slick .slick-dots li button, .slideshow-slick .slick-dots li button:before{ width:80px; height:5px; } .slideshow-slick .slick-dots li button:before { background: #fff; } /**************************************************************** * HOME *****************************************************************/ img.img-responsive { max-width: 100%; height: auto; } section#cats-about-us { margin-bottom: 50px; } .col-xs-12.col-md-5.col-about-us-home { order: 2; } .col-xs-12.col-md-7.col-categories-home { order: 1; } .section-item-wapper { box-shadow: 0px 3px 6px #00000029; border-radius: 5px; padding: 30px; height: 100%; } .home .section-title { margin-bottom: 20px; position: relative; } .home .section-title:before { content: ""; position: absolute; width: 150px; right: 0px; top: 50%; height: 2px; background: #0b1c46; } .col-about-us-home .section-title:before { background: #FFCD05; } .section-title h1, .section-title h2 { color: #040A1A; text-transform: uppercase; font-size: 24px; margin: 0px; line-height: 1; } .cat-inner-wapper { margin-bottom: 30px; box-shadow: 0px 3px 6px #00000029; border-radius: 5px 5px 0px 0px; filter: drop-shadow(2px 3px 2px #0B1C46); background: #fff; border-radius: 5px; } .cat-wapper.col-12.col-md-4:nth-last-child(-n+3) .cat-inner-wapper{ margin-bottom: 0px; } .cat-img-wapper { width: 100%; padding-top: 45%; position: relative; } .cat-img-wapper img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; /* box-shadow: 0px 3px 6px #00000029; border-radius: 5px 5px 0px 0px; filter: drop-shadow(2px 3px 2px #0B1C46); */ } .cat-inner-wapper a { text-decoration: none; } .cat-inner-wapper > a > span { color: #0B1C46; border-radius: 0px 0px 5px 5px; line-height: 1.1; background: #fff; padding: 10px 5px; text-transform: uppercase; font-weight: bold; font-size: 13px; /* filter: drop-shadow(2px 3px 2px #0B1C46); */ min-height: 50px; display: flex; align-items: center; justify-content: center; text-align:center } .col-xs-12.col-md-5.col-about-us-home p:last-child { margin-bottom: 0px; } .about-us-home-img-wapper { width: calc(100% + 60px); position: relative; padding-top: 90%; margin-left: -30px; margin-bottom: 30px; } img.img-responsive.section-item-full-wight-img { border-radius: 5px; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .col-xs-12.col-md-5.col-about-us-home h2 { font-size: 16px; margin-bottom: 20px; line-height: 1; } /*home products*/ #home-products .row { margin: 0px; } #home-products .col-products-home{ background: #F5F5F5 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 5px; padding: 30px 15px; } .home-products-header { text-align: center; margin-bottom: 35px; } .home-products-header h2 { color: #040A1A; text-transform: uppercase; font-size: 24px; margin: 0px; line-height: 1; } .section-header-btns { margin-top: 15px; display: flex; align-items: center; justify-content: center; } .section-header-btns button { background: transparent; border: none; outline: none; color: #040A1A; text-transform: uppercase; font-weight: 500; padding: 5px 10px; border-bottom: 1px solid #ffcd05; display: inline-block; margin: 0px; } .section-header-btns button.active { font-weight: bold; border-bottom: 1px solid #040a1a; } .latest-products:not(.slick-initialized) { display: flex; flex-wrap: wrap; padding-right: 20%; margin-bottom:0px; } .latest-products:not(.slick-initialized) .col-product-list-wapper { width: 33.33%; flex: 0 0 33.33%; } .latest-products .col-product-list-wapper{ padding: 0px 15px; } .latest-products:not(.slick-initialized) .col-product-list-wapper{ display:none; } .latest-products:not(.slick-initialized) .col-product-list-wapper:nth-child(3), .latest-products:not(.slick-initialized) .col-product-list-wapper:nth-child(2), .latest-products:not(.slick-initialized) .col-product-list-wapper:nth-child(1){ display:block; } .progress { display: block; width: 100%; height: 6px; border-radius: 1px; overflow: hidden; background-color: #ffcd05; background-image: linear-gradient(to right, #0b1c46, #0b1c46); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; margin-top: 40px; margin-bottom: 10px; margin-left: 15px; } .latest-products { width: calc(100% + 30px); margin-left: -15px; padding-left: 15px; margin-bottom:0px; } .latest-products .slick-list.draggable { padding-right: 20%; } #home-products .hidden-slick { display: none !important; } section#home-promise { background: transparent linear-gradient(76deg, #040A1A 0%, #0B1C46 100%) 0% 0% no-repeat padding-box; border-radius: 0px 0px 5px 5px; padding: 70px 0px; color: #fff; text-transform: uppercase; } .col-12.col-md-12.col-promise-home-header { margin-bottom: 45px; text-align: center; margin-bottom: 50px; } .col-12.col-md-12.col-promise-home-header h2 { font-size: 24px; } .col-12.col-md-12.col-promise-home { display: flex; } .promise-wapper { display: inline-flex; width: 25%; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } p.promise-name { position: relative; margin-top: 20px; margin-bottom: 0px; padding: 0px 10px; padding-bottom: 15px; border-bottom: 2px solid #FFCD05; font-size: 16px; } /*home blog*/ section#home-blog { padding: 50px 0px; } .blog-home-header.col-12.col-md-12 { text-align: center; font-size: 24px; text-transform: uppercase; margin-bottom: 50px; } .blog-sliked:not(.slick-initialized) { display: flex; flex-wrap: wrap; } .blog-sliked{ margin-bottom:0px; } .blog-sliked:not(.slick-initialized) .col-article { display:none; width: 33.33%; flex: 0 0 33.33%; padding: 0px 15px; } .blog-sliked .col-article{ padding: 0px 15px; } .blog-sliked:not(.slick-initialized) .col-article:nth-child(3), .blog-sliked:not(.slick-initialized) .col-article:nth-child(2), .blog-sliked:not(.slick-initialized) .col-article:nth-child(1){ display:block !important; } .blog-sliked .slick-dots { bottom: unset; top: -50px; } .blog-sliked .slick-dots li, .blog-sliked .slick-dots li button, .blog-sliked .slick-dots li button:before{ width:100px; height:2px; opacity:1; } .blog-sliked .slick-dots li button:before { background: #858DA2; opacity: 1; } .blog-sliked li.slick-active button:before { background: #0B1C46; height: 3px; margin-top: -0.5px; } .article-list-image { filter: drop-shadow(2px 3px 2px #0B1C46); background: #fff; border-radius: 5px; overflow: hidden; width: 100%; padding-top: 50%; position:relative; } .article-list-image img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } p.article-date { color: #040A1A; font-weight: bold; margin-top: 16px; margin-bottom: 10px; text-transform: uppercase; } .col-article h3{ min-height:40px; } .col-article h3, .col-article h3 a { color: #040A1A; font-weight: bold; font-size: 17px; text-transform: uppercase; text-decoration:none; } .col-article h3:hover, .col-article h3:hover a{ color:#163071; } .blog-home-wapper.col-12.col-md-12 { padding: 0px; } /*blog arhive*/ section#all-news { padding: 30px 0px; padding-bottom: 50px; } section#breadcrumb h1 { text-transform: uppercase; font-size: 28px; line-height: 1; margin-bottom: 0px; margin-top: 10px; } .col-12.col-md-6.col-article, .col-12.col-md-4.col-article { margin-bottom: 45px; } .sidebar-sticky.section-item-wapper .banners.banners-slideshow { width: calc(100% + 40px); margin-left: -20px; margin-bottom: -20px; } /*single post*/ .article-meta { position: sticky; top: 60px; } .single-post h1 { text-transform: uppercase; font-size: 25px; } .article-img { width: 100%; position: relative; padding-top: 45%; } .article-img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; box-shadow: 0px 3px 6px #00000029; border-radius: 5px; filter: drop-shadow(2px 3px 2px #0B1C46); } section#blog-posts .col-12.col-md-9 { margin-bottom: 30px; padding-right: 45px; } dl.gallery-item img { max-width: 100%; height: auto; border-color: #fff !important; } .gallery-columns-2 dl.gallery-item, .gallery-columns-3 dl.gallery-item, .gallery-columns-4 dl.gallery-item, .gallery-columns-5 dl.gallery-item{ position: relative; width: 100%; padding-top: 270px; } .gallery-columns-2 dl.gallery-item img, .gallery-columns-3 dl.gallery-item img, .gallery-columns-4 dl.gallery-item img, .gallery-columns-5 dl.gallery-item img{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .gallery-columns-2 dl.gallery-item{ padding-top: 330px; } .gallery-columns-4 dl.gallery-item{ padding-top: 240px; } .gallery-columns-5 dl.gallery-item{ padding-top: 200px; } .prost-nav { margin-top: 30px; border-top: 2px solid #ffcd05; padding-top: 15px; padding-bottom: 15px; margin-bottom: 30px; } .prost-nav .wapper-post-nav { display: flex; position: relative; } .wapper-post-nav:before { content: ""; height: 100%; width: 2px; background: #ffcd05; position: absolute; left: 50%; } .prost-nav .wapper-post-nav > div { width: 50%; min-height: 40px; align-items: center; display: inline-flex; line-height: 1; } .prost-nav a { color: #202020; text-decoration: none; text-transform: uppercase; font-weight: 500; } .prost-nav .wapper-post-nav svg { width: 30px; height: 30px; position: absolute; top: 5px; } .prost-nav .wapper-post-nav svg, .prost-nav .wapper-post-nav svg * { fill: #0b1c46; } .prev-post svg { transform: rotate(180deg); left: 0px; } .next-post svg { right: 0px; } .prev-post { padding-right: 15px; padding-left: 40px; position: relative; } .next-post { justify-content: flex-end; text-align: right; padding-left: 15px; padding-right: 40px; position: relative; } .single-post aside.col-xs-12.col-md-3 { padding-left: 0px; } .sidebar-sticky.section-item-wapper { padding: 20px; } .sidebar-sticky h2 { color: #040A1A; text-transform: uppercase; font-size: 21px; margin: 0px; line-height: 1; margin-bottom: 20px; } .col-article.col-mb-30 { margin-bottom: 30px; } .sidebar-sticky .col-article h3 { min-height: 1px; margin-bottom: 15px; } .sidebar-sticky .col-article h3, .sidebar-sticky .col-article h3 a { font-size: 15px; } .social-share.sidebar-item ul { display: flex; align-items: center; list-style: none; padding: 0px; margin: 0px; margin-top: 20px; } .social-share.sidebar-item ul li { margin-right: 8px; line-height:1; } li.share-label { text-transform: uppercase; font-weight: bold; color: #0d1d45; } li.email svg { width: 26px; height: auto; } /**************************************************************** * SINGLE PRODUCT *****************************************************************/ section#single-product-info { padding-bottom: 50px; } section#breadcrumb { padding: 15px 0px; } ol.bread-list-products { padding: 0px; margin: 0px; list-style: none; display: flex; color: #040A1A; text-transform: uppercase; font-size: 13px; } ol.bread-list-products { white-space: nowrap; overflow: auto; } @media(min-width:768px){ /* width */ ol.bread-list-products::-webkit-scrollbar { width: 8px; height: 8px; cursor:move; } /* Track */ ol.bread-list-products::-webkit-scrollbar-track { box-shadow: none; border-radius: 3px; background: #F5F5F5; } /* Handle */ ol.bread-list-products::-webkit-scrollbar-thumb { background: #354366; border-radius: 3px; } /* Handle on hover */ ol.bread-list-products::-webkit-scrollbar-thumb:hover { background: #354366; } } ol.bread-list-products a { text-decoration: none; color: #040A1A; } ol.bread-list-products li:last-child{ font-weight: bold; } ol.bread-list-products a:hover{ color: #163071; } span.delitel { line-height: 1; margin-right: 3px; } .pr-main-gal { margin-bottom: 15px; } .g-item a.g-item-inner-wapper, span.g-item-inner-wapper { display: block; width: 100%; padding-top: 60%; position: relative; border-radius: 10px; overflow: hidden; } .g-item a.g-item-inner-wapper img, span.g-item-inner-wapper img { position: absolute; width: calc(100% - 6px); height: calc(100% - 6px); top: 3px; left: 3px; border-radius: 10px; filter: drop-shadow(1px 1px 4px #eee); background: #fff; object-fit: contain; cursor: pointer; } .col-12.col-md-6.col-pr-gallery { padding-bottom: 30px; } .pr-trumb-gal:not(.slick-initialized) .g-item, .pr-main-gal:not(.slick-initialized) .g-item:not(:first-child){ display:none; } .pr-trumb-gal:not(.slick-initialized){ display:flex; margin-bottom: 30px; } .pr-trumb-gal:not(.slick-initialized) .g-item:nth-child(3), .pr-trumb-gal:not(.slick-initialized) .g-item:nth-child(2), .pr-trumb-gal:not(.slick-initialized) .g-item:nth-child(1){ display:block; width:33.33%; } .pswp img { max-width: none; object-fit: contain; } .product-header { display: flex; align-items: center; margin-bottom: 15px; justify-content: space-between; } .product-title { flex: 0 0 61%; } .product-header h1 { color: #040A1A; text-transform: uppercase; font-size: 20px; margin: 0px; } .product-header-btns { display: inline-flex; align-items: center; } .print { margin-right: 10px; } .print button { border: none; background: transparent; outline: none; display: table; } .print:hover svg * { fill: #193477; } .ordered button { border: none; background: #0B1C46; border-radius: 5px; text-transform: uppercase; color: #fff; padding: 5px 10px; line-height: 1; display: inline-flex; align-items: center; justify-content: space-between; box-shadow: 0px 3px 6px #00000029; } .ordered button:hover{ background: #193477; } .ordered button svg { margin-left: 10px; width: 25px; height: auto; } p.sku { text-transform: uppercase; } p.sku b{ color: #040a1a; font-weight: bold; letter-spacing: 1px; font-size: 16px; } p.sku span{ font-weight: 600; color: #000; font-size: 18px; } .sub_title { background: #FFCD05; padding: 10px; line-height: 1.1; box-shadow: 0px 3px 6px #00000029; border-radius: 3px; color: #040A1A; font-weight: 600; margin-bottom: 20px; } .sub_title p { margin: 0px; } .parameters { font-weight: 600; color: #040A1A; } .parameters p { position: relative; padding-left: 33px; } .parameters svg { width: 24px; height: auto; margin-right: 5px; position: absolute; left: 0px; top: 0px; } .certificates-wapper { margin-top: 30px; } p.certificates-title { color: #040A1A; text-transform: uppercase; font-size: 18px; font-weight: 600; margin: 0px; } .certificates { display: flex; flex-wrap: wrap; } .certificat-wapper { flex: 0 0 20%; max-width: 20%; padding: 5px 10px; line-height: 1; text-align: center; border-right: 1px solid #ddd; margin-bottom: 15px; } .certificat-wapper:nth-child(5n) { border-right: none; } /* .certificat-wapper:last-child { border-right: none; } */ .certificat-wapper img { max-width: 45px; height: 45px; object-fit: contain; } p.certificat-name { font-size: 13px; font-weight: 600; margin: 0px; margin-top: 12px; } .content-field h2 { font-size: 24px; text-transform: uppercase; } .content-field h3 { font-size: 21px; } div#save-for-later { display: none; } aside#request-pop-up.no-product-table .content-field.table { display: none; } /*pop form*/ aside#request-pop-up { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: #20202082; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; } aside#request-pop-up.opened { opacity: 1; visibility: visible; z-index: 999; pointer-events: all; } .request-pop-up-wapper { padding: 20px; background: #fff; filter: drop-shadow(2px 4px 6px black); border-radius: 5px; max-height: calc(100vh - 60px); overflow-y: auto; } @media(min-width:768px){ .request-pop-up-wapper { min-width: 660px; } } .request-pop-up-wapper .header { position: relative; font-size: 20px; margin-bottom: 20px; text-transform: uppercase; font-weight: bold; } .request-pop-up-wapper span.header-form-title { display: block; line-height: 1; color: #0b1c46; } .request-pop-up-wapper span.header-form-label { color: #D46D26; } .request-pop-up-wapper span.header-form-title span { color: #FFCD05; display: inline-block; border-left: 2px solid; padding-left: 5px; } span#close-order-pop-up { cursor: pointer; position: absolute; right: -5px; top: -5px; } .request-pop-up-wapper .header { display: flex; align-items: center; } .header-img { width: 50px; margin-right: 20px; } .header-img img { max-height: 50px; object-fit: contain; } .request-pop-up-wapper .speak-our-mind-input{ max-width:100px; } /* .request-pop-up-wapper .content-field table tbody > tr:first-child td { background: transparent; border-right: 1px solid #ddd; padding: 6px 10px; color: #202020; } */ .request-pop-up-wapper .content-field table{ width: auto; min-width: 100%; } .request-pop-up-wapper .content-field table tbody > tr:first-child td { padding: 6px 10px; line-height: 1.2; font-size: 14px; vertical-align: middle; } div#pop-up-table-wapper { display: none; } .table-info-wapper.sub_title { display: flex; justify-content: space-between; } div#pop-up-table-info { width: calc(100% - 160px); } div#toggle-table-order button { background: transparent; border: none; outline: none; line-height: 1; display: flex; align-items: center; width: 160px; justify-content: flex-end; font-weight: bold; } div#toggle-table-order button svg{ width: 20px; height: 16px; transform: rotate(-90deg); margin-left: 5px; } div#toggle-table-order button.opened svg{ transform: rotate(90deg); } div#pop-up-table-wapper.opened { display: block; } div#pop-up-table-wapper tr { cursor: pointer; user-select: none; } div#pop-up-table-wapper table tbody > tr:not(:first-child):hover td { background: #fff700; cursor: pointer; } div#pop-up-table-wapper tr:not(:first-child) > td:first-child{ background: #f5f5f5; } /*tables*/ .content-field table{ border-collapse: collapse; width: 100%; border-radius: 5px; overflow: hidden; margin-bottom: 30px; } .content-field table tbody > tr td { padding: 6px 10px; border: 1px solid #ddd; } .content-field table tbody > tr:first-child td { background: #0B1C46; color: #fff; border-right: 1px solid #FFCD05; padding: 10px 10px; } .content-field table tbody > tr:first-child td:last-child { border-right-color: #dddddd; } #price-table.content-field table tbody > tr:not(:first-child) td:first-child{ background:#f5f5f5; } #price-table.content-field table tbody > tr:not(:first-child):hover td { background: #fff700; cursor: pointer; } #price-table.content-field table tbody > tr:not(:first-child) td{ user-select:none; } .content-field table tbody > tr td input { margin-right: 10px; } p.iframed-p { position: relative; max-width: 80%; padding-top: 45%; } p.iframed-p iframe { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .content-field.main-content table{ margin-bottom:0px; } .responsive-table { overflow: auto; } h2#prices-header { display: flex; align-items: center; justify-content: space-between; background: #fff; position: sticky; top: 55px; padding: 10px 0px; margin-bottom: 5px; } .price-offer-btns { display: flex; align-items: center; } div#save-for-later button { background: transparent; border: none; display: flex; align-items: center; text-transform: uppercase; font-size: 15px; outline: none; } div#save-for-later button span { order: 2; } div#save-for-later button svg { width: 20px; height: auto; order: 1; margin-right: 5px; } .price-offer-btns .ordered { margin-left: 15px; } .price-offer-btns .ordered button{ font-size: 15px; } .video-wapper { position: relative; width: 100%; max-width: 800px; padding-top: 56%; } .video-wapper img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } span.play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 9; padding: 10px; background: #00000094; border-radius: 16px; width: 16%; height: 18%; display: flex; align-items: center; justify-content: center; cursor: pointer; } span.play-icon svg { width: calc(50%); height: auto; } .video-wapper iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } /*listing*/ .navigation ul { display: flex; list-style: none; padding: 0px; margin: 0px; justify-content: center; align-items: center; } .navigation ul li { margin: 0px 5px; } .navigation ul li a { display: flex; width: 25px; height: 25px; align-items: center; justify-content: center; border: 1px solid #0b1c46; border-radius: 3px; background: #0b1c46; color: #fff; text-decoration:none; } li.prev-page a, li.next-page a { font-size: 0px; } li.prev-page a:before, li.next-page a:before { content: "»"; font-size: 14px; line-height: 1; } li.prev-page a:before{ content:"«"; } .navigation ul li.active a, .navigation ul li a:hover { background: #ffcd05 !important; border-color: #ffcd05 !important; } li.prev-page a, li.next-page a{ } section.listing-products { padding-bottom: 50px; } .col-products-list-header { margin-bottom: 20px; } .col-products-list-header h1 { color: #040A1A; text-transform: uppercase; font-size: 24px; margin: 0px; } .col-12.col-md-4.col-product-list-wapper { margin-bottom: 30px; } .product-list-wapper { box-shadow: 0px 3px 6px #00000029; } .list-pr-img { position: relative; width: 100%; padding-top: 60%; border-radius: 5px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; margin-bottom: 15px; overflow: hidden; } .list-pr-img img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: contain; } .list-pr-info h2 { color: #040A1A; text-transform: uppercase; font-size: 15px; padding: 10px; } @media(min-width:1349px){ .list-pr-info h2{ min-height: 56px; } } .list-pr-info h2 a{ color: #040A1A; text-decoration: none; } .list-pr-info h2:hover a { color: #163071; } .shor_info { padding: 0px 10px; font-size: 13px; } .product-list-link a { display: flex; box-shadow: 0px 3px 6px #00000029; border-radius: 0px 0px 5px 5px; background: #0B1C46; color: #fff; padding: 10px 10px; line-height: 1; align-items: center; justify-content: space-between; position: relative; overflow: hidden; font-weight: bold; text-transform: uppercase; font-size: 13px; text-decoration: none; } .product-list-link a svg { width: 40px; position: absolute; right: 0px; padding: 5px 5px; height: 100%; background: #FFCD05; border-top-left-radius: 5px; } .product-list-link a:before { content: ""; position: absolute; top: 50%; width: calc(100% - 60px); height: 1px; background: #fff; } .product-list-link a span { position: relative; background: #0b1c46; padding-right: 10px; } .product-list-link a:hover{ background: #163071; } .product-list-link a:hover span{ background: #163071; } /*sidebar*/ ul.product-cats { padding: 0px; margin: 0px; list-style: none; background: #F5F5F5 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000029; border-radius: 5px; overflow:hidden; } ul.product-cats > li { position:relative; line-height: 1.1; padding: 10px 5px; border-bottom: 1px solid #ffcd05; max-width: calc(100% - 20px); margin-left: 10px; font-weight: 600; font-size: 14px; } ul.product-cats > li > a { position: relative; width: 100%; display: block; padding-right: 20px; font-size:13px; } ul.product-cats a:hover { color: #163071; } span.sidebar-arrow { position: absolute; top: 50%; right: -8px; transform: translateY(-50%); z-index: 9; height: 30px; width: 28px; display: flex; align-items: center; justify-content: center; padding: 0px 7px; } span.sidebar-arrow svg { width: 100%; height: auto; } ul.product-cats > li:last-child{ border-bottom: none; } ul.product-cats a { color: #040A1A; text-transform: uppercase; text-decoration: none; } ul.product-cats > li.active > a:before { background: #0B1C46; position: absolute; width: calc(100% + 30px); content: ""; height: calc(100% + 20px); left: -15px; top: -10px; box-shadow: 0px 3px 6px #00000029; border-radius: 5px; } ul.product-cats > li.active > a > span:not(.sidebar-arrow) { z-index: 9; position: relative; color: #fff; } ul.product-cats > li.active > a > span.sidebar-arrow svg, ul.product-cats > li.active > a > span.sidebar-arrow svg * { fill: #fff; } ul.term-childs.term-childs-sidebar > li.active > a { font-weight: bold !important; } ul.product-cats > li.active svg rect:last-child { opacity:0; } ul.term-childs.term-childs-sidebar { list-style: none; padding: 10px; padding-top: 15px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; display: none; position:relative; } ul.term-childs.term-childs-sidebar:before { content: ""; position: absolute; top: 10px; left: -15px; width: calc(100% + 30px); height: calc(100% - 0px); background: #ddd; border-radius: 6px; } li.active ul.term-childs.term-childs-sidebar { display: block; } ul.term-childs.term-childs-sidebar li { padding: 8px 0px; z-index: 9; position: relative; border-bottom: 1px solid #cfcece; } ul.term-childs.term-childs-sidebar li:last-child{ border-bottom: none; padding-bottom:0px; } ul.term-childs.term-childs-sidebar li a { font-weight: 400; } /*banners*/ .banners.banners-slideshow { margin-top: 45px; position: sticky; top: 100px; } .inner-banner-wapper { width: 100%; position: relative; padding-top: 140%; border-radius: 5px; overflow: hidden; } .inner-banner-wapper img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .banner-content-wapper { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 20px; color: #fff; display: flex; align-items: center; } .banner-content-wapper:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #19284f; z-index: -1; opacity: 0.8; } p.banner-title { text-transform: uppercase; font-weight: bold; font-size: 20px; } p.banner-title:before { content: ""; display: block; width: 40px; height: 2px; background: #ffcd05; margin-bottom: 8px; } .banner-content-inner-wapper .slide-btn a { font-size: 12px; padding: 6px 20px; } .banners-slideshow .slick-dots { bottom: 0px; } .banners-slideshow .slick-dots li, .banners-slideshow .slick-dots li button, .banners-slideshow .slick-dots li button:before{ width:20px; height:5px; } .banners-slideshow .slick-dots li button:before { background: #fff; } .banners-slideshow:not(.slick-initialized) .banner-wapper:not(:first-child){ display:none; } /*cat desc*/ section#description { padding-bottom: 35px; font-size: 15px; } section#description h2{ font-size:24px; text-transform:uppercase; } section#description h3{ font-size:21px; text-transform:uppercase; } a.show-second-part-desc { color: #0b1c46; margin-left: 10px; text-decoration: underline; font-weight: bold; } /**************************************************************** * PAGES *****************************************************************/ section#page-wapper { padding: 30px 0px; padding-bottom: 50px; } section#page-wapper .col-12.col-md-9 h2 { font-size: 24px; } section#page-wapper .col-12.col-md-9 h3 { font-size: 20px; } section#page-wapper .col-12.col-md-9 h4 { font-size: 16px; } section#page-wapper .col-12.col-md-9 { padding-right: 45px; } section#page-wapper aside.col-12.col-md-3 { padding-left: 0px; } .sticky-item.top-120 { position: sticky; top: 80px; } ul.basic-pages-nav { padding-left: 20px; margin-bottom: 0px; } ul.basic-pages-nav a { color: #303542; text-decoration: none; text-transform: uppercase; font-weight: 500; display: inline-block; margin-bottom: 5px; } ul.basic-pages-nav li:hover > a, ul.basic-pages-nav li.active > a { font-weight: bold; } /**************************************************************** * CONTACTS *****************************************************************/ .page-template-temp-contacts section.contacts { padding-bottom: 50px; padding-top: 30px; } .page-template-temp-contacts .section-title { margin-bottom: 30px; position: relative; } .page-template-temp-contacts .section-title:before { content: ""; position: absolute; width: 150px; right: 0px; top: 50%; height: 2px; background: #FFCD05 } .page-template-temp-contacts .col-12.col-md-5.col-contact-data .section-title:before { background: #0b1c46; } .col-12.col-md-5.col-contact-data { padding-right: 45px; } .contact-field { display: flex; align-items: center; padding-bottom: 10px; border-top: 1px solid #ddd; padding-top: 10px; line-height: 1; } .contact-field:first-child{ border-top: none; } .contact-field svg { width: 26px; height: auto; margin-right: 10px; margin-left: 10px; fill: #0b1c46; } .contact-field p { margin: 0px; } .contact-field p > span { display: block; } span.label-field { text-transform: uppercase; font-weight: bold; color: #040a1a; } span.cf-content, span.cf-content a { color: #303542; font-size: 16px; } .form-field { clear: both; display: table; width: 100%; margin-bottom: 20px; } .form-field.inline-right, .form-field.inline-left { width: 50%; display: inline-block; float: left; margin-bottom: 20px; clear: none; } .form-field label { width: 100%; margin: 0px !important; } .form-field.inline-left label, .form-field.inline-right label { width: 100%; padding-right: 15px; margin: 0px !important; } .form-field.inline-right label { padding-right: 0px; } textarea { min-height: 90px; } .gdpr { font-size: 16px; margin: 20px 0px; } .gdpr label { display: flex; align-items: center; margin: 0px !important; } .gdpr input.checkbox { width: 20px; height: 20px; flex: 0 0 20px; margin-right: 10px; } .gdpr a { margin-left: 10px; color: #0B1C46 !important; } footer#footer .gdpr a { color: #fff !important; } .speak-our-mind { display: flex; align-items: center; } .speak-our-mind img { width: 100px; } .speak-our-mind-input { height: 33px; border-radius: 5px; border: 1px solid #ddd; margin-right: 40px; } input.btn.btn-block { height: 33px; border-radius: 5px; border: none; color: #fff; background: #0B1C46; text-transform: uppercase; font-weight: bold; } .col-12.col-sm-12.col-md-12.contacts-map.section-padding { margin-top: 60px; } .iframe-wapper { position: relative; width: 100%; padding-top: 40%; } .iframe-wapper iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } /**************************************************************** * FOOTER *****************************************************************/ aside#messenger-chat-wapper { position: fixed; z-index: 999; right: 10px; bottom: 50px; } #footer { color: #fff; } #footer a{ color: #fff; text-decoration: none; } #footer a:hover { color: #ffcd05; } div#main-footer { background: #040A1A; padding: 30px 0px; } #footer ul a { text-transform: uppercase; } ul.f-cat-menu { padding: 0px; margin: 0px; list-style: none; column-count: 2; } ul.f-cat-menu li { margin: 5px 0px; } p.f-title { text-transform: uppercase; font-weight: bold; font-size: 15px; position: relative; } .col-cat-menu p.f-title:before { position: absolute; top: 50%; left: 0px; width: calc(100% - 55px); height: 1px; background: #ffcd05; content: ""; } p.f-title span { background: #040a1a; padding-right: 10px; position: relative; } ul.f-menu{ padding: 0px; margin: 0px; list-style: none; } ul.f-menu li { margin: 15px 0px; } ul.f-menu a { color: #fff; text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 15px; } .contacts-footer a { margin-right: 10px; } .contacts-footer svg, .contacts-footer svg * { fill: #FFCD05; width: 18px; height: auto; } .contacts-footer { margin-bottom: 30px; } .inline-fields { display: flex; align-items: center; margin-bottom: 20px; } form#newsletters .inline-fields input { background: transparent; border: none; border-bottom: 1px solid #ddd; width: calc(100% - 35px); padding: 2px; outline: none; color: #fff; } form#newsletters button { background: transparent; width: 35px; border: 1px solid #FFCD05; display: inline-flex; align-items: center; justify-content: center; padding: 3px; } form#newsletters button svg *, form#newsletters button svg { fill: #fff; } .gdpr label { display: flex; align-items: center; margin: 0px; font-size: 14px; } .gdpr input { margin-right: 10px; background: transparent; width: 16px; height: 16px; } .gdpr a { margin-left: 10px; } #footer a { color: #fff; text-decoration: none; } .col-f-menu, .col-newsletters { padding-left: 25px; } div#footer-copyrights{ background: #040A1A; padding: 25px 0px; text-align: center; padding-top: 0px; } div#footer-copyrights .col-12.col-md-12{ border-top: 1px solid #FFCD05; padding-top: 25px; margin-left: 15px; margin-right: 15px; } div#footer-copyrights p{ margin: 0px; } #newsletters-pop-up-wapper, aside#order-pop-up { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999; background: #0000008c; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; } #newsletters-pop-up-wapper.opened, aside#order-pop-up.opened { opacity: 1; visibility: visible; z-index: 999; pointer-events: all; } #newsletters-pop-up, div#order-pop-up-content { background: #fff; max-width: 490px; padding: 20px; border-radius: 5px; border: 3px solid #000; font-size: 16px; position: relative; } .newsletter-site-notise > span, span#close-order-pop-up { position: absolute; top: -10px; right: -10px; line-height: 1; cursor: pointer; } .newsletter-site-notise > p:last-child { margin-bottom: 0px; } /**************************************************************** * MEDIAS *****************************************************************/ .certificates-main-info { display: none; } #header-menu-products span.xs-arrow{ display:none; } @media(max-width:767px){ header#masthead { position: sticky; top: 0px; z-index: 999; background: #fff; } .col-12.col-md-3.logo-box { max-width: 240px; } .col-12.col-md-6.col-contacts-header { display: inline-flex; justify-content: flex-end; max-width: calc(100% - 240px); } .header-phone { display: none; } .header-email { display: none; } .col-12.col-md-6.col-main-menu-header { position: inherit; } div#header-search, .menu-wapper nav.inline { position: absolute; top: 100%; width: 100vw; background: #fff; left: 0px; height: calc(100vh - 70px); opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; } .menu-wapper nav.inline{ overflow: auto; } ul#main-nav { display: table; width: 100%; } ul#main-nav > li { margin: 0px 15px; position: relative; border-bottom: 1px solid #ddd; } ul#main-nav > li > a { display: inline-block; padding-right: 60px; } ul#main-nav > li > a:after, ul#main-nav > li > a:before{ display:none; } .menu-opened .menu-wapper nav.inline { opacity: 1; visibility: visible; z-index: 9; pointer-events: all; } .menu-opened .trigger-menu .burger-icon:first-child { position: absolute; top: 14px; transform: rotate(45deg); } .menu-opened .trigger-menu .burger-icon:nth-child(2) { opacity:0; } .menu-opened .trigger-menu .burger-icon:last-child { position: absolute; top: 14px; transform: rotate(-45deg); } div#header-search { padding-right: 15px; min-width: 100%; padding-left: 15px; } .mobile-icons { display: flex; align-items: center; } .mobile-search-triger button { border: none; background: transparent; outline: none; padding: 0px; width: 30px; height: 30px; } .mobile-search-triger button svg { width: 30px !important; height: 30px !important; } .trigger-menu { width: 30px; height: 30px; /* background: red; */ margin-left: 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; } .trigger-menu .burger-icon { width: 100%; height: 1px; background: #000; display: block; } ul.wapper-cats { display:none; position: relative; top: unset; opacity: 1; visibility: visible; z-index: 9; pointer-events: all; list-style: none; left: 0px; width: 100%; padding: 0px; width: calc(100% + 30px); margin-left: -15px !important; padding: 15px !important; } ul.wapper-cats.row li { width: 100%; } ul.wapper-cats.row li .cat-inner-wapper a { justify-content: center; } ul.wapper-cats.row li .cat-inner-wapper a .cat-img-wapper { margin-right: 0px; } ul.wapper-cats.row li .cat-inner-wapper a > span { padding: 0px 5px; padding-right: 45px; } ul.wapper-cats.row li .cat-inner-wapper .cat-img-wapper img { left: 5px; } li#header-menu-products.sub-menu-opened ul.wapper-cats.row { display: flex; } li#header-menu-products.sub-menu-opened > a > span.xs-arrow svg { transform: rotate(90deg); } li#header-menu-products > a { display: block; width: 100%; } #header-menu-products span.xs-arrow { display: flex; position: absolute; right: 0px; top: 0px; width: 45px; height: 100%; align-items: center; justify-content: center; } #header-menu-products span.xs-arrow svg { width: 11px; height: auto; transform: rotate(-90deg); } .cat-childs-header { display: none; } .cat-childs-wapper{ position: relative; height: auto; display: none; padding: 0px; margin-top: 10px; } li.cat-wapper.cat-wapper-header.opened .cat-childs-wapper{ display: block; } .cat-childs-wapper ul.childs-cat-list { columns: 1; font-size: 15px; } /*search*/ .search-opened div#header-search{ opacity: 1; visibility: visible; z-index: 9; pointer-events: all; } .search_results { position: relative; top: unset; left: unset; width: 100%; background: #fff; filter: none; border-radius: 5px; max-height: calc(100vh - 8em); overflow: auto; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; } /*slideshow*/ .slide-wapper .container { padding: 0px; } .img-wapper img{ height: 100% !important; } .img-wapper { padding-top: 120%; } .slide-item-content-wapper { padding: 0px 15px; } p.title-like { font-size: 24px; } .rich_text_slide { padding-left: 15px; margin-top: 15px; } .slide-btn { margin-top: 25px; } .slide-btn a { padding: 6px 20px; font-size: 13px; } .slideshow-slick .slick-dots { bottom: 20px; margin-bottom: 0px; } /*home*/ .home .col-xs-12.col-md-7.col-categories-home .section-item-wapper { box-shadow: none; border-radius: 5px; padding: 0px; height: auto; } .cat-wapper.col-12.col-md-4 { width: 50%; max-width: 50%; } .section-title h1 { display: table; background: #fff; position: relative; padding-right: 15px; margin-left: -10px; } .col-about-us-home .section-title:before { background: #FFCD05; right: -10px; } .col-xs-12.col-md-5.col-about-us-home .section-item-wapper { margin-top: 50px; height: auto; padding: 20px; } .about-us-home-img-wapper { width: calc(100% + 40px); margin-left: -20px; } section#home-products .container { padding: 0px; } .section-header-btns button { padding: 5px 8px; font-size: 14px; } .latest-products { width: calc(100% + 45px); margin-left: -30px; padding-left: 15px; margin-bottom: 0px; } .latest-products .slick-list.draggable { padding-right: 0px; } .col-12.col-md-12.col-promise-home { display: flex; flex-wrap: wrap; padding: 0px; } .progress { margin-top: 20px; margin-left: 0px; } section#home-promise { padding: 50px 0px; padding-bottom: 35px; } .promise-wapper { width: 50%; padding: 15px 10px; text-align: center; } .promise-svg svg { width: 50px; height: 50px; } p.promise-name { font-size: 14px; display: table; min-height: 40px; padding-bottom: 0px; border-bottom: none; } .blog-sliked .slick-dots li, .blog-sliked .slick-dots li button, .blog-sliked .slick-dots li button:before { width: 38px; height: 2px; opacity: 1; } /*listing*/ ol.bread-list-products { white-space: nowrap; overflow: auto; } section.listing-products { padding-bottom: 30px; } section.listing-products .col-12.col-md-3.col-sidebar-wapper { order: 2; } section.listing-products .col-12.col-md-9.col-products-list { order: 1; margin-bottom: 30px; } /*single product*/ section#single-product-info { overflow: hidden; } .product-header { flex-wrap: wrap; } .product-title { flex: 0 0 100%; } .product-header-btns { margin-top: 15px; width: 100%; min-width: 100%; } .certificates-wapper { margin-bottom: 15px; } .certificat-wapper { flex: 0 0 50%; max-width: 50%; } #single-product-info .col-12.col-md-9.col-main-info-wapper { order: 1; } h2#prices-header { flex-wrap: wrap; position: relative; top: unset; } .content-field h2 { font-size: 20px; text-transform: uppercase; } .price-offer-btns { display: flex; align-items: center; margin-top: 15px; } div#save-for-later button svg { width: 30px; } .request-pop-up-wapper { width: calc(100vw - 20px); } #single-product-info .col-12.col-md-3.col-sidebar-wapper { order: 2; padding-top: 30px; } /*blog*/ section#blog-posts .col-12.col-md-9 { margin-bottom: 30px; padding-right: 15px; } .single-post h1 { text-transform: uppercase; font-size: 23px; } .prost-nav a { font-size: 13px; } /*pages*/ section#page-wapper .col-12.col-md-9 { padding-right: 15px; } section#breadcrumb h1 { font-size: 24px; } section#page-wapper aside.col-12.col-md-3 { padding-left: 15px; margin-top: 30px; } ul.basic-pages-nav li { margin-top: 8px; } /*contacts*/ .page-template-temp-contacts .section-title h2 { display: table; background: #fff; position: relative; padding-right: 15px; } .col-12.col-md-5.col-contact-data { padding-right: 15px; margin-bottom: 30px; } .speak-our-mind { display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; } input.btn.btn-block { width: 100%; margin-top: 25px; } header#masthead.header-scrolled { filter: drop-shadow(2px 4px 6px #ccc); } /*footer*/ footer#footer { overflow: hidden; } ul.f-menu { border-top: 1px solid #FFCD05; border-bottom: 1px solid #FFCD05; } #footer ul.f-cat-menu li { margin: 16px 0px; } #footer ul.f-cat-menu li:first-child { margin-top: 0px; } #footer ul.f-cat-menu a { text-transform: uppercase; font-size: 13px; line-height: 1; } .col-f-menu, .col-newsletters { padding-left: 15px; } .col-12.col-md-3.col-f-menu { margin: 20px 0px; } .newsletters > .contacts-footer:last-child > .contacts-footer a:last-child { display: block; margin-top: 15px; } .newsletters > .contacts-footer:last-child { margin-bottom: 0px !important; } .newsletters > .contacts-footer:last-child .contacts-footer { margin-bottom: 0px; } .gdpr label { font-size: 15px; line-height: 1; } div#footer-copyrights .col-12.col-md-12 { margin-left: 15px; margin-right: 0px; max-width: calc(100% - 30px); } } @media(min-width:768px) and (max-width:991px){ header#masthead { top: -70px; } .col-12.col-md-3.logo-box { min-width: 33%; } .col-12.col-md-6.col-contacts-header { min-width: 66%; } .col-12.col-md-6.col-contacts-header a { font-size: 16px; } ul#main-nav > li { margin: 0px 8px; } ul#main-nav > li > a { font-size: 14px; padding: 15px 8px; } div#header-search { padding-right: 10px; min-width: 185px; max-width: 185px; } .search_results { left: unset; right: 0px; min-width: 400px; } ul.wapper-cats.row li { width: 50%; } .cat-childs-wapper ul.childs-cat-list { columns: 2; } .page-template-temp-contacts .section-title h1, .page-template-temp-contacts .section-title h2 { background: #fff; padding-right: 15px; position: relative; display: table; } .col-12.col-md-4.col-article { margin-bottom: 45px; min-width: 50%; } section#page-wapper .col-12.col-md-9 { padding-right: 15px; min-width: 100%; } section#page-wapper aside.col-12.col-md-3 { padding-left: 15px; min-width: 100%; margin-top: 30px; } .single-post section#blog-posts .col-12.col-md-9 { margin-bottom: 30px; padding-right: 15px; min-width: 100%; } .single-post aside.col-xs-12.col-md-3 { padding-left: 15px; min-width: 100%; } /*slideshow*/ .img-wapper { padding-top: 56%; } .slide-content .col-12.col-md-6 { min-width: 70%; } p.title-like { font-size: 22px; } .rich_text_slide { margin-top: 15px; } .slide-btn { margin-top: 20px; } .slide-btn a { padding: 5px 23px; font-size: 12px; } /*home*/ .col-xs-12.col-md-7.col-categories-home { order: 1; min-width: 100%; } .col-xs-12.col-md-5.col-about-us-home { order: 2; min-width: 100%; margin-top: 45px; } .home .about-us-home-img-wapper { width: 50%; padding-top: 45%; float: left; margin-right: 30px; margin-bottom: 0px; } .home .col-xs-12.col-md-5.col-about-us-home h2 { margin-top: 40px; } .latest-products .slick-list.draggable { padding-right: 50%; } .promise-wapper { text-align: center; } .promise-svg svg { width: 50px; height: 50px; } p.promise-name { font-size: 13px; } section#home-blog .slick-list.draggable { padding-right: 50%; } /*listing*/ .col-12.col-md-3.col-sidebar-wapper { min-width: 100%; order: 2; margin-top: 35px; display: flex; flex-wrap: wrap; align-items: flex-start; } ul.product-cats { width: calc(50% - 15px); margin-right: 15px; } .banners.banners-slideshow{ width: calc(50% - 15px); margin-left: 15px; margin-top: 0px; position: relative; top: unset; margin-bottom: 0px; } .inner-banner-wapper {; padding-top: 128%; } .col-12.col-md-9.col-products-list { min-width: 100%; order: 1; } .col-12.col-md-4.col-product-list-wapper { margin-bottom: 30px; min-width: 50%; } .list-pr-info h2 { min-height: 56px; } .shor_info { min-height: 120px; } /*single product*/ ol.bread-list-products{ white-space: nowrap; overflow: auto; } .product-header { flex-wrap: wrap; } .product-title { flex: 0 0 100%; margin-bottom: 20px; } .certificates-summary { display: none; } .col-12.col-md-9.col-main-info-wapper { min-width: 100%; } .certificates-main-info { display: block; margin-bottom: 30px; } .content-field h2 { font-size: 22px; text-transform: uppercase; } .price-offer-btns { max-width: 320px; } div#save-for-later button { font-size: 14px; } div#save-for-later button svg { width: 28px; } .price-offer-btns .ordered button { font-size: 14px; } /*blog*/ .col-article h3, .col-article h3 a { font-size: 15px; } /*footer*/ footer#footer .col-12.col-md-5.col-cat-menu { min-width: 100%; margin-bottom: 40px; } footer#footer .col-12.col-md-3.col-f-menu { width: 50%; min-width: 50%; padding-left: 15px; } footer#footer .col-12.col-md-4.col-newsletters { min-width: 50%; padding-left: 10px; } .newsletters .contacts-footer:last-child .contacts-footer a:last-child { display: block; margin-top: 10px; } } @media(min-width:992px) and (max-width:1199px){ header#masthead { top: -70px; } .col-12.col-md-6.col-contacts-header a { font-size: 13px; text-transform: uppercase; } ul#main-nav > li { margin: 0px 10px; } ul#main-nav > li > a { font-size: 15px; padding: 20px 8px; } div#header-search { min-width: 350px; } /*slideshow*/ .img-wapper { padding-top: 45%; } .slide-content .col-12.col-md-6 { min-width: 60%; } p.title-like { font-size: 26px; } .slide-btn a { padding: 6px 20px; font-size: 13px; } /*home*/ .section-title h1, .section-title h2 { background: #fff; z-index: 9; position: relative; display: table; padding-right: 20px; font-size: 21px; } .promise-svg svg { width: 50px; height: 50px; } .col-article h3, .col-article h3 a { font-size: 16px; } /*listing*/ .col-12.col-md-3.col-sidebar-wapper { min-width: 30%; } .col-12.col-md-9.col-products-list { max-width: 70%; } .col-products-list-header h1 { font-size: 21px; } .col-products-list .col-12.col-md-4.col-product-list-wapper { margin-bottom: 30px; max-width: 50%; min-width: 50%; } .list-pr-info h2 { min-height: 56px; } .shor_info { min-height: 130px; } p.banner-title { font-size: 18px; } p.banner-content { font-size: 13px; } .banner-content-wapper .slide-btn { margin-top: 20px; } .banner-content-inner-wapper .slide-btn a { font-size: 12px; padding: 6px 15px; } /*single product*/ .col-12.col-md-6.col-pr-gallery { padding-bottom: 30px; max-width: 45%; } .col-12.col-md-6.col-pr-summary { min-width: 55%; } /* .certificat-wapper { flex: 0 0 25%; max-width: 25%; } */ .certificates-summary { display: none; } .certificates-main-info { display: block; margin-top: -30px; margin-bottom: 20px; } .col-12.col-md-9.col-main-info-wapper { max-width: 70%; } .content-field h2 { font-size: 20px; } div#save-for-later button { font-size: 13px; } .price-offer-btns .ordered button { font-size: 13px; } .ordered button svg { margin-left: 8px; width: 20px; height: auto; } /*blog*/ section#blog-posts .col-12.col-md-9 { margin-bottom: 30px; padding-right: 30px; max-width: 70%; } .single-post aside.col-xs-12.col-md-3 { padding-left: 0px; min-width: 30%; } .gallery-columns-2 dl.gallery-item, .gallery-columns-3 dl.gallery-item, .gallery-columns-4 dl.gallery-item, .gallery-columns-5 dl.gallery-item { position: relative; width: 100%; padding-top: 260px; } .gallery-columns-3 dl.gallery-item { padding-top: 200px; } .gallery-columns-4 dl.gallery-item { padding-top: 170px; } .gallery-columns-5 dl.gallery-item { padding-top: 140px; } .col-12.col-md-4.col-article { margin-bottom: 45px; min-width: 50%; } /*pages*/ .sidebar-sticky h2 { font-size: 17px; } /*footer*/ .col-12.col-md-3.col-f-menu { padding-left: 30px; } ul.f-cat-menu li { margin: 10px 0px; } .col-newsletters { padding-left: 0px; } .gdpr { line-height: 1; } .newsletters .contacts-footer:last-child > .contacts-footer a { display: block; margin-bottom: 9px; } .newsletters .contacts-footer:last-child > .contacts-footer a:last-child{ margin-bottom: 0px; } } @media(min-width:1200px) and (max-width:1349px){ header#masthead { top: -80px; } .logged-in.admin-bar header#masthead { top: -48px; } ul#main-nav > li { margin: 0px 10px; } ul#main-nav > li > a { font-size: 15px; padding: 20px 10px; } /*home*/ .promise-svg svg { width: 55px; height: 50px; } /*blog*/ .col-article h3, .col-article h3 a { font-size: 16px; } /*listing*/ .shor_info { min-height: 150px; display: flex; } .home .shor_info { min-height: 155px; } p.banner-title { font-size: 17px; } p.banner-content { font-size: 13px; } .banner-content-inner-wapper .slide-btn { margin-top: 20px; } .banner-content-inner-wapper .slide-btn a { font-size: 11px; padding: 4px 15px; } /*single product*/ .col-products-list-header h1 { font-size: 22px; } .product-header h1 { font-size: 18px; } .ordered button svg { margin-left: 8px; width: 20px; height: auto; } .ordered button { font-size: 12px; } .sub_title { font-size: 12.8px; } .certificat-wapper img { max-width: 40px; height: 40px; } p.certificat-name { font-size: 11px; } .price-offer-btns .ordered button { font-size: 14px; } .content-field h2 { font-size: 22px; } p.iframed-p { max-width: 100%; padding-top: 56%; } ul.product-cats a { font-size: 13px; } /*footer*/ .col-12.col-md-3.col-f-menu { left: -15px; } .col-12.col-md-4.col-newsletters { padding-left: 0px; } .contacts-footer .contacts-footer svg{ width: 14px; height: auto; } #footer ul a { font-size: 13px; } } @media (min-width:1439px){ header#masthead { top: -90px; } .logged-in.admin-bar header#masthead { top: -58px; } } @media (min-width:1500px){ header#masthead { top: -94px; } .logged-in.admin-bar header#masthead { top: -62px; } } @media (min-width:1599px){ header#masthead { top: -99px; } .logged-in.admin-bar header#masthead { top: -67px; } } /**************************************************************** * animation element *****************************************************************/ .overflow-hidden, section.section.check-section { overflow: hidden; } .animation-element { opacity: 0; position: relative; } /*animation element sliding right*/ .animation-element.slide-right { opacity: 0; -moz-transition: all 1000ms linear; -webkit-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; -moz-transform: translate3d(200px, 0px, 0px); -webkit-transform: translate3d(200px, 0px, 0px); -o-transform: translate(200px, 0px); -ms-transform: translate(200px, 0px); transform: translate3d(200px, 0px, 0px); } .animation-element.slide-right.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } /*animation element sliding left*/ .animation-element.slide-left { opacity: 0; -moz-transition: all 1000ms linear; -webkit-transition: all 1000ms linear; -o-transition: all 1000ms linear; transition: all 1000ms linear; -moz-transform: translate3d(-200px, 0px, 0px); -webkit-transform: translate3d(-200px, 0px, 0px); -o-transform: translate(-200px, 0px); -ms-transform: translate(-200px, 0px); transform: translate3d(-200px, 0px, 0px); } .animation-element.slide-left.in-view { opacity: 1; -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate3d(0px, 0px, 0px); } /*animation slide-down*/ .animation-element.slide-down.disable-in-view.in-view, .animation-element.slide-down{ transition: 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } .animation-element.slide-down.pro-100{ -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .animation-element.slide-down.in-view { opacity: 1; transition: 1s; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); -ms-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); } .anm-d-4{ animation-delay: 2s; } /*animation show slow*/ .animation-element.show-slow.disable-in-view.in-view, .animation-element.show-slow { -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility:hidden; opacity: 0; -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%); transition:1s; } .animation-element.show-slow.in-view { -webkit-backface-visibility: visible; backface-visibility: visible; visibility: visible; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition:1s; }