/* poppins-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 200; src: url('../fonts/poppins-v20-latin-200.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-200.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('../fonts/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('../fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('../fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */ src: url('../fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */ } /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";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}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}dfn{font-style:italic}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;-webkit-text-decoration-skip:objects}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:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}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}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[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}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[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-cancel-button,[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-family:inherit;font-weight:500;line-height:1.2;color:inherit}.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}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}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}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.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:flex;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%;min-height:1px;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:none}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.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{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:none}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-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{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:none}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-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{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:none}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-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{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:none}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-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%;max-width:100%;margin-bottom:1rem;background-color:transparent}.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 .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;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}.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::-moz-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:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:flex;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:inline-flex;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:flex;flex-flow:row wrap;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:flex;align-items:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:flex;flex:0 0 auto;flex-flow:row wrap;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .input-group{width:auto}.form-inline .form-check{display:flex;align-items:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{align-items:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.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%}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.dropdown,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after{margin-left:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:flex;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-control{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-control::before{border-color:#80bdff}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(calc(2.25rem + 2px) - 1px * 2);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .dropup .dropdown-menu{top:auto;bottom:100%}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .dropup .dropdown-menu{top:auto;bottom:100%}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:flex;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:flex;flex:1 0 0%;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:flex;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-moz-column-count:3;column-count:3;-moz-column-gap:1.25rem;column-gap:1.25rem}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:flex;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s ease}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:flex;align-items:flex-start}.media-body{flex:1}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not(:disabled):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-25%)}.modal.show .modal-dialog{transform:translate(0,0)}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:flex;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;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.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-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;align-items:center;width:100%;transition:transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translateX(0)}@supports (transform-style:preserve-3d){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{transform:translateX(100%)}@supports (transform-style:preserve-3d){.active.carousel-item-right,.carousel-item-next{transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{transform:translateX(-100%)}@supports (transform-style:preserve-3d){.active.carousel-item-left,.carousel-item-prev{transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:flex;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}@media (min-width:576px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}}@media (min-width:768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position: -webkit-sticky) or (position: sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-muted{color:#6c757d!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!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 #999;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 #ddd!important}} /*# sourceMappingURL=bootstrap.min.css.map */@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { transform: scale(1); } 30% { transform: scaleX(1.25) scaleY(0.75); } 40% { transform: scaleX(0.75) scaleY(1.25); } 60% { transform: scaleX(1.15) scaleY(0.85); } 100% { transform: scale(1); } } @keyframes rubberBand { 0% { transform: scale(1); } 30% { transform: scaleX(1.25) scaleY(0.75); } 40% { transform: scaleX(0.75) scaleY(1.25); } 60% { transform: scaleX(1.15) scaleY(0.85); } 100% { transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { opacity: 1; transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { opacity: 1; transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideInUp { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slideInUp { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } @keyframes slideOutDown { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; transform: scale(1); } 50% { opacity: 0; transform: scale(.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; transform: scale(.1) translateY(2000px); transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; transform: scale(.1) translateY(2000px); transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; transform: scale(.1) translateX(-2000px); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; transform: scale(.1) translateX(-2000px); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; transform: scale(.1) translateX(2000px); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; transform: scale(.1) translateX(2000px); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; transform: scale(.1) translateY(-2000px); transform-origin: center top; } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; transform: scale(.1) translateY(-2000px); transform-origin: center top; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Default theme - Owl Carousel CSS File */ .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*='owl-']:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* ============================================================== Template name : Bootsnav - Multi Purpose Header Categorie : Bootstrap Menu in CSS Author : adamnurdin01 Version : v.1.2 Created : 2016-06-02 Last update : 2016-10-19 ============================================================== */ /* MEGAMENU STYLE =================================*/ nav.bootsnav .dropdown.megamenu-fw { position: static; } nav.bootsnav .container { position: relative; } nav.bootsnav .megamenu-fw .dropdown-menu { left: auto; } nav.bootsnav .megamenu-content { padding: 15px; width: 100% !important; } nav.bootsnav .megamenu-content .title{ margin-top: 0; } nav.bootsnav .dropdown.megamenu-fw .dropdown-menu { left: 0; right: 0; } /* Navbar =================================*/ nav.navbar.bootsnav{ margin-bottom: 0; border-radius: 0px; background-color: #fff; border: none; z-index: 9; width: 100%; padding: 0px; } nav.navbar.bootsnav .container{ max-width: 100%; flex-flow: row wrap; } .logo-section{ flex: 1 1 100%; } nav.navbar.bootsnav ul.nav > li > a{ background-color: transparent; outline: none; margin-bottom: -2px; } nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a{ background-color: transparent; } nav.navbar.bootsnav .navbar-toggle{ background-color: #fff; border: none; padding: 0; font-size: 18px; position: relative; top: 2px; } .logo-section a.navbar-brand{ display:block; max-width: 188px; margin: 0px auto 5px; } nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{ top: 0; left: 100%; } nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a{ white-space:normal; } ul.menu-col{ padding: 0; margin: 0; list-style: none; } ul.menu-col li a{ color: #6f6f6f; } ul.menu-col li a:hover, ul.menu-col li a:focus{ text-decoration: none; } /* Navbar Full =================================*/ nav.bootsnav.navbar-full{ padding-bottom: 10px; padding-top: 10px; } nav.bootsnav.navbar-full .navbar-header{ display: block; width: 100%; } nav.bootsnav.navbar-full .navbar-toggle{ display: inline-block; margin-right: 0; position: relative; top: 0; font-size: 30px; transition: all 1s ease-in-out; } nav.bootsnav.navbar-full .navbar-collapse{ position: fixed; width: 100%; height: 100% !important; top: 0; left: 0; padding: 0; display: none !important; z-index: 9; } nav.bootsnav.navbar-full .navbar-collapse.in{ display: block !important; } nav.bootsnav.navbar-full .navbar-collapse .nav-full{ overflow: auto; } nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu{ display: table-cell; vertical-align: middle; background-color: #fff; overflow: auto; } nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar { width: 0; } nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar { width: 0; } nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar { width: 0; } nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar { width: 0; } nav.bootsnav.navbar-full .navbar-collapse ul.nav{ display: block; width: 100%; overflow: auto; } nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a{ background-color: transparent; } nav.bootsnav.navbar-full .navbar-collapse ul.nav > li{ float: none; display: block; text-align: center; } nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a{ display: table; margin: auto; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 24px; padding: 10px 15px; } li.close-full-menu > a{ padding-top: 0px; padding-bottom: 0px; } li.close-full-menu{ padding-top: 30px; padding-bottom: 30px; } /* Atribute Navigation =================================*/ .attr-nav{ float: right; display: inline-block; margin-left: 13px; margin-right: -15px; } .attr-nav > ul{ padding: 0; margin: 0 0 -7px 0; list-style: none; display: inline-block; } .attr-nav > ul > li{ float: left; display: block; } .attr-nav > ul > li > a{ color: #6f6f6f; display: block; padding: 28px 15px; position: relative; } .attr-nav > ul > li > a span.badge{ position: absolute; top: 50%; margin-top: -8px; right: 5px; font-size: 13px; padding: 0; width: 25px; height: 15px; padding-top: 2px; left: 20px; background-color: transparent !important; } .attr-nav > ul > li.dropdown ul.dropdown-menu{ border-radius: 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; border: solid 1px #e0e0e0; } .top-right-menu .attr-nav .dropdown-toggle::after{ display: none; } ul.cart-list{ width: 250px !important; } ul.cart-list > li{ position: relative; padding: 10px 0px 10px 0px !important; display: block !important; } ul.cart-list > li > a.photo{ padding: 0 !important; margin-right: 15px; float: left; display: block; width: 50px; height: 50px; left: 15px; top: 15px; } ul.cart-list > li img{ width: 50px; height: 50px; border: solid 1px #efefef; } ul.cart-list > li > h6{ margin: 0; } ul.cart-list > li > h6 > a.photo{ padding: 0 !important; display: block; } ul.cart-list > li > p{ margin-bottom: 0; } ul.cart-list > li.total{ padding-bottom: 15px !important; } ul.cart-list > li.total > .btn{ display: inline-block; } ul.cart-list > li .price{ font-weight: bold; } ul.cart-list > li.total > span.price-total{ padding-top: 8px; display: block; padding-bottom: 10px; font-size: 15px; text-align: right; } ul.cart-list > li.total > span.price-total strong{ text-transform: uppercase; margin-right: 10px; } /* Top Search =================================*/ .top-search{ background-color: #333; padding: 10px 0; display: none; } .top-search input.form-control{ background-color: transparent; border: none; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; color: #fff; height: 40px; padding: 0 15px; } .top-search .input-group-addon{ background-color: transparent; border: none; color: #fff; padding-left: 0; padding-right: 0; line-height: 40px; font-size: 16px; } .top-search .input-group-addon.close-search{ cursor: pointer; } /* Side Menu =================================*/ body{ transition: all 0.3s ease-in-out; } body.on-side{ margin-left: -320px; } .side{ position: fixed; overflow-y: auto; top: 0; right: -320px; width: 320px; padding: 25px 20px; height: 100%; display: block; background-color: #fff; transition: all 0.3s ease-in-out; z-index: 9; } .side.on{ right: 0; } .side .close-side{ color: #000; position: fixed; z-index: 9999; font-size: 16px; right: -30px; top: 20px; width: 28px; background: #fff; border-radius: 7px; padding-top: 5px; padding-left: 5px; } .side .widget{ position: relative; z-index: 1; margin-bottom: 25px; } .side .widget .title{ color: #000; margin-bottom: 15px; letter-spacing: 0px; text-align: center; } .side .widget ul.link{ padding: 0; margin: 0; list-style: none; } .side .widget ul.link li a{ color: #9f9f9f; letter-spacing: 1px; } .side .widget ul.link li a:focus, .side .widget ul.link li a:hover{ color: #fff; text-decoration: none; } /* Share =================================*/ nav.navbar.bootsnav .share{ padding: 0 30px; margin-bottom: 30px; } nav.navbar.bootsnav .share ul{ display: inline-block; padding: 0; margin: 0 0 -7px 0; list-style: none; } nav.navbar.bootsnav .share ul > li{ float: left; display: block; margin-right: 5px; } nav.navbar.bootsnav .share ul > li > a{ display: table-cell; vertical-align: middle; text-align: center; width: 35px; height: 35px; border-radius: 50%; background-color: #cfcfcf; color: #fff; } /* Transparent =================================*/ nav.navbar.bootsnav.navbar-fixed{ position: fixed; display: block; width: 100%; } nav.navbar.bootsnav.no-background{ transition: all 1s ease-in-out; } /* Navbar Sticky =================================*/ .wrap-sticky{ position: relative; transition: all 0.3s ease-in-out; } .wrap-sticky nav.navbar.bootsnav{ position: absolute; width: 100%; left: 0; top: 0; } .wrap-sticky nav.navbar.bootsnav.sticked{ position: fixed; transition: all 0.2s ease-in-out; } body.on-side .wrap-sticky nav.navbar.bootsnav.sticked{ left: -280px; } /* Navbar Responsive =================================*/ @media (min-width: 1024px) and (max-width:1400px) { body.wrap-nav-sidebar .wrapper .container{ width: 100%; padding-left: 30px; padding-right: 30px; } } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a{ background: #000; border: 1px solid #000; border-radius: 0px; display: block; padding: 5px; margin: 0px; text-transform: uppercase; letter-spacing: 1px; font-size:15px; z-index: 9999; } @media (min-width: 1024px) { /* General Navbar =================================*/ nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu{ margin-top: -2px; } nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu{ left: -200px; } nav.navbar.bootsnav ul.nav > li > a{ padding: 14px 15px; font-weight: 600; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu{ padding: 0px !important; border-radius: 0px; padding: 0; min-width: 380px; background: #fff; top: 98%; border-top:0px; box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, .05); text-align: left; z-index: 9999; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{ background-color: transparent; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{ padding: 10px 15px; border-bottom: solid 1px #eee; color: #6f6f6f; } nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{ text-align: right; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{ font-family: 'FontAwesome'; float: right; content: "\F105"; margin-top: 0; } nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before{ font-family: 'FontAwesome'; float: left; content: "\F104"; margin-top: 0; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu{ top: -3px; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{ padding: 0 15px !important; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{ padding: 25px 0 20px; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed{ padding: 0; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li{ padding: 0; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu{ padding: 0 30px; margin: 0 -0.5px; border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child{ border-left: none; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child{ border-right: none; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content{ display: none; } nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a{ text-align: left; padding: 5px 0; display: block; width: 100%; margin-bottom: 0; border-bottom: none; color: #6f6f6f; } nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content{ display: block !important; height: auto !important; } /* Navbar Transparent =================================*/ nav.navbar.bootsnav.no-background{ background-color: transparent; border: none; } nav.navbar.bootsnav.navbar-transparent .attr-nav{ padding-left: 15px; margin-left: 30px; } nav.navbar.bootsnav.navbar-transparent.white{ background-color: rgba(255,255,255,0.3); border-bottom: solid 1px #bbb; } nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark{ background-color: rgba(0,0,0,0.3); border-bottom: solid 1px #555; } nav.navbar.bootsnav.navbar-transparent.white .attr-nav{ border-left: solid 1px #bbb; } nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{ border-left: solid 1px #555; } nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a{ color: #fff; } nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{ color: #eee; } nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled{ display: none; } nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display{ display: block; } nav.navbar.bootsnav.navbar-fixed .logo-display{ display: none; } nav.navbar.bootsnav.navbar-fixed .logo-scrolled{ display: block; } /* Atribute Navigation =================================*/ .attr-nav > ul > li.dropdown ul.dropdown-menu{ margin-top: 0; margin-left: 15px; left: -340px; } /* Menu Center =================================*/ nav.navbar.bootsnav.menu-center .container{ position: relative; } nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ float:none; margin: 0 auto; display: table; table-layout: fixed; } nav.navbar.bootsnav.menu-center .navbar-header, nav.navbar.bootsnav.menu-center .attr-nav{ position: absolute; } nav.navbar.bootsnav.menu-center .attr-nav{ right: 15px; } /* Navbar Brand top =================================*/ nav.bootsnav.navbar-brand-top .navbar-header{ display: block; width: 100%; text-align: center; } nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu{ margin-top: 2px; } nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{ margin-top: 0; } nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand{ display: inline-block; float: none; margin: 0; } nav.bootsnav.navbar-brand-top .navbar-collapse{ text-align: center; } nav.bootsnav.navbar-brand-top ul.nav{ display: inline-block; float: none; margin: 0 0 -5px 0; } /* Navbar Center =================================*/ nav.bootsnav.brand-center .navbar-header{ display: block; width: 100%; position: absolute; text-align: center; top: 0; left: 0; } nav.bootsnav.brand-center .navbar-brand{ display: inline-block; float: none; } nav.bootsnav.brand-center .navbar-collapse{ text-align: center; display: inline-block; padding-left: 0; padding-right: 0; } nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu{ margin-top: 2px; } nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu{ margin-top: 0; } nav.bootsnav.brand-center .navbar-collapse .col-half{ width: 50%; float: left; display: block; } nav.bootsnav.brand-center .navbar-collapse .col-half.left{ text-align: right; padding-right: 100px; } nav.bootsnav.brand-center .navbar-collapse .col-half.right{ text-align: left; padding-left: 100px; } nav.bootsnav.brand-center ul.nav{ float: none !important; margin-bottom: -5px !important; display: inline-block !important; } nav.bootsnav.brand-center ul.nav.navbar-right{ margin: 0; } nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left{ text-align: left; padding-right: 100px; } nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right{ text-align: right; padding-left: 100px; } /* Navbar Sidebar =================================*/ body.wrap-nav-sidebar .wrapper{ padding-left: 260px; overflow-x: hidden; } nav.bootsnav.navbar-sidebar{ position: fixed; width: 260px; overflow: hidden; left: 0; padding: 0 0 0 0 !important; background: #fff; border-right: solid 1px #dfdfdf; } nav.bootsnav.navbar-sidebar .scroller{ width: 280px; overflow-y:auto; overflow-x: hidden; } nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container{ padding: 0 !important; } nav.bootsnav.navbar-sidebar .navbar-header{ float: none; display: block; width: 260px; padding: 10px 15px; margin: 10px 0 0 0 !important; } nav.bootsnav.navbar-sidebar .navbar-collapse{ padding: 0 !important; width: 260px; } nav.bootsnav.navbar-sidebar ul.nav{ float: none; display: block; width: 100%; padding: 0 15px !important; margin: 0 0 30px 0; } nav.bootsnav.navbar-sidebar ul.nav li{ float: none !important; } nav.bootsnav.navbar-sidebar ul.nav > li > a{ padding: 10px 15px; font-weight: bold; } nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after{ float: right; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{ left: 100%; top: 0; position: relative !important; left: 0 !important; width: 100% !important; height: auto !important; background-color: transparent; border: none !important; padding: 0; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; } nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu{ border: none !important; } nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu{ margin-bottom: 15px; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu{ padding-left: 0; float: none; margin-bottom: 0; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a{ padding: 5px 15px; color: #6f6f6f; border: none; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu{ padding-left: 15px; margin-top: 0; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before{ font-family: 'FontAwesome'; content: "\F105"; float: right; } nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before{ content: "\F107"; } nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li{ padding: 0 !important; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{ display: block; float: none !important; padding: 0; margin: 0; width: 100%; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title{ padding: 7px 0; text-transform: none; font-weight: 400; letter-spacing: 0px; margin-bottom: 0; cursor: pointer; color: #6f6f6f; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before{ font-family: 'FontAwesome'; content: "\F105"; float: right; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before{ content: "\F107"; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu{ border: none; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content{ padding: 0 0 0 15px; } nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a{ padding: 3px 0 !important; } } @media (max-width: 992px) { /* Navbar Responsive =================================*/ nav.navbar.bootsnav .navbar-brand { display: inline-block; float: none !important; margin: 0 !important; } nav.navbar.bootsnav .navbar-header { float: none; display: block; text-align: center; padding-left: 30px; padding-right: 30px; } nav.navbar.bootsnav .navbar-toggle { display: inline-block; float: left; margin-right: -200px; margin-top: 4px; } nav.navbar.bootsnav .navbar-collapse { border: none; margin-bottom: 0; } nav.navbar.bootsnav.no-full .navbar-collapse{ max-height: 350px; overflow-y: auto !important; } nav.navbar.bootsnav .navbar-collapse.collapse { display: none !important; } nav.navbar.bootsnav .navbar-collapse.collapse.show { display: block !important; } nav.navbar.bootsnav .navbar-nav { float: none !important; padding-left: 30px; padding-right: 30px; margin: 0px -15px; } nav.navbar.bootsnav .navbar-nav > li { float: none; display: block; position: relative; } nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before, nav.navbar.bootsnav li.dropdown span.dropdown-toggle:before{ font-family: 'FontAwesome'; content: "\F105"; float: right; font-size: 16px; margin-left: 10px; } nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before, nav.navbar.bootsnav li.dropdown.on > span.dropdown-toggle:before{ content: "\F107"; } nav.navbar.bootsnav .navbar-nav > li > a, nav.navbar.bootsnav .navbar-nav > li > span{ display: block; width: 100%; border-bottom: 0px; padding: 10px 0; border-top: solid 1px #e0e0e0; margin-bottom: -1px; } nav.navbar.bootsnav .navbar-nav > li:first-child > a{ border-top: none; } nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu{ border-bottom: solid 1px #e0e0e0; } nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle{ float: none !important; position: relative; display: block; width: 100%; } .dropdown.megamenu-fw ul, nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{ width: 100%; position: relative !important; background-color: transparent; float: none; border: none; padding: 0 15px 0 15px !important; margin: 0 0 -1px 0 !important; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; border-radius: 0px 0px 0px; } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{ display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 10px 0; color: #6f6f6f; } nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus{ background-color: transparent; } nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu{ float: none !important; left: 0; padding: 0 0 0 15px; position: relative; background: transparent; width: 100%; } nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu{ display: inline-block; margin-top: -10px; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{ display: none; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title{ padding: 10px 15px 10px 0; line-height: 24px; text-transform: none; font-weight: 400; letter-spacing: 0px; margin-bottom: 0; cursor: pointer; border-bottom: solid 1px #e0e0e0; color: #6f6f6f; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a{ display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 8px 0; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before{ font-family: 'FontAwesome'; content: "\F105"; float: right; font-size: 16px; margin-left: 10px; position: relative; right: -15px; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title{ border-bottom: none; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title{ border-bottom: solid 1px #e0e0e0; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a{ border-bottom: none; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before{ content: "\F107"; } nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content{ padding: 0 0 0 15px; } nav.bootsnav.brand-center .navbar-collapse{ display: block; } nav.bootsnav.brand-center ul.nav{ margin-bottom: 0px !important; } nav.bootsnav.brand-center .navbar-collapse .col-half{ width: 100%; float: none; display: block; } nav.bootsnav.brand-center .navbar-collapse .col-half.left{ margin-bottom: 0; } nav.bootsnav .megamenu-content{ padding: 0; } nav.bootsnav .megamenu-content .col-menu{ padding-bottom: 0; } nav.bootsnav .megamenu-content .title{ cursor: pointer; display: block; padding: 10px 15px; margin-bottom: 0; font-weight: normal; } nav.bootsnav .megamenu-content .content{ display: none; } .attr-nav{ position: absolute; right: 60px; } .attr-nav > ul{ padding: 0; margin: 0 -15px -7px 0; } .attr-nav > ul > li > a{ padding: 16px 15px 15px; } .attr-nav > ul > li.dropdown > a.dropdown-toggle:before{ display: none; } .attr-nav > ul > li.dropdown ul.dropdown-menu{ margin-top: 2px; margin-left: 55px; width: 250px; left: -250px; border-top: solid 5px; } .top-search .container{ padding: 0 45px; } /* Navbar full Responsive =================================*/ nav.bootsnav.navbar-full ul.nav{ margin-left: 0; } nav.bootsnav.navbar-full ul.nav > li > a{ border: none; } nav.bootsnav.navbar-full .navbar-brand { float: left !important; padding-left: 0; } nav.bootsnav.navbar-full .navbar-toggle { display: inline-block; float: right; margin-right: 0; margin-top: 10px; } nav.bootsnav.navbar-full .navbar-header { padding-left: 15px; padding-right: 15px; } /* Navbar Sidebar =================================*/ nav.navbar.bootsnav.navbar-sidebar .share{ padding: 30px 15px; margin-bottom: 0; } /* Tabs =================================*/ nav.navbar.bootsnav .megamenu-content.tabbed{ padding-left: 0 !mportant; } nav.navbar.bootsnav .tabbed > li{ padding: 25px 0; margin-left: -15px !important; } /* Mobile Navigation =================================*/ body > .wrapper{ transition: all 0.3s ease-in-out; } body.side-right > .wrapper{ margin-left: 280px; margin-right: -280px !important; } nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ position: fixed; overflow-y: auto !important; overflow-x: hidden !important; display: block; background: #fff; z-index: 99; width: 280px; height: 100% !important; left: -280px; top: 0; padding: 0; transition: all 0.3s ease-in-out; } nav.navbar.bootsnav.navbar-mobile .navbar-collapse.show{ left: 0; } nav.navbar.bootsnav.navbar-mobile ul.nav{ width: 293px; padding-right: 0; padding-left: 15px; } nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{ padding: 15px 15px; } nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a{ padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; } nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{ padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; } nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{ padding-top: 13px !important; padding-bottom: 13px !important; } nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] { width: 100%; } nav.navbar.bootsnav.navbar-fixed .logo-scrolled{ display: block !important; } nav.navbar.bootsnav.navbar-fixed .logo-display{ display: none !important; } nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content{ width: 100%; display: block; } } @media (max-width: 767px) { nav.navbar.bootsnav .navbar-header { padding-left: 15px; padding-right: 15px; } nav.navbar.bootsnav .navbar-nav { padding-left: 15px; padding-right: 15px; } .attr-nav{ right: 30px; } .attr-nav > ul{ margin-right: -10px; } .attr-nav > ul > li > a{ padding: 16px 10px 15px; padding-left: 0 !important; } .attr-nav > ul > li.dropdown ul.dropdown-menu{ left: -275px; } .top-search .container{ padding: 0 15px; } nav.bootsnav.navbar-full .navbar-collapse{ left: 15px; } nav.bootsnav.navbar-full .navbar-header{ padding-right: 0; } nav.bootsnav.navbar-full .navbar-toggle { margin-right: -15px; } nav.bootsnav.navbar-full ul.nav > li > a{ font-size: 18px !important; line-height: 24px !important; padding: 5px 10px !important; } /* Navbar Sidebar =================================*/ nav.navbar.bootsnav.navbar-sidebar .share{ padding: 30px 15px !important; } /* Navbar Sidebar =================================*/ nav.navbar.bootsnav.navbar-sidebar .share{ padding: 30px 0 !important; margin-bottom: 0; } nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share{ padding: 30px 15px !important; margin-bottom: 0; } /* Mobile Navigation =================================*/ body.side-right > .wrapper{ margin-left: 280px; margin-right: -280px !important; } nav.navbar.bootsnav.navbar-mobile .navbar-collapse{ margin-left: 0; } nav.navbar.bootsnav.navbar-mobile ul.nav{ margin-left: -15px; } nav.navbar.bootsnav.navbar-mobile ul.nav{ border-top: solid 1px #fff; } li.close-full-menu{ padding-top: 15px !important; padding-bottom: 15px !important; } } @media (min-width: 480px) and (max-width: 640px) { nav.bootsnav.navbar-full ul.nav{ padding-top: 30px; padding-bottom: 30px; } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .borderRadius{ border-radius:5px; } .borderRadiusTp{ border-radius:5px 5px 0 0;} .borderRadiusBtm{ border-radius:0 0 5px 5px;} .ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;} .ddcommon ul{padding:0;margin:0;} .ddcommon ul li{list-style-type:none;} .borderRadiusTp ul li:last-child{ border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; } .borderRadiusBtm ul li:first-child{ border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; } .ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{ opacity: .5; /* standard: ff gt 1.5, opera, safari */ -ms-filter:"alpha(opacity=50)"; /* ie 8 */ filter:alpha(opacity=50); /* ie lt 7 */ -khtml-opacity:.5; /* safari 1.x */ -moz-opacity:.5; /* ff lt 1.5, netscape */ color:#999999; } .ddcommon .clear{clear:both} .ddcommon .shadow{box-shadow: 5px 5px 5px -5px #888888;} .ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;} .ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;} .borderRadius .shadow{box-shadow: 5px 5px 5px -5px #888888;} .borderRadiusBtm .shadow{box-shadow: -5px -5px 5px -5px #888888} .borderRadiusTp .border, .borderRadius .border{ border-radius:0 0 5px 5px;} .borderRadiusBtm .border{ border-radius:5px 5px 0 0;} img.fnone{float:none !important} .ddcommon .divider{width:0; height:100%; position:absolute;} .ddcommon .ddArrow{ display: inline-block; position: absolute; top: 60%; right: 8px;} .ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%} .ddcommon .ddTitle .ddTitleText{display:block;} .ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;} .ddcommon .ddTitle .description{display:block;} .ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left} .ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999} .ddcommon .ddChild li{clear:both;} .ddcommon .ddChild li .description{display:block;} .ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left} .ddcommon .ddChild li.optgroup{padding:0;} .ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic} .ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px} .ddcommon .noBorderTop{border-top:none 0 !important; padding:0; margin:0;} /*************** default theme **********************/ .dd{border: 1px solid #c3c3c3; width: 100% !important; max-width: 7680px; border-radius: 0px;} .dd .divider{ right:24px;} .dd .ddArrow{width:13px;height:13px; margin-top:-8px; background:url(../images/arrow.png) no-repeat; background-size: 100%;} .dd .ddTitle{color:#000;} .dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px;} .dd .ddTitle .ddTitleText .ddTitleText{padding:0;} .dd .ddTitle .description{font-size:12px; color:#666} .dd .ddTitle .ddTitleText img{padding-right:5px; max-height: 30px;} .dd .ddChild{border:1px solid #c3c3c3; background-color:#fff; left:-1px;} .dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #c3c3c3;} .dd .ddChild li .description{color:#666;} .dd .ddChild li .ddlabel{color:#333; text-transform: capitalize;} .dd .ddChild li.hover{background-color:#f2f2f2} .dd .ddChild li img{padding:0 6px 0 0;} .dd .ddChild li.optgroup{padding:0;} .dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic} .dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px} .dd .ddChild li.selected{background-color:#d5d5d5; color:#000;} .dd .ddChild li { padding: 32px 0; border-radius: 0px !important; width: 33.333% !important; border-bottom: 1px solid #eee; border-top: 0px; box-sizing: border-box; border-right: 1px solid #eee; border-left: 0px; float: left !important; text-align: center; clear: none; border: 1px solid #eee; min-height: 100px; } .dd .ddChild li.selected { background: #f8f8f8 !important; } .ddTitleText .ddlabel{ text-transform: uppercase; padding-left: 10px; } .dd .ddChild li img { padding: 0; display: block; margin: 10px auto; } .ddChild.ddchild_{ height: auto !important; top: 40px !important; border: 0px; border-radius: 0px; box-shadow: 0px 0px 20px 0px rgba(199,199,199,1); } #tech_msdd #tech_child{border:0px;border-radius:0px;box-shadow:0px 0px 20px 0px rgba(199,199,199,1)}#tech_msdd #tech_child ul{width:100%;display:flex;flex-wrap:wrap}#tech_msdd #tech_child li{padding:32px 0;border-radius:0px;width:33.333%;border-bottom:1px solid #eee;border-top:0px;box-sizing:border-box;border-right:1px solid #eee;border-left:0px}#tech_msdd #tech_child li.selected{background:#f8f8f8 !important} /* Typography =========================== */ html,body { width:100%; height: auto; margin:0; padding:0; } body *:focus { outline: none; } body { font-family: 'Poppins', sans-serif; position: relative; font-size:.8rem; line-height:1.2rem; color:#484848; font-weight: 400; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiase } ul, ol { list-style: none; } a{ color: #484848; } a, a:active, a:focus, a:hover{ outline:none; transition: all 0.3s ease-in-out; } a:hover{ text-decoration:none; color: #000000 !important; } a#footerTerms:hover{ text-decoration:none; color: #ffffff !important; } h1, h2, h3, h4, h5, h6{ color:#3f3f3f; margin:0 0 15px 0; font-weight: 600; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiase } h1{ font-size:48px; line-height:52px; } h2{ font-size:36px; line-height:48px; } h3{ font-size:30px; line-height:36px; } h4{ font-size:24px; line-height:30px; } h5{ font-size:18px; line-height:24px; } h6{ font-size:14px; line-height:18px; } p{ margin-bottom:20px; } .modal-dialog.modal-lg.modal-large{ max-width: 1417px !important; } .section{ padding: 70px 0; position: relative; display: block; width: 100%; float: left; } .section-tp{ padding: 20px 0; } .main-db{ max-width: 400px; margin-left: auto; background: #f7f7f7; margin-right: 50px; } .modal{ z-index: 99998; } /* Navbar Adjusment =========================== */ /* Navbar Atribute ------*/ .attr-nav > ul > li > a{ padding: 8px 15px; } .attr-nav.cart-attr > ul > li > a, .attr-nav.cart-attr > ul > li > span { padding: 4px 15px; } .cart-attr.checkout-attr{ top: 16px; } .attr-nav > ul > li.search a{ font-size: 12px; padding: 4px 15px; } .cart-list > li.total > .btn{ border-bottom: solid 1px #cfcfcf !important; color: #fff !important; padding: 10px 15px; } .header-continue-shopping{ text-transform: uppercase; float: left; color: #333; font-size: 12px; line-height: 34px; font-weight: 400; letter-spacing: 1px; padding: 0 0 0 18px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0OTIgNDkyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTIgNDkyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMTk4LjYwOCwyNDYuMTA0TDM4Mi42NjQsNjIuMDRjNS4wNjgtNS4wNTYsNy44NTYtMTEuODE2LDcuODU2LTE5LjAyNGMwLTcuMjEyLTIuNzg4LTEzLjk2OC03Ljg1Ni0xOS4wMzJsLTE2LjEyOC0xNi4xMiAgICBDMzYxLjQ3NiwyLjc5MiwzNTQuNzEyLDAsMzQ3LjUwNCwwcy0xMy45NjQsMi43OTItMTkuMDI4LDcuODY0TDEwOS4zMjgsMjI3LjAwOGMtNS4wODQsNS4wOC03Ljg2OCwxMS44NjgtNy44NDgsMTkuMDg0ICAgIGMtMC4wMiw3LjI0OCwyLjc2LDE0LjAyOCw3Ljg0OCwxOS4xMTJsMjE4Ljk0NCwyMTguOTMyYzUuMDY0LDUuMDcyLDExLjgyLDcuODY0LDE5LjAzMiw3Ljg2NGM3LjIwOCwwLDEzLjk2NC0yLjc5MiwxOS4wMzItNy44NjQgICAgbDE2LjEyNC0xNi4xMmMxMC40OTItMTAuNDkyLDEwLjQ5Mi0yNy41NzIsMC0zOC4wNkwxOTguNjA4LDI0Ni4xMDR6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat left center; background-size: 12px; } .header-continue-shopping i{ font-size: 12px; position: absolute; left: 0; top: -5px; } .header-user-icon{ position: absolute; right: 20px; top: 16px; } .header-user-icon span{ display: block; width: 30px; height: 30px; background: #000; color: #fff; text-align: center; line-height: 30px; border-radius: 100px; font-size: 19px; cursor: pointer; } .continue-shopping-top { position: absolute; left: 80px; top: -5px; font-size: 13px; text-transform: uppercase; color: #000; line-height: 38px; letter-spacing: 0.5px; } .attr-nav > ul li.side-menu a{ padding-left: 0px; padding-right: 0px; text-decoration: underline; line-height: 16px; font-size: 13px; color: #000; } .suggestions-mini .row{ margin-left: -10px; margin-right: -10px; } .rug-size .row{ margin-left: 0px; margin-right: 0px; } .more-colors .attr-nav{ margin: 0px; } .attr-nav > ul > li.dropdown ul.dropdown-menu.cart-list{ padding: 15px !important; } nav.navbar.bootsnav li.dropdown ul.dropdown-menu.cart-list{ min-width: 380px; background: #fff; top: 98%; border-radius: 0px; border-top: 0px; box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, .5); text-align: left; margin-top: 0; margin-left: 15px; left: -340px; } /* Navbar Inverse =================================*/ nav.navbar.navbar-inverse{ background-color: #222; border-bottom: solid 1px #303030; } nav.navbar.navbar-inverse .cart-list > li.total > .btn{ border-bottom: solid 1px #222 !important; } nav.navbar.navbar-inverse .cart-list > li.total .pull-right{ color: #fff; } nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.navbar.navbar-inverse ul.nav > li > a{ color: #eee; } nav.navbar.navbar-inverse ul.nav > li.dropdown > a{ background-color: #222; } nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{ color: #999; } nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{ color: #fff; } nav.navbar.navbar-inverse .form-control{ background-color: #333; border-color: #303030; color: #fff; } nav.navbar.navbar-inverse .attr-nav > ul > li > a{ color: #eee; } nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{ background-color: #222; border-left: solid 1px #303030; border-bottom: solid 1px #303030; border-right: solid 1px #303030; } nav.navbar.navbar-inverse .cart-list > li{ border-bottom: solid 1px #303030; color: #eee; } nav.navbar.navbar-inverse .cart-list > li img{ border: solid 1px #303030; } nav.navbar.navbar-inverse .cart-list > li.total{ background-color: #333; } nav.navbar.navbar-inverse .share ul > li > a{ background-color: #555; } nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{ border-right: solid 1px #303030; } nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{ border-bottom: solid 1px #303030; } nav.navbar.navbar-inverse .dropdown-tabs .tab-content{ border-left: solid 1px #303030; } nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{ background-color: #333 !important; } nav.navbar-inverse.navbar-full ul.nav > li > a{ border:none; } nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{ background-color: #222; } nav.navbar-inverse.navbar-full .navbar-toggle{ background-color: #222 !important; color: #6f6f6f; } /* Border =========================== */ .cart-list > li.total > .btn{ border-color: #f43438; } nav.navbar li.dropdown ul.dropdown-menu{ top:98%; border: none; border-radius: 0; padding: 0px; } /* Background =========================== */ .cart-list > li.total > .btn, .attr-nav > ul > li > a span.badge, nav.navbar .share ul > li > a:hover, nav.navbar .share ul > li > a:focus{ background-color: #f43438; } .cart-list > li.total > .btn:hover, .cart-list > li.total > .btn:focus{ background-color: #dc3236 !important; } .header-slae { background: #000; padding: 9px; text-align: center; color: #fff; text-transform: uppercase; letter-spacing: 1.5px; } .header-slae a { color: #fff; text-decoration: underline; font-weight: 600; margin-left: 6px; } .top-header { width: 100%; float: left; padding: 15px 10px 0; min-height: 47px; z-index: 9; position: relative; } .top-header .top-left-menu { float: left; width: 50%; text-align: left; } .top-header .top-right-menu { float: right; width: 40%; text-align: right; } .top-header .top-right-menu ul.links{ display: inline-block; margin-left:auto; margin-bottom:0px; vertical-align: middle; padding-left: 0; margin-right: 18px; margin-top: -2px; } .top-header .top-right-menu ul li{ display: inline-block; font-size: 0px; padding-left: 4px; vertical-align: middle; color: #000; } .search-attr { position: absolute; right: 25px; bottom: 10px; cursor: pointer; } .cart-attr{ position: absolute; right: 35px; top: -37px; } .cart-sec-top{ float: right; width: 30px; display: inline-block; height: 1px; position: relative; z-index: -1; } .cart-attr .dropdown-toggle::after{ display: none; } .attr-nav.cart-attr > ul > li > a span.badge, .attr-nav.cart-attr > ul > li > span span.badge{ position: absolute; min-width: auto; height: 18px; width: 18px; background: #000 !important; color: #fff; text-shadow: none; margin: 0; border-radius: 50%; line-height: 18px; font-size: 12px; top: -3px; left: 31px; font-weight: 400; padding: 0; text-align: center; } .attr-nav.cart-attr ul li { display: inline-block; font-size: 0px; } .top-header .top-right-menu a.top-link-wishlist, .top-header .top-right-menu span.top-link-wishlist { background: url(../images/heart.svg) no-repeat center; vertical-align: super; display: inline-block; background-size: 100% auto; position: relative; line-height: 20px; width: 20px; height: 20px; font-size: 0px; text-indent: -9999px; vertical-align: middle; } .top-header .attr-nav { position: relative; margin-left: 0px; height: 24px; } #navbar-menu .attr-nav{ position: absolute; right: 20px; } .fa-shopping-bag-img{ max-width: 21px; position: relative; top: 0px; } .fa-shopping-bag-img img{width: 21px} .top-right-menu nav.navbar.bootsnav{ padding: 0px; border-bottom: 0px; } .main-nav .col-100{ width:100%; display: block; } .main-nav{ border-bottom: solid 1px #e0e0e0 !important; padding-bottom: 0px; padding-top: 2px; } #navbarResponsive ul.navbar-nav li a, #navbarResponsive ul.navbar-nav li span{ font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 400; padding: 10px 14px; display: inline-block; vertical-align: middle; padding: 5px; border-bottom: 3px solid transparent; border-radius: 5%; overflow: hidden; } #navbarResponsive ul.navbar-nav li .dropdown-toggle:after{display: none;} #navbarResponsive ul.navbar-nav li.show{display: inline-block !important;} .navbar-brand{ margin-right: 0px; margin-bottom: 10px; } .attr-nav li .cart-list{ left:auto; right: 0; z-index: 99999; width: 390px; padding: 25px 20px; border-radius: 0; font-size: 12px } .top-header .top-left-menu a { display: inline-block; font-size: 12px; margin: 0 0px; padding: 4px 10px; line-height: 20px; } .top-header .top-left-menu a span { font-weight: 600; } .top-header .top-right-menu a, .top-header .top-right-menu span{ text-indent: 0; width: auto; display: inline-block; margin: 0; font-weight: 400; line-height: 10px; font-size: 12px; text-transform: uppercase; padding: 0 7px; vertical-align: middle; border-right: 1px solid #000; } .top-header .top-right-menu a:last-child, .top-header .top-right-menu span:last-child {border:none;} .banner-wrapper{ position: relative; } #banner-slider .item{ position: relative; } .attr-nav > ul > li.dropdown .btn.btn-cart{ background: #000; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 2px; display: inline-block; width: 100%; padding: 12px 0; border: 1px solid #000; cursor: pointer; line-height: 20px; text-transform: uppercase; border-radius: 0; } .attr-nav > ul > li.dropdown .btn.btn-cart:hover, .attr-nav > ul > li.dropdown .btn.btn-cart:focus{ border: 1px solid #000; background-color: #fff ; color: #000 } .take-slider{ padding: 30px 0px; margin: 0px; float: left; width: 100%; } .banner-v61 { padding: 30px 0px; margin: 0px; float: left; width: 100%; display: flex; } .banner-v61 .col-md-7, .banner-v61 .col-md-5{ } #yt_pathway { margin: 0px; background: #fff; } #yt_pathway .pathway-inner .breadcrumbs { float: left; width: 100%; padding: 16px 10px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: 0px; } #yt_pathway ul.breadcrumbs li a, #yt_pathway ul.breadcrumbs li { float: left; display: inline-flex; } #yt_pathway ul.breadcrumbs li.last, #yt_pathway ul.breadcrumbs li a { position: relative; height: 16px; line-height: 16px; padding: 0 15px 0 0px; } #yt_pathway ul.breadcrumbs li.last:before, #yt_pathway ul.breadcrumbs li a:before { content: ">"; font-size: 12px; top: -1px; left: 1px; vertical-align: top; width: 10px; height: 24px; margin-right: 10px; } #yt_pathway ul.breadcrumbs li.home a:before { content: ""; background: none; width: 0; } .products-grid .item-inner { float: left; width: 100%; } .products-grid .item-inner a.product-image{ position: relative; display:block; } .products-grid .item-inner .product-image a img { width: 100%; } .products-grid .item-inner span.view { position: absolute; width: 125px; text-align: center; top: 50%; margin-top: -9px; left: 50%; color: #fff; padding: 10px 0px; background: #252525; display: none; opacity: .9; margin-left: -60px; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } .products-grid .item-inner a:hover span.view { display: block; } .products-grid .item-inner .product-info { float: left; width: 100%; padding: 0 0px 20px 0px; text-align: left; margin-left: 0px; } .products-grid .product-info .sub-cat-name { font-weight: 400; text-transform: uppercase; color: #f75712; margin: 5px 0px 0px; display: inline-block; font-size: 14px; } .products-grid .item-inner .product-name { line-height: 125%; font-size: 20px; color: #454545; font-weight: 400; } .press-coverage-inner .products-grid .item-inner .product-name { min-height:40px; } .products-grid .item-inner .product-name a{ color: #000; display: inline-block; } .product-desciption { color: #666; font-size: 12px; font-weight: 400; line-height: 20px; padding: 0px 10px; } .products-grid .item-inner .product-price { margin-top: 0px; font-weight: 400; } .products-grid .price-box { float: left; line-height: 150%; } .cd-main-content { position: relative; } .cd-main-content:after { content: ""; display: table; clear: both; } .cd-main-content.is-fixed .cd-tab-filter-wrapper { position: fixed; top: 0; left: 0; width: 100%; } .slider-brand-container{min-height: 75px} @media only screen and (min-width: 768px) { .cd-main-content.is-fixed .cd-gallery { padding-top: 90px; } } @media only screen and (min-width: 1170px) { .cd-main-content.is-fixed .cd-gallery { padding-top: 100px; } } /* -------------------------------- xtab-filter -------------------------------- */ .cd-tab-filter-wrapper { z-index: 1; border-top: 1px solid #e5e5e5; background: #fff; font-size: 12px; box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 5%); } .cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; } .colorpletter span #Pastel{ display: block; height: 30px; width: auto; } .colorpletter span.color1 #Pastel{ display: block; height: 30px; width: 106px; margin: 0px } .cd-tab-filter { /* tabbed navigation style on mobile - dropdown */ position: relative; height: 50px; width: 140px; margin: 0 auto; z-index: 1; } .cd-tab-filter::after { /* small arrow icon */ content: ''; position: absolute; right: 14px; top: 50%; bottom: auto; transform: translateY(-50%); display: inline-block; width: 16px; height: 16px; background: url("../images/cd-icon-arrow.svg") no-repeat center center; transition: all 0.3s; pointer-events: none; } .cd-tab-filter ul { position: absolute; top: 0; left: 0; background-color: #ffffff; box-shadow: inset 0 -2px 0 #41307c; } .cd-tab-filter li { display: none; } .cd-tab-filter li:first-child { /* this way the placehodler is alway visible */ display: block; } .cd-tab-filter span { display: block; /* set same size of the .cd-tab-filter */ height: 50px; line-height: 50px; text-transform: uppercase; cursor:pointer; } .cd-tab-filter.is-open::after { /* small arrow rotation */ transform: translateY(-50%) rotate(-180deg); } .cd-tab-filter.is-open ul { box-shadow: inset 0 -2px 0 #41307c, 0 2px 10px rgba(0, 0, 0, 0.2); } .cd-tab-filter.is-open ul li { display: block; } .cd-tab-filter.is-open .placeholder a { /* reduces the opacity of the placeholder on mobile when the menu is open */ opacity: .4; } /* -------------------------------- xgallery -------------------------------- */ .cd-gallery { padding: 26px 5%; width: 100%; } .cd-gallery .products-grid li { margin-bottom: 1.6em; display: inline-block; } .cd-gallery .products-grid li.gap { /* used in combination with text-align: justify to align gallery elements */ opacity: 0; height: 0; display: inline-block; } .cd-gallery img { display: block; width: 100%; } .cd-gallery .cd-fail-message { display: none; text-align: center; } .load-more{ text-align: center; margin: 20px auto; } a.button{ display:inline-block; } .ar-preview-section span.ar-preview-link, .ar-preview-section span.ar-preview-link-mobile{ position: absolute; right: 0; bottom: 50px; background: #f6f6f6; font-size: 11px; padding: 8px; } .ar-preview-section span.ar-preview-link{ bottom: 310px; } .ar-preview-link-mobile, .ar-preview-link, .sample-bar { padding: 15px; text-align: center; border: 1px solid #484848; margin: 4px 15px 20px; font-weight: 600; font-size: 15px; cursor: pointer; color: #484848; display: block; } .ar-preview-link-mobile span img, .ar-preview-link span img, .sample-bar span img { width: 20px; height: 20px; margin-right: 10px; } .sample-bar i{ font-size: 18px; color: #000; margin: 0 5px; } .colorsuggestions { padding: 0px 20px; margin: 0px 0px 30px; border-top: 1px solid #ddd; } .title-suggestions h3 { float: left; width: 100%; text-align: center; font-weight: 400; font-size: 250%; padding-top: 40px; padding-bottom: 40px; color: #484848; text-transform: capitalize; } /* -------------------------------- xcustom form elements -------------------------------- */ .page-title h2,.page-title h1 { padding: 0px 10px 5px 0px; font-size: 32px; text-transform: capitalize; letter-spacing: 1px; font-weight: 200; line-height: 40px; margin-bottom: 10px; text-align: center; } .custom_pagination .paging { text-transform: uppercase; color: #484848; font-size: 12px; margin: 10px; display: inline-block; padding-right: 30px; } .custom_pagination ul{ text-align: inherit; margin-bottom: 0px; } .custom_pagination ul li { display: inline-block; padding: 0px 10px; width: auto; } .paging a { color: #484848 !important; } strong,.strong{ font-weight:600 !important; } .cd-filter-block { margin-bottom: 1px; } ul.cd-filter-content{ margin: 0px; padding: 0px; } .cd-filter-block h4 { /* filter block title */ position: relative; margin-bottom: 0; padding: 20px 0 10px 20px; color: #454545; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding-left: 0px; } .no-touch .cd-filter-block h4:hover { color: #000000; } .cd-filter-block h4::before { /* arrow */ content: ''; position: absolute; right: 0; top: 60%; width: 16px; height: 16px; background: url("../images/cd-icon-arrow.svg") no-repeat center center; transform: translateY(-50%); transition: transform 0.3s; } .cd-filter-block h4.closed::before { transform: translateY(-50%) rotate(-90deg); } .cd-filter-block input, .cd-filter-block select, .cd-filter-block .radio-label::before, .cd-filter-block .checkbox-label::before { /* shared style for input elements */ border-radius: 0; background-color: #ffffff; border: 2px solid #e6e6e6; } .cd-filter-block input[type='text'], .cd-filter-block select { width: 100%; padding: 10px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; } .cd-filter-block input[type='text']:focus, .cd-filter-block select:focus { outline: none; background-color: #ffffff; border-color: #41307c; } .cd-filter-block .cd-select { /* select element wrapper */ position: relative; } .cd-filter-block .cd-select::after { /* switcher arrow for select element */ content: ''; position: absolute; z-index: 1; right: 14px; top: 50%; transform: translateY(-50%); display: block; width: 16px; height: 16px; background: url("../images/cd-icon-arrow.svg") no-repeat center center; pointer-events: none; } .cd-filter-block select { cursor: pointer; font-size: 13px; } .cd-filter-block select::-ms-expand { display: none; } .cd-filter-block .list li { position: relative; margin-bottom: .5em; } .cd-filter-block .list li:last-of-type { margin-bottom: 0; } .cd-filter-block input[type=radio], .cd-filter-block input[type=checkbox] { /* hide original check and radio buttons */ position: absolute; left: 2px; top: 7px; margin: 0; padding: 0; opacity: 0; z-index: 2; cursor:pointer; width: 200px; } .cd-filter-block .checkbox-label, .cd-filter-block .radio-label { padding-left: 24px; font-size: 13px; margin-bottom:0px; font-weight: 400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { /* custom radio and check boxes */ content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); } .cd-filter-block .checkbox-label::before, .cd-filter-block .radio-label::before { width: 16px; height: 16px; left: 0; } .cd-filter-block .checkbox-label::after, .cd-filter-block .radio-label::after { /* check mark - hidden */ display: none; } .cd-filter-block .checkbox-label::after { /* check mark style for check boxes */ left: 0px; width: 16px; height: 16px; background: url("../images/cd-icon-check.svg") no-repeat center center; } .cd-filter-block .radio-label::before, .cd-filter-block .radio-label::after { border-radius: 50%; } .cd-filter-block .radio-label::after { /* check mark style for radio buttons */ width: 6px; height: 6px; background-color: #000; left: 5px; } .cd-filter-block input[type=radio]:checked + label::before, .cd-filter-block input[type=checkbox]:checked + label::before { border-color: #000; } .cd-filter-block input[type=radio]:checked + label::after, .cd-filter-block input[type=checkbox]:checked + label::after { display: block; } @-moz-document url-prefix() { /* hide custom arrow on Firefox - select element */ .cd-filter-block .cd-select::after { display: none; } } .filter-bar ul li.active a { color: #000; border-bottom: 4px solid #000; } .Our-Artisans{ position: relative; width: 100%; } .handkotted-story{ position: relative; width: 100%; background: #f1bac3; margin-bottom: 20px; text-align: center; } .above-footer h3 a, .Our-Artisans h3 a, .handkotted-story h3 a{ color: #fff !important; padding: 25px 15px; } .above-footer h3, .Our-Artisans h3, .handkotted-story h3{ bottom: 0; color: #ffffff!important; font-size: 35px; font-weight: 600; line-height: 35px; margin: 0; position: absolute; text-align: left; text-transform: uppercase; width: 100%; background: linear-gradient(rgba(34,34,34,0),rgba(34,34,34,.65)); height: 100px; display: flex; padding: 10px 20px; align-items: end; } .Our-Artisans, .handkotted-story{ box-sizing: border-box; min-height: 190px; } .above-footer h5 { font-size: 18px; letter-spacing: 2px; bottom: 40px; left: 40px; font-weight: 400; position: absolute; color: #fff; } .banner-v61 a { position: relative; display: block; color: #fff; } .featured_collection { position: relative; margin: 0px; padding: 0px; list-style: none; } .featured_collection img{ width: 100vw; max-width: 100%; min-height: 350px; filter: brightness(0.8); background: #f5f5f5; } .featured_collection-content{ width: 100%; color: #fff; margin: 0; position: absolute; top: 50%; text-align: center; left: 50%; padding: 0 30px; transform: translate(-50%, -50%); } .banner-content{ width: 400px; color: #000; margin: 0; position: absolute; top: 20%; text-align: left; left: 3%; padding: 30px; background: #ffffffc2; } .banner-content{ max-width: 540px; } .banner-content h2{ color: #000; text-transform: uppercase; /*text-shadow: 0px 0px 10px rgba(0, 0, 0, .5);*/ font-size: 55px; line-height: 45px; font-weight: 400; } .banner-content p{ color: #000; font-size: 18px; /* text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); */ } .search-btn, .edit-btn{ background-color: black; color: white; } .qBx201 a.btn-link, .bpbtn1, .bpbtn2, .bpbtn3, .trdT13, .button,.addsbtn, .addgbtn, .bespoke-submit .submit-btn, .bespoke-form .bespk-btn, .banner-content .shop-collection, .featured_collection .shop-collection, .callback-btn, .btn-black { background: #000; display: inline-block; padding: 15px 25px; color: #fff; text-transform: uppercase; line-height: 15px; letter-spacing: 1px; font-size: 14px; margin: 10px auto; border-radius: 0px; min-width: 200px; cursor: pointer; border: 1px solid #000; transition: all 0.3s ease-in-out } .qBx201 a.btn-link:hover, .bpbtn1:hover, .bpbtn2:hover, .bpbtn3:hover, .trdT13:hover, .button:hover,.addsbtn:hover, .addgbtn:hover .bespoke-form .bespk-btn:hover, .featured_collection .shop-collection:hover, .banner-content .shop-collection:hover, .callback-btn:hover, .btn-black:hover, .submit-btn:hover, .search-btn:hover, .edit-btn:hover{ background: #fff; color: #000; transition: all 0.3s ease-in-out } .search-btn{ border-color: black; /* color: black; */ } .checkout.cart .button-order, .login-signup .buttons-set .button, .bespoke-submit .submit-btn, .bespoke-form .bespk-btn{ width: 100%; } .featured_collection-content h3 { font-size: 48px; font-weight: 600; margin-bottom: 30px; color: #fff; text-transform: uppercase; line-height:40px } .featured_collection-content a.view:hover{ color: #fff !important; background: #000; border: 2px solid #000; } .featured_collection-content a.view { transition: all 0.3s ease-in-out 0s; color: #FFF; letter-spacing: 1px; border: 2px solid #FFF; margin: 0px auto; max-width: 400px; padding: 10px 20px; text-transform: uppercase; display: block !important; } .featured_collection-content p.desc { margin: 0px auto; width: 90%; max-width: 600px; font-size: 16px; margin-bottom: 30px; } .category-heading h2,.category-heading h1 { font-size: 32px; color: #484848; margin-bottom: 0px; text-transform: capitalize; font-weight: 200; display: inline; line-height: 35px; } .trending-tab{ margin-top: 20px; overflow: visible; } .trending-tab .tab-content{ float: left; width: 100%; margin-bottom: 20px; min-height: 350px; } #collection-slider{ margin-top: 20px; text-align:center; } .trendy-category ul li { display: inline-block; border: 1px solid #CCC; text-align: center; } .trendy-category ul li a { text-transform: uppercase; color: #000; letter-spacing: 1px; height: 40px; width: 100%; padding: 10px; float: left; border-radius: 0px !important; line-height: 19px; } .columns-w{ padding:0 50px; /* display: inline-block;*/ } .trendy-category ul li a.active, .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #000; color: #FFF !important; } .collection-slider img { border-radius: 5px; padding: 0px; max-width: 100%; } .collection-slider h3 { color: #484848; font-weight: 400; letter-spacing: 1px; font-size: 19px; margin: 10px 0px 0; line-height: 22px; } .collection-slider p { color: #a0a0a0; } .features .owl-prev, #myCarousel .owl-prev, #testi-mainslider .owl-prev, .bespoke-inner .owl-prev, .suggestions_slider .owl-prev, .collection-slider .owl-prev, .trendy-slider .owl-prev, .new-slider .owl-prev { position: absolute; left: -20px; top: 35% !important; border-radius: 20px; background-image: url(../images/left-arrow.svg) !important; width: 44px !important; height: 44px !important; background-color: transparent !important; border: 0px !important; background-position: 0px !important; } .features .owl-next, #myCarousel .owl-next, #testi-mainslider .owl-next, .bespoke-inner .owl-next, .suggestions_slider .owl-next, .collection-slider .owl-next, .trendy-slider .owl-next, .new-slider .owl-next { position: absolute; top: 35% !important; right: -22px; border-radius: 20px; background-image: url(../images/right-arrow.svg) !important; width: 44px !important; height: 44px !important; background-color: transparent !important; border: 0px !important; background-position: 0px !important; } .features .owl-next span,.features .owl-prev span,#myCarousel .owl-next span, #myCarousel .owl-prev span, #testi-mainslider .owl-next span, #testi-mainslider .owl-prev span, .suggestions_slider .owl-prev span, .suggestions_slider .owl-next span, .collection-slider .owl-prev span, .collection-slider .owl-next span, .trendy-slider .owl-next span, .trendy-slider .owl-prev span { display: none; } #myCarousel .owl-next{ right: -15px; top: 48% !important; } #myCarousel .owl-prev{ left: -15px; top: 48% !important; } .features li { background: #f5f5f5; padding: 15px; border-radius: 7px; min-height: 360px; } .features h3 { font-weight: 400; font-size: 20px; line-height: 23px; margin: 10px 0px 5px; } .features p{ min-height: 76px; margin-bottom: 0px; } .suggestions_slider, .collection-slider .item, .trendy-slider .item, .slider-brands .item { float: left; position: relative; } .slider-brand-container { padding: 30px 0 30px; clear: both; } #slider-carousel img { filter: brightness(70%); border-radius: 8px; } #slider-carousel.owl-loaded .cat-name{ opacity:1; } #slider-carousel .cat-name { position: absolute; left: 0; /*margin-top: -10px;*/ top: 50%; color: #fff; font-size: 13px; font-weight: 400; text-align: center; width: 100%; transform: translateY(-50%); opacity: 0; } #slider-carousel .item{ display: inline-block; } .footer-wrapper .columns-w { border-top: 1px solid #E5E5E5; float: left; width: 100%; padding: 0 50px; background: #000; padding-top: 20px !important; } .footer-wrapper .footer-bottom { background-color: #000; border-top: 0px; color: #666; padding: 20px 50px; float: left; width: 100%; } .footer-wrapper .yt-payment { padding-right: 0; text-align: right; } .footer-wrapper .footer-start { margin-top: 0px; padding: 30px 0px 40px; float: left; width: 100%; } .email-social-footer h2 { color: #fff; font-weight: 400; font-size: 24px; margin-bottom: 50px; } .email-social-footer #newsletter-validate-detail { max-width: 560px; } #newsletter-validate-detail .input-box { position: relative; } .email-social-footer #newsletter-validate-detail #newsletter { border: 1px solid #666; background: transparent; border-radius: 0px; color: #ccc; width: 100%; padding: 15px; caret-color: #fff; } #newsletter-validate-detail .input-box button { position: absolute; right: 10px; top: 12px; background: transparent; border: 0px; cursor: pointer; } .email-social-footer .socials-wrap { text-align: right; } .socials-wrap ul li { padding: 0px 15px; display: inline-block; } .email-social-footer .socials-wrap ul li a { color: #fff; font-size: 25px; } .email-social-footer #newsletter-validate-detail .input-box:before { content: ""; width: 1px; height: 55px; position: absolute; right: 62px; top: 1px; background: #666; bottom: -10px; } .footer-bottom.columns-w p{ margin-bottom: 0px; } .footer-bottom .yt-payment ul{ margin: 0px; padding: 0px; list-style: none; } .footer-bottom .yt-payment li { display: inline-block; padding: 0px 20px; } .footer-top{ border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; float: left; width: 100%; padding: 30px 45px; margin-top: 30px; } .spotlight-wrap .block-title { font-size: 12px; text-transform: uppercase; font-weight: 600; padding-bottom: 10px; line-height: 100%; letter-spacing: 1px; color: #000000; } .spotlight-wrap .spotlight ul{ margin: 0px; padding: 0px; } .spotlight-wrap .spotlight ul li a { line-height: 2.5; color: #484848; letter-spacing: 0.5px; } .cart .title-button{ display: flex; align-items: center; justify-content: center; } .cart .title-button .page-title{ /* width: 70%;*/ } .checkout-hidden-fields{ margin-bottom: 50px; } .checkout.cart .title-button .page-title{ width: 100%; margin-top: 10px; padding: 40px 0; } .cart .title-button .cart-btns-right{ /* width: 30%;*/ text-align: right; } .cart-btns-right ul{ margin: 0px; padding: 0px; } .checkout-sign-box{ border: 1px solid #333; padding: 20px; width: 100%; margin-bottom: 47px; display:inline-block; color: #484848; font-size: 15px; display: flex; } .checkout-sign-box .inn-sign-box{ display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; } .checkout-sign-box .inn-sign-box p{ margin-bottom: 0px; margin-right: 15px; font-size: 14px; font-weight: 400; letter-spacing: 0; line-height: 20px; } h3{ font-size: 24px; } .table { background: #ffffff; border-radius: 0.6em; overflow: hidden; clear: both; margin-bottom: 1.8em; } .layout-inline > * { display: inline-block; } .align-center { text-align: center; } .row-cart.th { color: #484848; text-transform: capitalize; font-size: 15px; border-top: 1px solid #ddd; } .row-cart.th .col { color: #484848; text-transform: capitalize; font-size: 12px; letter-spacing: 1px; padding: 8px 10px 8px 0; line-height: 19px } .col { padding: 1em; width: 16%; } .product-info{ margin-left:20px; } .product-thumb{ max-width: 180px; } .col-pro { width: 50%; padding-left: 0px; } .col-pro > * { vertical-align: middle; } .col-qty { text-align: center; width: 17%; } .col-numeric p { font-size: 14px; color: #000; padding-top: 5px; margin-bottom: 0px; } .delivery-card-sec h6{ font-weight: 400; color: #333; margin-bottom: 10px; font-size: 13px; letter-spacing: 0 } .subtotal-box .totals{ padding: 0; margin: 0 } .delivery-card-sec .free-delivery-sec > a{ color: #000; font-size: 13px; line-height: 16px; font-weight: 600; display: inline-block; border-left:1px solid #000; padding: 0 5px; margin: 5px 0px; } .delivery-card-sec .free-delivery-sec > a:first-of-type{border-left: 0; padding-left: 0} .delivery-card-sec ul{padding: 0; margin: 0} .delivery-card-sec ul li { width: 15%; margin-right: 2px; display: inline-block; vertical-align: middle; } .delivery-card-sec ul li a { display: block; border: 1px solid #999; line-height: 0; } .col-total p { color: #000; margin-bottom: 0px; } .row-cart > div { vertical-align: top; } .layout-inline.row-cart { border-bottom: 1px solid #ddd; padding: 20px 0 2px; } .table-cart .layout-inline.row-cart:last-child{ border-bottom: 0px; } .layout-inline.row-cart.th { padding:0; } /* .cart .title-button{ margin-bottom: 10px; }*/ .cart .title-button h3{ margin: 0px; display: inline-block; color: #252525; font-size: 32px; line-height: 34px; font-weight: 500; text-transform: uppercase; vertical-align: bottom; position: relative; top: -3px } .order-summary-left h2{ text-transform: uppercase; } .items-totals { display: inline-block; width: auto; line-height: 16px } .items-totals h4{ display: inline-block; vertical-align: middle; width: auto; font-size: 14px; line-height: 16px; text-transform: uppercase; color: #262628; margin: 0 26px ; letter-spacing: 1px; padding-bottom: 1px; font-weight: 500; } .items-totals h5{ letter-spacing: 1px; display: inline-block; vertical-align: middle; width: auto; font-size: 14px; line-height: 16px; text-transform: uppercase; margin-bottom: 0px; font-weight: 400 } .visibility-cart { position: absolute; color: #fff; top: 0.5em; right: 0.5em; font: 600 2em arial; border: 0.16em solid #fff; border-radius: 2.5em; padding: 0 0.22em 0 0.25em ; } .col-qty > * { vertical-align: middle; } .col-qty > input { max-width: 40px; text-align: center; font-size: 16px; border: 0px; } .product-info h3.product-name { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; color: #454545; line-height: 20px; letter-spacing: 0px; font-weight: 400; } .product-info .weaving-type { margin-bottom: 10px; color: #333; font-size: 15px; line-height: 20px; } .product-additional-info{ font-size: 14px; line-height: 25px; color: #333; } .colorselection { border: 1px solid #b8b8b8; float: left; padding: 10px; width: 100%; margin-top: 10px; max-width: 400px; } .colorselection .colorselect { max-width: 88px; float: left; padding: 2px 15px 0px 5px; color: #000; line-height: 24px; font-weight: 500; } .mobile-product-price { display: none; } .color-circle-outer { float: left; width: 142px; white-space: nowrap; } .color-circle { margin-left: 4px; } .price-i-d{ max-width: 70px; width: 100%; } .product-additional-info .detailtitle { text-transform: capitalize; width: 120px; display: inline-block; } #discount-coupon-form, .totals{ padding: 15px; margin-top: 20px; float: left; width: 100%; line-height: 200%; margin-bottom: 20px; } #discount-coupon-form .discount { float: left; width: 100%; } .discount h2 { font-size: 16px; margin-bottom: 15px; line-height: 20px; font-weight: normal; } .discount .input-box { float: left; width: 52%; } .discount .buttons-set { float: left; width: 48%; clear: none; } .discount .input-text, .discount .buttons-set button { padding: 8px !important; margin: 5px 0px; width: 100%; border: 1px solid #bdbdbd; } .discount .buttons-set button{ border: 1px solid #333; } .discount-form label{ margin-bottom: 0px; display: block; } .cart-collaterals .discount h2:before { content: "\F005"; font-family: 'FontAwesome'; font-size: 15px; color: #333; padding-right: 8px; } .discount-form{ float: left; width: 100%; } #shopping-cart-totals-table { color: #484848; width: 100%; } #shopping-cart-totals-table tbody tr, #shopping-cart-totals-table tfoot tr { border-bottom: 1px solid #d8d8d8; } .totals #shopping-cart-totals-table td { overflow: hidden; text-align: left; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 13px; color: #484848; border-color: #e6e6e6 } .totals #shopping-cart-totals-table td strong{ text-transform: uppercase; font-size: 16px; font-weight: 600; } .cart-collaterals .totals .checkout-types { margin: 25px 0 0; text-align: right; padding:0px; } .subtotal-box{ border: 1px solid #000; margin: 40px auto 50px; padding: 50px; font-size: 12px } .order-summary-left{ /*display: inline-block; float: left; width: 100%;*/ } .order-summary-left h2{ color: #484848; font-size: 24px; line-height: 26px; font-weight: 500; letter-spacing: 0 } .remove-wishlist{ padding: 10px 0; width:100%; display: inline-block; } .remove-wishlist a.cart-remove-btn, .remove-wishlist a.add-wishlist { display: inline-block; float: left; margin-right: 10px; text-transform: uppercase; font-size: 12px; color: #000; font-weight: 500; } .remove-wishlist a.cart-remove-btn:before { content: ""; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBmaWxsPSIjMDAwMDAwIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center center; background-size: 10px; width: 10px; height: 14px; margin: 0 7px 2px 0; display: inline-block; vertical-align: middle; } .remove-wishlist a.cart-remove-btn span, .remove-wishlist a.add-wishlist span{ display: inline-block; line-height: 20px; } .remove-wishlist .deleteitem{ display: inline-block; line-height: 33px; background: url(../images/cross-wishlist.jpg) no-repeat; display: block; height: 30px; width: 30px; float: left; background-position: 0; } .wishicon { background: url(../images/cross-wishlist.jpg) no-repeat; display: block; height: 22px; width: 27px; float: left; background-position: -44px; } .accordion dd, .accordion__panel { font-size: 1em; line-height: 1.5em; margin-bottom: 0px; } .accordion p { margin-bottom: 0px; } .accordion { position: relative; background-color: #eee; } .accordionTitle, .accordion__Heading { text-indent: 3px; font-weight: 600; padding: 8px 12px 7px 50px; display: block; text-decoration: none; color: #fff; transition: background-color 0.5s ease-in-out; text-transform: uppercase; font-size: 17px; font-weight: 600; line-height: 24px; color: #000; letter-spacing: 0.5px; } .accordionTitleActive:before, .accordionTitle.is-expanded:before { transform: rotate(-225deg); } .accordionItem { height: auto; overflow: auto; transition: max-height 1s; } .accordionItem.is-collapsed { max-height: 0; } .checkoutSteps { position: relative; width: 100%; max-width: 1000px; float: left; } .totals #shopping-cart-totals-table td.a-right span.free-delivery{ font-size: 12px; color: #bfbfbf; } .checkoutSteps .accordion{ background: #fff; } .checkoutSteps:before { content: ''; position: absolute; width: 2px; background-color: #ccc; top: 15px; left: 19px; bottom: 35px; z-index:1; } .checkoutSteps .accordion dt{ position: relative; z-index:2; } .checkoutSteps .accordion dt .number { font-size: 18px; font-weight: 600; padding: 0px 12px; border: 2px solid #999; min-height: 35px; line-height: 35px; min-width: 39px; text-align: center; background: #fff; float: left; } .yt_main_inner .page-title h1 { color: #242424; text-transform: uppercase; font-size: 26px; border-bottom: 1px solid #ccc; font-weight: 600; margin-bottom: 30px; padding: 50px 20px 25px 1px; } #checkout-step-login{ padding: 20px; border-top: none; float: left; width: 100%; color: #484848; padding-left: 53px; } .yt_main_inner .page-title h1 { color: #242424; text-transform: uppercase; font-size: 26px; border-bottom: 1px solid #ccc; font-weight: 600; margin-bottom: 30px; padding-left: 0px; } .step.a-item ul.form-list{ margin: 0px; padding: 0px; margin-top:20px; margin-bottom: 20px; list-style: none; } .step.a-item ul.form-list li { margin-bottom: 15px; } .step.a-item ul.form-list li.control input { display: none; } .step.a-item ul.form-list li.control label { border: 1px solid #CCC; padding: 25px 0; width: 100%; text-align: center; color: #484848; text-transform: uppercase; font-weight: 600; font-size: 14px; cursor: pointer; } .step.a-item .buttons-set button.button { font-size: 14px; font-weight: 600; letter-spacing: 1px; padding: 9px; width: 100%; } .form-list input.input-text { width: 100%; box-sizing: border-box; padding: 10px; border-radius: 0px; } li#remember-me-box input { display: block; float: left; width: 20px; } #checkout-step-login .form-list li#remember-me-box label { float: left; width: 130px; padding: 0px; text-align: left; text-transform: inherit; font-weight: normal; border: 0px; background: transparent !important; color: #333 !important; } .pdp-top-bar-item { width: 15%; padding: 1%; border-left: 2px solid #431e6e; } .pdp-top-bar-item.top-bar-back { padding: 0px; width: 90px; } /*.pdp-top-bar-item a.back { background: url(https://www.rugartisan.com/skin/frontend/sm_market/default/images/top-bar-back.jpg) no-repeat scroll 100% 100%; width: 90px; height: 90px; float: left; }*/ .pdp-top-bar-item div { font-size: 150%; font-weight: lighter; line-height: 25px; } .pdp-top-bar-item div:first-child { color: #a58ec2; font-size: 110%; } a.expend-top-bar { transform: rotate(270deg); font-size: 30px; float: left; color: #fff !important; line-height: 25px; margin-left: 10px; } .pdp-top-bar-item .price-box .price { color: #fff; font-size: 24px; line-height: 25px; } .yt-detail-left { padding-left: 0; float: left; will-change: min-height; width: 66%; transition: all .5s ease; } .yt-detail-left .product-img-box { position: relative; float: left; width: 100%; text-align: center; margin: 20px 20px 0; } .yt-detail-left .product-img-box .yt-detail-image { position: relative; float: right; width: 86%; } .yt-detail-left .more-views.slide-gallery { position: relative; text-align: center; margin-left: 15px; float: left; } .yt-detail-left .more-views.slide-gallery:after, .yt-detail-left .product-img-box .yt-detail-image:after{display: table; content: ''} .yt-detail-left .more-views.slide-gallery .jCarouselLite { margin: 0 auto; } .yt-detail-left .more-views .jCarouselLite>ul>li { margin:5px; width: 68px; height: 95px; border: 1px solid #eaeaea; } .yt-detail-left .jCarouselLite li .cloud-zoom-gallery { float: left; position: relative; cursor: pointer; background: #f7f7f7; } .yt-detail-left .more-views.slide-gallery .jCarouselLite ul{ margin: 0px; padding: 0px; } body.on-side .side{ right: 0; } body.on-side .side .close-side{ right: 414px; } .side .item.col-md-6{ padding:5px; } nav.navbar.bootsnav.more-colors{ width: auto; } .product-img-box .discription{ margin-top: 50px; } .product_attribute { border-top: 1px solid #e5e5e5; text-align: left; padding-top: 50px; padding-left: 90px; } .product_attribute ul{ margin: 0px; padding: 0px; } .product_attribute ul:after{display: table; clear: both; content: ''} .product_attribute ul li { padding-right: 3%; width: 25%; float: left; font-size: 12px; margin-bottom:25px } .product_attribute ul li .attr_label { display: block; color: #999; margin-bottom: 4px } .product_attribute ul li .attr_value { color: #252525; } img { max-width: 100%; } .yt-detail-left .jCarouselLite li .cloud-zoom-gallery>img { width: 100%; } .yt-detail-right { padding: 20px 20px 50px 50px; float: right; box-shadow: -7px 10px 18px -9px rgba(217,214,217,1); } .yt-detail-right .product-name h2 { font-size: 200%; font-weight: 400; padding-top: 5px; color: #454545; margin: 0px; } .yt-detail-right .product-title h1 { font-size: 110%; font-weight: 400; color: #454545; line-height: 110%; } $designShape_title .ddlabel, #designShape_child .ddlabel{ text-transform: capitalize;} #PERSONALISE ul{ margin-bottom:0px; padding: 0px; } .suggestions-mini .col-2 { padding: 5px; } #PERSONALISE .radio { width: 32%; float: left; margin: 0 !important; padding: 10px; border: 1px solid #b7b7b7; display: block; min-height: 20px; } .radio input[type="radio"]+.radio-label:before { content: ''; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 16px; height: 16px; position: relative; margin-right: 6px; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease; } .radio input[type="radio"]:checked+.radio-label:before { background-color: #000; box-shadow: inset 0 0 0 4px #f4f4f4; } .radio input[type="radio"] { position: absolute; opacity: 0; width: auto; } .radio input[type="radio"]:checked+.radio-label:before { background-color: #000; box-shadow: inset 0 0 0 4px #f4f4f4; } #PERSONALISE label { margin-bottom: 0px; display: block; } .radio label, .checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; } /*Styling Selectbox*/ .sort.dropdown,#PERSONALISE .dropdown { width: 100%; display: inline-block; background-color: #fff; border: 1px solid #e0e0e0; transition: all .5s ease; position: relative; font-size: 14px; color: #474747; text-align: left; } .sort.dropdown .select,#PERSONALISE .dropdown .select { cursor: pointer; display: block; padding: 10px ; font-size: 14px; color: #484848; text-transform:capitalize; min-width: 110px; line-height: 16px; } .select.order i{right: 6px;position: absolute;} .dropdown.active .select.order i img{ transform: rotate(-90deg); } #PERSONALISE .dropdown .select.weavingtype{max-width: 100%;padding: 15px 10px;} #PERSONALISE .dropdown .select > i { font-size: 13px; color: #888; cursor: pointer; transition: all .3s ease-in-out; float: right; } #PERSONALISE .price-i-d .dropdown .select > i { position: absolute; right: 10px; font-size: 18px; } #PERSONALISE .dropdown:active { background-color: #f8f8f8 } #PERSONALISE .dropdown.active:hover, #PERSONALISE .dropdown.active { box-shadow: 0 0 4px rgb(204, 204, 204); border-radius: 5px 5px 0 0; background-color: #f8f8f8 } #PERSONALISE .dropdown.active .select > i { transform: rotate(-90deg) } .sort.dropdown .dropdown-menu, #PERSONALISE .dropdown .dropdown-menu { position: absolute; background-color: #fff; width: 100%; left: 0; margin-top: 1px; box-shadow: 0 1px 2px rgb(204, 204, 204); border-radius: 0 1px 5px 5px; overflow: hidden; display: none; overflow-y: auto; z-index: 9 } .sort.dropdown .dropdown-menu li, #PERSONALISE .dropdown .dropdown-menu li { padding: 10px; transition: all .2s ease-in-out; cursor: pointer; text-transform:capitalize ; font-size: 13px; line-height: 14px; } #PERSONALISE .price-i-d .dropdown .dropdown-menu{ max-width: 70px; min-width: 70px; } #PERSONALISE .price-i-d .dropdown .dropdown-menu li{ padding: 2px 10px; box-sizing: border-box; } #PERSONALISE .dropdown .dropdown-menu { padding: 0; list-style: none } #PERSONALISE .dropdown .dropdown-menu li:hover { background-color: #f2f2f2 } #PERSONALISE .dropdown .dropdown-menu li:active { background-color: #e2e2e2 } .nowrap{white-space:nowrap} .price-remove p.start{text-transform: uppercase;margin-bottom: 0;font-size: 10px;color: #999;line-height: 12px;} .price-remove .price-box{ font-size: 20px; font-weight: 500; color: #484848; float: left; } .price-box .price{ white-space: nowrap; } .price-remove .old-price .price { font-size: 14px; color: #999; text-decoration: line-through; } .unit-value span:first-child { float: left; font-size: 12px; padding: 3px 0 0 5px; } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90) } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0 } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: #000; border-width: 5px 5px 0 } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: #000; border-width: 5px 5px 0 } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000; border-width: 5px 5px 5px 0 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000; border-width: 5px 0 5px 5px } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000; border-width: 0 5px 5px } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: #000; border-width: 0 5px 5px } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: #000; border-width: 0 5px 5px } .clearfix:before, .clearfix:after { display: table; content: " " } .clearfix:after { clear: both } .center-block { display: block; margin-right: auto; margin-left: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } /**zoom: 1 }*/ .clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" } .clearfix:after { clear: both } .yt-main-right { padding-right: 0; width: 80%; float: right } .data-table { width: 100% } .data-table th.wrap { white-space: normal } .data-table th { padding: 10px; text-align: center; color: #484848; text-transform: uppercase } .data-table tbody tr {} .data-table tr td { padding: 10px; vertical-align: top } .colorOptions { border-bottom: 1px solid #d6d5d4; padding: 14px 0px; width: 100% } .colorOptions:after{display: table; content: ''; clear: both;} .color_platte .color_code { width: 43px; height: 43px; background: #CCC; display: inline-block; vertical-align: middle; border-radius: 5px; vertical-align: -moz-middle-with-baseline; margin-right: 15px } .color_platte .color_title { color: #484848; vertical-align: top; margin-top: 11px; display: inline-block; min-width: 70px; line-height: 16px; } .color_platte { position: relative; cursor: pointer; padding: 0; float: left; width: 52%; margin-right: 10px } .colorOptions .dd { width: 44% !important; float: right; margin-top: 6px } .pom-preview { width: 0; height: 0; z-index: 999999; position: fixed; transition: all .3s; background-color: #ddd; font-size: 0; background-size: 100%; background-position: center center; } .pom-preview.show { width: 120px; height: 120px; border: 3px solid #fff; font-size: 12px; text-align: center; color: #fff; font-weight: 600; padding-top: 46px; } .colorpletterouter { top: 128px; left: 0px; right: 10px; position: absolute; z-index: 10; display: block; width: 898px; height: 345px; margin-left: calc(-1 * ((100vw - 100%)/2)); overflow: scroll; box-shadow: 5px 10px 35px -10px #000 } .colorpletter { max-width: 1195px; width: auto; padding: 10px; background: #fff } .tooltip { z-index: 99!important } .colorspan+.tooltip>.tooltip-inner { background-color: #fff; color: #000; white-space: nowrap; padding: 15px; font-size: 20px } .colorspan+.tooltip.top>.tooltip-arrow { border-top: 5px solid #fff !important } .colorspan+.tooltip.bottom>.tooltip-arrow { border-bottom: 5px solid #fff !important } .colorspan+.tooltip.left>.tooltip-arrow { border-left: 5px solid #fff !important } .colorspan+.tooltip.right>.tooltip-arrow { border-right: 5px solid #fff !important } .colorpletter span { display: block; height: 29px; width: 29px; } #Pastel-sample-color.colorpletter.active span { display: block; height: 30px; width: auto; } #Pastel-sample-color.colorpletter.active span.color1{ display: block; height: 30px; width: 168px; margin: 1px } .colorpletter span.selected {} .colorpletter span.color1 { display: block; height: 30px; width: 30px; margin: 0px } .colorpletter .selected span.colorspan, .colorpletter span.colorspan:hover { border: 2px solid #fff; cursor: pointer } .colorpletter-col { float: left; position: relative } #PERSONALISE ul li p.head { padding-top: 32px; padding-bottom: 10px; text-transform: uppercase; font-weight: 600; color: #484848; margin-bottom:0px; font-size: 11px; line-height:16px; } #PERSONALISE .rug-size-box .radio { width: auto; float: right; border: none; margin-top: 32px !important; margin-left: 25px !important; color: #484848; } .resset-link, .view-more-link { margin-top: 8px; float: left; font-size: 90%; text-align: center; padding: 5px 15px; border: 1px solid #000; white-space: nowrap; color: #000; } .rug-size-box .rug-size { margin-top: 14px; float: left; width: 100%; } .rug-size .unit { position: relative; } #PERSONALISE input[type="number"] { padding: 7px; font-size: 18px; line-height: normal; max-width: 100%; } #PERSONALISE ul li { display: block; position: relative; float: left; width: 100%; } .qty-set .quantity-box { float: left; position: relative; border: 1px solid #d7d7d7; padding: 0px 10px; } .quantity-box .incr-btn { display: inline; height: 40px; font-size: 26px; color: #000; font-weight: 400; float: left; line-height: 42px; text-decoration: none; } #PERSONALISE .quantity-box .quantity-input.qty { width: 75px; height: 39px; line-height: 100%; border: none; text-align: center; margin: 0; color: #333; float: left; } .pdp-summary{ float: left; margin-top:15px; width: 100%; padding: 10px 0; } .pdp-summary.priceValue{ margin-top:1px; } .pdp-summary.priceValue .price-box{ font-size: 30px; color: #000; font-weight: 600; margin-bottom: 20px; } .pdp-summary.priceValue .btn-cart { display: block; text-transform: uppercase; text-align: center; line-height: 100%; padding: 20px; width: 100%; margin: 20px auto 0; font-size: 12px; letter-spacing: 1px; float: left; } .qty-set input[type=number]::-webkit-inner-spin-button, .qty-set input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .pdp-summary p{ margin-bottom: 1px; } .pdp-summary p.final-size{ font-size:22px; color: #000; } .unit-placeholder { position: absolute; right: 42px; bottom: 17px; } .rug-size.feet .unit { width: 50%; float: left; } #PERSONALISE{ width: 100%; float: left; } #PERSONALISE .price-i-d{ float:inherit; } #PERSONALISE .price-i-d .dropdown .select{ padding: 2px 5px; max-width: 40px; text-align: center; } #PERSONALISE input[type="number"]{ width: 95%; margin: 5px 0px; } .extra-links{ float: left; width: 100%; margin-bottom: 10px; margin-top: 10px; } .extra-links ul{ margin: 0px; padding: 0px; } .extra-links ul li { padding: 20px 10px 0 0; width: 50%; float: left; } .extra-links ul li span.modal-text { padding: 10px 0; line-height: 20px; text-transform: uppercase; font-weight: 400; color: #777; font-size: 12px; position: relative; } .extra-links ul li span.product_icon { border: 1px solid #999; border-radius: 50%; margin-right: 10px; height: 45px; display: inline-block; width: 45px; text-align:center; line-height: 40px; } .extra-links ul li span img { height: 20px; } .minicartpage-title { font-size: 27px; color: #000; } #minicart-sidebar{ margin-top: 15px; max-height:285px; overflow-y: auto; padding: 0; } #minicart-sidebar .item { position:relative; color: #484848; padding: 10px; display: block; border-top: 1px solid #ccc } #minicart-sidebar .item:after {display: table; content: ''; clear: both;} #minicart-sidebar .item:first-child {border:none} #minicart-sidebar .product-img-wrap { float: left; } #minicart-sidebar .product-image { border: none; float: left; margin-right: 10px; } #minicart-sidebar li.item span.btn-remove { background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnPjxwYXRoIGQ9Im00MjQgNjRoLTg4di0xNmMwLTI2LjQ2Ny0yMS41MzMtNDgtNDgtNDhoLTY0Yy0yNi40NjcgMC00OCAyMS41MzMtNDggNDh2MTZoLTg4Yy0yMi4wNTYgMC00MCAxNy45NDQtNDAgNDB2NTZjMCA4LjgzNiA3LjE2NCAxNiAxNiAxNmg4Ljc0NGwxMy44MjMgMjkwLjI4M2MxLjIyMSAyNS42MzYgMjIuMjgxIDQ1LjcxNyA0Ny45NDUgNDUuNzE3aDI0Mi45NzZjMjUuNjY1IDAgNDYuNzI1LTIwLjA4MSA0Ny45NDUtNDUuNzE3bDEzLjgyMy0yOTAuMjgzaDguNzQ0YzguODM2IDAgMTYtNy4xNjQgMTYtMTZ2LTU2YzAtMjIuMDU2LTE3Ljk0NC00MC00MC00MHptLTIxNi0xNmMwLTguODIyIDcuMTc4LTE2IDE2LTE2aDY0YzguODIyIDAgMTYgNy4xNzggMTYgMTZ2MTZoLTk2em0tMTI4IDU2YzAtNC40MTEgMy41ODktOCA4LThoMzM2YzQuNDExIDAgOCAzLjU4OSA4IDh2NDBjLTQuOTMxIDAtMzMxLjU2NyAwLTM1MiAwem0zMTMuNDY5IDM2MC43NjFjLS40MDcgOC41NDUtNy40MjcgMTUuMjM5LTE1Ljk4MSAxNS4yMzloLTI0Mi45NzZjLTguNTU1IDAtMTUuNTc1LTYuNjk0LTE1Ljk4MS0xNS4yMzlsLTEzLjc1MS0yODguNzYxaDMwMi40NHoiLz48cGF0aCBkPSJtMjU2IDQ0OGM4LjgzNiAwIDE2LTcuMTY0IDE2LTE2di0yMDhjMC04LjgzNi03LjE2NC0xNi0xNi0xNnMtMTYgNy4xNjQtMTYgMTZ2MjA4YzAgOC44MzYgNy4xNjMgMTYgMTYgMTZ6Ii8+PHBhdGggZD0ibTMzNiA0NDhjOC44MzYgMCAxNi03LjE2NCAxNi0xNnYtMjA4YzAtOC44MzYtNy4xNjQtMTYtMTYtMTZzLTE2IDcuMTY0LTE2IDE2djIwOGMwIDguODM2IDcuMTYzIDE2IDE2IDE2eiIvPjxwYXRoIGQ9Im0xNzYgNDQ4YzguODM2IDAgMTYtNy4xNjQgMTYtMTZ2LTIwOGMwLTguODM2LTcuMTY0LTE2LTE2LTE2cy0xNiA3LjE2NC0xNiAxNnYyMDhjMCA4LjgzNiA3LjE2MyAxNiAxNiAxNnoiLz48L2c+PC9zdmc+") no-repeat; background-size:cover; width: 15px; height: 15px; position: absolute; right: 10px; top: 10px; } #minicart-sidebar .product-details .product-name { font-weight: 400; margin: 0; float: none; text-transform: uppercase; font-size: 14px; display: block; width: 100%; color: #454545; padding: 0 50px 0 0; } #minicart-sidebar .product-details .product-name a{ text-indent: 0; font-weight:400; line-height: 26px; font-size: 16px; margin-left: 0px; padding-left: 0px; } #minicart-sidebar .product-details-bottom { font-size: 12px; } /*#minicart-sidebar .product-details .inner-left { float: left; width: 42%; }*/ #minicart-sidebar .product-details .price { float: right; font-weight: 600; font-size: 14px; } #minicart-sidebar .product-details .product-price .price { color: #484848; font-size:12px; padding: 6px 12px; } .cart-list .amount{ font-size:12px; margin-bottom: 6px; } .cart-list .amount a{ color: #777; } .trending-design { background: #f6f4f5; padding: 10px 20px !important; width: 100%; float: left; position: relative; border-top: 1px solid #dfdfdf; margin-top: 10px; } .trending-design ul { margin: 0px; padding: 0px; list-style: none; } .trending-design ul li { float: left; position: relative; } .trending-design ul li strong { padding: 10px 15px; display: block; font-weight: 600; color: #000; } .collection-item h3 { text-transform: uppercase; letter-spacing: 1px; padding: 10px 0 3px; margin: 0px; font-size: 14px; color: #333; line-height: 20px; font-weight: 400 } .view-all-collection { position: relative; } .collection-item.view-all-collection { margin-top: 10px; margin-bottom: 12px; max-height: 178px; min-height: 178px; } .view-all-collection-btn a { position: absolute; width: 100%; text-align: center; top: 50%; margin-top: -22px; left: 0; text-align: center !important; } .view-all-collection, .view-all-decor { border: 4px solid #000; height: auto; min-height: 240px; } .shape-row { width: 100%; float: left; border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; display: flex; margin-bottom: -1px } .shape-mega-menu .shape-item { width: 33.333%; float: left; padding: 1.2% 0 2%; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; } .shape-item-inner { max-height: 150px; display: block; margin: 0px auto; text-align: center; } .shape-item-inner img{ max-width: 80%; } .shape-item h3 { text-transform: uppercase; padding: 0; margin: 0; font-size: 14px; font-weight: 400; line-height: 10px; } .shape-item.view-all-collection { margin-top: 14px; margin-bottom: 12px; border: 0px; } #checkout-review-table-wrapper{ background: #fff; } #checkout-review-table-wrapper .checkout-review-table-div { border: 1px solid #202020; margin:-1px 0 30px; padding: 10px } .w3-button { width: 100%; display: block; text-transform: uppercase; font-size: 16px; color: #080808; font-weight: 600; letter-spacing: 0.3px; padding: 15px 10px; position: relative; background: transparent; border: 0px; cursor: pointer; } .w3-button span { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; right: 0; color: #333; font-size: 21px; margin: 0 4px; font-weight: 600; } .w3-button img {display: inline-block; vertical-align: middle; margin-left: 8px; opacity: 0.82} .current .w3-button img { transform: scaleY(-1);} .w3-button span:before{ content:"\F107"; } #checkout-review-table .container { width: 100%; display: block; padding: 0px; float: left; line-height: 1.3; color: #333; } #checkout-review-table{ display: none; } #checkout-review-table-wrapper.current #checkout-review-table{ display: block; } #checkout-review-table .head{ width: 100%; display: block; margin-bottom: 3px; float: left; color: #333; } ol#cart-sidebar{ margin: 0px; padding: 0px; list-style: none; display: inline-block; width: 100%; } #cart-sidebar .item { border-top: 1px solid #b8b8b8; padding: 20px 0; display: block; } #cart-sidebar .item:first-child { border-top: 0 } #checkout-review-table .product-name { max-width: 170px; display: inline-block; text-transform: uppercase; color: #000; font-size:13px; } #checkout-review-table .product-name a{ color: #000; } #checkout-review-table p { margin: 0px; } .cartdetailsleft { float: left; width: 23%; } .cartdetailsright { float: left; width: 74%; } #checkout-review-table2 tfoot tr { border-top: 1px solid #ccc; position: relative; text-transform: uppercase; } #checkout-review-table2 tfoot tr td { font-weight: 500; padding: 12px 0 } #checkout-review-table .btn-remove { font-size: 24px; color: #484848; margin: 0px; float: left; } #checkout-review-table2 thead tr th { padding: 20px 10px 15px 10px; text-transform: uppercase; font-size: 16px; color: #080808; font-weight: 600; text-align: center; } #checkout-review-table2 tr td { font-weight: 400; padding: 6px 0; color: #484848; font-size: 16px } #checkout-review-table2 tr td small { font-size: 11px; line-height: 15px; margin: 4px 0 6px; display: block; color: #666 } #checkout-review-table2 tr td:first-child { text-align: left; } /* --- for select shape dropdown --*/ #tech_msdd .enabled._msddli_ {width: 33%;text-align: center; clear: none;border: 1px solid #eee; min-height: 100px} #tech_msdd .enabled._msddli_ img {padding: 0; display: block; margin: 10px auto} #tech_msdd .enabled._msddli_.selected {border-radius: 0;} #tech_msdd .enabled._msddli_:nth-child(2), #tech_msdd .enabled._msddli_:nth-child(4) { border: none; } #tech_child {height: auto !important; top: 54px !important;} .dd .ddChild li.selected {background: #eee !important} #tech_msdd #tech_child{ border: 0px; border-radius: 0px; box-shadow: 0px 0px 20px 0px rgba(199,199,199,1); } #tech_msdd #tech_child ul{ width: 100%; display: flex; flex-wrap: wrap; } #tech_msdd #tech_child li{ padding: 32px 0; border-radius: 0px; width: 33.333%; border-bottom: 1px solid #eee; border-top: 0px; box-sizing: border-box; border-right: 1px solid #eee; border-left: 0px; } #tech_msdd #tech_child li.selected { background: #f8f8f8 !important; } .mobile-footer { padding-bottom: 30px; padding: 5px 0 10px 0; display: none; } .mobile-footer h4{ color: #fff; text-transform: uppercase; font-size: 18px; font-weight: normal; } .mobile-footer ul { margin: 0px; padding: 0px; list-style: none; max-width: 50%; display: inline-block; } .mobile-footer .card-accept{ margin-top: 20px; float: right; padding-top: 10px; } .card-accept img{ max-width: 400px; margin: 10px 0; } .mobile-footer ul.chat-no li{ background:url(../images/footer-icons.png) no-repeat; background-position: 0 1px; background-size: 30px; } .mobile-footer ul.chat-no li.email-icons{ background-position: 0px -44px; } .mobile-footer ul li.call-icons{ background-position: 0px -90px; } .mobile-footer ul.chat-no li a{ display: inline-block; padding: 9px 0; color: #fff; font-size:15px; padding-left: 35px; } .copyright-para{ margin-top: 20px; color: #666; font-size: 13px; line-height: 22px; padding-top: 25px; width: 100%; border-top: 1px solid #333; display: inline-block; } .copyright-para ul li{ display:inline-block; padding: 1px 10px; } .copyright-para ul li a:hover{ color: #000; } .copyright-paragraph{ display: inline-block; } .copyright-para ul{ float: right; } .shape-item-inner:hover, .decor-item:hover{ filter:brightness(1.2); } .collection-item:hover { filter: brightness(1.1); } /* design update css start */ .trending_mobile {display: none;} .artisan_overlay { background: url(../images/ph_2.png); height: 46px; } .trending_overlay { background: url(../images/ph_3.png); height: 471px; } .collection_overlay { background: url(../images/ph_4.webp); height: 456px; } .collection-slider:empty,.trending-tab .tab-content:empty{ background: url(../images/ph_4.webp); background-size: contain; min-height: 372px; width: 100%; } /* Trending Style Mobile */ .prodBox1 { margin-bottom: 20px; } .trending_mobile { padding: 0 15px; } .trending_mobile .podBox2 { display: flex; flex-wrap: wrap; justify-content: space-between; } .trending_mobile .podBox2 .item { width: 48%; margin-bottom: 10px; } .trending_mobile .prodBox1 h2 { color: #484848; font-size: 22px; font-weight: 400; margin-bottom: 0; margin-top: 30px; } .prodBox3 a { font-size: 18px; padding: 8px; border: 1px solid #464646; width: 100%; display: flex; justify-content: center; } .trending_mobile .sub-cat-name { font-weight: 400; font-size: 13px; text-transform: uppercase; color: #f75712; margin: 0px; } .trending_mobile .product-name a { font-size: 20px; margin: 3px 0px 0px; line-height: 125%; color: #000; font-weight: 200; margin-bottom: 4px; } .trending_mobile .product-desciption { color: #a0a0a0; font-size: 14px; font-weight: 400; padding-bottom: 3px; line-height: 23px; } .trending_mobile .product-price1 { } /* Trending Style Mobile */ /* Trade form start */ .trade-reg-form { max-width: 680px; margin: 0 auto; } .trd-frm-hd { text-align: center; font-size: 22px; text-transform: uppercase; letter-spacing: 1px; line-height: 28px; } .trade-reg-form label { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 0; display: inline-block; } .trade-reg-form .form-field input { height: 44px; width: 100%; } .trade-reg-form #company_type { height: 44px; width: 100%; padding: 0 8px; color: #484848; } .trade-reg-form #company-project-type { display: flex; padding: 0; flex-wrap: wrap; } .trade-reg-form #company-project-type li { padding: 12px 15px; float: left; border: 1px solid #b7b7b7; cursor: pointer; margin: 10px 10px 0 0; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; line-height: 14px; } .trade-reg-form #company-project-type li.selected { background: #6f6f6f; color: #fff; } .trade-reg-form #password-strength { background-color: #f4f4f4; line-height: 32px; padding: 0 9px; position: relative; font-size: 12px; } .trade-reg-form .input-chbox { display: flex; align-items: baseline; } .trade-reg-form .input-chbox p { padding: 0 5px; font-size: 13px; line-height: 18px; margin-bottom: 0; } .trade-submit .submit-btn { width: 100%; background: #000; color: #fff; text-transform: uppercase; letter-spacing: 1px; padding: 10px 0px; margin-bottom: 20px; } .trade-reg-form .form-group { margin-bottom: 10px; } .trade-reg-form .comp_project { margin-top: 20px; font-weight: 600; } /* Trade form start */ /* product advance option start */ /* .topbr2 {display: none;} */ /* .pdp-top-bar .topbr1 {display: none !important;} */ .pdp-top-bar { display: flex; width: 100%; color: #fff; background: #52258c; z-index: 1000; position: fixed; top: -118px; transition: top ease-in-out .2s; left: 0; } .pdp-top-bar.stickytop { top: 0; } .pdp-top-bar .topbr2 { position: absolute; width: 100%; top: 0; z-index: 99; font-size: 14px; display: none; } .pdp-top-bar .topbr1 { position: relative; display: inline-block; width: 100%; box-shadow: 0 1px 6px rgba(0,0,0,.1607843137254902); font-size: 14px; } .pdp-top-bar .t1Bx1 { width: 90px; float: left; } .pdp-top-bar .pdp-top-bar-item a.back { background: url(../images/top_bar_back.svg) no-repeat center center; background-size: 20px; opacity: .5; } .pdp-top-bar .t1Bx2 { /* width: calc(100% - 50px);*/ display: flex; } .pdp-top-bar-item { width: 13.20%; min-height: 90px; } .pdp-top-bar-item.material,.pdp-top-bar-item.size { width: 19%; } .pdp-top-bar-item.price { width: 30%; white-space: nowrap; } .pdp-top-bar-item div { overflow: hidden; text-overflow: ellipsis; } .pdp-top-bar-item div:first-child { color: rgba(255,255,255,.5); font-size: 11px; font-weight: 400; } .pdp-top-bar-item div:last-child { font-size: 18px; font-weight: 400; } .pdp-top-bar .price-box.start_price .regular-price { font-size: 20px; font-weight: 500; } .pdp-top-bar .unit-value { display: inline-block; font-size: 11px; vertical-align: middle; } .pdp-top-bar span.unit-value>span:last-child { position: relative; font-size: 9px; top: -4px; } .pdp-top-bar .price-box { vertical-align: middle; display: inline-block; } .tb2Opn { display: inline-block; vertical-align: middle; height: 20px; width: 20px; cursor: pointer; background: url("../images/down_arr.svg") no-repeat center center; background-size: 14px; margin-bottom: 5px; } .advance-option { position: absolute; width: 100%; top: 0; z-index: 99; font-size: 14px; } .whitBx { background: #fff; display: inline-block; width: 100%; box-shadow: 0 1px 6px rgba(0,0,0,.1607843137254902); } .advance-option .clmGrp { color: #000; float: left; width: calc(100% - 240px); } .advance-option .brdrClm { float: left; width: 20%; border-right: 1px solid #d6d5d4; height: 430px; } .advance-option .bclm2 { width: 40%; overflow-y: scroll; } .advance-option .bclm4 { border: 0; } .advance-option .clmGrp2 { clear: both; margin: 0 0 0 20%; padding: 40px 0 0; } .advance-option .vioBx { background: #51258b; width: 240px; color: #fff; float: left; min-height: 550px; position: relative; } .advance-option .brdrClmin { padding: 15px; } .advance-option .clmHdr { border-bottom: 1px solid #d6d5d4; font-size: 0; padding: 0 0 2px; margin: 0 0 5px; } .advance-option .clmHdr span { font-size: 11px; font-weight: 500; vertical-align: top; } .advance-option .text1 { font-size: 30px; font-weight: 400; line-height: 30px; } .advance-option .text2 { font-size: 13px; color: #000; padding: 4px 0 0; } .advance-option .tboxh { min-height: 100px; margin: 0 0 50px; } .advance-option .clmHdr a { color: #55266c; font-size: 10px; font-weight: 500; float: right; display: inline-block; } .advance-option .rgtxt { float: right; } .advance-option .topBrClr ul {margin: 0;padding: 0;} .advance-option li.colorLi { font-size: 0; } .advance-option .colorOptions { padding: 14px 0; font-size: 14px; border-bottom: 1px solid #d6d5d4; width: 100%; } .advance-option .brdrClm .color_platte { background: 0 0; cursor: auto; padding: 0; } .advance-option .color_platte .color_code { vertical-align: middle; } .advance-option .color_platte .color_title { vertical-align: middle; margin: 0; } .advance-option .topBrClr aside { display: inline-block; vertical-align: middle; } .advance-option .clr3 { color: #999; font-size: 10px; text-transform: uppercase; font-weight: 500; float: right; padding: 19.5px 0 0; } .advance-option .vioBxIn { padding: 15px; } .advance-option .vline1 { font-size: 11px; font-weight: 500; padding: 0 0 6px; border-bottom: 1px solid rgba(0,0,0,.2); } .advance-option .vline2 { font-size: 30px; font-weight: 400; } .advance-option .vline3 { margin: 60px 0 0; } .advance-option .adbag { color: #fff !important; border: 2px solid #fff; width: 100%; display: inline-block; text-align: center; font-size: 14px; font-weight: 500; padding: 12px 0; } .advance-option .vline4 { position: absolute; bottom: 0; width: 100%; left: 0; padding: 15px; font-size: 0; } .advance-option .cpylnk { width: 100%; margin: 0 0 10px; position: relative; } .advance-option input[type=text].cpl1 { font-size: 12px; height: 36px; border: 0; padding: 0 44px 0 8px; } .advance-option input[type=button].cpl2 { position: absolute; right: 0; top: 0; height: 36px; width: 36px; font-size: 0; border: 0; padding: 0; background: url("../images/sampl-popp.svg") no-repeat center center #ececec; background-size: 20px; } .advance-option .vBtn1, .vBtn2 { display: inline-block; color: #fff !important; font-size: 14px; font-weight: 500; width: 50%; text-align: center; padding: 12px 0; } .advance-option .clmGrp2 .lnk1:first-child { margin: 0 20px 0 0; } .advance-option .lnk1 span { display: inline-block; vertical-align: middle; border-radius: 50%; width: 45px; height: 45px; border: 1px solid #b8b8b8; } .advance-option .osicn { background: url(../images/samples.png) no-repeat center center; background-size: 20px; } .advance-option .lnk1 b { display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: 400; margin: 0 0 0 10px; letter-spacing: 1px; } .advance-option .lnk1 { color: #999 !important; font-size: 12px; } .advance-option .osmicn { background: url("../images/download_order.svg") no-repeat center center; background-size: 20px; } .advance-option .tbr2Cls { top: 0; } .pdp-top-bar .tbr2Cls { position: absolute; z-index: 100; /* display: none; */ background: url("../images/close-popup.svg") no-repeat center center; right: 0; top: 5px; width: 34px; height: 34px; background-size: 16px; cursor: pointer; margin: 0 6px 0 0; } /*.advance-option .bclm2::-webkit-scrollbar{width:8px} .advance-option .bclm2::-webkit-scrollbar-track{background:#fff;padding:0 2px 0 0} .advance-option .bclm2::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px} .advance-option .bclm2::-webkit-scrollbar-thumb:hover{background:#555}*/ .tbr2Cls {display: none;} /* product advance option end */ /* bespoke form */ .bespoke-form { padding:50px; } .bespoke-form form{ max-width: 650px; margin: 0px auto; background: #fff; padding: 30px; } .bespoke-form label { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; padding: 0; margin: 0; display: inline-block; } .bespoke-form .form-field input { height: 44px; width: 100%; } .bespoke-form .form-group { margin-bottom: 10px; } .bespoke-form .comp_project { margin: 0; } .bespoke-form .form-group textarea {width: 100%;} .bespoke-form .bp-add { text-align: center; font-size: 12px; } .bespoke-form input { height: 42px; } .besp_file {position: relative;} .bespoke-form #attachment1 { opacity: 0; position: absolute; left: 0; width: 100%; height: 100%; } /* bespoke form */ /* design update css end */ /*Naresh ********************************************************************/ /*********************************** Header **********************************/ .header-slae{font-size: 12px; line-height: 18px} .logo-section a.navbar-brand{margin-top: 2px; margin-bottom: 17px; padding: 0} .columns-w{padding: 0 } .yt-detail-left{padding-left: 35px;padding-right: 0; } .yt-detail-left .product-img-box, .yt-detail-left .more-views.slide-gallery{margin-left: 0; margin-top: 0; margin-right: 0} .yt-detail-left .more-views .jCarouselLite>ul>li{margin: 0 0 10px; height: auto; border:none; overflow: hidden;} .yt-detail-left .product-img-box .yt-detail-image{width: calc(100% - 85px)} .yt-detail-right{max-width: 34%; padding:0 20px 30px; box-shadow: none;} #yt_pathway ul.breadcrumbs li{font-size: 12px} /* .top-search{padding: 0 25px; background: transparent; margin-bottom: 10px} .top-search .input-group{background: #f1f1f1; padding: 0 10px; color: #757575} .top-search .input-group-addon{color: #000} .top-search .input-group input{color: #a9a9a9; font-weight: 400} .top-search .input-group input::-webkit-input-placeholder{color:#a9a9a9;opacity:1} .top-search .input-group input::-moz-placeholder{color:#a9a9a9;opacity:1} .top-search .input-group input:-ms-input-placeholder{color:#a9a9a9;opacity:1} .top-search .input-group input::-ms-input-placeholder{color:#a9a9a9;opacity:1} .top-search .input-group input::placeholder{color:#a9a9a9;opacity:1} */ /*********************************** order color modal **********************************/ body.on-side{margin: 0; overflow: hidden;} .side{width: 420px; right: -420px; z-index: 999} body.on-side .side{ box-shadow: 0 5px 15px rgba(0,0,0,.5);} .wrapper > .close-side{ visibility: hidden; z-index: -1;background: rgba(0,0,0,.5);position: fixed;top: 0;bottom: 0;right: 0;left: 0; transition: ease 0.3s; z-index: 888; pointer-events: none;} body.on-side .wrapper > .close-side{ visibility: visible; pointer-events: initial;} .ordercolor-modal .modal-dialog{max-width: 75%; border:none; border-radius: 0} .ordercolor-modal .modal-dialog .modal-content{border:none; border-radius: 0} /*.ordercolor-modal .modal-dialog .action-close{background-image: none;background: 0 0;-moz-box-sizing: content-box;border: 0;box-shadow: none;line-height: inherit;margin: 0;padding: 0;text-shadow: none;font-weight: 400;display: inline-block;text-decoration: none;position: absolute;right: 0;top: 0;} .ordercolor-modal .modal-dialog .action-close:before{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 14px;line-height: 14px;color: #757575;content: '\e616';font-family: 'luma-icons';margin: 0;vertical-align: top;display: inline-block;font-weight: 400;overflow: hidden;speak: none;text-align: center;}*/ .ordercolor-modal h2 {font-size: 16px;font-weight: 500;border-radius: 0} .ordercolor-modal h3 {font-size: 15px;font-weight: 500;margin: 14px 0 10px;} .ordercolor-modal h4 {font-size: 14px;margin: 0;line-height: 22px;font-weight: 500} .ordercolor-modal p {font-size: 12px;color: #aaa} .ordercolor-modal .media-body {padding: 20px;} .ordercolor-modal .default-colors-block1{overflow: hidden;} .ordercolor-modal .selected-colors {float: left;width: 30%;height: 40px;background: #f7f7f7;margin: 5px 10px 0 0} .ordercolor-modal .selected-colors span.color-close {float: right;cursor: pointer} .ordercolor-modal .color-name {padding:8px 12px;font-size: 12px} .ordercolor-modal .selected-colors span {float: left;color: #484848;text-transform: uppercase} .ordercolor-modal .selected-colors .color {width: 40px;height: 40px;display: block} .custom-tabs{margin-bottom: 15px} .custom-tabs .nav-item a {background: #f4f6f4;border: 1px solid #c6c9cd;color: #8b9098;display: block;font-size: 11px;font-weight: 600;height: 40px;line-height: 22px; border-radius: 0; margin-right: -1px; text-align: center;text-transform: uppercase;width: 100%;} .custom-tabs .nav-item .active {background: #fff;color: #52258c !important;cursor: default;} .custom-tabs .nav-item {flex-grow: 1;} .colorpletterouter1 {overflow-x: auto;} .colorpletterouter1 .colorpletter.active { display: flex !important;} /*.ordercolor-modal .colorpletterouter1 #pallet_Core {width: 2526px;}*/ .ordercolor-modal .sample-info h3 {font-weight: 400;letter-spacing: 0; line-height: 18px; margin-top: 20px} .ordercolor-modal .default-colors-block {overflow: hidden;} .addsampletocart {background: #f7f7f7;margin: 20px 0;padding: 15px 10px; overflow: hidden;} .addsampletocart .addtocartbox {float: right;text-align: right; padding-left: 10px} .addsampletocart .price-box {float: left;text-align: right;} .addsampletocart .price-box h3{margin: 5px 0 0; font-weight: 400; letter-spacing: 0} .addsampletocart .button{margin: 0;} /*********************************** Color palatter modal **********************************/ .color_platte .sp-container.sp-flat{position: static; border-radius: 0; border:0; box-shadow: none; width: 100%; overflow-x: auto;} .color_platte .sp-top, .color_platte .sp-button-container{display: none;} .color_platte .sp-picker-container{position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: auto;} .color_platte .sp-input-container{margin-left: 10px; float: right; margin-top: 0} .color_platte .sp-button-container.sp-cf, .color_platte .sp-initial.sp-thumb.sp-cf, .color_platte .sp-input-container.sp-cf{height: auto;} .color_platte .sp-initial.sp-cf{float: left;} .color_platte .sp-initial.sp-cf .sp-thumb-el:first-child{display: none;} .color_platte .sp-initial.sp-cf span{width: 40px; height: 40px} .color_platte .sp-input-container .sp-input-container.sp-cf {height: auto;} .color_platte .sp-input-container .sp-input { font-size: 14px !important; width: 180px; height: 40px !important; border-radius: 0 !important; text-align: left; border-color: #c2c2c2 !important} .color_platte [data-toggle="collapse"] + div{position: absolute; left: auto; right: 50px; top: calc(100% + 15px); bottom: auto; padding:0 ; background: #fff; z-index: 999; transform: none; transition: none; display: none; box-shadow: 5px 10px 35px -10px #000; border: 10px solid #fff; width: 898px; height: 400px !important; transition: ease 0.4s } .color_platte [aria-expanded="true"] + div{ display: block;} .color_platte [data-toggle="collapse"]{position: relative;} .color_platte [data-toggle="collapse"]:before{position: fixed; top: 0; left: 0; bottom: 0; right: 0; content: ''; visibility: hidden; opacity: 0; pointer-events: none; z-index: 998} .color_platte [data-toggle="collapse"]:after{background: url(../images/down-arrow.svg) no-repeat center; width: 20px; position: absolute; right: 15px; top: 18px; content: ''; height: 10px; background-size: 13px auto} .color-pick .color_code:after {background: url(../images/edit-icon.svg) no-repeat center;width: 25px;position: absolute !important;top: 8px;left: 30px;content: '';height: 25px;} .color_platte .sp-palette-container{padding: 0; margin: 0; border-radius: 0; border:0; width: auto} .color_platte .sp-palette .sp-thumb-el{border-radius: 0; margin: 0 1px 1px 0; width: 24px; height: 24px;} .color_platte .sp-palette .sp-thumb-inner{border-radius: 0;width: 24px; height: 24px;} .color_platte .sp-palette.sp-thumb.sp-cf{display: flex;flex-direction: row;flex-wrap: nowrap; } .color_platte .sp-palette.sp-thumb.sp-cf .sp-palette-row{width: 25px} /*.color_platte ul{float: right; margin-bottom: 10px; margin-right: 1px}*/ .color_platte ul{float: right; margin-bottom: 10px; margin-right: 40px} .color_platte ul li{width: auto;} .color_platte .tab-content .colorpletter{display: flex;} #PERSONALISE ul li #payments_child{max-height: 306px} #PERSONALISE ul li .rug-size-box{font-size: 12px; line-height: 16px } #PERSONALISE ul li .rug-size-box .unit .subtitle{text-transform: uppercase; margin-bottom: 4px} #PERSONALISE input[type="number"]{height: auto; border-radius: 0; border:1px solid #c2c2c2; font-size: 14px; width: 100%; margin: 0} #PERSONALISE .unit-placeholder {right: 5px;bottom: 5px; font-size: 14px; color: #999; padding: 5px; } .rug-size.feet .unit {padding: 0 3% 0 0;} .rug-size.feet .unit:last-child {padding: 0 0 0 3%;} .rug-size .col-lg-6:first-child {padding-right: 4%} #PERSONALISE ul li .radio{padding: 0; border:0; line-height: 16px; font-size: 13px} #PERSONALISE ul li .pdp-summary{border-top: 0; padding-top: 35px} .pdp-summary p{font-size: 12px} .box-tocart .fieldset{border:1px solid #c5c5c5; color: #636363; padding: 10px} .box-tocart .field.qty{margin-bottom: 45px} .product-options-bottom .partialpayment h4 {font-size: 14px;font-weight: 400;margin: 0 0 6px;color: #000} .product-options-bottom .partialpayment h4 sup{top: 5px;font-size: 100%;font-style: normal; } /*********************************** Partial Payments **********************************/ #PERSONALISE .partial-payment {overflow: hidden;} #PERSONALISE .partial-payment li{width: 50%; padding: 10px; border:1px solid transparent; font-size: 12px; float: left; position: relative;} #PERSONALISE .partial-payment li [type="radio"]{position:relative ; top: 3px; margin-right: 4px} #PERSONALISE .partial-payment li [type="radio"]:checked + label:after{position: absolute; top: 0; left: 0; bottom: 0; right: 0; border:1px solid #52258c; content: ''; pointer-events: none;} input[type=radio].allow-partialpayment-radio { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; float: left;} .pymBx .partial-payment>li>label:before { content: ''; background: #f4f4f4; border-radius: 50%; border: 1px solid #b4b4b4; display: inline-block; width: 16px; height: 16px; position: relative; margin-right: 6px; vertical-align: middle; cursor: pointer; text-align: center; transition: all .25s ease; top: -1px;} input[type=radio].allow-partialpayment-radio:checked+label.allow-partialpayment-radio-label:before { background-color: #000; box-shadow: inset 0 0 0 4px #f4f4f4;} #PERSONALISE .partial-payment label, #PERSONALISE .extraproduct label{display: inline-block; vertical-align: middle;font-size: small;} #PERSONALISE .partial-payment li label.validation-error{display: none;} #PERSONALISE .extraproduct ul li p{text-transform: none; font-weight: 400; margin-bottom: 0; padding: 0} .extraproduct ul li .chBx2 {display: inline-block;padding: 10px 20px 10px 0;border: 0 !important;} .extraproduct ul li .chBx2 input{display: inline-block; vertical-align: middle; margin-right: 7px} #PERSONALISE .actions .button{padding: 15px; margin:2px 0;width: 49%; min-width: auto; white-space: nowrap; text-align: center;} #PERSONALISE .qty label{text-transform: uppercase;font-weight: 600;font-size: 16px; margin: 20px 0 12px; color: #000} #credential_picker_iframe{z-index:9999999999 !important} #partial-payment-detail-table #close-table {float: right;position: absolute;right: -6px;top: -10px;z-index: 99;cursor: pointer;} #partial-payment-detail-table {margin: 20px 0 0;color: #000;font-size: 12px;position: relative;padding: 0;border:none;background: transparent;} .partial-payment-calculation thead td {font-weight: 500} .white_content {background: #fff none repeat scroll 0 0;border: 1px solid #c5c5c5;margin: 15px auto;overflow: auto;position: relative;width: 100%;} .partialpayment .white_content {border: 0;border-top: 1px solid #c5c5c5} .partialpayment .white_content table {border-left: 1px solid #c5c5c5;width: 100%} .partial-payment-calculation td {border-right: 1px solid #c9c9c9;padding: 0 5px;width: 25%;border-bottom: 1px solid #c9c9c9;font-size: small;} .partial-payment-calculation thead td {text-align: center;font-size: 14px;padding: 5px;font-weight: 500;} #refresh-only-table {cursor: pointer;display: inline-block;padding-left: 15px;} .partial-payment-calculation tbody .total td {text-align: right;font-weight: 600;} .partial-payment-calculation tbody .totalpp td {background: #eaeaea !important;color: #000;font-weight: 500;} .product-options-bottom .pymBx .partialpayment {margin-bottom: 18px} .product-options-bottom .pymBx .partialpayment .paywith {font-size: 12px;color: #000;} #PERSONALISE .extraproduct ul li p{font-size: 12px} .partialpayment .white_content>p {margin: 8px 0 15px;width: 100%;background-position: -2px 2px;line-height: normal;} .ifno-tabs{padding-top: 10px} .ifno-tabs .nav-link{display: inline-block;line-height: 30px; border:0; border-radius:0;padding:10px 15px; background: #f1f1f1;color: #000;width: 50%;text-align: center;font-size: 15px; text-transform: uppercase;} .ifno-tabs .nav-link.active{background: #000;color: #fff;} /*********************************** PDP version 2 **********************************/ .pdp-v2 .dd {border-color: #e0e0e0} .pdp-v2 .dd .ddTitle .ddTitleText{padding: 8px;min-height: 45px;} .pdp-v2 #PERSONALISE .colorOptions .dropdown{border-color: transparent;width: 30% } .pdp-v2 #PERSONALISE .dropdown .select > i{margin-left: 12px} .pdp-v2 .color_platte [data-toggle="collapse"]:after{margin-left: 12px; position: static; display: inline-block;} .pdp-v2 .color_platte [data-toggle="collapse"] + div{right: 0} .pdp-v2 #PERSONALISE .colorOptions:after{display: none;} .pdp-v2 #PERSONALISE .colorOptions .color_platte{width: 40%} .pdp-v2 .pdp-btn{position: absolute; right: 10px; top: 10px; background: #00000047; width: 35px; height: 35px;padding: 5px; z-index: 1 } .pdp-v2 .pdp-btn img:last-child, .pdp-v2 .detail-toggle .pdp-btn img:first-child{display: none;} .pdp-v2 .detail-toggle .pdp-btn img:last-child{display: block;} .pdp-v2{overflow-x: hidden;} .pdp-v2 .yt-detail-right{position: relative; right: 0; transition:all .5s ease;} .pdp-v2 .detail-toggle .yt-detail-right{margin-right: -25%;} .pdp-v2 #PERSONALISE ul{position: relative;} .pdp-v2 #PERSONALISE ul.row{margin-left: -10px; margin-right: -10px} .pdp-v2 #PERSONALISE ul.row > li{padding-left: 10px; padding-right: 10px} .pdp-v2 #PERSONALISE ul > li.col-md-6, .pdp-v2 #PERSONALISE ul > li .ddcommon{position: static;} .pdp-v2 #PERSONALISE ul li #payments_child{left: 10px; right: 10px; top: 111px !important; width: auto!important;} .pdp-v2 #PERSONALISE .dropdown .float-right{left: auto; right: 0} .pdp-v2 #PERSONALISE ul li p.head i{display: inline-block; vertical-align: middle; position: relative; top: -1px; font-size: 16px; text-transform: unset; margin: 0px 0px 0px 3px;} .pdp-v2 #PERSONALISE .colorOptions > .dropdown:last-child .select{padding-right: 0} .pdp-v2 .yt-detail-left .product-img-box{position: relative;} .fa-info-circle{width: 16px; height: 16px; background: url(../images/info-circle.svg) no-repeat center; background-size: 100% auto; display: inline-block; vertical-align: middle;} .fa-search{width: 14px; height: 14px; background: url(../images/search.svg) no-repeat center; background-size: 100% auto; display: inline-block; vertical-align: middle; opacity: 0.75} /*.top-search .input-group-addon .fa-search{width: 22px; height: 22px;}*/ #storeSearch .input-group-addon.search-icon{line-height: 50px;} .fa-times{font-size: 1.7rem; font-weight: 600; font-style: normal; display: inline-block; vertical-align: middle;} .attr-nav > ul > li > a:focus{color: #6f6f6f} /*********************************** Cart page **********************************/ .main-nav nav.navbar.bootsnav .container{padding: 20px 50px} .main-nav nav.navbar.bootsnav .container .logo-section a.navbar-brand{margin: 0 auto} .cart{padding: 0 50px;} .checkout-cart-index .row-cart{margin: 0} .checkout-cart-index .row-cart .weaving-type{font-size: 13px; text-transform: capitalize; padding:1px 0 0; color: #484848; font-weight: 600} .checkout-cart-index .row-cart .col-pro{min-width: 64%} .checkout-cart-index .row-cart .col-total{color: #000} .checkout-cart-index .row-cart .product-thumb{min-width: 145px;width: 200px;vertical-align: top; position: relative;} .checkout-cart-index .row-cart .smplcl3 {padding: 6px 0 0;} .checkout-cart-index .row-cart .smplcl4 {margin: 0 0 5px;} .checkout-cart-index .row-cart .smplcl5 { margin-right: 5px; display: inline-block; border-radius: 20px; height: 30px; width: 30px; vertical-align: middle;} .checkout-cart-index .row-cart .product-info{margin-left: 35px} .checkout-cart-index .row-cart .colorselection{font-size: 12px; position: relative; padding: 8px 25px 8px 15px} .checkout-cart-index .row-cart .color-circle{display: inline-block; vertical-align: middle; border-radius: 14px;height: 28px; width: 28px; margin: 2px 1px;} .checkout-cart-index .row-cart .dropdown-toggle:after{border:none; height: 14px; width: 14px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1MS44NDYgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NiA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTYuMTIzMjNlLTE3IDEgMSA2LjEyMzIzZS0xNyAtMC4wMDA0ODgyODEgMC4wMDA0ODgyODEpIj48Zz4KCTxwYXRoIGQ9Ik0zNDUuNDQxLDI0OC4yOTJMMTUxLjE1NCw0NDIuNTczYy0xMi4zNTksMTIuMzY1LTMyLjM5NywxMi4zNjUtNDQuNzUsMGMtMTIuMzU0LTEyLjM1NC0xMi4zNTQtMzIuMzkxLDAtNDQuNzQ0ICAgTDI3OC4zMTgsMjI1LjkyTDEwNi40MDksNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQsMC00NC43NDhjMTIuMzU0LTEyLjM1OSwzMi4zOTEtMTIuMzU5LDQ0Ljc1LDBsMTk0LjI4NywxOTQuMjg0ICAgYzYuMTc3LDYuMTgsOS4yNjIsMTQuMjcxLDkuMjYyLDIyLjM2NkMzNTQuNzA4LDIzNC4wMTgsMzUxLjYxNywyNDIuMTE1LDM0NS40NDEsMjQ4LjI5MnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=) no-repeat center center; background-size: 12px; position: absolute; right: 6px; top: 50%; margin: -7px 0 0; opacity: .5;} .colorselectiondisplay{border-radius: 0; width: 100%; font-size: 12px; border: 1px solid #ccc; border-top: 0; padding: 4px 0; box-shadow: 0 2px 4px rgba(0,0,0,.1); margin-top: 0} .colorselectiondisplay .material{float: right; line-height: 28px} .checkout-cart-index .row-cart .colorselectiondisplay-inner {display: inline-block;width: 100%;padding: 6px 10px;border-bottom: 1px solid #ccc;} .checkout-cart-index .row-cart .colorselectiondisplay-inner:last-child{border-bottom: none;} .checkout-cart-index .row-cart select{height: 40px; width: 60px; padding: 4px 25px 5px 10px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjg2LjkzNSw2OS4zNzdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEgxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBDMS44MDcsNzIuOTk4LDAsNzcuMjc5LDAsODIuMjI4YzAsNC45NDgsMS44MDcsOS4yMjksNS40MjQsMTIuODQ3bDEyNy45MDcsMTI3LjkwN2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOCAgIHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhMMjg2LjkzNSw5NS4wNzRjMy42MTMtMy42MTcsNS40MjctNy44OTgsNS40MjctMTIuODQ3QzI5Mi4zNjIsNzcuMjc5LDI5MC41NDgsNzIuOTk4LDI4Ni45MzUsNjkuMzc3eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat 90% center; background-size: 8px; -webkit-appearance: none; -moz-appearance: listitem; appearance: listitem; } .checkout-cart-index .row-cart .addon-row{padding-left: 185px; border-bottom: 1px solid #ccc; } .checkout-cart-index .row-cart .addon-row .row-cart{padding: 15px 0} .checkout-cart-index .row-cart .addon-row h2 {font-size: 18px; line-height: 18px; text-transform: uppercase;font-weight: 600;margin: 0;padding: 20px 0 0 0;border-top: 1px solid #ccc; letter-spacing: 0} .checkout-cart-index .row-cart .addon-row aside {padding: 30px 0;} .checkout-cart-index .row-cart .addon-row aside h3 {text-align: left;padding: 0;font-size: 18px; line-height: 18px; letter-spacing: 0; text-transform: uppercase;font-weight: 600;margin: 0 0 16px;} .checkout-cart-index .row-cart .addon-row .product-info{margin-left: 15px} .checkout-cart-index .row-cart .addon-row .remove-wishlist {padding: 0; padding-left: 200px; margin-top: -32px;position: relative;} .subtotal-box .delivery-card-sec{margin-top: 130px} .subtotal-box .delivery-card-sec .row > div:first-child{padding-right: 40px; display: inline-block; min-width: 265px} .subtotal-box .delivery-card-sec .row > div:last-child{ max-width: 55%; display: inline-block;border-left: 1px solid #ccc;padding-left: 40px} .checkout-cart-index .addon-row .row-cart .col-pro {min-width: calc(64% - 77px);} /*********************************** Checkout page **********************************/ .btn-link{color: #000;} .checkout.cart{padding-bottom: 40px;} .checkout.cart .title-button .page-title h3{letter-spacing: 0;padding-top: 1px; margin-bottom: -2px} .checkout.cart .title-button .page-title .items-totals{padding-left: 26px; } .checkout.cart > .row{margin-left: -10px; margin-right: -10px;} .checkout.cart > .row > div{padding-left: 10px; padding-right: 10px; margin-bottom: 32px} .checkout.cart .card{padding: 10px; border: 1px solid #e5e5e5; border-radius: 0;} .checkout.cart .card h4 {text-transform: uppercase;font-size: 17px;font-weight: 500;line-height: 40px;color: #999;letter-spacing: .5px; padding-bottom: 10px; border-bottom: 1px solid #ccc; margin: 0} .checkout.cart .card .form-login{margin: 28px 0 ;} .checkout.cart .card .form-shipping-address {margin: 0 0 28px ;} .checkout.cart .card fieldset > .form-group{margin:0 0 20px ;} .checkout.cart .card .form-group > label { font-size: 13px; font-weight: 400; padding: 0 0 6px; margin: 0; position: relative; height: auto; color: #484848; margin-bottom: 0} .checkout.cart .card .form-group .form-control{ border: 1px solid #c2c2c2; border-radius: 1px; font-size: 14px; line-height: 1.42857143; padding: 9px; min-height: 45px;} .checkout.cart .card .form-group .form-control + .form-control{margin-top: 10px} .checkout.cart .card .form-group .alert{margin: 10px 0; font-size:12px; border-radius: 0; border:0; padding: 12px 15px; position: relative; line-height: 18px} .checkout.cart .card .form-group .alert-warning{background: #fdf0d5; color: #6f4400; padding-left: 45px;} .checkout.cart .card .form-group .alert-warning:before{content: ''; position: absolute; left: 10px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url(../images/warning-sign-icon.svg) no-repeat center; background-size: 100% auto} .checkout.cart .card .form-group .form-text{font-size: 12px;margin-top: 8px; color: #484848} .checkout.cart .card .form-group .input-group-append img{margin-left: 10px; margin-right: 8px; opacity: 0.82} .checkout.cart .card h4 + .form-check{margin: 28px 0 ;} .checkout.cart .card .credit-card-types {padding: 0;} .checkout.cart .card .credit-card-types .item {display: inline-block;list-style: none;margin: 0 5px 0 0;vertical-align: top;} .checkout.cart .card .credit-card-types img { filter: grayscale(100%);} .checkout.cart .card #billing-address-fieldset{margin-bottom: 28px} .checkout.cart .card .button{height: 45px; margin: 0;} .checkout.cart .card .btn-light{border: 1px solid #d2d2d2; background:#e4e4e4; color: #000; } .checkout.cart .card .btn-light:hover{border: 1px solid #d2d2d2; background:#fff; color: #000; } .checkout.cart .card > .button{width: 170px; padding-left: 18px; padding-right: 18px; display: inline-block; letter-spacing: 2px;} #checkout-review-table-wrapper .checkout-review-table-div .w3-button{padding: 0} #checkout-review-table-wrapper.current #checkout-review-table{max-height: 250px; overflow: auto;} #cart-sidebar .media{ display: flex; border-color: #ccc} #cart-sidebar .media .cartdetailsleft{width: 78px; min-width: 78px; } #cart-sidebar .media .cartdetailsright{width: 100%; padding-left: 20px; font-size: 12px; line-height: 20px; color: #484848} #cart-sidebar .media .product-item-inner { display: table; margin: 0 0 10px; width: 100%;} #cart-sidebar .media .product-item-name-block { display: table-cell; padding: 0; text-align: left; vertical-align: top;} #cart-sidebar .media .product-item-name { font-weight: 400; margin: 0; float: none; text-transform: uppercase; font-size: 14px; display: block; width: 100%; color: #454545; padding: 0 50px 0 0;} #cart-sidebar .media .subtotal { display: table-cell; text-align: right;} #cart-sidebar .media .cart-price { font-size: 14px; padding-right: 10px; font-weight: 600; color: #484848} #cart-sidebar .media .item-options {overflow: hidden; margin: 0} #cart-sidebar .media .item-options dt{width: 104px; margin-right: 7px; margin-bottom: 5px; float: left; clear: left;} #cart-sidebar .media .item-options dd{margin-bottom: 5px; float: left;} #cart-sidebar .media .item-options dd .colorselection{padding: 0; border: 0; margin: 0;max-width: 100%} #cart-sidebar .media .item-options dd .colorselection .color-circle{display: block; float: left; border-radius: 14px;height: 28px; width: 28px;margin: 0 5px 5px 0px;} #cart-sidebar .media .item-options dd .color-circle-outer > div{float: left; width: 100%; line-height: 28px; margin-bottom: 0px;} #cart-sidebar .media .item-options dd .color-circle-outer .color-circle{margin-right: 5px; margin-bottom: 5px; margin-left: 0; display: block; float: left; border-radius: 20px;height: 30px; width: 30px;} #cart-sidebar .media .mini-products-list{padding: 0; margin-top: 15px; border-top: 1px solid #ccc} #cart-sidebar .media .mini-products-list .media {padding: 10px 0;} #cart-sidebar .media .mini-products-list .media:last-child {padding-bottom:0;} #cart-sidebar .media .mini-products-list .cartdetailsright{padding: 0} .checkout.cart .discount-form{margin: 24px 0 0; float: none;} .checkout.cart .discount-form a{display: inline-block; vertical-align: middle;padding-bottom: 10px} .checkout.cart .discount-form a:hover{color: #000;} .checkout.cart .discount-form a img{opacity: 0.6; margin-left: 2px; margin-bottom: 1px} .checkout.cart .discount-form a:hover img{opacity: 0.82;} .checkout.cart .discount-form a[aria-expanded="true"] img{ transform: scaleY(-1);} .checkout.cart .discount-form .form-group{margin-bottom: 10px} .checkout.cart .discount-form .form-control{border: 1px solid #c2c2c2; border-radius: 1px; font-size: 14px; line-height: 1.42857143; padding: 9px;} .checkout.cart .discount-form .button{color: #484848; margin: 0 0 20px; letter-spacing: 1px; border: 1px solid #484848; background: #fff; text-align: center; padding: 6px 20px; font-weight: 600;transition: all .3s;} .checkout.cart .discount-form .button:hover{background: #fff;color: #000;border: 1px solid #000;} .checkout-sign-box .dropdown{position: static;} .checkout-sign-box .dropdown-menu{border-radius: 0; padding: 0; box-shadow: 0 3px 4px rgba(0,0,0,.1); border-color: #aeaeae; width: 33.333%; min-width: 400px; margin: 0;} .checkout-sign-box .dropdown-menu form{padding: 25px;position: relative;} .checkout-sign-box .dropdown-menu form .action-close{position: absolute; top: 0; right: 0;margin: 15px; display: inline-block; font-size: 28px; font-weight: 100; color: #757575; line-height: 34px;} .checkout-sign-box .dropdown-menu form h4{font-weight: 500; margin: 25px 0 ; width: 100%; text-transform: uppercase; color: #000; padding: 0 0 10px; font-size: 18px; border-bottom: 1px solid #ccc; text-align: center;} .checkout-sign-box .dropdown-menu form label{font-size: 13px;font-weight: 400;margin: 0 0 6px;} .checkout-sign-box .dropdown-menu form .form-control{border: 1px solid #c2c2c2;border-radius: 1px;font-size: 14px; padding: 0 9px;height: 40px; line-height: 38px} .checkout-sign-box .dropdown-menu form button{min-width: 160px} .checkout-sign-box .dropdown-menu form a{font-size: 12px; color: #69aa6f; font-weight: 400} .checkout.cart .card .addressToggle{margin: 28px 0} .checkout.cart .addressdetails{padding: 0; margin-top:-1px; list-style-type: none; padding: 30px; border:2px solid #69aa6f; position: relative;} .checkout.cart .addressdetails:after{position: absolute; top: 0; right: 0;width: 30px; height: 30px; content: ''; background:#69aa6f url(../images/cd-icon-check.svg) no-repeat center; background-size: 20px;} .checkout.cart .addressdetails li{overflow: hidden;margin-bottom: 10px; font-size: 13px;} .checkout.cart .addressdetails li strong{float: left; margin-right: 10px; width: 120px} .checkout.cart .addressdetails li span{display: block;} .shippingModal .modal-content {border-radius: 0} .shippingModal .modal-dialog-scrollable .modal-body, .shippingModal .modal-footer, .shippingModal .modal-dialog-scrollable .modal-header{margin:0; padding: 20px 30px} .shippingModal h4 {text-transform: uppercase;font-size: 24px;font-weight: 500;line-height: 40px;color: #484848;letter-spacing: .5px; margin: 0} .shippingModal .close{position: absolute; top: 6px; right: 0;margin: 0; display: inline-block; font-size: 28px; font-weight: 100; color: #484848; line-height: 34px;} .shippingModal .form-group > label { font-size: 13px; font-weight: 400; padding: 0 0 6px; margin: 0; position: relative; height: auto; color: #484848; margin-bottom: 0} .shippingModal .form-group .form-control{ border: 1px solid #c2c2c2; border-radius: 1px; font-size: 14px; line-height: 1.42857143; padding: 9px;} .shippingModal .form-group strong{font-size: 13px; font-weight: 400; margin:12px 0 2px; text-transform: uppercase; position: relative; height: auto; color: #484848; display: block;} .shippingModal .form-group .alert{margin: 10px 0; font-size:12px; border-radius: 0; border:0; padding: 12px 15px; position: relative; line-height: 18px} .shippingModal .form-group .alert-warning{background: #fdf0d5; color: #6f4400; padding-left: 45px;} .shippingModal .form-group .alert-warning:before{content: ''; position: absolute; left: 10px; top: 50%; margin-top: -12px; width: 24px; height: 24px; background: url(../images/warning-sign-icon.svg) no-repeat center; background-size: 100% auto} .shippingModal .form-group .form-text{font-size: 12px;margin-top: 8px; color: #484848} .shippingModal .form-group .input-group-append img{margin-left: 10px; margin-right: 8px; opacity: 0.82} .shippingModal .btn-continue{margin: 0; font-weight: 600; letter-spacing: 1px; font-size: 13px} .shippingModal .btn-outline-dark{color: #484848; padding: 10px 20px; letter-spacing: 1px; margin: 0; font-size: 13px; border: 1px solid #484848; background: #fff; text-align: center; font-weight: 600;} .shippingModal .btn-outline-dark:hover{background: #484848;color: #000;} .color_platte .color-filters{width: auto; float: left; line-height: 40px; font-size: 14px; color: #484848} .color_platte .color-filters .slctClr {width: 40px;height: 40px; display: block; margin-right: 10px} .color_platte .color-filters .filter-input{border: 1px solid #c2c2c2; border-radius: 1px; width: 160px; font-size: 14px; margin-left: 15px} .features,.category-slider, .trending_mobile, .Trending-Styles-wrap, .Testimonial-wrap{padding: 0 50px;} .banner-v61.above-footer{padding: 20px 50px} .banner-v61.above-footer .col-lg-7{max-width: 59.5%; flex: 0 0 59.5%;} .banner-v61.above-footer .col-lg-5{max-width: 40.5%; padding-left: 1.5%; padding-right: 0;} .banner-v61.above-footer .handkotted-story{margin-bottom: 4.9%;min-height: 190px;} #rangeslider{display: none;} .color-list{ display: flex; } .color-list li{margin: 0 5px 5px 0; position: relative;} .color-list li input {position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%;} .color-list li .checkbox-label { border: 2px solid #fff; height: 32px; min-width: 32px; border-radius: 50%; background: #555; padding: 0; font-size: 0; display: block;} .color-list li input[type=checkbox]:checked + .checkbox-label{outline: 0px solid #ff5501;border: 2px solid #fff;box-shadow: 0 0px 0px 1px #ccc; position: relative;} .color-list li .checkbox-label:before {display: none;} .color-list li .checkbox-label:after {left: 0px;width: 28px;height: 28px;background-size: 20px;} .color-list li input[type=checkbox]:focus + .checkbox-label{box-shadow: 0 0 3px 1px #00699d;} .color-tooltip{position: absolute; bottom:100%; left: 50%; margin-left: -71px; width: 142px; padding: 5px; border:1px solid #dadada; text-align: center; display: none; z-index: 9; background: #fff; margin-bottom: 15px;} .color-tooltip:after{position: absolute; bottom: -6px; left: 50%; margin-left: -6px; width: 12px; height: 12px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; content: '';transform: rotate(45deg);} .color-list li:hover .color-tooltip{display: block;} .color-tooltip div{width: 130px; height: 130px; margin-bottom: 6px;} .color-tooltip span{color: #282828; font-size: 15px; line-height: 20px} .ui-rangeslider{padding-top: 20px; position: relative;padding-left: 15px;} .ui-rangeslider .ui-rangeslider-sliders{position: absolute; left: 0; width: 100%; top: 0} .ui-slider-track:last-child{height:8px;background:#ccc; border-radius: 12px; position: relative;} .ui-slider-track:last-child .ui-btn-active{height:8px;background:#484848;padding:0;position:absolute;} .ui-slider-track:last-child .ui-slider-handle{height:20px;width:20px;background:#fff; position: absolute; border-radius: 50%; top:-6px;border:1px solid #484848;margin:0; overflow: hidden; text-indent: -99px} .ui-slider-track:last-child .ui-slider-handle{margin-left:-10px} .range.am-fromto-widget.amshopby_currency_rate{padding:20px 0;width:100%;display:inline-block;box-sizing:border-box} .cd-filters #range-1a-label {position:relative; bottom: -20px; } .cd-filters label[id*="range-"] {display: inline-block;width: 7%;float: left;line-height: 40px;} .ui-rangeslider input.ui-slider-input {width: 38%;box-sizing: border-box;display: block;float: left;border: 2px solid #484848;text-align: center;padding: 0;height: 40px;line-height: 40px;font-weight: 600;color: #484848;} .ui-rangeslider input.ui-slider-input:focus{box-shadow: 0 0 0px 0px #fff;border: 1px solid #8e8e8e;} .ui-rangeslider span {width: 10%;display: inline-block;float: left;text-align: center;line-height: 40px;} .shapefilter {padding-left: 0 } .shapefilter .owl-prev, .shapefilter .owl-next{left: -13px; top: 12px !important; width: 26px !important; height: 26px !important; background-position: center !important; background-size: 32px !important; opacity: 0.5;} .shapefilter .owl-prev:hover, .shapefilter .owl-next:hover{opacity: 1;} .account-wrapper{padding: 25px 50px 50px;background: #f7f7f7;} .account-tabs{border-bottom: 0 solid #f7f7f7;background: #fff;margin: 0; } .account-tabs .nav-tabs .nav-item{font-size: 13px;font-weight: 600;display: inline-block;position: relative;margin: 0 50px; position: relative;z-index: 1} .account-tabs .nav-tabs .nav-link {font-weight: 500;color: #999;display: inline-block;font-size: 14px;padding: 35px 0;position: relative; border:0; border-radius: 0} .account-tabs .nav-tabs .nav-link:after {opacity: 0;content: "";display: block;position: absolute;left: 50%;width: 50px;height: 2px;background: #000;bottom: -2px;margin: 0 0 0 -25px;} .account-tabs .nav-tabs .nav-link:hover, .account-tabs .nav-tabs .nav-link.active:hover, .account-tabs .nav-tabs .nav-link.active {border: none; margin: 0; border-radius: 0} .account-tabs .nav-tabs .nav-link.active:after {opacity: 1;} .account-wrapper .tab-content{background: #fff;margin: 0; } .account-wrapper .info-content .left-aside{max-width: 300px; flex: 0 0 300px; border-right: 2px solid #f7f7f7} .account-wrapper .info-content .left-aside + div{max-width:calc(100% - 300px); flex: 0 0 calc(100% - 300px); border-right: 2px solid #f7f7f7} .account-wrapper .info-content .left-aside ul{position: relative;} .account-wrapper .info-content .left-aside ul.affix{position: fixed;top: 0; left: 50px; width: 300px;} .account-wrapper .left-aside .navbar-nav {padding: 60px;text-align: right;} .account-wrapper .left-aside .navbar-nav .nav-link {padding: 18px 0;display: block;font-size: 14px;font-weight: 500;color: #999;} .account-wrapper .left-aside .navbar-nav .nav-link:hover, .account-wrapper .left-aside .navbar-nav .nav-link:focus {color: #000;} .account-wrapper .info-content h2 {padding: 60px;border-bottom: 2px solid #f7f7f7; margin: 0; font-size: 24px; text-transform: uppercase; font-weight: 500; color: #252525;line-height: 30px;} .account-wrapper .info-content form {display: block; width: 820px; max-width: 100%} .account-wrapper .info-content fieldset {padding: 60px;border-bottom: 2px solid #f7f7f7;} .account-wrapper .info-content fieldset legend{display: block; font-weight: 400;color: #666;font-size: 24px; float: left; margin-bottom: 40px} .account-wrapper .info-content fieldset .form-group {margin-bottom: 20px} .account-wrapper .info-content fieldset .form-control {border: 1px solid #b7b7b7;padding: 10px;height: auto; border-radius: 0;} .account-wrapper .info-content fieldset .form-group > label {font-size: 12px;color: #666;font-weight: 500;position: relative; margin-bottom: 5px; line-height: 16px} .account-wrapper .info-content fieldset .btn-dark {border: 2px solid #000 ; background: #000; border-radius: 0; font-weight: 600; width: 250px; text-transform: uppercase; padding: 12px 15px; font-size: 14px;} .account-wrapper .info-content fieldset .btn-dark:hover, .account-wrapper fieldset .btn-dark:focus {background: transparent; color: #000} .wishPg {padding: 50px 40px 0;} .wishlist-toolbar{margin-bottom: 20px;text-align: center;padding: 0 10px;position: relative;} .account .wishlist-toolbar .toolbar-amount {padding: 0;font-size: 20px;line-height: normal;position: relative;z-index: 1;} .wishlist-toolbar .limiter {text-transform: capitalize;} .wishlist-toolbar .limiter-label {font-weight: 400;} .wishlist-toolbar select {border-radius: 0;background: #fff;box-shadow: none;-webkit-appearance: menulist;padding: 0 14px 0 4px;margin: 0 5px 0 7px;width: auto;} ol.wishpList {display: inline-block;width: 100%;font-size: 0; padding: 0} .wishpBx {margin: 0 0 20px;width: 20%;margin: 0 0 50px;display: inline-block;padding: 0 10px;box-sizing: border-box;vertical-align: top;} .wishpTxt {font-size: 12px;position: relative;} .details.product-item-details {padding: 8px 0 0;color: #484848;font-size: 15px;font-weight: 400;line-height: 19px;} .product-item-details {min-height: 68px;} .details.product-item-details strong.product.name.product-item-name {margin: 0 0 5px;} .products-grid.wishlist .product-item-name {margin: 6px 0 2px;text-transform: uppercase;line-height: 15px;} .products-grid .wishpList .product-item-inner {position: absolute;top: 15px;background: no-repeat;border: 0;box-shadow: none;margin: 0;padding: 0;right: 15px;left: auto;} .wishpTxt .edit.action {display: none;} .wishpTxt .btn-remove.action {padding: 0;width: 40px;border: 0;height: 40px;border-radius: 50%;background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDk1LjkzOSA5NS45MzkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDk1LjkzOSA5NS45Mzk7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48Zz4KCTxwYXRoIGQ9Ik02Mi44MTksNDcuOTdsMzIuNTMzLTMyLjUzNGMwLjc4MS0wLjc4MSwwLjc4MS0yLjA0NywwLTIuODI4TDgzLjMzMywwLjU4NkM4Mi45NTgsMC4yMTEsODIuNDQ4LDAsODEuOTE5LDAgICBjLTAuNTMsMC0xLjAzOSwwLjIxMS0xLjQxNCwwLjU4Nkw0Ny45NywzMy4xMjFMMTUuNDM1LDAuNTg2Yy0wLjc1LTAuNzUtMi4wNzgtMC43NS0yLjgyOCwwTDAuNTg3LDEyLjYwOCAgIGMtMC43ODEsMC43ODEtMC43ODEsMi4wNDcsMCwyLjgyOEwzMy4xMjEsNDcuOTdMMC41ODcsODAuNTA0Yy0wLjc4MSwwLjc4MS0wLjc4MSwyLjA0NywwLDIuODI4bDEyLjAyLDEyLjAyMSAgIGMwLjM3NSwwLjM3NSwwLjg4NCwwLjU4NiwxLjQxNCwwLjU4NmMwLjUzLDAsMS4wMzktMC4yMTEsMS40MTQtMC41ODZMNDcuOTcsNjIuODE4bDMyLjUzNSwzMi41MzUgICBjMC4zNzUsMC4zNzUsMC44ODQsMC41ODYsMS40MTQsMC41ODZjMC41MjksMCwxLjAzOS0wLjIxMSwxLjQxNC0wLjU4NmwxMi4wMi0xMi4wMjFjMC43ODEtMC43ODEsMC43ODEtMi4wNDgsMC0yLjgyOEw2Mi44MTksNDcuOTcgICB6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIHN0eWxlPSJmaWxsOiNGRkZGRkYiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIj48L3BhdGg+CjwvZz48L2c+IDwvc3ZnPg==) no-repeat center center rgba(0,0,0,.5);background-size: 14px;opacity: 0;font-size: 0;display: inline-block;text-decoration: none;} .wishpTxt:hover .btn-remove.action {opacity: 1;} .product-item-details {padding: 8px 0 0;color: #484848;font-size: 15px;font-weight: 400;line-height: 19px;} .view{display:none !important} .wishpI3 img{width:214px;height:284px} .product.name .product-desciption{font-size:14px;color:#a0a0a0;font-weight:200;text-transform:capitalize} .product.name a.product-item-link{font-weight:500;color:#484848;font-size:19px;margin:0;line-height:25px} .product-item-details{min-height:68px} .wishpBx{margin:0 0 20px 0} .limiter .limiter-options{ height: 40px; margin: 0 5px 0 7px; width: auto; border-radius: 0; background: #fff; box-shadow: none; -webkit-appearance: menulist; padding: 0 14px 0 4px;} .account-wrapper .alert {border:0; border-radius: 0;padding: 12px 20px 12px 25px;display: block;padding-left: 45px;position: relative;margin: 0;font-size: 12px;text-transform: uppercase;} .account-wrapper .alert.alert-success {background: #e5efe5;color: #006400;} .account-wrapper .alert.alert-success:before{position: absolute;left: 15px;top: 50%; content: '';width: 16px;height: 16px;background:#006400 url(../images/cd-icon-check.svg) center no-repeat;border-radius: 50%; background-size: 14px;margin: -8px 0 0;} .myorders{padding: 20px;font-size: 14px;} .myorders .card{border: 2px solid #ccc;margin: 0 0 20px;border-radius: 4px;color: #999; font-weight: 600; line-height: 18px; font-size: 14px;} .myorders .card .card-header, .myorders .card .card-body{padding: 0; border:0; background: transparent;} .myorders .card .card-header:hover{color: #000} .myorders .card .odrarw {padding: 30px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ0NC44MTkgNDQ0LjgxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ0LjgxOSA0NDQuODE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGc+PGc+Cgk8cGF0aCBkPSJNNDM0LjI1MiwxMTQuMjAzbC0yMS40MDktMjEuNDE2Yy03LjQxOS03LjA0LTE2LjA4NC0xMC41NjEtMjUuOTc1LTEwLjU2MWMtMTAuMDk1LDAtMTguNjU3LDMuNTIxLTI1LjcsMTAuNTYxICAgTDIyMi40MSwyMzEuNTQ5TDgzLjY1Myw5Mi43OTFjLTcuMDQyLTcuMDQtMTUuNjA2LTEwLjU2MS0yNS42OTctMTAuNTYxYy05Ljg5NiwwLTE4LjU1OSwzLjUyMS0yNS45NzksMTAuNTYxbC0yMS4xMjgsMjEuNDE2ICAgQzMuNjE1LDEyMS40MzYsMCwxMzAuMDk5LDAsMTQwLjE4OGMwLDEwLjI3NywzLjYxOSwxOC44NDIsMTAuODQ4LDI1LjY5M2wxODUuODY0LDE4NS44NjVjNi44NTUsNy4yMywxNS40MTYsMTAuODQ4LDI1LjY5NywxMC44NDggICBjMTAuMDg4LDAsMTguNzUtMy42MTcsMjUuOTc3LTEwLjg0OGwxODUuODY1LTE4NS44NjVjNy4wNDMtNy4wNDQsMTAuNTY3LTE1LjYwOCwxMC41NjctMjUuNjkzICAgQzQ0NC44MTksMTMwLjI4Nyw0NDEuMjk1LDEyMS42MjksNDM0LjI1MiwxMTQuMjAzeiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBzdHlsZT0iZmlsbDojQjVCNUI1IiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=) no-repeat center center; background-size: 10px; width: 85px; } .myorders .card .card-header[aria-expanded="true"] .odrarw{ transform: rotate(180deg);} .myorders .card .ordno{color: #999; font-weight: 600; line-height: 18px; font-size: 14px; margin-bottom: 0;padding: 30px;} .myorders .card .odrstatus{width: 240px;border-right: 2px solid #fff;border-left: 2px solid #fff;padding: 30px;} .myorders .card .card-header[aria-expanded="true"] .odrstatus{border-right: 2px solid #f7f7f7;border-left: 2px solid #f7f7f7;} .myorders .card strong{font-weight: 600; color: #484848;} .myorders .card .card-body address{color: #484848} .myorders .card .card-body .order-row{margin: 0; padding: 30px 15px; border-top: 2px solid #f7f7f7} .myorders .card .card-body .order-row strong{display: block;} .myorders .card a.btn{box-shadow: none;background: #fff;color: #000; border-radius: 0; font-size: 12px;font-weight: 600;text-align: center;display: inline-block;width: 250px;padding: 12px 0;border: 2px solid #000;cursor: pointer;text-transform: uppercase;letter-spacing: 1px;} .myorders .card a.btn:hover{background: #000;color: #000;} .myorders .card .table{margin: 0;} .myorders .card .table>thead>tr>th {color: #b2b2b2;border-bottom: 2px solid #f7f7f7;text-transform: uppercase;font-weight: 600;padding: 20px 30px;font-size: 12px;letter-spacing: 1px; text-align: right;} .myorders .card .table>tbody>tr>td {font-size: 14px;color: #272727;font-weight: 400;border-bottom: 2px solid #f7f7f7;padding: 30px;vertical-align: middle; text-align: right;} .myorders .card .grand_total th{text-align: right;padding: 30px;} .myorders .card .grand_total th strong {font-size: 14px;color: gray;font-weight: 500;margin: 0 10px 0 0;} .myorders .card .grand_total th .amount{font-size: 20px; color: #666; font-weight: 500;} .info-content .card .card-title {font-size: 14px;font-weight: 500;text-transform: uppercase;color: #000;padding: 0 0 8px;border-bottom: 1px solid #ccc;margin: 0 0 10px; line-height: 20px} .info-content .custom-control-label:before{width: 20px; height: 20px; border-radius: 3px; border: 1px solid #ccc ; background:transparent; } .info-content .custom-checkbox .custom-control-input:checked~.custom-control-label:before {background-color: #000; outline: none;} .info-content .custom-control-label:after{width: 20px; height: 20px; border-radius: 3px; outline: none;} .info-content .custom-checkbox{padding-left: 32px; line-height: 20px; padding-top: 3px} .info-content .custom-checkbox label {font-size: 12px; color: #666;font-weight: 500;} .myorders .card .table{overflow: visible;} .myorders .card .table .product-thumb{vertical-align: top} .myorders .card .table .product-additional-info span:last-child{text-transform: uppercase; color: #000; font-weight: 400} .myorders .card .table .product-info{margin-left: 35px} .myorders .card .table .colorselection{font-size: 12px; position: relative; padding: 8px 25px 8px 15px} .myorders .card .table .color-circle{display: inline-block; vertical-align: middle; border-radius: 14px;height: 28px; width: 28px; margin: 2px 1px;} .myorders .card .table .colorselection:after{border:none; height: 14px; width: 14px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDQ1MS44NDYgNDUxLjg0NyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDUxLjg0NiA0NTEuODQ3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTYuMTIzMjNlLTE3IDEgMSA2LjEyMzIzZS0xNyAtMC4wMDA0ODgyODEgMC4wMDA0ODgyODEpIj48Zz4KCTxwYXRoIGQ9Ik0zNDUuNDQxLDI0OC4yOTJMMTUxLjE1NCw0NDIuNTczYy0xMi4zNTksMTIuMzY1LTMyLjM5NywxMi4zNjUtNDQuNzUsMGMtMTIuMzU0LTEyLjM1NC0xMi4zNTQtMzIuMzkxLDAtNDQuNzQ0ICAgTDI3OC4zMTgsMjI1LjkyTDEwNi40MDksNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQsMC00NC43NDhjMTIuMzU0LTEyLjM1OSwzMi4zOTEtMTIuMzU5LDQ0Ljc1LDBsMTk0LjI4NywxOTQuMjg0ICAgYzYuMTc3LDYuMTgsOS4yNjIsMTQuMjcxLDkuMjYyLDIyLjM2NkMzNTQuNzA4LDIzNC4wMTgsMzUxLjYxNywyNDIuMTE1LDM0NS40NDEsMjQ4LjI5MnoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJhY3RpdmUtcGF0aCIgc3R5bGU9ImZpbGw6IzAwMDAwMCI+PC9wYXRoPgo8L2c+PC9nPiA8L3N2Zz4=) no-repeat center center; background-size: 12px; position: absolute; right: 6px; top: 50%; margin: -7px 0 0; opacity: .5;} .myorders .card .table .colorselectiondisplay{border-radius: 0; width: 100%; font-size: 12px; border: 1px solid #ccc; border-top: 0; padding: 4px 0; box-shadow: 0 2px 4px rgba(0,0,0,.1); margin-top: 0} .myorders .card .table .colorselectiondisplay .material{float: right; line-height: 28px} .myorders .card .table .colorselectiondisplay-inner {display: inline-block;width: 100%;padding: 6px 10px;border-bottom: 1px solid #ccc;} .myorders .card .table .colorselectiondisplay-inner:last-child{border-bottom: none;} .myorders .card .table select{height: 40px; width: 60px; padding: 4px 25px 5px 10px; background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgMjkyLjM2MiAyOTIuMzYyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyOTIuMzYyIDI5Mi4zNjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMjg2LjkzNSw2OS4zNzdjLTMuNjE0LTMuNjE3LTcuODk4LTUuNDI0LTEyLjg0OC01LjQyNEgxOC4yNzRjLTQuOTUyLDAtOS4yMzMsMS44MDctMTIuODUsNS40MjQgICBDMS44MDcsNzIuOTk4LDAsNzcuMjc5LDAsODIuMjI4YzAsNC45NDgsMS44MDcsOS4yMjksNS40MjQsMTIuODQ3bDEyNy45MDcsMTI3LjkwN2MzLjYyMSwzLjYxNyw3LjkwMiw1LjQyOCwxMi44NSw1LjQyOCAgIHM5LjIzMy0xLjgxMSwxMi44NDctNS40MjhMMjg2LjkzNSw5NS4wNzRjMy42MTMtMy42MTcsNS40MjctNy44OTgsNS40MjctMTIuODQ3QzI5Mi4zNjIsNzcuMjc5LDI5MC41NDgsNzIuOTk4LDI4Ni45MzUsNjkuMzc3eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat 90% center; background-size: 8px; -webkit-appearance: none; -moz-appearance: listitem; appearance: listitem; } .gallery-box{float:left; width:75%; padding: 0 15px; box-sizing: border-box;} .right-boxs-right{float:right; width:25%; padding:0 15px; box-sizing: border-box;} .filter-box:before{display: none;} .cd-filter.filter-box span.filter, .cd-filter.filter-box .cd-filter-block h4{pointer-events: none} .cd-filter.filter-box span.filter, .cd-filter.filter-box .cd-filter-block h4::before{display: none;} .cd-filter.filter-box{position: static; width:100%; padding:0 15px; box-sizing: border-box; background-color:#fdfdff; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); } .cd-filter-trigger.desktop-hide{display: none;} .press-coverage-inner{padding:30px 4%; background-color:#f5f5f7;} .gallery-box-inner{padding:30px 15px; background-color:#fff;} .press-coverage-row{margin:0 -15px;} .blog-box-press{margin-top:30px; text-align: center;} .blog-box-press-img img{width:100%;} .blog-box-press h4{font-size:26px; font-weight:normal; color:#c98e3a; margin:0 0 30px;} .blog-box-press h4 a{color:#c98e3a;} .blog-box-press h6{font-size:13px; color:#c98e3a; text-transform:uppercase; border-bottom:1px solid #c98e3a; padding-bottom:20px; margin:0 0 20px; font-weight:normal;} .blog-box-press p{font-size:15px; color:#000000; line-height: 23px;} .blog-inner{background-color:#fff; padding:30px;} .border-btn{border:1px solid #c98e3a; color:#c98e3a; padding:7px 40px;} .desktop-hide-title, .mobile-show-div{display: none;} .date-field .field-design{width:100%; height:48px; border-width:2px; padding:0 10px;} /* input[type=date].field-design{-webkit-appearance:none; appearance:none;} */ .date-field input::-webkit-calendar-picker-indicator{opacity:0;} .cd-filter-block .date-field.cd-select::after{/* display: none; */} .hide-desktop{display: none} /* About Us Page Css Page Start */ .abouts-page-banner{position:relative;width:100%;} .abouts-page-banner h3{position: absolute; top:50%; left:15px; right:15px; text-align: center; color:#fff; max-width:1040px; margin:0 auto; font-size:53px; line-height:60px; font-weight:600; transform: translateY(-50%);} .about-top-detail{max-width:100%; margin:0 auto; text-align: center; padding:100px 0;} .about-top-detail h2{font-size:40px; font-weight:200; line-height:50px; margin-bottom:60px;} .about-top-detail p{font-size:28px; font-weight:200; line-height:36px; margin-bottom:40px;} .customised-bespoke{padding:50px 0 0 ;} .customised-bespoke .start-exploring, .customised-bespoke .about-top-detail{border:1px solid #c48c45; padding:80px 18% 50px; max-width:100%; margin:0 2%;} .customised-bespoke h2{font-size:48px; margin:60px 0;} .customised-bespoke p{font-size:24px;} .scroll-div-section{margin:50px 0 0; overflow: hidden;} .scroll-div-section img{width:100%;} .scroll-div-section h3{font-size:40px; font-weight:200; line-height:50px;} .scroll-div-section p{font-size:20px; font-weight:200; line-height:32px;} .scroll-inner{padding:155px 100px ; width: 100%} .one-half-section{padding:0; margin:0;} .one-half-section h3{font-size:48px; line-height:55px; font-weight:200; max-width:500px;} .one-half-section p{font-size:22px; line-height:32px; font-weight:200;} .one-half-section img{width:100%;} .one-half-section .col-md-6{padding:0 !important; display: flex; align-items: center;} .one-half-inner{padding:10px 20%;} .start-exploring{margin-top:50px; margin-bottom:50px; padding-left:26%; padding-right:26%;} .about-top-detail .btn-outline{border:1px solid #c48c45; font-size:27px; min-width:433px;} div[id*="scroll-inner"].affix-top, div[id*="scroll-inner"].affix-bottom{position: relative; width: 100%} div[id*="scroll-inner"].affix{position: fixed; top: 0; z-index: 99; width: calc(50% - 15px);} /* About Us Page Css Page End */ /* Project Page Css Start */ .project-page-banner{position: relative} .project-page-banner h1{font-size:60px; color:#fff !important; position: absolute; top:50%; left:15px; right:15px; text-align: center; font-weight:600; transform: translateY(-50%);} .featured-clients{margin:125px 2%; text-align: center;} .featured-clients h2{font-size:46px; font-weight:200; margin-bottom:50px;} .featured-clients .owl-carousel{padding:0 70px;} .featured-clients .owl-carousel .item{box-shadow: none;} .featured-clients .owl-carousel .owl-item{min-height:150px; line-height:150px; text-align: center;} .featured-clients .owl-carousel .owl-item img{width:auto; display: inline-block;} .featured-clients .owl-prev, .featured-clients .owl-next{width:51px !important; height:81px !important; background:none !important; position: absolute; top:50%; margin:0; transform:translateY(-50%); left:0;} .featured-clients .owl-next{left:auto; right:0;} .featured-clients .owl-prev img, .featured-clients .owl-next img{max-width:100%;} .masonry{margin:0 2%;padding:0;-moz-column-count:2;column-count:2;-moz-column-gap:0;column-gap:0;-moz-column-gap:0;column-gap:0;clear:both} .masonry .item{cursor:pointer;position:relative;text-align:center;display:block;background:#fff;padding:0;margin:0;width:100%;-webkit-transition:1s ease all;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .masonry .item img{max-width:100%} @media only screen and (max-width:320px){ .masonry{-moz-column-count:1;column-count:1} } @media only screen and (min-width:321px) and (max-width:768px){ .masonry{-moz-column-count:2;column-count:2} } @media only screen and (min-width:769px) and (max-width:1200px){ .masonry{-moz-column-count:2;column-count:2} } @media only screen and (min-width:1201px){ .masonry{-moz-column-count:2;column-count:2} } .mesonary-box{display:block;background-color:#000;position:relative;color:#fff;text-align:center} .mesonary-box img{vertical-align:middle;opacity:1;width:100%;transition:ease .3s} .cms-page .masonry .item:hover img,.masonry .item:focus img{opacity:.4} .project-detail{position:absolute;top:50%;left:50px;right:50px;transform:translateY(-50%);padding:0 30px;opacity:0;transition:ease .3s} .masonry .item:hover .project-detail,.masonry .item:focus .project-detail{opacity:1} .project-detail h4{color:#fff;font-size:35px;line-height:40px;font-weight:200;position:relative;display:inline-block} .project-detail h4:after{content:'';width:100%;height:1px;background-color:#fff;display:block;margin:30px 0} .project-detail div{color:#fff;font-size:36px;line-height:42px;font-weight:200;display:block} .project-content{padding:100px 0 60px} .project-content .container{max-width:76% !important;padding:0 !important} .project-content h2{font-size:46px;font-weight:200;line-height:52px;margin-bottom:60px;color:#000} .project-content p{font-size:24px;font-weight:200;line-height:36px;margin-bottom:40px;color:#000} .more-link a{font-size:20px;color:#000;font-weight:200} .more-link a:hover{color:#000000} /* Design Set Css for Listing page 14Feb2021 ------------*/ .slider-brand-container{padding-top:15px; padding-bottom:25px;} .slider-brand-container .owl-dots{display: none} .category-slider .owl-carousel.owl-drag .owl-item .item{position: relative;} .shapefilter .item{box-shadow: none;} .shapefilter .owl-prev, .shapefilter .owl-next{position: absolute; top:12px !important; right:0; left: auto; border-radius: 50%; background-image: url(../images/right-arrow.svg) !important; width:26px !important; height:26px !important; background-position: center !important; opacity:1;} .shapefilter .owl-prev{right:auto; left: 0;background-image: url(../images/left-arrow.svg) !important;} .shapefilter .owl-nav span{display: none;} #slider-carousel .owl-item:hover img{ filter: brightness(85%);} .cd-tab-filter.filter-is-visible {width: 100%} .cd-filter-block .cd-select::after{top: 66%} .custom_pagination .paging{padding-right: 0} /* Design Set Css for Listing page 14Feb2021 End ------------*/ /* 3mar2021 ------------*/ .gallery-box-inner:after{content: ''; clear: both;display: table;} /* 3mar2021 ------------*/ #banner-slider .owl-prev, #banner-slider .owl-next { width: 30px; height: 50px; background: url(../images/left-arrow-big.svg) no-repeat center; background-size: 100% auto; position: absolute; top: 50%; margin: 0; transform: translateY(-50%); left: 0px; margin: 0 10px; border-radius:0px;filter: brightness(0);opacity: .3;} #banner-slider .disabled{opacity: 0.3 ; pointer-events: none;} #banner-slider .owl-next {right: 0px; left: auto;background-image: url(../images/right-arrow-big.svg);} #design-change-log .owl-prev, #design-change-log .owl-next, #slider-carousel .owl-prev, #slider-carousel .owl-next { width: 30px; font-size: 20px; line-height: 100%; color: #fff; position: absolute; top: 0; bottom: 0; margin: 0; left:0px; background: rgba(0,0,0,0.3); text-align: center;} #design-change-log .owl-next, #slider-carousel .owl-next {right: 0px; left: auto;} /* Search Modal 10 march 2021 Start ------------*/ #banner-slider .owl-dots {display: none;} #storeSearch.modal .modal-dialog{ transform: none; transition: ease 0.4s; min-height: calc(100% - (5rem * 2));max-height: calc(100% - 10rem);margin: 5rem auto; } #storeSearch .modal-content{background: transparent; border:none;} #storeSearch .modal-dialog-scrollable .modal-header{padding: 0; margin: 0 0 15px;border: none;} #storeSearch .input-group>.form-control{font-size: 18px; line-height: 30px;padding: 10px 44px; height: 52px; border-radius: 7px;transition: ease 0.3s; } #storeSearch .input-group>.form-control:focus{ box-shadow: none;border: 1px solid;} #storeSearch .input-group-addon{ position: absolute; width: 44px; text-align: center;left: 0;z-index: 9; opacity: 0.4;pointer-events: none;} #storeSearch .input-group-addon:last-of-type{right: 0;left: auto; opacity: 1; pointer-events: initial; cursor: pointer;} #storeSearch .close-modal{top: 12px;} #storeSearch .input-group-addon i{font-size: 30px; line-height: 50px; width: 24px; height: 54px} #storeSearch .modal-body{border:none; background: #fff; border-radius: 7px;} /* Search Modal 10 march 2021 End ------------*/ /* 16 march 2021 Start ------------*/ .cagTxt0 aside { padding: 60px 0; } .cagTxt0 aside:nth-child(even) { background: #f1f1f1; } .cagTxt1 { max-width: 1080px; margin: 0 auto; padding: 0 20px; } .cagTxt1 h1,.cagTxt1 h3 { text-align: center; font-size: 28px; color: #010101; text-transform: uppercase; font-weight: 300; padding: 0 0 20px; } .cagTxt1 p { line-height: 1.4; text-align: justify; font-size: 14px; color: rgba(1,1,1,.8); } .cagTxt1 h5 { font-size: 16px; padding: 0 0 6px; color: #484848; } .sfgpage2 .pgSet5 { text-align: center; } .pgSet5 { background-color: #f6f6f6; padding: 60px 0; } .pgSet5in { max-width: 1000px; margin: 0 auto; } .pgSet5 h3 { font-size: 35px; font-weight: 400; padding: 0 0 10px; color: #3e3e3e; text-transform: uppercase; } .sfgpage { background: #f6f6f6; } .hdr1, .explore-rug-cls, .trending-styles-cls, .collection-cls, .brush-strokes-cls, .ftr1in, .ftr2in, .cpyin, .lgnpge, .cmspgwd, .cms-page .container.sfgpage { max-width: 2880px; margin: 0 auto; } .carl1 { margin: 0 0 20px; font-weight: 600; font-size: 18px; } aside.cares1 { border: 2px solid #f6f6f6; margin: 0 0 10px; } .carsh { cursor: pointer; background: #f6f6f6; padding: 15px; font-weight: 600; font-size: 20px; } .carsb { padding: 0 20px 10px; } .sfgpage h5 { text-transform: uppercase; margin: 0 0 12px 0; } .sfgpage .rug-cms-page{ text-align: center; } .sfgpage img { margin: 0 0 10px 0; } .pgSet2 p strong { color: #000; padding: 0 0 8px; font-size: 16px; display: inline-block; } .cmbx2 { background: #f6f6f6; padding: 70px 0 30px; } .cmbx2 p { font-size: 14px; margin:auto; } .cmbx2 h3 { padding: 40px 0 0; font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin:auto; } .cmspgwd, .cms-page .container.sfgpage { padding: 0 40px 60px; box-sizing: border-box; text-align: justify; } .cms-page .content.cmsmdl, .cms-page .cmsmdl, .cms-page .cmsmdl .content { text-align: center; } .cms-page .content { text-align: left; padding: 0; } .cms-page .content { text-align: center; padding: 30px 0; } .cms-page .content { text-align: center; } .cms-page .bottom-content { background-color: #f6f6f6; } .cms-page .content h3 { font-size: 35px; font-weight: 500; padding: 40px 0 20px; font-family: 'Poppins',sans-serif; color: #3e3e3e; text-transform: uppercase; } .gdwvTw { max-width: 800px; margin: 0 auto; text-align: center; } .pgSet5 { background-color: #f6f6f6; padding: 60px 0; } .pgSet5in { max-width: 1000px; margin: 0 auto; } .pgSet5 h3 { font-size: 35px; font-weight: 400; padding: 0 0 10px; color: #3e3e3e; text-transform: uppercase; } .frbtn1 a { background: #000; color: #fff; display: inline-block; margin: 20px 0 0; padding: 10px 40px; text-transform: uppercase; font-size: 12px; font-weight: 400; cursor: pointer; } .frbtn1 .pgSet5 a { background: #000; color: #fff; } .frbtn1 .pgSet5 a:hover, .frbtn1 a:hover { background: #fff !important; color: #000; border: 1px solid; } .img-content { width: 50%; float: left; padding: 30px; } .rug-cms-page{ min-height: 500px; } .cms-page .bottom-content.content h3 { font-size: 28px; color: #010101; text-transform: uppercase; font-weight: 300; padding: 0 0 50px; } .cms-page .bottom-content.content p { font-weight: 400; font-size: 16px; color: #010101; padding: 0; line-height: 26px; } .cms-page .pgSet2 .img-content p { font-size: 14px; font-weight: 300; color: #000; margin: 0 auto; line-height: 20px; } .cms-page .img-content-section-wrapper { padding: 0; } .cms-page .img-content-section-wrapper { margin-bottom: 50px; max-width: 1080px; width: 100%; background-color: #fff; display: inline-block; padding: 10px 14px 0; box-sizing: border-box; } .img-content { width: 50%; float: left; padding: 30px; } .cms-page .content p { font-size: 16px; font-weight: 400; color: #48494a; max-width: 740px; margin: 0 auto; line-height: 24px; padding: 20px 0; } .cms-page .img-content p { text-align: left; font-size: 14px; padding: 0; } .cms-page .banner-info h2 { color: #fff; font-size: 40px; font-weight: 500 !important; margin: 0 auto 0px; clear: both; line-height: 55px; text-transform: uppercase; letter-spacing: 2px; } .cms-page .banner-info h4 { color: #cbcbcb; font-size: 11px; letter-spacing: 2px; margin-bottom: 20px; font-family: 'Poppins',sans-serif; } .cms-page .banner-info { width: 80%; margin: 0 auto; display: block; text-align: center; position: relative; padding: 180px 0; } .cms-page .banner-image { background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; } .rug-cms-page{ background: #fff; max-width: 1080px; padding: 0 40px 28px 40px; } .cms-page .container.cmspgwd,.cms-page .container.stc1, .cms-page .container.bugid{ line-height: 1.4; font-size: 14px; background: #f1f1f1; padding: 40px 0 40px; box-sizing: border-box; text-align: justify; max-width: 2880px; margin: 0 auto; } .cms-page .container { margin: 0 auto; } .cms-page .rug-cms-page { margin:0 auto;} .rug-cms-page h4 { font-size: 18px; margin: 35px 0 15px; font-weight:800;} .rug-cms-page h2 { font-size: 30px; margin: 10px 0px 30px; font-weight:400;} .rug-cms-page p { line-height: 1.6; font-size: 14px; margin-bottom:15px;color: #000;} .cms-terms-of-use .rug-cms-page { padding-top:55px;} .rug-cms-page h3, .cms-page h1 { font-size: 35px; font-weight: 200; padding: 40px 0px 40px; color: #3e3e3e; text-transform: uppercase; margin: 0; } .dlvpg .rug-cms-page h3 { padding: 40px 0px 0px; } .rug-cms-page h6 { font-size: 18px; font-weight: 500; padding: 0px 0px 12px; font-family: 'Poppins',sans-serif; color: #3e3e3e; text-transform: uppercase; } .retcant .rug-cms-page h3, .delinfo .rug-cms-page h3, .stc1 .rug-cms-page h3 { padding: 40px 0px 5px;} .stripe-errors{ color: red; background: #f1dada; padding: 8px 15px; width: 100%; margin-bottom: 10px; display: block; } .stripe-errors:empty{ display:none } #flatrate_flatrate, #free_free{display:none} .dropdown.megamenu-fw ul{display:none !important} .dropdown.megamenu-fw.on ul{display:block !important} #filter-product-form::-webkit-scrollbar { display: none; } #filter-product-form { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .project-container { padding: 60px 40px; } .project-img-container .item { display: inline-block; width: 18%; margin: 10px; } .features-txt { font-size: 30px; font-weight: 600; margin-bottom: 30px; } .project-img-container .item img { border-radius: 5px; } .text-small{ font-size: .7rem; color: #afafaf; line-height: 1rem; } .testi-cont { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; } .testi-bg { background: #F5F5F5; } .testi-slider img { width: 100%; background-position: center; } span.testi-text { font-size: 35px; } .testimonial-content:before { content: '\201C'; position: absolute; top: 5px; left: 15px; font-size: 2.5em; } .testimonial-content:after { content: '\201D'; position: absolute; bottom: 5px; /* right: 15px;*/ right: 25px; font-size: 2.5em; } .card__quote { position: relative; padding: 5px 30px; text-align: center; } .testimonial-content { display: flex; align-items: center; justify-content: center; text-align: center; position: relative; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { font-size: 33px!important; font-weight: 200; } .owl-nav button.owl-next, .owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev { border-radius: 50%; color: #fff!important; height: 44px; line-height: 20px!important; margin: 0; position: absolute; top: 30%; width: 44px; } .nav-pills .owl-nav .owl-next, .nav-pills .owl-nav .owl-prev { background-color: rgba(0,0,0,.8)!important; border: 0!important; border-radius: 0!important; box-shadow: none; color: #fff!important; height: 100%!important; line-height: 20px!important; margin: 0!important; opacity: 1; position: absolute; top: 40%!important; width: 31px!important; height: 31px!important; } .nav-pills .owl-nav .owl-prev { left: 0!important; } .owl-theme .owl-nav [class*=owl-] { background: #d6d6d6; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; margin: 5px; padding: 4px 7px; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .nav-pills .owl-nav .owl-next { right: 0!important; } .carousel-item .image-item { aspect-ratio: 4/3 !important; } .card_text { word-break: break-all; } #newsletter-validate-detail #newsletter { border: 1px solid #000; border-radius: 0; color: #454545; width: 100%; padding: 15px; margin: 5px 0; } #newsletter-validate-detail-submit img{ filter: invert(1); } #newsletter-validate-detail .input-box button { top: 18px; } .socials-wrap a img { filter: invert(85%) sepia(0%) saturate(0%) hue-rotate(30deg) brightness(103%) contrast(86%); width: 30px; } .socials-wrap { text-align: right; } .socials-wrap ul li { padding: 0px 0 0 25px; display: inline-block; } .border-footer { border-top: 1px solid #C4C4C4; margin: 15px 0; } .footer-bottom-new { color: #666; float: left; width: 100%; } .footer-bottom-new .yt-payment li { display: inline-block; padding: 0 12px; } .block-info { display: flex; font-size: 12px; line-height: 2.5; color: #7a7a7a; letter-spacing: 0.5px; } .block-info-img { width: 8%; } .block-info-img img { margin: auto; display: table; } .block-info-text { width: 90%; margin-left: 10px; line-height: 22px; } .footer-middle { align-items: end; margin-top: 30px; } .block-title-new { font-size: 12px; text-transform: uppercase; font-weight: 600; padding-bottom: 10px; line-height: 100%; letter-spacing: 1px; color: #000000; } .yt-payment ul { margin: 0; padding: 0; list-style: none; } .footer-logos img { margin-right: 20px; } .grey-capsule-label{ border: 1px solid #ddd; padding: 3px 10px; border-radius: 25px; margin-top: 5px; display: block; } .category-banner{ background-size: 100% auto !important; -webkit-animation: AnimateBG 60s ease infinite; animation: AnimateBG 60s ease infinite; } .category-description{ text-align: center; color: #fff; font-size: 126%; text-shadow: 0px 0px 4px black; } @-webkit-keyframes AnimateBG { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes AnimateBG { 0% { background-position: 50% 0%; } 50% { background-position: 50% 50%; } 100% { background-position: 50% 100%; } } input[name=is_subscribed]{ vertical-align: middle; position: relative; bottom: 1px; } .select2-container--default .select2-selection--single{ padding: 7px; height: 45px !important; border-radius: 0px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 45px !important; } .select2-results__option{ padding: 8px !important; border-bottom: 1px solid #cfcfcf; } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #000 !important; } .extranav{ display: none !important; text-align: left !important; } .modal-backdrop{ z-index: 9999; } #switchercountry{ position: fixed; width: 100%; height: 100vh; background: #000000c2; top: 0; z-index: 100000; } #switchercountry div.row{ padding: 20px; background: #fff; color: #000; } #switchercountry .dd .ddTitle .ddTitleText{ min-height: auto; padding: 13px; font-size:1rem; } #switchercountry .dd .ddChild li{ width: 100% !important; padding: 20px 10px; min-height: auto; float: none !important; text-align: left; } #switchercountry .dd .ddChild{ top: 45px !important; box-shadow:none } .page-item.active .page-link{ background-color: #454545; border-color: #454545; z-index: 0; } .page-link{ width: 45px; font-size: 1rem; line-height: 1.8; height: 45px; text-align: center; margin: 4px; color: #454545; background: #f1f1f1; border-radius: 0px !important; } .cms-page #pagination-ajax .page-link{ width: unset; } .search-index #pagination-ajax .page-link{ width: unset; } .page-item.disabled .page-link{ visibility: hidden; } .page-item a.page-link:hover{ background-color: #000000; border-color: #000000; color:#ffffff !important } /*::-webkit-scrollbar{ width:10px } */ @-webkit-keyframes zoominoutsinglefeatured { 0% { transform: scale(1,1); } 50% { transform: scale(1.4,1.4); } 100% { transform: scale(1,1); } } @keyframes zoominoutsinglefeatured { 0% { transform: scale(1,1); } 50% { transform: scale(1.4,1.4); } 100% { transform: scale(1,1); } } #banner-slider img:first-child { /* animation: zoominoutsinglefeatured 20s infinite ; */ } #form-sign-in-new{ background:#fff } .sign-in-new-form{ background: #f5f5f; } #range-slider-block{ display:none } .cd-main-content .scrollmagic-pin-spacer{ padding:0px !important } .checkout-partial_payment_success .yt-main, .checkout-success .yt-main{ padding: 76px; text-align: center; background: #f5f5f5; } .checkout-partial_payment_success .yt-main-inner, .checkout-success .yt-main-inner{ padding: 30px; background: #fff; } .shape-mega-menu{ border-left: 1px solid #dfdfdf; } .stick-outer .cd-filter, .stick-outer .cd-tab-filter-wrapper, .stick-outer .cd-filter-trigger { position: fixed !important; top: 0; } .stick-outer #filter-product-form{ height: 100vh; overflow-y:scroll; } .stick-outer .cd-gallery{ padding-top: 100px; } .product-image .hover-image { position: absolute; top: 0px; z-index: 1; background: #fff; display: none; width: 100%; height: 100%; filter: brightness(1.0); background-size: cover; background-position: center; } .spinner { -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; } @-webkit-keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path { stroke-dasharray: 187; stroke-dashoffset: 0; transform-origin: center; -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite; } @-webkit-keyframes colors { 0% { stroke: #4285f4; } 25% { stroke: #de3e35; } 50% { stroke: #f7c223; } 75% { stroke: #1b9a59; } 100% { stroke: #4285f4; } } @keyframes colors { 0% { stroke: #4285f4; } 25% { stroke: #de3e35; } 50% { stroke: #f7c223; } 75% { stroke: #1b9a59; } 100% { stroke: #4285f4; } } @-webkit-keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } .side .widget{ min-height: 1200px; } .side .widget .title{ text-transform: uppercase; font-weight: 500; font-size: 16px; } .side{ z-index:99999 } .color_platte .color-filters .slClrnm{ min-width:75px; text-align:left } .color-pick{ white-space: nowrap; } #Ombre .colorpletter, #Pastel .colorpletter{ width:auto !important } .category-products .item-inner .product-image a img{ background-color: #fff; } #Ombre .colorpletter span, #Pastel .colorpletter span{ display: block; height: 30px; width: auto; margin:1px; } #Ombre .colorpletter span.color1, #Pastel .colorpletter span.color1 { display: block; height: 30px; width: 106px; margin: 0px } .products-grid .item-inner .product-image a img{ background-color: #fff; filter: contrast(1.06) saturate(1.1); /*border: 1px solid #efefef; */ /*padding: 15px; */ } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{ font-size: 33px !important; font-weight: 200; } #myCarousel1 .owl-carousel .owl-nav button, #banner-slider.owl-carousel .owl-nav button{ text-indent: -10000px; } .owl-carousel{ z-index:0 } #share-Modal .modal-dialog{ top: 20%; } #slider-carousel.owl-carousel .owl-item{ margin-right: 15px; line-height:0 } #slider-carousel.owl-carousel .owl-stage{ width:2000px } .shapefilter{ display:none } .nav-pills .owl-nav .owl-next, #slider-carousel .owl-nav .owl-next { right: 0 !important; } .nav-pills .owl-nav .owl-prev, #slider-carousel .owl-nav .owl-prev{ left: 0 !important; } .owl-carousel .owl-nav button.disabled{ display:none } .nav-pills .owl-nav .owl-next, .nav-pills .owl-nav .owl-prev, #slider-carousel .owl-nav .owl-prev, #slider-carousel .owl-nav .owl-next { border: 0 !important; border-radius: 0 !important; width: 31px !important; height: 100% !important; line-height: 40px !important; opacity: 1; margin: 0 !important; top: 0 !important; background-color: rgb(0 0 0 / 80%) !important; color: #fff !important; box-shadow: none; position:absolute; } .nav-pills .nav-link{ white-space: nowrap; border-radius: 0; border: 1px solid #ddd; text-align: center; min-width: 125px; letter-spacing: 1px; text-transform: uppercase; color:#454545; font-size:12px; line-height:24px; float: left; } #slider-carousel img{ border-radius: 5px; } .socials-wrap a img{ width:35px; } #yt-totop{ float: right; position: fixed; cursor: pointer; height: 45px; bottom: 100px; right: 15px; z-index: 9999; width: 45px; display: none; } #yt-totop img{ transform: rotate(-90deg); } p:empty{ display:none } .trendy-category ul li a { text-transform: uppercase; color: #000; letter-spacing: 1px; height: 40px; width: 100%; padding: 10px 10px 10px 10px; float: left; font-size: 12px; } .banner-overlay{ background: #00000026; width: 100%; height: 100%; } .banner-content { max-width: 840px; } .cd-filter-block .list li{ margin-bottom: 1em; } .owl-carousel .banner-content{ display:none } .header-slae p{ margin:0px } .top-header, nav.navbar.bootsnav{ z-index:auto; } .color_platte .collapse-fixed{ width: 100%; background: #0000006e; height: 100%; position: fixed; top: 0; left: 0; z-index: 1; display:none; } .color_platte .collapse-fixed .color_platte_inner{ position: absolute; top: 12vh; bottom: auto; padding: 0; background: #fff; z-index: 999; box-shadow: 5px 10px 35px -10px #000; border: 10px solid #fff; width: 898px; height: 480px !important; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center; max-width: 100vw; } .login-signup .cancelbtn { width: auto; padding: 10px 18px; background-color: #f44336; } .login-signup label{ margin-bottom: 3px; font-size: 14px; letter-spacing:0.3px; text-transform: uppercase; } .login-signup label em{ font-weight: normal; padding: 0 5px 0 0; vertical-align: middle; color: #f00; } span.psw { float: right; padding-top: 16px; } /* The Modal (background) */ .login-signup { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 99998; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.7); /* Black w/ opacity */ } /* Modal Content/Box */ .login-signup .modal-content, .exit-intent-content .modal-content { background-color: #fefefe; margin: 2% auto; /* 5% from the top, 15% from the bottom and centered */ border: 1px solid #888; width: 90%; /* Could be more or less, depending on screen size */ max-width: 500px; padding: 25px 30px; } #id02 .modal-content{ max-width: 1260px; padding: 0px; } .signup-fielset{ padding: 40px 40px 40px 20px; } /* The Close Button (x) */ .close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.75; filter: alpha(opacity=75); padding: 0 0 18px 10px !important; color: #333; font-weight: normal; font-size: 28px; z-index:9; margin: 0px !important; } .exit-intent-content .close:hover, .exit-intent-content .close:focus, .login-signup .close:hover, .login-signup .close:focus { color: #000; cursor: pointer; } .login-signup ul{ margin: 0px; padding: 0px; } /* Add Zoom Animation */ .animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s } @-webkit-keyframes animatezoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes animatezoom { from { transform: scale(0) } to { transform: scale(1) } } .input-box div.error{ color: red; } .color_platte_fixed .collapse-fixed{ right: 0 !important; top: 0 !important; } .unit-error { color: red !important; } .empty-title{ font-size: 18px; } .emptycrtpg { text-align: center; padding: 100px 25px; } .emptycrtpg .title{ font-size: 23px; line-height: 40px; } .emptycrtpg .sub-title{ font-size: 15px; line-height: 22px; margin-bottom: 20px; } .emptycrtpg img{ width: 150px; } .form-group div.error{ color:#ff5656 !important; } .checkout-onepage-index #navbar-menu{ display:none !important; } .imageLoader{ display: none; position: absolute; inset: 0px; background-color: rgba(255, 255, 255, 0.5); z-index: 1000; } .imageLoader img{ height: auto; width: 130px; position: absolute; left: 50%; top: 38%; transform: translate(-52%,-50%); } .product-image-loader{ display: none; position: absolute; inset: 0px; background-color: rgba(255, 255, 255, 0.5); z-index: 1000; } .product-image-loader img{ height: auto; width: 130px; position: absolute; left: 50%; top: 50%; transform: translate(-52%,-50%); } .product-sideimages-loader{ display: none; position: absolute; inset: 0px; background-color: rgba(255, 255, 255, 0.5); z-index: 1000; } .on-side .product-sideimages-loader, .on-side .product-image-loader{ background-color:transparent !important } .product-sideimages-loader img{ height: auto; width: 130px; position: absolute; left: 50%; top: 50%; transform: translate(-52%,-50%); } .product-image-loader .spinner{ top: 40%; position: relative; } .product-sideimages-loader .spinner{ width: 50%; height: 50%; top: 20%; position: relative; } .checkout-container-loader{ display: none; position: fixed; inset: 0px; background-color: rgba(255, 255, 255, 0.5); z-index: 1000; } .checkout-cart-index .checkout-container-loader img{ height: auto; width: 130px; position: absolute; left: 50%; top: 38%; transform: translate(-52%,-50%); } .checkout-container-loader .order-place-loader{ height: auto; width: 130px; position: absolute; left: 50%; top: 38%; transform: translate(-52%,-50%); } .checkout-container-loader .order-place-loader p{ margin-top: 125px; width: 280px; margin-left: -60px; font-size: 18px; } /* .checkout-success { } */ .checkout-success .container h2{ text-align:center; margin-bottom:50px; font-weight:300 !important; font-size:25px; } .checkout-success .container p{ text-align:center; margin-bottom:5px; font-size:14px; } .checkout-success .container p a { color:#a0a0a0; } .checkout-success .buttons-set { padding:5% 0; margin-top:5%; border-top:2px solid #e5e5e5; overflow:hidden; } .checkout-success .buttons-set .button { margin: 0; width: 45% !important; /*float: left; */ color: #000; text-align: center; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; padding: 12px 0; border: 1px solid #000; border-radius: 0; display: inline-block; line-height: normal; box-shadow:none; background: #fff; } .checkout-success .tick-img { margin:5% auto 2%; } .checkout-success .buttons-set .viewmyorder.button, .checkout-success .buttons-set .button:hover{ background:#fff; color:#000; border: 1px solid #000; } .checkout-success .buttons-set .viewmyorder.button:hover { background:#fff !important; color:#000 !important; border: 1px solid #000; } .checkout-success .buttons-set .button:hover{ background:#fff !important; color:#000; border: 1px solid #000; } .checkout-success .sccsBtnSet { max-width: 540px; margin:0 auto; text-align: center; } .checkout-success .buttons-set .button.scb1 { margin: 0 2% 0 0; } .checkout-success .buttons-set .viewmyorder.button.scb2 { margin: 0 0 0 2%; } .tick-img img { max-width: 140px } .checkout-success #navbar-menu{ display:none !important; } .checkout-success .search{ display:none !important; } .checkout-cart-index #navbar-menu{ display:none !important; } .checkout-success .search{ display:none !important; } .checkout.cart .checkoutAddressInfo{ padding: 10px } .checkout.cart .checkoutAddressInfo li{ margin-bottom: 2px } .checkout.cart .checkoutAddressInfo{ padding: 0; margin-top:-1px; list-style-type: none; padding: 30px; /* border:2px solid #69aa6f; position: relative; */ } .checkout.cart .checkoutAddressInfo li{ overflow: hidden; margin-bottom: 10px; font-size: 13px; } .checkout.cart .checkoutAddressInfo li strong{ float: left; margin-right: 10px; width: 120px } .checkout.cart .checkoutAddressInfo li span{ display: block; width: 100%; max-width: 1000px; margin: 0 auto; background: #fff; } .no1 { text-align: center; } .no2 {} .no2 img {max-height:300px;} .no3 { font-size: 32px; color: #000; font-weight: 600; padding: 10px 0 0 0; margin: 0; line-height: 42px; } .no4 { font-size: 16px; padding: 0px 0 22px 0; font-weight: 300; } .no5 { font-size: 14px; font-weight: 500; padding: 0 0 8px 0; } .no6 {} .no7 { padding: 50px 0 0 0; margin: 50px 0 0 0; border-top: 3px dashed #f4f4f4; text-align: center; } .no6Btn {background:#484848;border:0;margin: 0;padding:8px 32px;text-transform:uppercase;cursor:pointer;color: #fff !important;display:inline-block;} .no6Btn:hover{color:#fff; background:#000000;} .no8 {color: #000; font-size: 13px; text-transform: uppercase; font-weight: bold; padding-bottom: 10px;} .no9 {} .no9 li {display:inline-block;} .no9 li a { background: #fff; margin: 0 3px 6px 0px; padding: 7px 32px; cursor: pointer; color: #4c4b4b; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; font-size: 12px; } .no9 li a:hover{color:#000;background:#efefef;} /*********************************** Responsive Start *********************************/ .ordercolor-modal .modal-title {font-weight: 400;font-size: 24px;color: #484848;text-transform: uppercase; margin: 0} .modal-dialog-centered.modal-dialog-scrollable {flex-direction: column;justify-content: center;height: 100%;} .modal-dialog-scrollable .modal-header {flex-shrink: 0; padding: 16px 0; margin: 0 20px; border-bottom: 1px solid #c1c1c1} .modal-dialog-scrollable .modal-content {max-height: calc(100vh - 1rem);} .modal-dialog-scrollable .modal-body {overflow-y: auto; padding: 20px} .pdp-v2 .detail-toggle .yt-detail-left{width: 91%; max-width: 100%; position: static !important;} .video-button{ border-radius: 0 0 8px 8px; letter-spacing: 1px; text-transform: uppercase; font-size: small; position: fixed; left: -50px; bottom: 30%; background: #000; z-index: 99997; color: #fff; padding: 6px 8px 4px 8px; font-weight: 400; cursor: pointer; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .pop1st{ top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; pointer-events: none; overflow: hidden; background: #0000004d; } .pop1st iframe{ min-height: 80vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #colorsample .color-filters .filter-input { border: 1px solid #c2c2c2; border-radius: 1px; width: 150px; font-size: 14px; margin-left: 25px; } #colorsample .color-filters .slClrnm { min-width: 75px; text-align: left; padding-top: 7px; } #colorsample .color-filters .slctClr { width: 40px; height: 40px; display: block; margin-right: 10px; } ul.discover{padding: 20px 30px !important;} ul.discover li .cd-nav-item:hover img{filter: brightness(1.1);} ul.discover li .cd-nav-item:hover{border-color: #000; color: #000; text-decoration: none;} ul.discover li .cd-nav-item{text-align:center;font-size: 14px !important; padding: 10px .53% !important;background:none !important;border:0px !important} .head .reset{ color: #ffffff !important; padding: 4px 10px; background: #52258d; } .page-main { background: #f5f5f5; box-sizing: border-box; padding: 50px 60px; margin: 0 0 -25px; } .box404 { display: block; width: 100%; max-width: 1000px; margin: 0 auto; background: #fff; padding: 50px; } .clmx1 { width: 70%; float: left; box-sizing: border-box; padding: 0 10px 0 0; } .x4txt { padding: 0; } .clmx2 { width: 30%; float: right; padding: 0 0 0 30px; box-sizing: border-box; border-left: 1px solid #ccc; } .catHdr { color: #000; font-size: 16px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; } .clmx2 ul { padding: 4px 0 0 14px; } .clmx2 ul li { margin: 0 0 8px; list-style-type: disc; } .clmx2 ul li a { font-size: 13px; color: #7a7a7a; letter-spacing: .5px; } .magic { width: 100%; height: 0; clear: both; } .clmx3 { text-align: center; width: 100%; float: none; margin: 50px 0 0; font-size: 14px; background: #f7f7f7; padding: 40px; } .x4txt2 { width: 100%; } .x4txt2 li { display: inline-block; width: 100%; font-size: 13px; font-weight: 500; } .gbckbtn { color: #6acf68; } .not-found-page { width: 100%; background: #fff; padding: 40px 0; } a.gbckbtn2 { background: #484848; border: 0; margin: 0 5px 0 0; padding: 8px 32px; text-transform: uppercase; cursor: pointer; color: #fff; display: inline-block; } a.gbckbtn2:hover { color: #fff !important; background: #252525; } span.gbckbtn3 { background: #fff; margin: 0 0 0 5px; padding: 7px 32px; text-transform: uppercase; cursor: pointer; color: #4c4b4b; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } .clmx1{width:70%;float:left;box-sizing:border-box;padding:0 10px 0 0} .clmx2{width:30%;float:right;padding:0 0 0 30px;box-sizing:border-box;border-left:1px solid #ccc} .x4titl h1{padding:0 0 30px !important;color:#ccc;font-size:24px;color:#484848;margin:0;font-weight:600} .x4txt{padding:0} .clmx2 ul{padding:4px 0 0 14px} .clmx2 ul li{margin:0 0 8px;list-style-type:disc} .clmx2 ul li a{font-size:13px;color:#7a7a7a;letter-spacing:.5px} .clmx2 ul li a:hover{color:#000;text-decoration:none} .x4txt dl{margin:0 0 20px} .x4txt dl dt{font-size:15px;font-weight:500;padding-bottom:6px} .x4txt dl dd{font-size:13px;color:#7a7a7a;padding-bottom:0} .clmx3{text-align:center;width:100%;float:none;margin:50px 0 0;font-size:14px;background:#f7f7f7;padding:40px} .x4txt ul.disc{padding:0} .collection-main { margin: 0 50px; } .collection-main .content { text-align: center; margin: 80px 0; padding:0px; } .collection-main .content h5 { line-height: 25px; color: #696363; padding: 0 20%; font-size: 20px; font-weight: 200; } .trendy-category { text-align: center; float: left; width: 100%; margin-bottom: 20px; } .category-image img { height: auto; width: 100%; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .materialText{ text-transform: capitalize; } #seach-form{ margin:0px } .ddTitleText .ddlabel{ text-transform: capitalize; } #m-cookienotice.v-box.v-bottom-right { border-radius: 10px 10px 0 0; } #m-cookienotice.v-box.v-bottom-right { bottom: 0; right: 0; border-radius: 10px; } #m-cookienotice.v-box { width: 570px; position: fixed; right: 0; bottom: 0; z-index: 989898989898; } #m-cookienotice.v-box { margin: 0 70px 0 0; border-radius: 10px 10px 0 0; background: rgba(255,255,255,.9) !important; width: 30%; max-width: 100%; } #m-cookienotice.v-box { position: fixed; border: 1px solid #000; border-radius: 3px; margin: 10px; } #m-cookienotice { overflow: hidden; color: #444; z-index: 9999; font-size: 13px; color: #000 !important; } .card-body .checkoutAddressInfo .action-select-shipping-item{ border-radius:0; margin:15px 0 0; line-height:20px; padding: 12px; cursor: pointer; border: none; } .card-body .checkoutAddressInfo .action-select-shipping-item:hover{ background:#000 !important; color:#fff !important } .addOrderInAddress:after{ border: 1px solid #000000; position: absolute; top: 0; right: 0; width: 30px; height: 30px; content: ''; background:#000000 url(../images/cd-icon-check-white.svg) no-repeat center; background-size: 20px; } .addOrderInAddress{ border:2px solid #000000; position: relative; } .fieldset-address{ padding-top: 10px !important; padding-bottom: 10px !important; } .account-wrapper .info-content fieldset .btn-outline-dark { border: 2px solid #000; /* background: #000; */ border-radius: 0; font-weight: 600; width: 200px; text-transform: uppercase; padding: 12px 15px; font-size: 14px; } .account-wrapper .info-content fieldset label { margin-bottom: 0px; } .address-header{ flex-wrap: wrap; padding: 10px 60px; margin-bottom: 1rem; font-weight: 500; list-style: none; background-color: #e9ecef; /* border-radius: .25rem; */ } .alert-wrapper{ scroll-behavior:smooth; width: 300px; top: 57px; right: 10px; position: fixed; z-index: 100; text-align: left; } .alert-success{ color: #ffffff; background-color: #000000; border-color: #000000; padding: 0.5rem 1.25rem; border-radius: 0; } #range-slider-block .slider-selection { background: #484848; } #range-slider-block .max-slider-handle{ margin-left: -20px; } #range-slider-block .slider-track-low, #range-slider-block .slider-track-high { background: #ccc; } #range-slider-block .slider-track{ height: 8px !important; } #range-slider-block .min-slider-handle, #range-slider-block .max-slider-handle{ background: #fff; border-radius: 50%; border: 1px solid #484848; } #range-slider-block #minprice-show, #range-slider-block #maxprice-show { width: 30%; box-sizing: border-box; display: block; float: left; border: 2px solid #484848; text-align: center; padding: 0; height: 40px; line-height: 40px; font-weight: 600; color: #484848; float:left; } #range-slider-block .slider.slider-horizontal{ /* width: 210px; */ width: 100%; height: 20px; } #range-slider-block #slider-input-box{ margin-top:10px; } #range-slider-block #slider-input-box label, #range-slider-block #slider-input-box span{ float:left; } #range-slider-block #slider-input-box label{ margin-right: 5px; margin-top: 8px; } #range-slider-block #slider-input-box span{ margin-right: 5px; margin-left: 5px; margin-top: 8px; } .old-price{ color: #adadad; text-decoration: line-through; font-size: 12px !important; } .colorsuggestions .products-grid .item-inner .product-info .product-desciption{ color: #a0a0a0; font-size: 12px; font-weight: 300; padding-bottom: 0px; line-height: 21px; } .colorsuggestions .products-grid .item-inner .product-info .product-price1{ font-size: 14px; } .cd-tab-filter span:hover{ border-bottom: 4px solid #60cf68; } .cd-tab-filter span{ padding: 0px 15px; min-width: 120px; } .press-coverage-inner .cd-gallery{ padding: 30px 2%; float: left; } .pdp-summary.priceValue .price-box{ font-size: 30px; color: #000; font-weight: 600; margin-bottom: 10px; } .pdp-top-bar .price-box.start_price .regular-price { font-size: 20px; font-weight: 300; } .price-unit{ display: inline-block; font-size: 11px; vertical-align: middle; } .products-grid .item-inner a:hover span.view { display: block !important; } .products-grid .item-inner span.view { position: absolute; width: 140px; text-align: center; top: 50%; margin-top: -28px; left: 50%; color: #fff; padding: 16px 0px; background: rgb(0 0 0 / 80%); display: none; margin-left: -70px; font-size: 12px; letter-spacing: 1px; } .suggestions_slider.products-grid .item-inner span.view{ top: 40%; } .dd .ddTitle .ddTitleText img{ max-width:30%; } #designShape{ padding: 10px; text-transform: uppercase; width: 100%; border: 1px solid #e0e0e0; color: #484848; min-height: 48px; } .dd .ddArrow{ background: url(../images/down-arrow.svg) no-repeat; background-size: 100%; margin-top: -10px; } .dd .ddTitle { color: #484848; cursor: pointer; background: #fff; border-radius: 0; } .ddChild{ top: 115px !important; box-shadow:0px 0px 5px 2px rgb(0 0 0 / 5%); } #tooltip { color: #fff; position: absolute; z-index: 100; padding:10px; line-height:16px; background: #000; font-size: 11px; box-shadow: 0 0 10px #d7d7d7; border-radius: 5px; max-width:200px !important; } /* triangle decoration */ #tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } /*----------trade------------- */ .trdBx1 { } .trdBx1 { padding: 0; } .trd1001 { } .trd1002 { } .trd1003 { text-align: center; max-width: 600px; margin: 0 auto; padding: 100px 0; height: 800px; } .trdT01 { color: #484848; font-size: 35px; margin: 0 0 20px; font-weight: 400; line-height: 34px; } .trdT02 { color: #484848; font-size: 16px; margin-bottom: 30px; font-weight: 300; line-height: 22px; } .trdT03 { } .trdBx2 { padding: 70px 0; } .trd2001 { max-width: 1200px; margin: 0 auto; } .trd2002 { } .trd2003 { display: inline-block; width: 100%; } .trdb2Clm { float: left; width: 25%; padding: 0 15px; } .trdT04 { font-weight: 600; color: #484848; margin-bottom: 15px; font-size: 24px; line-height: 24px; } .trdT09 { text-align: center; letter-spacing: 3px; font-size: 18px; text-transform: uppercase; color: #484848; margin: 0; padding: 0 0 30px 0; } .trdBx3 { } .trd3001 { } .trd3002 { } .trd3003 { } .trdT05 { line-height: 18px; font-size: 13px; font-weight: 400; } .trdT08 { position: relative; } .trdBx4 { padding: 80px 0; } .trd4001 { } .trd4002 { max-width: 680px; margin: 0 auto; } .trd4003 { } .trdT06 { text-align: center; letter-spacing: 2px; font-size: 18px; text-transform: uppercase; color: #484848; line-height: 24px; margin: 0 0 40px; } .trdT07 { } .inspiration-block.trdT08 .collection .item { margin: 0 auto; display: block; width: 100%; padding: 0 15px; } .inspiration-block.trdT08 .collection .item img { max-width:100%; border-radius:5px; } .trdbtn1 { background: #000; font-size: 14px; font-weight:400; text-transform: uppercase; color:#fff !important; letter-spacing: 2px; display: inline-block; max-width: 300px; width: 100%; padding: 12px 0; border:1px solid #000; cursor: pointer; } .trdbtn1:hover { background: #fff; color:#000 !important; } .trdT10 { font-size: 0; } .trdT10 label { font-size: 13px; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 4px 0; display: inline-block; } .trdT10 li { } .fields.first-last-group .field, .trdT10 .fields { margin: 0 0 15px 0; } .fields.first-last-group { margin:0 0 0 0; } .trdT10 input[type="text"], .trdT10 input[type="password"], .trdT10 input[type="url"], .trdT10 input[type="tel"], .trdT10 select, .trdT10 input[type="search"], .trdT10 input[type="number"], .trdT10 input[type="datetime"], .trdT10 input[type="email"] { height: 44px; font-weight: 400; } .trdT08 .collection .owl-nav button.owl-prev { left: 20px; top: 50% !important; } .trdT08 .collection .owl-nav button.owl-next { right: 20px; top: 50% !important; } /* .trdT10 select { -webkit-appearance: menulist; -moz-appearance: menulist; -ms-appearance: menulist; appearance: menulist; } */ .trdT10 .comp_project { color: #231f20; font-size: 16px; font-weight: 600; display: inline-block; padding: 0 0 0px 0; } ul#company-project-type { display: inline-block; width: 100%; } #company-project-type li { padding:12px 15px; float:left; border:1px solid #b7b7b7; cursor:pointer; margin: 10px 10px 0px 0; font-size:13px; text-transform:uppercase; letter-spacing:1px; } #company-project-type li.selected { background:#333; border:1px solid #333; color:#fff } .trdT11.fieldset { margin: 0 0 24px 0; } .trdT12 { } .trdT13 { font-size: 14px; font-weight:400; } .trdT08 .collection .owl-nav button.owl-prev, .trdT08 .collection .owl-nav button.owl-next { top: 50%; margin: -22px 0 0 0; line-height: 1.6rem !important; } /***** Bespoke******/ .bpBox1 { background:#85858b; padding:150px 0; } .bpB101 { } .bpB102 { } .bpB103 { text-align:center; max-width:700px; margin:0 auto; } .bpT1 { font-size:12px; font-weight:600; padding:0 0 30px 0; color:#fff; } .bpT2 { font-size:38px; font-weight:300 ; text-transform:uppercase; color:#fff; line-height: 44px; } .bpT3 { padding: 150px 0 0 0; } .bpBox2 { padding:115px 20px; } .bpB201 { } .bpB202 { max-width:650px; margin:0 auto; text-align:center; } .bpT4 { font-size:28px; color:#010101; text-transform:uppercase; font-weight:300; padding:0 0 50px 0; line-height: 35px; } .bpT5 { font-size:16px; color:#454545; font-weight: 300 } .bpBox3 { background:#f1f1f1; padding:70px 0 80px; } .bpB301 { } .bpB302 { max-width:1200px; margin:0 auto; } .bpT6 { font-size:28px; color:#010101; text-transform:uppercase; font-weight:300; padding:0 0 50px 0; text-align:center; line-height: 35px; } .bpBox4 { background:#f7f7f7; padding:50px 0; } .bpB401 { } .bpB402 { } .bpT10 { max-width:620px; text-align:center; margin:0 auto; } .bpT7 { font-size:28px; color:#fff; text-transform:uppercase; line-height: 30px; font-weight:300; padding:0 0 25px 0; } .bpT8 { padding:0 0 35px 0; font-size:14px; color:#fff; font-weight: 300; } .bpT9 { max-width:890px; margin:0 auto; padding:60px 0; background:#fff; } .bpT11 { max-width:430px; margin:0 auto; } .bpT12 { } .bpT12 li { font-size:12px; margin:0 0 20px 0; } .bpT12 li label { padding:0 0 8px 0; text-transform: uppercase; display:inline-block; } .bpT12 li input { height: 42px; } .bpT13 { text-align:center; font-size:12px; } #attachment { display: none; } #image_preview{ border: 1px solid black; padding: 10px; } #image_preview img{ width: 200px; padding: 5px; } .cms-bespoke .page-footer { margin-top: 0px; } .cms-bespoke .columns .column.main { padding:0; } .bpT12 li.bpT14 { font-size:0; } div#attachmentFiles { display: inline-block; width: 100%; font-size:0; } div#attachmentFiles .image.base-image { width: 33.3333%; border: 4px solid #fff; display: inline-block; vertical-align: top; margin: 8px 0 0 0; } div#attachmentFiles .product-image-wrapper { height: 90px; overflow: hidden; background: #f1f1f1; position: relative; } div#attachmentFiles .product-image-wrapper img { min-height: 90px; } div#attachmentFiles .actions { position: absolute; bottom: 5px; right: 5px; } div#attachmentFiles .actions .action-remove { width: 34px; font-size: 0; padding: 0; background:url(data:image/svg+xml; base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDM1NyAzNTciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDM1NyAzNTc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48Zz4KCTxnIGlkPSJjbGVhciI+CgkJPHBvbHlnb24gcG9pbnRzPSIzNTcsMzUuNyAzMjEuMywwIDE3OC41LDE0Mi44IDM1LjcsMCAwLDM1LjcgMTQyLjgsMTc4LjUgMCwzMjEuMyAzNS43LDM1NyAxNzguNSwyMTQuMiAzMjEuMywzNTcgMzU3LDMyMS4zICAgICAyMTQuMiwxNzguNSAgICIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9ImFjdGl2ZS1wYXRoIiBkYXRhLW9sZF9jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PC9wb2x5Z29uPgoJPC9nPgo8L2c+PC9nPiA8L3N2Zz4=) no-repeat center center #e85e5e; box-shadow: none; color: #000; text-transform: capitalize; font-weight: 500; border: 0px solid #000000; height: 34px; border-radius: 50%; background-size: 14px; opacity: 0.8; } div#attachmentFiles .actions .action-remove:hover { opacity: 0.9; } .bpT16 { display: table-row; width:100%; } .bpT17 { width:50%; float:right; height: 500px; } .bpT17 img { } .bpT18 { width:50%; float:left; background:#fff; padding: 130px 70px; height: 500px; } .bpT18 h3 { font-size: 30px; color: #000; text-transform: uppercase; font-weight: 400; margin: 0 0 30px 0; } .bpT18 p { font-size: 16px; color: #484848; font-weight: 300; line-height: 22px; } .bpT15.owl-theme .owl-nav { margin-top: 0; } .bpT15.owl-carousel .owl-nav button.owl-next, .bpT15.owl-carousel .owl-nav button.owl-prev { top: 22% !important; } .bpT15 .owl-dots { position:absolute; bottom:-35px; width:100%; } .bpT15.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; width: 25px; border: 0; height: 5px; background: #fff; border-radius: 0; margin: 0 1px; box-shadow: none; } .bpT15.owl-theme .owl-dots .owl-dot.active { background:#000; } .bpT15.owl-theme .owl-dots .owl-dot span { width: 0; height: 0; margin: 0; display: none; } .bpT15.owl-theme .owl-nav .owl-prev { left: 10px; } .bpT15.owl-theme .owl-nav .owl-next { right:10px; } .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next, .collection .owl-nav button.owl-next, .collection .owl-nav button.owl-prev { font-size: 18px !important; position: absolute; color: #fff !important; line-height: 42px !important; width: 44px; height: 44px; border-radius: 50%; margin: 0; top: 30%; } .loginp4 { float: left; font-size: 12px; color: #000; line-height: 27px; } .forgot-buttom-link{ font-size: 12px; color: #000; line-height: 27px; } .loginp6{ color: #000; text-decoration: none; font-size: 12px; } .form-list>.field.note.rugnote { text-align: left; font-size: 17px; font-weight: 400; margin-bottom: 10px !important; margin-top: 40px; } .form-group label.error{ color:#ff5656 !important; } .rug-size .unit input[type="number"]:-moz-read-only { background: #eee; } .rug-size .unit input[type="number"]:read-only { background: #eee; } .image-upload-error{ color: red; } .cart-attr.checkout-attr{ top: 0px !important; } .sub-cats ul li { width: 31%; margin: .5%; display: inline-block; position: relative; } .shapefilter .owl-stage { width: 1443px; display:flex; } #slider-carousel .owl-stage { width: 1725px; } .ui-menu .ui-menu-item-wrapper{ padding: 7px 5px !important; border-bottom: 1px solid #ddd; text-transform: capitalize; } .ui-front{ z-index: 99999 !important; } /*no-result*/ .no-result { } .no-result .explore-rug-cls { display:none; } .no-result .filter-bar { display:none; } .no-result .sidebar.sidebar-main { display:none; } .no-result .breadcrumbs { display:none; } .no-result .page-main { background: #f5f5f5; box-sizing: border-box; padding: 50px 60px; margin: 0 0 0px 0; } .page-layout-2columns-left.page-with-filter.page-products.no-result .page-main .column.main { width: 100%; background: #fff; padding:0px 20px; } .noresBx { display: block; width: 100%; max-width: 1000px; margin: 0 auto; background: #fff; padding: 50px; } .no1 { text-align: center; } .no2 { } .no2 img { max-height:300px; } .no3 { font-size: 32px; color: #000; font-weight: 600; padding: 10px 0 0 0; margin: 0; line-height: 42px; } .no4 { font-size: 16px; padding: 0px 0 22px 0; font-weight: 300; } .no5 { font-size: 14px; font-weight: 500; padding: 0 0 8px 0; } .no6 { } .no7 { padding: 50px 0 0 0; margin: 50px 0 0 0; border-top: 3px dashed #f4f4f4; text-align: center; } .no6Btn { background:#484848; border:0; margin: 0; padding:8px 32px; text-transform:uppercase; cursor:pointer; color: #fff !important; display:inline-block; } .no6Btn:hover{ color:#fff; background:#000000; } .no8 { color: #000; font-size: 13px; text-transform: uppercase; font-weight: bold; padding-bottom: 10px; } .no9 { } .no9 li { display:inline-block; } .no9 li a { background: #fff; margin: 0 3px 6px 0px; padding: 7px 32px; cursor: pointer; color: #4c4b4b; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; font-size: 12px; } .no9 li a:hover{ color:#000; background:#efefef; } /*********************************** Responsive Start *********************************/ .ordercolor-modal .modal-title { font-weight: 400; font-size: 24px; color: #484848; text-transform: uppercase; margin: 0 } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-scrollable .modal-header { flex-shrink: 0; padding: 16px 0; margin: 0 20px; border-bottom: 1px solid #c1c1c1 } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); } .modal-dialog-scrollable .modal-body { overflow-y: auto; padding: 20px } .pdp-v2 .detail-toggle .yt-detail-left{ width: 91%; max-width: 100%; position: static !important; } .video-button{ border-radius: 0 0 8px 8px; letter-spacing: 1px; text-transform: uppercase; font-size: small; position: fixed; left: -50px; bottom: 30%; background: #000; z-index: 99997; color: #fff; padding: 6px 8px 4px 8px; font-weight: 400; cursor: pointer; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .pop1st{ top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; pointer-events: none; overflow: hidden; background: #0000004d; } .pop1st iframe{ min-height: 80vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #colorsample .color-filters .filter-input { border: 1px solid #c2c2c2; border-radius: 1px; width: 150px; font-size: 14px; margin-left: 25px; } #colorsample .color-filters .slClrnm { min-width: 75px; text-align: left; padding-top: 7px; } #colorsample .color-filters .slctClr { width: 40px; height: 40px; display: block; margin-right: 10px; } ul.discover{ padding: 20px 30px !important; } ul.discover li .cd-nav-item:hover img{ filter: brightness(1.1); } ul.discover li .cd-nav-item:hover{ border-color: #000; color: #000; text-decoration: none; } ul.discover li .cd-nav-item{ text-align:center; font-size: 14px !important; padding: 10px .53% !important; background:none !important; border:0px !important } .head .reset{ padding: 4px 10px; color: #52258d; color: #fff; } .head a.reset:hover{ color: #000 !important; } .page-main { background: #f5f5f5; box-sizing: border-box; padding: 50px 60px; margin: 0 0 -25px; } .box404 { display: block; width: 100%; max-width: 1000px; margin: 0 auto; background: #fff; padding: 50px; } .clmx1 { width: 70%; float: left; box-sizing: border-box; padding: 0 10px 0 0; } .x4txt { padding: 0; } .clmx2 { width: 30%; float: right; padding: 0 0 0 30px; box-sizing: border-box; border-left: 1px solid #ccc; } .catHdr { color: #000; font-size: 16px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; } .clmx2 ul { padding: 4px 0 0 14px; } .clmx2 ul li { margin: 0 0 8px; list-style-type: disc; } .clmx2 ul li a { font-size: 13px; color: #7a7a7a; letter-spacing: .5px; } .magic { width: 100%; height: 0; clear: both; } .clmx3 { text-align: center; width: 100%; float: none; margin: 50px 0 0; font-size: 14px; background: #f7f7f7; padding: 40px; } .x4txt2 { width: 100%; } .x4txt2 li { display: inline-block; width: 100%; font-size: 13px; font-weight: 500; } .gbckbtn { color: #6acf68; } .not-found-page { width: 100%; background: #fff; padding: 40px 0; } a.gbckbtn2 { background: #484848; border: 0; margin: 0 5px 0 0; padding: 8px 32px; text-transform: uppercase; cursor: pointer; color: #fff; display: inline-block; } a.gbckbtn2:hover { color: #fff !important; background: #252525; } span.gbckbtn3 { background: #fff; margin: 0 0 0 5px; padding: 7px 32px; text-transform: uppercase; cursor: pointer; color: #4c4b4b; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } .clmx1{ width:70%; float:left; box-sizing:border-box; padding:0 10px 0 0 } .clmx2{ width:30%; float:right; padding:0 0 0 30px; box-sizing:border-box; border-left:1px solid #ccc } .x4titl h1{ padding:0 0 30px !important; color:#ccc; font-size:24px; color:#484848; margin:0; font-weight:600 } .x4txt{ padding:0 } .clmx2 ul{ padding:4px 0 0 14px } .clmx2 ul li{ margin:0 0 8px; list-style-type:disc } .clmx2 ul li a{ font-size:13px; color:#7a7a7a; letter-spacing:.5px } .clmx2 ul li a:hover{ color:#000; text-decoration:none } .x4txt dl{ margin:0 0 20px } .x4txt dl dt{ font-size:15px; font-weight:500; padding-bottom:6px } .x4txt dl dd{ font-size:13px; color:#7a7a7a; padding-bottom:0 } .clmx3{ text-align:center; width:100%; float:none; margin:50px 0 0; font-size:14px; background:#f7f7f7; padding:40px } .x4txt ul.disc{ padding:0 } .collection-main { margin: 0 50px; } .collection-main .content { text-align: center; margin: 80px 0; padding:0px; } .collection-main .content h5 { line-height: 25px; color: #696363; padding: 0 20%; font-size: 20px; font-weight: 200; } .trendy-category { text-align: center; float: left; width: 100%; margin-bottom: 20px; } .category-image img { height: auto; width: 100%; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .materialText{ text-transform: capitalize; } #seach-form{ margin:0px } .ddTitleText .ddlabel{ text-transform: capitalize; } #m-cookienotice.v-box.v-bottom-right { border-radius: 10px 10px 0 0; } #m-cookienotice.v-box.v-bottom-right { bottom: 0; right: 0; border-radius: 10px; } #m-cookienotice.v-box { width: 570px; position: fixed; right: 0; bottom: 0; z-index: 989898989898; } #m-cookienotice.v-box { margin: 0 70px 0 0; border-radius: 10px 10px 0 0; background: rgba(255,255,255,.9) !important; width: 30%; max-width: 100%; } #m-cookienotice.v-box { position: fixed; border: 1px solid #000; border-radius: 3px; margin: 10px; } #m-cookienotice { overflow: hidden; color: #444; z-index: 9999; font-size: 13px; } #m-cookienotice .m-message { padding: 20px; font-size: 13px !important; text-align: left; line-height: 18px; font-weight: 400; } .m-message.title { display: none; } #message-custom-css { float: left; } #m-cookienotice.v-box .m-actions { float: left; margin: 5px 10px; } #m-cookienotice .m-actions { width: 100%; margin: 0 !important; padding: 0 0 12px; } #action-allow-cookies { float: right; margin-top: 0; } #m-cookienotice .m-button.m-accept { padding: 10px 40px; border: 0; display: inline-block; border-radius: 0; margin: 0; text-transform: uppercase; background: #333 !important; } #m-cookienotice .m-button { display: none; } #m-cookienotice .m-button { margin-top: 10px; display: inline-block; border: 1px solid #d4d4d4; padding: 4px 10px; text-decoration: none; border-radius: 2px; } .footer-logos img{ height: 65px; } .cms-page .cms-content { background: #f1f1f1; padding: 40px 0 40px; } .cms-page .rug-cms-page{ background: #fff; max-width: 1080px; padding: 0 40px 28px 40px; } .message.warning{ background: #454545; color: #fff; padding: 10px; font-size:12px } .message.warning span{ background: #fff; color: #000; width: 17px; height: 17px; display: inline-block; text-align: center; border-radius: 50%; line-height: 17px; } .page .section{ padding:0px } .cms-page .content404 .content{ text-align:left } #subscription_msg .alert-danger { color: #d10013; background-color: #f1d2d2; padding: 10px; } #subscription_msg .alert-success{ color: #4F8A10; background-color: #fff; padding: 10px; } .frFrmLdr .form-group .input-box .error{ color: #ff5656; } .customer-session-index .form-list{ padding-left: 0px; } .customer-session-index .sign-in-new-form { padding: 50px; } .customer-session-index .sign-in-new-form form { max-width: 650px; margin: 0px auto; padding: 50px; /*transform: translate(50%); */ } .mini-products-list .item-options dd.values{ max-width: 160px; } .checkout-cart-index .cart .table-cart .product-info .material-div{ display: -webkit-box; } .checkout-cart-index .cart .table-cart .product-info span.material-detailtitle{ display: -webkit-box; } .myorders .order-row .pull-right a.btn{ width: 130px; } .myorders .card .table .product-info { margin-left: 35px; text-align: unset !important; width: unset !important; } .myorders .card .card-body address{ font-weight: 400; } .myorders .card .inner-text{ font-weight: 400; color: #484848; } .myorders .card .odrstatus{ color: #999; } .myorders .card strong{ color:unset; } #pagination-ajax nav ul{ display: flex; } .pdp-v2 .color-sample-size ul{ position: relative; margin-bottom: 0px; padding: 0px; } .pdp-v2 .color-sample-size ul li { display: block; position: relative; float: left; width: 100%; } .pdp-v2 .color-sample-size ul li p.head{ padding-bottom: 10px; text-transform: uppercase; font-weight: 600; color: #484848; margin-bottom: 0px; font-size: 11px; } .pdp-v2 .color-sample-size ul li p.head i { display: inline-block; vertical-align: middle; position: relative; top: -1px; font-size: 16px; text-transform: unset; margin: 0px 0px 0px 3px; } .pdp-v2 .color-sample-size ul li .rug-size-box { font-size: 12px; line-height: 16px; } .pdp-v2 .color-sample-size .rug-size-box .radio { width: auto; float: right; border: none; margin-left: 20px !important; color: #484848; } .pdp-v2 .color-sample-size label { margin-bottom: 0px; display: block; } .pdp-v2 .color-sample-size ul li .rug-size-box .unit .subtitle { text-transform: uppercase; margin-bottom: 4px; } .pdp-v2 .color-sample-size input[type="number"] { height: auto; border-radius: 0; border: 1px solid #c2c2c2; font-size: 14px; width: 100%; margin: 0; padding: 7px; line-height: normal; max-width: 100%; } .pdp-v2 .color-sample-size .unit-placeholder { right: 5px; bottom: 5px; font-size: 14px; color: #999; padding: 5px; } .pdp-v2 .color-sample-size .cs_feet .unit{ float: left; width: 48%; margin-right: 2px; } .pdp-v2 .color-sample-size-outer{ background: #f5f5f5; padding: 20px; max-width: 500px; } .modal-open .floatingButtonWrap {display:none} .btn-primary:hover{ color: #fff !important } .pop1st{ top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; pointer-events: none; overflow: hidden; background: #0000004d; } .pop1st iframe{ min-height: 80vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .color_platte .collapse-fixed{ z-index: 99999 } #colorsample .color-filters .filter-input { border: 1px solid #c2c2c2; border-radius: 1px; width: 150px; font-size: 14px; margin-left: 25px; } #colorsample .color-filters .slClrnm { min-width: 75px; text-align: left; padding-top: 7px; } #colorsample .color-filters .slctClr { width: 40px; height: 40px; display: block; margin-right: 10px; } ul.discover{ padding: 20px 30px !important; } ul.discover li .cd-nav-item:hover img{ filter: brightness(1.1); } ul.discover li .cd-nav-item:hover{ border-color: #000; color: #000; text-decoration: none; } ul.discover li .cd-nav-item{ text-align:center; font-size: 14px !important; padding: 10px .53% !important; background:none !important; border:0px !important } .page-main { background: #f5f5f5; box-sizing: border-box; padding: 50px 60px; margin: 0 0 -25px; } .box404 { display: block; width: 100%; max-width: 1000px; margin: 0 auto; background: #fff; padding: 50px; } .clmx1 { width: 70%; float: left; box-sizing: border-box; padding: 0 10px 0 0; } .x4txt { padding: 0; } .clmx2 { width: 30%; float: right; padding: 0 0 0 30px; box-sizing: border-box; border-left: 1px solid #ccc; } .catHdr { color: #000; font-size: 16px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; } .clmx2 ul { padding: 4px 0 0 14px; } .clmx2 ul li { margin: 0 0 8px; list-style-type: disc; } .clmx2 ul li a { font-size: 13px; color: #7a7a7a; letter-spacing: .5px; } .magic { width: 100%; height: 0; clear: both; } .clmx3 { text-align: center; width: 100%; float: none; margin: 50px 0 0; font-size: 14px; background: #f7f7f7; padding: 40px; } .x4txt2 { width: 100%; } .x4txt2 li { display: inline-block; width: 100%; font-size: 13px; font-weight: 500; } .gbckbtn { color: #6acf68; } .not-found-page { width: 100%; background: #fff; padding: 40px 0; } a.gbckbtn2 { background: #484848; border: 0; margin: 0 5px 0 0; padding: 8px 32px; text-transform: uppercase; cursor: pointer; color: #fff; display: inline-block; } a.gbckbtn2:hover { color: #fff !important; background: #252525; } span.gbckbtn3, a.gbckbtn3 { background: #fff; margin: 0 0 0 5px; padding: 7px 32px; text-transform: uppercase; cursor: pointer; color: #4c4b4b; display: inline-block; border: 1px solid #ccc; box-sizing: border-box; } .clmx1{ width:70%; float:left; box-sizing:border-box; padding:0 10px 0 0 } .clmx2{ width:30%; float:right; padding:0 0 0 30px; box-sizing:border-box; border-left:1px solid #ccc } .x4titl h1{ padding:0 0 30px !important; color:#ccc; font-size:24px; color:#484848; margin:0; font-weight:600 } .x4txt{ padding:0 } .clmx2 ul{ padding:4px 0 0 14px } .clmx2 ul li{ margin:0 0 8px; list-style-type:disc } .clmx2 ul li a{ font-size:13px; color:#7a7a7a; letter-spacing:.5px } .clmx2 ul li a:hover{ color:#000; text-decoration:none } .x4txt dl{ margin:0 0 20px } .x4txt dl dt{ font-size:15px; font-weight:500; padding-bottom:6px } .x4txt dl dd{ font-size:13px; color:#7a7a7a; padding-bottom:0 } .clmx3{ text-align:center; width:100%; float:none; margin:50px 0 0; font-size:14px; background:#f7f7f7; padding:40px } .x4txt ul.disc{ padding:0 } /****** FAQ */ .fqBx101 { background:rgba(0, 0, 0, 0.2); } .fqBx102 { padding:200px 0; } .fqBx103 { text-align: center; max-width: 700px; margin: 0 auto; } .fqt1 { font-size: 12px; font-weight: 600; padding: 0 0 30px 0; color: #fff; } .fqt2 { font-size: 38px; font-weight: 300; /*text-transform: uppercase; */ color: #fff; line-height: 44px; } ul.discover{ padding: 20px 30px !important; } ul.discover li .cd-nav-item:hover img{ filter: brightness(1.1); } ul.discover li .cd-nav-item:hover{ border-color: #000; color: #000; text-decoration: none; } ul.discover li .cd-nav-item{ text-align:center; font-size: 14px !important; padding: 10px .53% !important; background:none !important; border:0px !important } .head .reset{ color: #ffffff; padding: 4px 10px; background: #52258d; } .page-main { background: #f5f5f5; box-sizing: border-box; padding: 50px 60px; margin: 0 0 -25px; } .box404 { display: block; width: 100%; max-width: 1000px; margin: 0 auto; background: #fff; padding: 50px; } .clmx1 { width: 70%; float: left; box-sizing: border-box; padding: 0 10px 0 0; } .x4txt { padding: 0; } .clmx2 { width: 30%; float: right; padding: 0 0 0 30px; box-sizing: border-box; border-left: 1px solid #ccc; } .catHdr { color: #000; font-size: 16px; text-transform: uppercase; font-weight: 700; padding-bottom: 10px; margin: 0 0 10px; border-bottom: 1px solid #e6e6e6; } .clmx2 ul { padding: 4px 0 0 14px; } .clmx2 ul li { margin: 0 0 8px; list-style-type: disc; } .clmx2 ul li a { font-size: 13px; color: #7a7a7a; letter-spacing: .5px; } .magic { width: 100%; height: 0; clear: both; } .clmx3 { text-align: center; width: 100%; float: none; margin: 50px 0 0; font-size: 14px; background: #f7f7f7; padding: 40px; } .x4txt2 { width: 100%; } .fqt3 { padding: 60px 0 0 0; } .fqbtn1 { background: #454545; font-size: 12px; font-weight: 600; color: #fff !important; letter-spacing: 2px; display: inline-block; max-width: 300px; width: 100%; padding: 12px 0; border: 1px solid #454545; cursor: pointer; } .fqbtn1:hover { background: #000; color: #fff !important; } .fqBx202 { max-width:1440px; margin:0 auto; padding:80px 0; } .fqRow1 { font-size:0; } .fqClm04 { width:25%; display:inline-block; vertical-align: top; } .fqClm04in { margin:0 10px; font-size:12px; padding:30px; background:#F1F1F1; height:230px; box-sizing: border-box; } .fqClm04in:hover { background:rgba(241, 241, 241, 0.5); } .fqB2s1 table { width:100%; height:170px; } .fqB2s1 table td { vertical-align:middle; padding:0; } .fqIcn1 { padding:0px 0 10px 0; } .fqIcn1 span { display: inline-block; width: 40px; height: 40px; } .fqIcn1 img { width:40px; } .fqClm041 .fqIcn1 span { background: url('../images/order.svg') no-repeat center center; background-size: 40px; } .fqClm042 .fqIcn1 span { background: url('../images/credit-card.svg') no-repeat center center; background-size: 40px; } .fqClm043 .fqIcn1 span { background: url('../images/gift.svg') no-repeat center center; background-size: 40px; } .fqClm044 .fqIcn1 span { background: url('../images/technical-support.svg') no-repeat center center; background-size: 40px; } .fqt4 { text-transform:uppercase; font-size:16px; font-weight:500; color:#000; letter-spacing:1px; } .fqB2s2 { display: none; } .fqBx503 { padding: 30px 20px; } .fqClm34, .fqClm14 { width:100%; float:none; } .fqClm34{ padding: 0px 50px; } .fqt8 { text-transform:uppercase; font-size:16px; font-weight:500; color:#000; letter-spacing:1px; text-align:center; line-height: 18px; min-height: 36px; } .fqt8 a { color:#000; } .fqt9 { } .fqt9 ul { padding:0px 0 0 0; } .fqt9 ul li { padding:6px 0; font-size:0; } .fqt9 ul li a { color: #000; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; } .fqt9 ul li a:hover { color:rgba(0, 0, 0, 0.7); } .fqClm04in:hover .fqB2s1 { display:none; } .fqClm04in:hover .fqB2s2 { display:block; } .fqBx3 { background:#F1F1F1; padding:60px 0; text-align:center; } .fqBx303 { max-width:890px; margin:0 auto; } .fqt5 { font-size:28px; letter-spacing: 1px; color:#000; margin:0 0 60px 0; } .fqt7 { padding:30px 20px; background:#fff; } .fqt7 ul { display: block; width:450px; margin:0 auto; } .fqt7 ul li { padding:10px 0; } .fqt7 ul li a { font-size:14px; background:rgba(241, 241, 241, 0.5); padding:20px 0; color:#000; display: inline-block; width:100%; } .fqt7 ul li a:hover { background:rgba(241, 241, 241, 1); } .fqBx401 { background:rgba(0, 0, 0, 0.2); } .fqBx402 { padding:75px 0; } .fqBx403 { text-align: center; max-width: 700px; margin: 0 auto; } .fqBx503 { max-width: 1440px; margin: 0 auto; } .fqClm34 { width:75%; float:left; } .fqClm14 { width:25%; float:left; box-sizing:border-box; } .fqSet { margin:0 0 30px 0; } .fqt11 { font-size:16px; color: #000; font-weight:500; } .fqt12 { font-size:14px; color: rgba(0, 0, 0, 0.8); margin:8px 0 4px; } .fqt10 a { font-size:14px; color:rgba(0, 0, 0, 0.6); } .fqt10 a:hover { color:rgba(0, 0, 0, 0.9); } .fqSd2, .fqSd1 { margin:0 0 40px 0; padding: 20px; background: #fff; box-shadow: 0px 0px 10px #0000001c } .fqt13 { font-size:16px; margin:0 0 15px 0; font-weight: 600; color: #000; } .fqSd1 ul li { margin:0 0 12px 0; border-bottom: 1px solid #e1e1e1; } .fqSd1 ul li a { font-size:12px; color:#000; } .fqSd1 ul li a:hover { font-weight: 500; color: #000 !important; } .fqSd2 ul li { margin:0 0 12px 0; } .fqSd2 ul li a { font-size:14px; color:#fff; line-height: 20px; display: inline-block; } .fqSd2 ul li a:hover { color:rgba(0, 0, 0, 1); } .fqClm14 ul { padding: 0 } aside.fqB2s1 { text-align: center } /****** end faq ***/ .cd-tab-filter:after{ display: none } .pdp-v2 .color-sample-size-outer{ background: #f5f5f5; } .btn-disabled:disabled{ background: grey; } /*faq css*/ .fqBx101 .fqBx102 #faq_search{ padding: 0.7rem 0.65rem; border-radius: unset; border: solid 1px #000; } .fqBx2 .fqBx201 .card { flex-direction: row; } .fqBx2 .fqBx201 .card.faq-category{ max-width: 80%; margin: 0px auto; border-radius: 0; box-shadow: 0px 0px 10px #0000001a; } .card-box:last-child hr{ display: none; } .ui-widget{ font-family: 'Poppins',sans-serif; } .fqBx201 h4.card-title{ font-size: 24px; text-transform: uppercase; font-weight: 500; } .faq-popularfaq .main{ background: #f5f5f5; margin-bottom: 25px; float: left; width: 100%; } .fqBx201 .description{ margin-top: 25%; } .fqBx201 .faq-img{ order: 2; max-width: 50%; } .fqBx201 .card-body{ max-width: 50%; } #accordion .card{ border:0px; box-shadow: 0px 0px 5px #0000001c; font-size: 12px; } #accordion .card-header{ border:0px; } .accordion-button{ position: relative; display: flex !important; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 14px; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease; line-height: 35px !important; } button.accordion-button:focus { box-shadow: none !important; } .accordion-button span.plus-outer{ width: 35px; height: 35px; border: 1px solid; border-radius: 50%; margin-right: 10px; } .accordion-button span.plus { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); transform: scale(.7) !important; width: 21px; height: 21px; margin: 6px !important; background-size: contain; background-repeat: no-repeat; display: block; } .accordion-button.collapsed span.plus { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); transform: scale(.7) !important; } .accordion-button:not(.collapsed){ background-color: #f5f5f5; } /****** start pdp slider ***/ .image-modal-open{ overflow: hidden !important; } .image-modal { width: 100%; height: 100vh !important; padding-right: 0 !important; overflow: hidden !important; } .image-modal .modal-dialog.modal-lg.modal-large{ max-width: unset !important; width: 100% !important; height: 100%; margin: 0; } .preview-image{ max-width: 100%; max-height: 100%; } .preview-image-wrapper{ height: 100vh; width: 100%; display: flex; align-items: center; justify-content: center; } .btn-image-preview{ position: absolute; display: flex; align-items: center; justify-content: center; font-size: 20px; top: 50%; z-index: 2000; height: 44px; width: 44px; border-radius: 50% !important; background: rgba(0, 0, 0, 0.2); color: white; border: none; transform: translateY(-25px); padding: 0px !important; } .btn-image-preview img{ width: 100%; } .image-preview-left{ left: 100px; } .image-preview-right{ right: 100px; } .image-modal .product-image-zoom .close{ font-size: 50px !important; } /****** end pdp slider ***/ .product-price1,.product-price{ display: none } .item-inner .product-name { font-weight: 200 !important } .item-inner .product-info { text-align: center !important } .cd-gallery .products-grid .item-inner .product-name a { min-height: 65px } .cd-gallery .products-grid .item-inner .product-info{ padding: 0px; } .category-heading h2{ display: inline-block; margin-top: 20px; } .product-image{ position: relative; text-align: center; } .products-grid .item-inner span.view{ z-index: 2 } .cd-tab-filter-wrapper.fixed{ background: #000; border-top-color: #000; } .cd-tab-filter-wrapper.fixed a{ color: #fff; } .cd-tab-filter-wrapper.fixed a:hover{ color: #fff !important; } .cd-tab-filter-wrapper.fixed .cd-tab-filter span.selected{ color: #fff; box-shadow: inset 0 -2px 0 #fff; } .outer-footer{ padding-top: 50px; } .logo-section{ margin-top: 10px; } .side .close-side i{ font-size: 30px; font-weight: 200; font-style: normal; } .trade-reg-form .phone_code, #contact-form .phone_code, #bespoke-form .phone_code{ height: 44px; width: 100%; padding: 0 8px; color: #484848; border-right: none; } #form-join-us .phone_code{ height: 46px; width: 100%; padding: 0 8px; color: #484848; border: 1px solid #b7b7b7; border-right: none; } .checkout-onepage-index .phone_code{ height: 45px; width: 100%; padding: 0 8px; color: #484848; border: 1px solid #c2c2c2; border-right: none; } input#newsletter:-webkit-autofill, input#newsletter:-webkit-autofill:hover, input#newsletter:-webkit-autofill:focus, textarea#newsletter:-webkit-autofill, textarea#newsletter:-webkit-autofill:hover, textarea#newsletter:-webkit-autofill:focus, select#newsletter:-webkit-autofill, select#newsletter:-webkit-autofill:hover, select#newsletter:-webkit-autofill:focus { border: 1px solid white; -webkit-text-fill-color: white; -webkit-box-shadow: 0 0 0px 1000px #000 inset; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .personlise-mobile{ padding: 10px 20px; box-shadow: 0px 0px 10px #0000002b; border-radius: 10px; text-align: center; margin-top: 20px; } .personlise-mobile div{ font-size: 16px; line-height: 28px; } .personlise-mobile h1{ font-size: 30px; font-weight: 600; margin-top: 30px; } .home-index .modal-body .google-search-size-outer { background: unset; padding: 20px; max-width: 500px; margin: 0px auto; height: 158px; background: #f5f5f5; } .home-index .modal-body .google-search-size ul { position: relative; margin-bottom: 0px; padding: 0px; } .home-index .modal-body .google-search-size ul li { display: block; position: relative; float: left; width: 100%; } .home-index .modal-body .google-search-size ul li p.head { padding-bottom: 10px; text-transform: unset; font-weight: 600; color: #484848; margin-bottom: 0px; font-size: 12px; } .home-index .modal-body .google-search-size ul li .rug-size-box { font-size: 12px; line-height: 16px; } .home-index .modal-body .google-search-size .rug-size-box .radio { width: auto; float: right; border: none; margin-left: 40px !important; color: #484848; font-weight: 600; } .home-index .modal-body .google-search-size label { margin-bottom: 0px; display: block; font-size: 12px; font-weight: 600; } .rug-size-box .rug-size { margin-top: 14px; float: left; width: 100%; } .home-index .modal-body .google-search-size ul li .rug-size-box { font-size: 12px; line-height: 16px; } .rug-size .row { margin-left: 0px; margin-right: 0px; } .rug-size .col-lg-6:first-child { padding-right: 4% !important; /*width: 52%; */ } .rug-size .unit { position: relative; } .home-index .modal-body .google-search-size ul li .rug-size-box .unit .subtitle { text-transform: unset; margin-bottom: 4px; } .home-index .modal-body .google-search-size ul li .rug-size-box .unit .subtitle.required:after { content:" *"; color: red; } .home-index .modal-body .google-search-size ul li .rug-size-box .unit .cm-width-error { margin-left: 70px; } .home-index .modal-body .google-search-size ul li .rug-size-box .unit .cm-length-error { margin-left: 76px; } .home-index .modal-body .google-search-size label { margin-bottom: 0px; display: block; } .home-index .modal-body .google-search-size input[type="number"] { height: auto; border-radius: 0; border: 1px solid #c2c2c2; font-size: 14px; width: 100%; margin: 0; padding: 7px; line-height: normal; max-width: 100%; } .home-index .google-search-body p.head{ font-size: 12px; } .home-index .modal-body .google-search-size .unit-placeholder { right: 5px; bottom: 5px; font-size: 14px; color: #999; padding: 5px; } .home-index .google-search-body button{ text-transform: unset; } .home-index .modal-body .reloader-bar{ margin-top: 90px; margin-bottom: 90px; } .home-index .google-search-body .feet-width-error{ margin-left: 67px; } .home-index .google-search-body .feet-length-error{ margin-left: 73px } .home-index #googleSearchSizeModal{ background-color: rgba(0,0,0,0.4); } .home-index #googleSearchSizeModal .modal-dialog { transform: translate(0,-50%); top: 50%; margin: 0 auto; max-width:600px; } /* Add Zoom Animation */ .animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s } .modal-open .popup-css1 { /*display: flex !important; */ align-items: center !important; top: 10%; } .popup-css1 .modal-body { padding: 0; } .popup-css1 .modal-content { border-radius: 15px; border: 0px solid rgba(0,0,0,.2); text-align: center; overflow: hidden; } .popup-css1 .modal-body h1 { font-weight: 900; font-size: 2.3em; text-transform: uppercase; } .design-popup .content{ padding: 0px !important; background: none !important; } .popup-css1 .modal-dialog { max-width: 980px !important; } .popup-css1 .modal-body a.pre-order-btn { color: #000; background-color: gold; border-radius: 1em; padding: 1em; display: block; margin: 2em auto; width: 50%; font-size: 1.25em; font-weight: 6600; } .popup-css1 .modal-body a.pre-order-btn:hover { background-color: #000; text-decoration: none; color: gold; } .popup-css-right img { margin: 30px 0 40px 0; } .popup-css1 .close img { position: absolute; right: 12px; top: 12px; } .popup-css1 .close{ background: #fff; border-radius: 0px 10px 0px 10px; } .custom-checkbox { padding-left: 32px; line-height: 20px; padding-top: 3px; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-checkbox label { font-size: 12px; color: #666; font-weight: 500; } .modal.popup-css2.show { /*display: flex !important; */ align-items: center !important; padding-right: 0px !important; top: 15%; transform: translateY(-1%); } .popup-css2 .modal-body { padding: 0; } .popup-css2 .modal-content { border-radius: 15px; border: 0px solid rgba(0,0,0,.2); overflow: hidden; } .popup-css2 .modal-body h1 { font-weight: 900; font-size: 2.3em; text-transform: uppercase; } .popup-css2 .modal-dialog { max-width: 820px !important; text-align: center; } .popup-css2 .modal-body a.pre-order-btn { color: #000; background-color: gold; border-radius: 1em; padding: 1em; display: block; margin: 2em auto; width: 50%; font-size: 1.25em; font-weight: 6600; } .popup-css2 .modal-body a.pre-order-btn:hover { background-color: #000; text-decoration: none; color: gold; } .popup-css-right1 > img { margin: 30px 0 40px 0; } .popup-css2 .close img { position: absolute; right: 12px; top: 12px; } .popup-css2 .form-group { margin-bottom: 0.6rem; } .popup-css2 .callback-btn { margin: 20px 0; } .popup-css2 label { margin-bottom: 0.1rem; font-size: 15px; font-weight: 500; } .popup-css1 img.assist-img, .popup-css2 img.assist-img{ height: 100%; } .form-css1 { display: inline-grid; text-align: left; width: 300px; } .form-css1 input { border: 1px solid #DEDEDE !important; height: 40px; padding-left: 10px; } .form-css1 input.phone-number{ width: 220px; } .form-css1 select{ background: #ddd; width: 74px; border: 1px solid #dedede!important; height: 40px; float: left; color: #666; } input:-internal-autofill-selected { background: #fff; } .popup-css-right{ padding-bottom: 20px; } .check-show-btn { width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; color: #9B9B9B; cursor: pointer; } .label-color { color: #9B9B9B; } @-webkit-keyframes animatezoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes animatezoom { from { transform: scale(0) } to { transform: scale(1) } } .phone-code-outer{ width: 50px; display: inline-block; } .phone_code_outer .select2-container--default .select2-selection--single{ border: 1px solid #b7b7b7; border-right: none !important; height: 44px !important; background: #f5f5f5; } .bespoke-form .form-field input, .form-list input.input-text{ border: 1px solid #b7b7b7; } .signup-fielset .phone_code_outer .select2-container--default .select2-selection--single{ border: 1px solid #b7b7b7; height: 46px !important; } .checkout .phone_code_outer .select2-container--default .select2-selection--single{ border: 1px solid #c2c2c2; height: 45px !important; } .form-css1 .select2-container--default .select2-selection--single{ border: 1px solid #DEDEDE; height: 40px !important; background: #f5f5f5; width: 80px; } .form-css1 .select2-container{ width: 76px !important; } .form-css1 .select2-container--default .select2-selection--single .select2-selection__arrow{ height: 40px !important; } .select2-container{ z-index: 99998; width: 100% !important; max-width: 300px; } .bespoke-form .select2-container{ z-index: 9998; } .signup-fielset .select2-container,.form-css1 .select2-container{ z-index: 999998 !important; } .trade-reg-form .form-field input{ border: 1px solid #b7b7b7; } .product-info .product-size{ font-weight: 200; font-size: 14px; margin-top: 10px; } .addons-list{ margin-top: 25px; margin-left: 60px; max-height:285px; overflow-y: auto; padding: 0; max-width: 270px; } .addons-list .item { position:relative; color: #484848; padding: 10px 0px 10px 0px !important; display: block; border-top: 1px solid #ccc !important; } .addons-list li.item a.btn-remove, .addons-list li.item span.btn-remove { right: 0px !important; } .dropdown-toggle.collection-mobile{ display: none !important; width: 0px !important; } .mobile-image-preview{ display: none; position: fixed; top: 20px; right: 10px; width: 50vw; z-index: 9998; box-shadow: 0px 0px 5px #0000003d; border-radius: 10px; } .cd-gallery .products-grid li{ float: left; } .phone_code_outer .select2-selection__rendered{ text-overflow: unset !important; } .rug-finder-css1 img.img_logo1 { margin: 15px 0; max-width: 25%; } ul.shape-box { list-style-type: none; padding: 0px; margin: 0px; } .shape-box li { display: inline-block; width: 28%; padding: 0px; margin: 0px; } .rugtype-css li { display: inline-block; width: 13.5%; padding: 0px; margin: 0px; } .rug-finder-css1.search-modal.modal .modal-dialog { margin: 5rem auto; max-width: 820px !important; height: auto; } .modal-open .rug-finder-css1 { display: flex !important; align-items: center !important; margin-bottom: 1rem; } .modal-open .rug-finder-css1.show { z-index:9999999999; } .rug-finder-css1 .active { display: block !important; } /*Color picker*/ .grid-Wrapper { display: flex; padding: 0 25px; flex-wrap: wrap; } .grid-Wrapper .colorbtn { width: 11.2%; margin-right: 8px; height: 50px; color: #000; font-weight: 600; text-align: center; font-size: 8px; cursor: pointer; border: 0; position: relative; margin-bottom: 10px; padding: 0px; line-height: 5rem; } .grid-Wrapper .colorbtn span{ background: #ffffff5c; display: block; line-height: 20px; margin-top: 30px; } .grid-Wrapper .colorbtn:last-child, .grid-Wrapper .colorbtn:nth-child(8), .grid-Wrapper .colorbtn:nth-child(22) { margin-right: 0px; } .grid-Wrapper .colorbtn.active:after { content: ""; height: 15px; width: 15px; position: absolute; background-color: #ffffff; top: 2px; right: 2px; border-radius: 50%; } .grid-Wrapper .colorbtn.active:before { content: ""; height: 4px; width: 9px; position: absolute; top: 7px; right: 5px; border-radius: 2px; position: absolute; z-index: 1; border-left: 3px solid #333333; border-bottom: 3px solid #333333; z-index: 11; transform: rotate(-45deg); } /* .grid-Wrapper .colorbtn:hover { font-size: 12px; } */ .babyPink { background-color : #f4c2c2 } .beige { background-color : #f5f5dc } .blue { background-color : #0c1feb } .brown { background-color : #a52a2a } .coffee { background-color : #6f4e37 } .darkBlue { background-color : #0b1875 } .darkBrown { background-color : #654321 } .darkGrey { background-color : #A9A9A9 } .darkPink { background-color : #ff1491 } .green { background-color : #008000 } .greenBlue { background-color : #0D98BA } .grey { background-color : #808080 } .khaki { background-color : #f0e68c } .lightBlue { background-color : #87cfeb } .lightBrown { background-color : #ad6868 } .lightGreen { background-color : #54c716 } .lightGreenBlue { background-color : #94e0e0 } .lightGrey { background-color : #c9c9c9 } .lightMauve { background-color : #dabec7 } .lightOrange { background-color : #ff4400 } .lightPink { background-color : #ffb6c1 } .lightRed { background-color : #ff1947 } .lightViolet { background-color : #ab2bab } .mauve { background-color : #8E7580 } .neutral { background-color : #d5e3a8 } .orange { background-color : #ffa600 } .pink { background-color : #ffc0cb } .red { background-color : #fc0000 } .rust { background-color : #b7410e } .taupe { background-color : #9E9C90 } .violet { background-color : #4c0082 } .yellow { background-color : #ebfa19 } @media screen and (max-width: 880px) { .grid-Wrapper .colorbtn { margin-right: 7px; } } @media screen and (max-width: 768px) { .grid-Wrapper .colorbtn { width: 15%; } .grid-Wrapper .colorbtn:last-child, .grid-Wrapper .colorbtn:nth-child(8), .grid-Wrapper .colorbtn:nth-child(22) { margin-right: 8px; } } @media screen and (max-width: 600px) { .grid-Wrapper .colorbtn { width: 18%; margin-right: 5px; } } .modal-body .rug-finder-size-outer { background: unset; padding: 20px; margin: 0px auto; } .modal-body .rug-finder-size ul { position: relative; margin-bottom: 0px; padding: 0px; } .modal-body .rug-finder-size ul li { display: block; position: relative; float: left; width: 100%; } .modal-body .rug-finder-size ul li p.head { padding-bottom: 10px; text-transform: unset; font-weight: 600; color: #484848; margin-bottom: 0px; font-size: 12px; } .modal-body .rug-finder-size ul li .rug-size-box { font-size: 12px; line-height: 16px; } .modal-body .rug-finder-size .rug-size-box .radio { width: auto; float: right; border: none; margin-left: 40px !important; color: #484848; font-weight: 600; } .modal-body .rug-finder-size label { margin-bottom: 0px; display: block; font-size: 12px; font-weight: 600; } .modal-body .rug-finder-size ul li .rug-size-box { font-size: 12px; line-height: 16px; } .modal-body .rug-finder-size ul li .rug-size-box .unit .subtitle { text-transform: unset; margin-bottom: 4px; } .modal-body .rug-finder-size ul li .rug-size-box .unit .subtitle.required:after { content:" *"; color: red; } .modal-body .rug-finder-size ul li .rug-size-box .unit .cm-width-error { margin-left: 70px; } .modal-body .rug-finder-size ul li .rug-size-box .unit .cm-length-error { margin-left: 76px; } .modal-body .rug-finder-size label { margin-bottom: 0px; display: block; } .modal-body .rug-finder-size input[type="number"] { height: auto; border-radius: 0; border: 1px solid #c2c2c2; font-size: 14px; width: 100%; margin: 0; padding: 7px; line-height: normal; max-width: 100%; } .modal-body .rug-finder-size .unit-placeholder { right: 5px; bottom: 5px; font-size: 14px; color: #999; padding: 5px; } .rug-size.rf_feet .unit { width: 50%; float: left; } .rug-size.rf_feet .unit { padding: 0 3% 0 0; } .rug-size.rf_feet .unit:last-child { padding: 0 0 0 3%; } /* Extra styles for the cancel button */ .login-signup .cancelbtn { width: auto; padding: 10px 18px; background-color: #f44336; } .login-signup label{ margin-bottom: 3px; font-size: 14px; letter-spacing:0.3px; text-transform: uppercase; } .login-signup label em{ font-weight: normal; padding: 0 5px 0 0; vertical-align: middle; color: #f00; } span.psw { float: right; padding-top: 16px; } /* The Modal (background) */ .login-signup { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.7); /* Black w/ opacity */ padding-top: 0px; } /* Modal Content/Box */ .login-signup .modal-content { background-color: #fefefe; margin: 1% auto; /* 5% from the top, 15% from the bottom and centered */ border: 1px solid #888; width: 90%; /* Could be more or less, depending on screen size */ max-width: 500px; padding: 25px 30px; } #id02 .modal-content{ max-width: 1260px; padding: 0px; } .signup-fielset{ padding: 40px 40px 40px 20px; } /* The Close Button (x) */ .login-signup .close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.75; filter: alpha(opacity=75); padding: 0 0 18px 10px; color: #333; font-weight: normal; font-size: 28px; z-index:9; padding-bottom: 0px; } .login-signup .close:hover, .login-signup .close:focus { color: red; cursor: pointer; } .login-signup ul{ margin: 0px; padding: 0px; } .sticky.is-sticky { position: fixed; left: 0; right: 0; top: 0; z-index: 1000; width: 100%; padding: 10px 0 !important; box-shadow: 0 3px 5px rgb(0 0 0 / 10%); } /* Add Zoom Animation */ .animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s } .modal-open .popup-css1 { /*display: flex !important; */ align-items: center !important; top: 15%; } .popup-css1 .modal-body { padding: 0; } .popup-css1 .modal-content { border-radius: 15px; border: 0px solid rgba(0,0,0,.2); text-align: center; } .popup-css1 .modal-body h1 { font-weight: 900; font-size: 2.3em; text-transform: uppercase; } .popup-css1 .modal-body a.pre-order-btn { color: #000; background-color: gold; border-radius: 1em; padding: 1em; display: block; margin: 2em auto; width: 50%; font-size: 1.25em; font-weight: 6600; } .popup-css1 .modal-body a.pre-order-btn:hover { background-color: #000; text-decoration: none; color: gold; } .popup-css-right img { margin: 30px 0 40px 0; } .popup-css1 .close img { position: absolute; right: 12px; top: 12px; } .custom-checkbox { padding-left: 32px; line-height: 20px; padding-top: 3px; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-checkbox label { font-size: 12px; color: #666; font-weight: 500; } .modal.popup-css2.show { /*display: flex !important; */ align-items: center !important; padding-right: 0px !important; top: 8%; transform: translateY(-1%); } .popup-css2 .modal-body { padding: 0; } .popup-css2 .modal-content { border-radius: 15px; border: 0px solid rgba(0,0,0,.2) } .popup-css2 .modal-body h1 { font-weight: 900; font-size: 2.3em; text-transform: uppercase; } .popup-css2 .modal-dialog { max-width: 820px !important; text-align: center; } .popup-css2 .modal-body a.pre-order-btn { color: #000; background-color: gold; border-radius: 1em; padding: 1em; display: block; margin: 2em auto; width: 50%; font-size: 1.25em; font-weight: 6600; } .popup-css2 .modal-body a.pre-order-btn:hover { background-color: #000; text-decoration: none; color: gold; } .popup-css-right1 img { margin: 30px 0 40px 0; } .popup-css-right1 img { margin: 20px 0; } .popup-css2 .close img { position: absolute; right: 12px; top: 12px; } .popup-css2 .form-group { margin-bottom: 0.6rem; } .popup-css2 .callback-btn { margin: 20px 0; } .popup-css2 label { margin-bottom: 0.3rem; font-size: 15px; font-weight: 500; } .form-css1 { display: inline-grid; text-align: left; width: 300px; } .form-css1 input { border-radius: 8px; border: 1px solid #DEDEDE !important; height: 40px; padding-left: 10px; } .check-show-btn { width: 20px; height: 20px; margin-right: 5px; vertical-align: middle; color: #9B9B9B; } .label-color { color: #9B9B9B; } @-webkit-keyframes animatezoom { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @keyframes animatezoom { from { transform: scale(0) } to { transform: scale(1) } } .modal-open .rug-finder-css1 { /*display: flex !important; */ align-items: center !important; /*top: 15%; */ } .rug-finder-css1 .modal-content { border-radius: 15px; border: 0px solid rgba(0,0,0,.2); text-align: center; overflow: hidden; } .rug-finder-css1 .modal-body h1 { font-weight: 900; font-size: 2.3em; text-transform: uppercase; } .rug-finder-css1 .modal-body { padding: 0; overflow: visible; } .rug-finder-css1 .modal-dialog { max-width: 820px !important; } .rug-finder-css1 img.img_logo { margin: 20px 0; max-width: 30%; } .rug-finder-css1 img.img_logo1 { margin: 50px 0; max-width: 45%; } button.close.close-css { margin-top: 0px; } button.close.close-css1 { margin-top: 10px; position: absolute; right: 15px; } .rug-finder-css1.search-modal.modal .modal-dialog { min-height: auto !important; max-height: unset !important; margin: 10rem auto; max-width: 820px !important; } .rug-finder-css1 .main { display: none; } .rug-finder-css1 .active { display: block !important; } ul.shape-box { list-style-type: none; padding: 0px; margin: 0px; margin-left: -30px; } .shape-box li { display: inline-block; width: 11%; padding: 0px; margin: 0px; } .shape-box input[type="radio"][id^="myCheckbox"] { display: none; } .shape-box label { border: 1px solid #fff; padding: 20px 5px; display: block; position: relative; margin: 5px; box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px; cursor: pointer; border-radius: 5px; } li.runner-css { position: absolute; top: -2px; } .shape-box label:before { background-color: white; color: white; content: " "; display: block; border-radius: 50%; border: 1px solid grey; position: absolute; top: -5px; left: -5px; width: 25px; height: 25px; text-align: center; line-height: 28px; transition-duration: 0.4s; transform: scale(0); } .shape-box label img { height: auto; width: 100px; transition-duration: 0.2s; transform-origin: 50% 50%; } .shape-box :checked + label { border-color: black; } .shape-box :checked + label:before { /*content: "✓"; background-color: grey; transform: scale(1); */ } .shape-box :checked + label img { transform: scale(0.9); /* box-shadow: 0 0 5px #333; */ z-index: -1; } .shape-box p, .roomtype-css p { margin-bottom: 5px; font-size: 12px; } ul.roomtype-css { list-style-type: none; padding: 0px; margin: 0px; } .roomtype-css li { display: inline-block; /* width: 15.5%; */ width: 11%; padding: 0px; margin: 0px; } .roomtype-css input[type="radio"][id^="roomCheckbox"] { display: none; } .roomtype-css label { border: 1px solid #fff; padding: 0px; display: block; position: relative; margin: 5px; box-shadow: 2px 2px 2px #0000001c; cursor: pointer; } .roomtype-css label:before { background-color: white; color: white; content: " "; display: block; border-radius: 50%; border: 1px solid grey; position: absolute; top: -5px; left: -5px; width: 25px; height: 25px; text-align: center; line-height: 28px; transition-duration: 0.4s; transform: scale(0); } .roomtype-css label img { height: auto; width: auto; transition-duration: 0.2s; transform-origin: 50% 50%; } .roomtype-css :checked + label { border-color: black; } .roomtype-css :checked + label:before { /*content: "✓"; background-color: grey; transform: scale(1); */ } .roomtype-css :checked + label img { transform: scale(0.9); /* box-shadow: 0 0 5px #333; */ z-index: -1; } .main-box { padding: 15px; } ul.rugtype-css { list-style-type: none; padding: 0px; margin: 0px; } .rugtype-css li { display: inline-block; width: 13.5%; padding: 0px; margin: 0px; font-size: 12px; } .rugtype-css input[type="radio"][id^="rugtypeCheckbox"] { display: none; } .rugtype-css label { border: 2px solid #fff; padding: 0px; display: block; position: relative; margin: 5px; box-shadow: 2px 2px 2px #0000001c; cursor: pointer; background-size: cover; background-position: center; height: 50px; border-radius: 5px; } .rugtype-css label:before { background-color: white; color: white; content: " "; display: block; border-radius: 50%; border: 1px solid grey; position: absolute; top: -5px; left: -5px; width: 25px; height: 25px; text-align: center; line-height: 28px; transition-duration: 0.4s; transform: scale(0); } .rugtype-css label img { height: auto; width: auto; transition-duration: 0.2s; transform-origin: 50% 50%; } .rugtype-css :checked + label { border-color: black; } .rugtype-css :checked + label:before { /*content: "✓"; background-color: grey; transform: scale(1); */ } .rugtype-css :checked + label img { transform: scale(0.9); /* box-shadow: 0 0 5px #333; */ z-index: -1; } .callback-btn1 { background: #fff; width: 50px; height: 50px; border: 1px solid #A1A1A1; color: #000; } .submit-rugfinder{ background: #000; color: #fff; transition: all 0.2s ease-in-out 0s; border-radius: 0px; margin: 0; min-width: 125px !important; } .submit-rugfinder:hover{ background: #fff; color: #000; border: 1px solid #000; transition: all 0.2s ease-in-out 0s; } /* Change styles for span and cancel button on extra small screens */ @media screen and (max-width: 300px) { .login-signup span.psw { display: block; float: none; } .login-signup .cancelbtn { width: 100%; } } div.error{ color: #ff5656 !important; } .rug-finder-css1 .modal-dialog-scrollable .modal-body { padding: 0px } .bg-light{ background: #f5f5f5 } .rug-finder-footer{ width: 100%; margin: 0px -15px -30px -15px; background: #f5f5f5; position: fixed; bottom: 0px; max-width: 820px; border-radius: 0px 0px 15px 15px; padding: 10px; box-shadow:0 -3px 10px 0 rgb(0 0 0 / 24%); } @media screen and (min-width:250px) and (max-width:620px) { .submit-rugfinder{ min-width: 80px !important; margin: 0 !important; } } .rug-finder-footer .error{ color: #f00!important; background: #ff00000f !important; border: 1px solid #f00!important; padding: 8px; width: 96%; margin: 0 auto 10px auto; } input.error, textarea.error { border: 1px solid #f00!important; } form .error{ color: #f00!important; } .rug-finder-css1 .modal-body .reloader-bar{ margin-top: 90px; margin-bottom: 90px; } li.disabled { opacity: .5; cursor: not-allowed; } li.disabled label{ background: none; border: 0px; cursor: not-allowed; } @media (max-width: 532px) { .login-fpass-text{ float: left; margin-top:10px; } } .cd-filter-content .rug-size-box .cm .unit-placeholder{ position: absolute; left: 114px; bottom: 31px; } .cd-filter-content .rug-size-box .feet .inch .unit-placeholder{ position: absolute; left: 62px; bottom: 31px; } .cd-filter-content .rug-size-box .feet .feet .unit-placeholder{ position: absolute; left: 62px; bottom: 31px; } .cd-filter-content .rug-size-box .unit-error { font-size: 11px; } .stripe-card-shadow .stripe-field-combinator{ display: flex; width: 100%; flex-direction: row; justify-content: space-between; align-items: center; } .stripe-card-shadow .stripe-field-combinator .stripe-expiration{ width: 50%; } .stripe-card-shadow .stripe-field-combinator .stripe-cc-cid{ width: 50%; } .stripe-card-shadow .stripe-field-combinator #card-expiry{ background: #FFFFFF; border: 1px solid #979797; width: 90%; height: 43px; border-radius: 3px; font-size: 16px; padding-left: 15px; padding-top: 12px; } .stripe-card-shadow .stripe-field-combinator #card-cvc{ background: #FFFFFF; border: 1px solid #979797; width: 90%; height: 43px; border-radius: 3px; font-size: 16px; padding-left: 15px; padding-top: 12px; } @media (min-width: 768px) and (max-width: 1129px) { .stripe-card-shadow .stripe-field-combinator{ display: unset; } .stripe-card-shadow .stripe-field-combinator .stripe-expiration{ width: 100%; } .stripe-card-shadow .stripe-field-combinator .stripe-cc-cid{ width: 100%; } .stripe-card-shadow .stripe-field-combinator #card-expiry{ width: 100%; } .stripe-card-shadow .stripe-field-combinator #card-cvc{ width: 100%; } } @media (max-width: 420px){ .stripe-card-shadow .stripe-field-combinator{ display: unset; } .stripe-card-shadow .stripe-field-combinator .stripe-expiration{ width: 100%; } .stripe-card-shadow .stripe-field-combinator .stripe-cc-cid{ width: 100%; } .stripe-card-shadow .stripe-field-combinator #card-expiry{ width: 100%; } .stripe-card-shadow .stripe-field-combinator #card-cvc{ width: 100%; } } .phone-code-select{ z-index:100; } .g-recaptcha{ transform: scale(1) !important; } .scroll-div-section .row, .one-half-section .row{ flex-wrap: nowrap; } .widget-visible { z-index: 99997 !important; } /* css for category banner in collection page */ .category-banner{ height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; } .category-banner .category-title{ font-size: 48px; text-align: center; margin-top: 130px; color: #fff; font-weight: 400; text-shadow: 0px 0px 4px #00000073; } .floatingButtonInner { margin-left: -20px; margin-right: -20px; } .floatingMenu{ background: #f5f5f5; width: 100%; box-shadow: 0px 0px 5px 5px #00000021; padding: 3px 7px 0px 7px; max-height: 65px; overflow: hidden; } .floatingButton { display: block; margin: 0px auto; padding: 0 15px; /* width: 130px;*/ width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; text-align: center; color: #fff; line-height: 30px; background: #000; border-radius: 10px 10px 0px 0px; transition: all 0.4s; text-transform: uppercase; letter-spacing: 1px; border-bottom: 0px; font-size: 10px; } .floatingButton:hover{ color: #fff; cursor: pointer; } .floatingButtonWrap .floatingButton .tb2 { background: url(/images/down_arr.svg) no-repeat center center; background-size: 11px; height: 10px; width: 14px; display: inline-block; background-position-y: -2px; transform: rotate(180deg); transition: all 0.3s ease-in-out; } .floatingButtonWrap.open .floatingButton .tb2 { transform: rotate(0deg); background-position-y: 1px; transition: all 0.3s ease-in-out; } .modal-open .floatingButtonWrap { display:none } .floatingButtonWrap { position: fixed; bottom: 0px; right: 0px; width: 100%; z-index: 9999; padding: 0 20px; text-align: left; transform: translateY(65px); transition: all 0.3s ease-in-out; } .floatingButtonWrap.open{ transition: all 0.3s ease-in-out; transform: translateY(0px); } #design-change-log .item { margin: 1px; display: inline-block; } #design-change-log img{ max-width: 40px; cursor: pointer; } .floatingButtonWrap .owl-carousel .owl-item{ height: 60px; } .cover-wrapper .owl-nav img { width: 34px; } .history-preview{ background: #f5f5f5; padding: 4px; } .history-preview-wrap{ display: none; width: 115px; position: absolute; bottom: 75px; padding: 0px; transition: all 0.4s; z-index: 999; box-shadow: 0px 0px 8px 2px #0000002e; } .history-preview-wrap::after{ content: '\25BC'; bottom: -18px; left: 48px; position: absolute; color: #f5f5f5; text-shadow: 1px 3px 4px #00000038; } #design-change-log .owl-prev, #design-change-log .owl-next{ height: 55px; } .floatingMenu .owl-stage { min-width: calc(100vw + 50px); } .button-google span{ vertical-align: top; line-height: 25px; margin-left: 15px; } .button-google{ padding: 8px; background: #fff; color: #000; } .button-google:hover { background: #000 !important; color: #fff !important; } .edit-icon-outer span.order-sample-btn { text-transform: uppercase; vertical-align: top; line-height: 40px; display: block; opacity: 0; font-size: 0; color: #000 !important; background: #fff; box-shadow: 0 5px 15px rgb(0 0 0 / 8%); border-radius: 25px; width:0px; height:40px; position: relative; transition: all ease .4s; margin: 10px auto; cursor: pointer; } .edit-icon:hover .edit-icon-outer span.order-sample-btn { opacity: 1; width: 165px; font-size: .9rem; } .edit-icon-css{ background: #fff; box-shadow: 0 5px 15px rgb(0 0 0 / 8%); border-radius: 25px; width: 40px; height: 40px; position: relative; transition: width ease .4s; display: flex; align-items: center; margin: auto; } .cd-search-trigge{ cursor:pointer } .uk-icon img{ width: 10px; display: inline-block; } .product-desciption .uk-icon{ display: inline-flex; } .edit-icon-css img{ background: none; width: 20px !important; height: 20px !important; display: inline-block !important; margin-left: 11px; } .edit-icon:hover .edit-icon-css img { margin-left: 15px !important; } .edit-icon:hover .edit-icon-css { width: 165px; } .edit-icon:hover .edit-icon-css span.cc { font-size: .9rem; color: #000; padding-left: 5px; } span.cc { font-size: 0px; text-transform: uppercase; color: #fff; vertical-align: top; transition: font-size .3s; line-height: 42px; } .edit-icon-outer{ text-align: center; /* margin: -25px auto 0px; */ margin: -84px auto 0px; height:100px; } .product-size:empty{ display: none; } @media screen and (max-width: 992px) and (orientation: landscape){ .login-signup .modal-content { max-width: 400px; padding: 0 15px; margin-top: 20%; } } .owl-carousel.owl-drag .owl-item{ overflow: hidden; } .small-order-charge, .handling-charge-notification{ font-size: 12px; color: red; line-height: 12px !important; font-weight: 600 !important; white-space: normal; } .category-banner .banner-video-url-title{ margin-top: -177px; } .category-banner video.hero-image{ -o-object-fit: cover; object-fit: cover; } .price-box .small-order-charge{ margin-top:10px } .design-popup{ position: relative; } .design-popup .ui-checkbox{ position: absolute; bottom: 0px; right: 40px; } .ui-checkbox label{ color: black; } .cloud-zoom1, .incr-btn, .pdp-btn, .pdp-reset, .share-icon, .downloadpdf, .view-more-btn, .loginp6, .loginp5, .gbckbtn3, .add-manually, .btn-link, span.btn-remove, .action-close, .modal-text, .top-menu, span.colorselection, .gbckbtn, #top-minicart-toggle, .cd-search-trigger, .dropdown-toggle, .rugfindertool{ cursor: pointer; } span.loginp5{ color: #69aa6f; } span.btn-link{ text-decoration: none !important; color: #000 !important; } .checkout-sign-box .dropdown-menu form span{ font-size: 12px; color: #69aa6f; font-weight: 400; cursor:pointer } #top-minicart-toggle::before{ content: none; } #askEmailModal{ z-index:99999; } .article_category_title{ font-size: 1.2rem; line-height: 1.5rem; list-style: disc; text-align: left; color: #484848ed; font-weight: 300; text-transform: capitalize; cursor: pointer; } .article-category-title h6{ font-size: 1.5rem; } .article-category{ width: 100%; } .article-title{ font-weight: 300; text-transform: capitalize; } .selected-filters{ margin-bottom:20px; } .selected-filters .filter{ display: inline-block; /* height: 26px; */ text-transform: capitalize; line-height: 15px; background-color: #f5f5f5; padding: 5px 8px; border-radius: 20px; color: #000; margin-bottom: 5px; margin-right: 3px; border: 1px solid #ddd; } .selected-filters .closeicon { padding-left: 5px; color: #383131; float: right; font-size: 13px; cursor: pointer; } .remove-suggestion{ z-index: 99999; position: absolute; } .spotlight-wrap .spotlight ul li a { line-height: 2; color: #484848; letter-spacing: 0; } .sub-cats-new ul li .category_name { font-size: 2.8vw!important; font-weight: 400; line-height: 2.5vw; text-align: center; width: 100%; text-transform: uppercase; color: #fff; } .sub-cats-new ul li .category_name.backdrop_text{ font-size: 8vw !important; opacity: .2; bottom: 5%; line-height: 6vw; text-align: left; display:none; } .sub-cats-new li p { margin: 0px } .sub-cats-new li div> a{ position: absolute; height: 100px; width: 100%; left: 0; bottom: 0; background: linear-gradient(rgba(34, 34, 34, 0) 0%, rgba(34, 34, 34, 0.65) 100%); padding-bottom: 20px; align-items: end; display: flex; } /* media query for anchor tag as per screen for cards */ @media screen and (max-width: 599px) { .edit-icon .product-screen-desktop { display: none; } } @media screen and (min-width: 600px) { .edit-icon .product-screen-mobile { display: none; } } .suggestion-loader-btn{ width: 100%; } a.update-design { position: absolute; bottom: 0; left: 5%; padding: 10px; font-size: .7rem; background: #ffffff70; color: #000; text-align: center; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); min-width: 90%; } .block-content-new{ overflow: auto; font-size: .7rem; text-transform: lowercase; font-weight: 500; } .block-content-new a { float: left; padding: 0px 10px; border-right: 1.2px solid #000; margin-bottom: 10px; line-height: 10px; } @media screen and (min-width:767px) and (max-width:1199px) { .update-order-samples{ margin-top: 5px !important; } } @media screen and (max-width:518px) { .update-order-samples{ margin-top: 5px !important; } } .extra-links li span.btn-text{ float: right; width: 75%; position: absolute; top: 50%; transform: translateY(-50%); width: 160px; } .testimonial-coverage-row .testimonial-inner .owl-next { right: 0 !important; } .testimonial-coverage-row .testimonial-inner .owl-prev{ left: 0 !important; } .testimonial-coverage-row .testimonial-inner .owl-next, .testimonial-coverage-row .testimonial-inner .owl-prev { border: 0 !important; border-radius: 0 !important; width: 31px !important; line-height: 40px !important; opacity: 1; margin-top: 160px; top: 0 !important; color: #fff !important; background-color: rgb(0 0 0 / 80%) !important; box-shadow: none; position:absolute; } .floating-share{ width: 30px; height: 30px; position: absolute; z-index: 99; background: #f5f5f582; border-radius: 50%; right: 13px; top: 50px; border: 1px solid #ddd; cursor: pointer; } .floating-share svg{ width: 22px; height: 20px; margin-top: 5px; } .testimonial-content .card__quote{ overflow-y: auto; height: 90px; } .popular-size{ margin-left: 14px; } .popular-size #popular-size-select{ padding: 10px; /* text-transform: uppercase;*/ border: 1px solid #e0e0e0; color: #484848; min-height: 48px; } #PERSONALISE .popular-size p.head{ padding-top: 15px; } #mobile-cart-li { display:none !important; } #desktop-cart-li { display:block !important; } @media screen and (max-width: 767px) { #mobile-cart-li { display:block !important; } #desktop-cart-li { display:none !important; } } #PERSONALISE .dropdown-papular-size{ width: 200px; } #PERSONALISE .dropdown-papular-size .dropdown-menu{ max-height: 350px; } #PERSONALISE .dropdown-papular-size .dropdown-menu li{ text-transform: none; } @media screen and (min-width:1090px){ .collection-item.view-all-collection { margin-top: 10px; margin-bottom: 12px; max-height: 178px; min-height: 210px; } } @media screen and (min-width:1300px){ .collection-item.view-all-collection { margin-top: 10px; margin-bottom: 12px; max-height: 178px; min-height: 235px; } } @media screen and (min-width:1450px){ .collection-item.view-all-collection { margin-top: 10px; margin-bottom: 12px; max-height: 178px; min-height: 260px; } } @media screen and (min-width:992px) and (max-width:1092px) { .decor-view-all-collection a{ padding-top: 8px !important; } } .preview-in-ar{ background: #000; color: #fff; padding: 5px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #000; transition: all 0.3s ease-in-out; } .bespoke-contact-success #navbar-menu, .contact-contact-success #navbar-menu { display: none !important; } .bespoke-contact-success .search, .contact-contact-success .search { display: none !important; } .contact-success .yt-main { padding: 76px; text-align: center; background: #f5f5f5; } .contact-success .yt-main-inner{ padding: 30px; background: #fff; } .contact-success .tick-img { margin: 5% auto 2%; } /*.contact-success .container{ text-align: center; margin-bottom: 50px; font-weight: 300 !important; font-size: 25px; }*/ .contact-success .container .atgHvr h2 { text-align: center; margin-bottom: 50px; font-weight: 300 !important; font-size: 25px; } .contact-success .container .atgHvr p { text-align: center; margin-bottom: 5px; font-size: 14px; } .contact-success .buttons-set { padding: 5% 0; margin-top: 5%; border-top: 2px solid #e5e5e5; overflow: hidden; } .contact-success .sccsBtnSet { max-width: 540px; margin: 0 auto; text-align: center; } .contact-success .buttons-set .button.scb1 { margin: 0 2% 0 0; } .contact-success .buttons-set .button { margin: 0; width: 45% !important; color: #000; text-align: center; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; padding: 12px 0; border: 1px solid #000; border-radius: 0; display: inline-block; line-height: normal; box-shadow: none; background: #fff; } @media (max-width: 450px) { .contact-success .buttons-set .button{ min-width: 115px; } } .ar-preview-section{ margin-top: 50px; } .color_platte .close{ right: 8px !important; } .color_platte.color_platte_fixed{ position: fixed; width: auto !important; } .modal-open .color_platte.modal{ overflow-y: hidden; } .color_platte.color_platte_fixed .scroll-more-div{ text-align: center !important; } @media (max-width: 410px) { .color_platte .color_platte_inner .filter-input { width: 40%; } } @media (min-width: 576px) { .color_platte .modal-dialog { max-width: 900px; } } .size-confirmation-modal .modal-footer button{ width: 49%; min-width: unset; } #modalRugFinderTool .form-check.form-check-inline{ margin-right: 5px !important; } .owl-carousel .owl-item.active .owl-lazy{ opacity: 1; } .preview-in-3d { padding-left: 5px; padding-right: 5px; min-width: 68px !important; font-size: 11px; } .iframe-container { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 aspect ratio */ } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; /* Optional, removes the default iframe border */ } @media (min-width: 1024px) { /* Navbar General ------*/ nav.navbar .navbar-brand{ margin-top: 10px;} nav.navbar li.dropdown ul.dropdown-menu{ border-top: solid 5px;} nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{margin-left: 0; margin-right: 0; box-sizing: border-box; padding: 30px 50px!important; height: auto !important} /* Navbar Center ------*/ nav.navbar-center .navbar-brand{ margin: 0 !important;} /* Navbar Brand Top ------*/ nav.navbar-brand-top .navbar-brand{ margin: 5px !important; height: auto; padding: 2px;} /* Navbar Full ------*/ nav.navbar-full .navbar-brand{ position: relative; top: -15px;} /* Navbar Sidebar ------*/ nav.navbar-sidebar ul.nav, nav.navbar-sidebar .navbar-brand{ margin-bottom: 50px;} nav.navbar-sidebar ul.nav > li > a{ padding: 10px 15px; font-weight: 600;} /* Navbar Transparent & Fixed ------*/ nav.navbar.bootsnav.navbar-transparent.white{ background-color: rgba(255,255,255,0.3); border-bottom: solid 1px #bbb;} nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark{ background-color: rgba(0,0,0,0.3); border-bottom: solid 1px #555;} nav.navbar.bootsnav.navbar-transparent.white .attr-nav{ border-left: solid 1px #bbb;} nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{ border-left: solid 1px #555;} nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a{ color: #fff;} nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{ color: #eee;} } @media (min-width: 1024px) { nav.navbar.navbar-inverse ul.nav .dropdown-menu{ background-color: #222 !important; border-left: solid 1px #303030 !important; border-bottom: solid 1px #303030 !important; border-right: solid 1px #303030 !important;} nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{ border-bottom: solid 1px #303030;} nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{ border-left: solid 1px #303030; border-right: solid 1px #303030;} nav.navbar.navbar-inverse.navbar-transparent.dark{ background-color: rgba(0,0,0,0.3); border-bottom: solid 1px #999;} nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{ border-left: solid 1px #999;} nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{ color: #fff;} nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a, nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{ color: #3f3f3f;} } @media (max-width: 992px) { .addsampletocart{padding: 10px;} .addsampletocart .addtocartbox, .addsampletocart .price-box{float: none;width: auto !important; text-align: left; padding-left: 0} .extranav{display: block !important;} nav.navbar.navbar-inverse .navbar-toggle{ color: #eee; background-color: #222 !important;} nav.navbar.navbar-inverse .navbar-nav > li > a{ border-top: solid 1px #303030; border-bottom: solid 1px #303030;} nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu > li > a{ color: #999; border-bottom: solid 1px #303030;} nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{ border-bottom: solid 1px #303030; color: #eee;} nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{ border-bottom: solid 1px #303030; color: #999 !important;} nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{ border-bottom: solid 1px #303030;} nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{ border-top: solid 1px #303030;} nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{ background-color: #222;} } @media (max-width: 767px) { nav.navbar.navbar-inverse.navbar-mobile ul.nav{ border-top: solid 1px #222;} } @media(max-width:920px){ nav.navbar .dropdown .megamenu-content .col-menu ul > li > a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover{ color: #000000 !important;} } @media (max-width: 1400px){ .copyright-paragraph { display: block; text-align: center;} .copyright-para ul { float: left; max-width: 100%; text-align: center; display: block; width: 100%;} .copyright-para ul li{ padding:10px;} } @media (max-width: 1200px){ .footer-logos img{ max-height: 55px;} .address-contact-inner{ display: flex;} .address-contact-inner .footer-address, .address-contact-inner .footer-address{ flex: 0 0 50%; max-width: 50%; } .col { padding: 1em; width: 15%;} .col-pro { width: 50%; padding-left: 0px;} .product-additional-info{ font-size: 13px;} .product-thumb { max-width: 120px;} .subtotal-box .col-lg-4, .subtotal-box.col-lg-5{ flex: 0 0 49.333333%; max-width: 49.333333%;} .cart-collaterals .totals .checkout-types .button{ padding: 10px 25px;} .banner-content h2{ font-size: 50px;} .yt-detail-left .product-img-box .yt-detail-image{ width: 82%;} .yt-detail-right{ padding: 20px 15px 50px 15px; } .color_platte .color_code { width: 40px; height: 40px; margin-right: 9px; } .color_platte .color_title{ margin-top: 11px; } .color_platte{ width: 48%; } } @media (max-width: 1024px){ .yt-detail-right.col-md-4 { flex: 0 0 38%; max-width: 38%;} .yt-detail-left .product-img-box{ margin: 20px 0px 40px 0px;} .suggestions-mini .col-lg-2{ max-width: 45px;} .product-image-zoom{ min-height: auto !important; margin-bottom: 20px;} .title-suggestions h3{ padding: 30px 0 5px 0; font-size: 230%;} .columns-w { padding: 0 20px;} #PERSONALISE .radio{ padding: 10px 6px;} .radio input[type="radio"]+.radio-label:before{ margin-right: 6px;} } @media (max-width: 992px) { .pdp-v2 .color-sample-size ul li .rug-size-box{ clear: both; } .mobile-footer{ display:block;} /* Navbar General ------*/ nav.navbar .navbar-brand{ margin-top: 7px; margin-bottom: 2px; position: relative; top: -2px;} .checkout.cart .title-button .page-title{ padding: 10px 0;} nav.navbar .navbar-brand img { max-width: 130px;} .attr-nav > ul > li > a{ padding: 16px 15px 15px;} /* Navbar Mobile slide ------*/ nav.navbar.navbar-mobile ul.nav > li > a{ padding: 15px 15px;} nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{ padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important;} nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{ padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important;} nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{ padding-top: 13px !important; padding-bottom: 13px !important;} /* Navbar Full ------*/ nav.navbar-full .navbar-brand{ top: 0; padding-top: 10px;} .spotlight-wrap .spotlight { flex: 0 0 33%; max-width: 33%; margin-bottom: 30px; } .address-contact .spotlight{ flex: 0 0 50%; max-width: 50%; } .footer-top{ padding:20px 25px;} .collection-item{ width: 50%; padding: 3px; margin: 0px; float: left; height: 200px; } .collection-item a, .decor-item a{ padding: 0px !important; } .decor-item a{ display: block !important; text-align: center; margin-top: 16px; z-index:1; position: relative; } .decor-item:before{ content:""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index:0; } .collection-item h3 { letter-spacing: 0px; padding: 8px 0 3px; font-size: 12px; text-align: center; } .view-all-collection, .view-all-decor { border: 2px solid #000; min-height: 190px; } nav.navbar.bootsnav.navbar-mobile ul.nav>li>a, nav.navbar.bootsnav.navbar-mobile ul.nav>li>span { text-align: left; margin: 0px; padding: 10px 18px !important; color: #000; } .decor-item { position: relative; min-height: 60px; width: 100%; margin: 3px 0; padding: 3px; float: left; } .trending-design{ display: none !important; } .collection-item.view-all-collection{ margin-top: 3px; min-height: 120px; height: 120px; } .shape-row { display: flex; justify-content: space-between; flex-wrap: wrap; } .shape-mega-menu .shape-item { width: 50%; padding: 20px 1%; } .shape-row.shape-row-shape .shape-item { border-bottom: 1px solid #eaeaea; } .shape-row.shape-row-shape .shape-item:last-child { width: 100%; } .view-all-decor-btn { display: block; border: 2px solid #333; width: 100%; float: left; min-height: 37px; } .view-all-collection-btn a{ /*position: relative;*/ position: absolute; margin: 0px; padding: 14px 0; display: block; top: 38%; } .shape-item.view-all-collection{ min-height: 60px; display: block; width: 100%; margin-top: 0; padding-top: 10px; border-top: 1px solid #eaeaea; } .shape-item h3 { font-size: 13px; line-height: 20px; margin-bottom: 0px; } nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu { border-top: 1px solid #e0e0e0 !important; padding-top: 5px !important; } .top-header{ display: none; } .logo-section { margin: 20px 10px; } .header-slae{ display: none; } .owl-stage{ padding-left: 0px !important; } .category-heading h2,.category-heading h1{ font-size: 30px; letter-spacing: 0px; } .slider-brand-container { padding: 10px 0 10px; } .featured_collection-content h3{ font-size: 29px; margin-bottom: 10px; } .yt-detail-left .more-views .jCarouselLite>ul>li{ height: 84px; } .search-attr { right: 20px; margin: 0; bottom: 13px; } .fa-shopping-bag-img img{ } .fa-search{ width: 24px !important; height: 24px !important; position: relative; } .cart-attr { right: 70px; top: 20px; } .fa-shopping-bag-img img{ width: 24px; } .product_attribute{ margin: 10px 0px 0px 0px; padding: 5px 0px; } .product-info{ margin-left: 12px; } .product-thumb { max-width: 110px; } } @media (min-width: 992px){ nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{margin: 0} nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.discover > li {width: 19.7%;} nav.navbar.bootsnav ul.dropdown-menu.megamenu-content>li.inner-padding-menu { display: block; width: 100%; padding: 10px 20px; -ms-box-sizing: border-box; box-sizing: border-box;} .collection-mega-menu, .decor-mega-menu { float: left; width: 100%; display: flex; flex-wrap: wrap;} .collection-item, .decor-item { position: relative; float: left; margin: 10px .53%; width: 13.2%; box-sizing: border-box; text-align: center;} #navbarResponsive ul.navbar-nav li .decor-mega-menu a, #navbarResponsive ul.navbar-nav li .decor-mega-menu span{ color: #FFF; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .4); padding-top: 15px; font-weight: 400; text-align:center;} .collection-item a{ padding: 0px !important;} .decor-item { height: 53px;} } @media (max-width: 767px){ .floating-share{ top:10px } .pdp-top-bar{ display: none; } .fqBx102{ padding: 100px 50px; } .banner-v61{ display: block;} .banner-v61 .col-md-5{ padding-left: 0px !important;} .banner-v61 .col-md-7, .banner-v61 .col-md-5 { width: 100%; display: block; margin-bottom:20px;} .row-cart.th { display: none;} .cart .title-button .cart-btns-right button{ margin: 0;} .row.subtotal-box .col-1, .row.subtotal-box .subtotal-box{ flex: 0 0 100%; max-width: 100%; } #discount-coupon-form{ margin-bottom: 0px;} .col-pro { width: 100%;} .product-thumb{ max-width: 150px;} .product-additional-info{ font-size: 13px; line-height: 21px;} /* .row-cart .col { padding: 1em; } */ .banner-content h2 { font-size: 40px; } .featured_collection-content a.view{ max-width: 300px; } .email-social-footer h2{ margin-bottom: 8px; } .email-social-footer .socials-wrap{ margin-top: 10px; text-align: center; line-height: 30px; } .footer-wrapper .footer-start{ padding: 10px; } .footer-wrapper .footer-start .col-sm-6 { flex: 0 0 100%; max-width: 100%; } .email-social-footer #newsletter-validate-detail{ margin-bottom: 25px; margin-left: auto; margin-right: auto; } .category-heading h2,.category-heading h1 { font-size: 24px; } .above-footer h2{ left: 0; right: 0; text-align: center; font-size: 25px; letter-spacing: 0px; } .above-footer h3, .Our-Artisans h3, .handkotted-story h3{ font-size: 20px; } .footer-wrapper .columns-w{ padding: 0 20px; } .attr-nav.cart-attr > ul > li > a span.badge, .attr-nav.cart-attr > ul > li > span span.badge { left: 16px; } .yt-detail-left, .yt-detail-right.col-md-4 { width: 100%; flex: 0 0 100%; max-width: 100%; padding: 0px !important; } .yt-detail-right{ box-shadow: none; padding: 0px !important; } .suggestions-mini .col-lg-2 { max-width: 60px; } .subtotal-box{ display: block; } #discount-coupon-form, .totals{ margin-top: 10px; margin-bottom: 0px; } .checkoutSteps .col-1 { flex: 0 0 100%; max-width: 100%; } .yt_main_inner .page-title h1{ padding: 0px; font-size: 16px; line-height: 30px; } #yt_main, #yt_right{ flex: 0 0 100%; max-width: 100%; } .mobile-footer .card-accept{ display: block; float: left; width: 100%; border-top: 1px solid #333; } .copyright-paragraph, .copyright-para ul{ text-align: left; } .copyright-para ul li{ padding: 3px 15px 3px 0; } .copyright-para{ padding-top: 2px; border-top: 0px; } .copyright-paragraph{ margin-bottom: 10px !important; } .yt-copyright, .yt-payment.mobile-tc-pad{ text-align: center; } .yt-payment.mobile-tc-pad{ margin-bottom: 20px; } .socials-wrap ul{ margin-bottom: 0px; } .side .item.col-md-6 { flex: 0 0 50%; max-width: 50%; } .title-suggestions h3 { padding: 15px 0 5px 0; font-size: 180%; } .products-grid .item-inner .product-name{ font-size: 18px; } .pdp-summary.priceValue .price-box{ font-size: 24px; font-weight: 600; } .yt-detail-left .product-img-box { margin: 0px; border-bottom: 1px solid #e5e5e5; } .yt-detail-right .product-name h1 { font-size: 240%; } .products-grid .item-inner .product-info{ padding: 0 0px 0px 0px; } .col-lg-8.suggestions-mini{ width: calc(100% - 182px); } .suggestions-mini .col-lg-4{ width: 182px; } .suggestions-mini .col-lg-4 .navbar{ align-items: inherit; } } @media only screen and (max-width: 992px){ .banner-wrapper{ padding: 0px !important; } img.hero-image{ height: calc(100vh - 100px); width: auto !important; transform: translateX(-12%); max-width: none; } } @media only screen and (max-width: 600px) { .addsampletocart .button{ margin-top: 10px; width: 100%; } .addsampletocart .addtocartbox,.addsampletocart .price-box{ width: 100%; } img.hero-image{ transform: translateX(-37%); } .color_platte .collapse-fixed .color_platte_inner{width: 90%; height: 80vh !important;} .collection-item{min-height: 210px} #m-cookienotice.v-box{ width: 95% !important; } .spotlight-wrap .spotlight { flex: 0 0 50%; max-width: 50%; margin-bottom: 30px; } .decor-item{background-size: cover !important; } .columns-w { padding: 0 15px; } .cart-collaterals .totals .checkout-types .button{ margin: 10px 2px; padding: 10px 5px; width: calc(50% - 6px); } .product-thumb { max-width: 120px; } .featured_collection-content p.desc{ font-size: 15px; line-height: 20px; } .banner-content h2 { font-size: 25px; line-height: 28px; margin: 5px 0px; } .banner-content p { font-size: 16px; margin-top: 20px; line-height: 24px; margin-bottom: 5px; } .featured_collection .banner-content p{ font-size: 15px !important; margin-top: 20px !important; line-height: 20px; } .featured_collection img { min-height: 450px; } .banner-content .shop-collection{ margin: 10px auto; font-size: 12px; min-width: auto; } .collection-item h3{line-height: 14px;min-height: 40px; } .trending_mobile .product-desciption{line-height: 20px; } } @media (max-width: 480px){ .sub-cats ul li{ width: 100%; } img.hero-image{ transform: translateX(-20%); } height: calc(100vh - 300px); .row-cart .col { padding:18px 5px; position: relative;} .colorselection{ max-width: 100%;} .footer-logos span{ display: inline-block;} .footer-logos span img{ max-height: 90px;} .spotlight-wrap .spotlight ul li a{ line-height: 25px; } .product-thumb { position: absolute; left: 5px; } .product-info { max-width: 100%; margin-left: 0px; } .product-additional-info { font-size: 12px; } .product-additional-info .detailtitle{ width: 115px; } .product-thumb { max-width: 110px; } .remove-wishlist { padding: 5px; } .layout-inline.row-cart { padding: 0px 0 2px; } .cart-collaterals .totals .checkout-types .button{ margin: 10px 1px; } .remove-wishlist a.cart-remove-btn, .remove-wishlist a.add-wishlist{ font-size: 13px; } .product-info h3.product-name{ font-size: 16px; line-height: 18px; margin-bottom: 2px; } .product-info .weaving-type { margin-bottom: 5px; font-size: 14px; line-height: 18px; } .totals #shopping-cart-totals-table td.a-right span { font-size: 15px; } .totals #shopping-cart-totals-table td{ font-size: 14px; } .order-summary-left h2 { font-size: 17px; font-weight: 600; } .row-cart .col { padding: 18px 5px 10px; } .product_attribute ul li{ width: 50%; text-align: center; padding: 0px 0px 15px 0; } .yt-detail-right .product-name h1{ font-size: 200%; line-height: 30px; } .col-lg-8.suggestions-mini, .suggestions-mini .col-lg-4{ width: 100%; } .dd .ddChild li { padding: 22px 0; } } @media (max-width: 380px){ .product-thumb { max-width: 90px;} .product-info h3.product-name { font-size: 15px; line-height: 17px;} } @media (max-width: 767px){ .trending-web {display: none;} .trending_mobile {display: block;} .trending_mobile .podBox2 .item { width: 48%; margin-bottom: 15px;} .trending_mobile .prodBox1 h2 {font-size: 20px;} } @media (max-width: 320px){ .banner-content h2{ font-size: 24px; } .trending_mobile .prodBox1 h2 {font-size: 16px;} } @media (max-width: 992px){ .trade-reg-form { padding: 20px;} .trd-frm-hd {font-size: 18px;} } @media (min-width: 992px) and (max-width: 1024px) { .pdp-top-bar .text1 { font-size: 18px;} } @media (max-width: 767px){ .pdp-top-bar, .pdp-top-bar.stickytop { display: none;} } @media (max-width: 992px){ .bespoke-form { padding: 20px;} } @media(min-width: 768px){ .pdp-v2 .yt-detail-right{ z-index: 0} } @media(max-width:1199px) and (min-width: 993px){ .extra-links ul li span img{ height: 15px; } #PERSONALISE .rug-size-box .radio{ margin-top: 20px!important; margin-left: 15px!important; } .extra-links ul li span .product_icon{ margin-right: 5px; height: 35px; width: 35px; line-height: 30px; } .product_attribute{ padding-left: 0px; } } @media(max-width:1199px){ .cd-gallery{padding-top:150px} .cd-gallery .page-title h2{padding-top:15px} .gallery-box{width:60%} .right-boxs-right{width:40%} .project-content{padding:50px 0 30px} .project-content .container{max-width:90% !important} .project-content h2{font-size:30px;margin-bottom:20px;line-height:inherit} .project-content p{font-size:18px;margin-bottom:20px;line-height:inherit} .press-coverage-row .cd-gallery{padding-top:0} } @media only screen and (min-width:1170px){ .cd-gallery{float:left;transition:width .3s} .press-coverage-row .cd-gallery .products-grid li{width:31.3%;} .cd-gallery.filter-is-visible{width:80%} } @media screen and (min-width: 1600px) { .cd-gallery .products-grid li{width:19.2%;} .sub-cats ul li{width:28%; margin-right: 1% !important;} .sub-cats-new ul li .category_name{font-size: 3vw !important;line-height: 2.7vw;} .sub-cats-new ul li .category_name.backdrop_text{font-size: 5.5vw !important;line-height: 4.3vw;} } @media(max-width:992px){ .sub-cats-new ul li{ width:45% } li.search span span{display:none} .about-top-detail{padding-right:2%;padding-left:2%} .scroll-inner{padding:40px 5px 30px 20px} #scroll-div-section2 .scroll-inner{padding:40px 15px 30px 5px} .bpT18 { width: 100%; padding: 90px 70px; height: 350px; max-width: 100%; } .bpT17 { width: 100%; height: auto; } .bpT2{ padding: 10px; } .bpBox3{ padding: 70px 20px 80px; } .one-half-inner{padding-left:20px;padding-right:20px} } @media only screen and (min-width:768px){ .cd-gallery ul{text-align:justify;padding-left:0; display: table;width: 100%} .cd-gallery ul:after{content:"";display:table;clear:both} } @media(max-width:767px){ .gallery-box,.right-boxs-right{width:100%} .cd-filter-trigger.desktop-hide{display:block;text-transform:uppercase;font-weight:bold;position:static;width:100%;border:2px solid #484848;color:#484848;letter-spacing:2px;text-indent:0;text-align:center;background:none} .press-coverage-inner .page-title h2{text-align:center;color:#000} .cd-filter.filter-box{position:fixed;top:0;z-index:105;transform:translateX(-100%)} .cd-filter.filter-box.filter-is-visible{transform:translateX(0)} .mobile-hide-title{display:none} .cd-filter-block .desktop-hide-title{display:block;font-size:18px;font-weight:400;color:#000} a.button.mobile-hide-a{display:none} .mobile-show-div{display:block;box-shadow:0 -2px 3px 0 rgb(0 0 0 / 10%);margin:30px -20px 0;padding:20px} .mobile-show-div .ui-link{font-weight:bold;text-transform:uppercase;font-size:14px;letter-spacing:1px;margin:0} .transparent-btn{border:1px solid #484848;color:#484848;background-color:transparent} .filter-box.cd-filter-trigger .cd-close{font-size:40px;color:#000;background-color:transparent;top:10px} .col-xs-6{width:50%} .banner-section{margin:0} .press-coverage-inner{margin:0;padding:0 15px;background-color:#fff} .blog-box-press{margin:20px 0;text-align:center} body.overflow-hide{overflow:hidden} .top-search{padding:0} .hide-desktop{display:block} .margin0{margin-bottom:0} .gallery-box-inner,.filter-box.cd-filter form{padding:15px 0} .cd-gallery ul.products-grid{padding-left:0; display: table;} .cd-gallery .products-grid li{width:31.33%;margin:10px 1%} .abouts-page-banner h3{font-size:24px;max-width:500px} .about-top-detail{padding-top:30px} .about-top-detail h2,.one-half-section h3,.scroll-div-section h3{font-size:22px;line-height:28px;margin-bottom:20px} .about-top-detail p,.scroll-div-section p,.one-half-section p{font-size:14px;line-height:20px;margin-bottom:15px} .project-detail h4{font-size:20px;margin-bottom:0} .project-detail div{font-size:14px} .project-page-banner h1{font-size:30px} .featured-clients h2{font-size:24px} } @media(max-width:575px){ .project-content .container{max-width:100%} .project-content h2{font-size:22px;margin-bottom:15px} .project-content p{font-size:16px;margin-bottom:15px} } @media(max-width:479px){ .sub-cats ul li{width:100%;} .sub-cats-new ul li .category_name.backdrop_text{bottom: 9%;font-size: 15vw!important;;line-height: 11vw;} .sub-cats-new ul li .category_name{font-size: 8.5vw!important;line-height: 5.5vw;} .products-grid .item-inner .product-info{padding:0} .project-detail h4{font-size:15px;margin-bottom:0} .project-detail h4:after{margin:4px 0} .project-detail div{font-size:12px} .project-page-banner h1{font-size:24px} .featured-clients h2{font-size:20px;margin-bottom:20px} .project-detail{left:15px;right:15px;padding:0} .featured-clients{margin-top:20px;margin-bottom:15px} .cd-gallery .products-grid li{width:48%;padding: 10px 1%;} .project-detail h4{font-size:15px;margin-bottom:0} .project-detail h4:after{margin:4px 0} .project-detail div{font-size:12px} .project-page-banner h1{font-size:24px} .featured-clients h2{font-size:20px;margin-bottom:20px} .project-detail{left:15px;right:15px;padding:0} .featured-clients{margin-top:20px;margin-bottom:15px} .abouts-page-banner h3{font-size:24px;line-height:30px} div[id*="scroll-inner"].affix,#scroll-div-section2 .scroll-inner{position:static;padding:20px 15px;width:100%;text-align:center} .one-half-inner{padding:20px 20px 40px} .scroll-div-section{padding-bottom:20px} .start-exploring-img{max-width:150px} .about-top-detail h2{margin-top:20px} .start-exploring{margin-top:0;margin-bottom:20px} .footer-call-now a{ display: block !important; position: fixed; bottom: 20px; left: 13px; width: 50px; height: 50px; color: #fff; background: #000; z-index: 99997; border-radius: 50%; padding: 13px; } } @media (max-width: 1199px){ .cd-tab-filter-wrapper .cd-tab-filter{width: calc(100% - 280px);} } @media (max-width: 767px){ .cd-tab-filter-wrapper{padding: 0} .filter-outer.filter-is-visible .cd-tab-filter-wrapper .cd-tab-filter{ display: none; } .cd-tab-filter-wrapper .cd-tab-filter{ width: calc(100% - 34px); margin: 50px 17px 0;} .cd-tab-filter-wrapper .cd-tab-filter ul{box-shadow: none;} .cd-tab-filter-wrapper .cd-tab-filter .owl-carousel.owl-drag .owl-item:first-child{display: none;} .cd-tab-filter-wrapper .cd-tab-filter .owl-carousel .owl-stage{display: flex;} .shapefilter .item a{padding: 0 16px; background: transparent;} .filter-products .cd-filter-trigger{width: 100%; background: #000; color: #fff; text-indent: unset;padding-left: 50px} .filter-products .cd-filter-trigger:before{position: absolute; left: 0; top: 0; width: 50px; height: 50px; content: ''; background: #000 url("../images/cd-icon-filter.svg") no-repeat center center} .filter-products .cd-filter{ z-index: 9; margin-top: 51px; background: white; } .shapefilter .owl-next{right: -17px} .shapefilter .owl-prev{left: -17px} } @media screen and (max-width: 768px) { .cms-page .rug-cms-page { width:100%;} .rug-cms-page h4 { margin: 3.5% 0 1.5%;} .rug-cms-page h3 { padding: 6.5% 0 5%;} .rug-cms-page h2 { margin: 1% 0 3%;} .cms-terms-of-use .rug-cms-page { padding-top:5.5%;} } @media only screen and (min-width: 768px) { .cd-gallery { padding: 40px 3%;} .cd-gallery ul { text-align: justify; padding-left:0px;} .cd-gallery ul:after { content: ""; display: table; clear: both;} .cd-gallery .products-grid li { width: 31%; margin: 10px 1%;} } @media only screen and (min-width: 1170px) { .cd-gallery .products-grid li { width: 23%; margin: 10px 1%; } .cd-gallery { padding: 85px 2%; float: right; transition: width 0.3s;} .cd-gallery.filter-is-visible { width: 80%; } } @media only screen and (min-width: 1600px) { .cd-gallery .products-grid li { width: 18%; } } @media only screen and (max-width: 767px) { .cd-gallery ul.products-grid{ padding-left: 0px; } } @media only screen and (min-width: 1170px) { .cd-filter { width: 280px; } } @media (min-width: 1200px){ .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important;} } @media screen and (min-width: 48em) { .accordionItem { transition: max-height 0.5s; } } @media screen and (min-width: 1000px) { .navbar-toggle { position: relative; top: auto; left: auto; display: none; } .nav-collapse.collapse { display: block !important; height: auto !important; overflow: visible !important; } } @media (min-width: 768px){ .navbar-expand-md .navbar-nav { width: 100%; display: block; text-align: center; padding-bottom: 2px } .navbar-expand-md .navbar-nav li{ display: inline-block; vertical-align: middle; margin: 0 14px; } } @media only screen and (min-width: 768px) { .cd-gallery {padding: 85px 2%;float: right;transition: width 0.3s;} .cd-gallery.filter-is-visible {width: calc(100% - 280px);} } @media only screen and (min-width: 768px) { .cd-tab-filter { /* tabbed navigation style on medium devices */ width: auto; cursor: auto; } .cd-tab-filter::after { /* hide the arrow */ display: none; } .cd-tab-filter ul { background: transparent; position: static; box-shadow: none; text-align: center; } .cd-tab-filter li { display: inline-block; padding: 0px 18px 0px; } .cd-tab-filter li.placeholder { display: none !important; } .cd-tab-filter span { letter-spacing: 1px; display: inline-block; text-transform: uppercase; padding-bottom: 12px; } .no-touch .cd-tab-filter span:hover { color: #000; } .cd-tab-filter span.selected { background: transparent; color: #000; /* create border bottom using box-shadow property */ box-shadow: inset 0 -2px 0 #000; } .cd-tab-filter.is-open ul li { display: inline-block; } } @media only screen and (min-width: 1170px) { .cd-tab-filter { /* tabbed navigation on big devices */ width: 100%; float: right; margin: 0; transition: width 0.3s; } .cd-tab-filter.filter-is-visible { /* reduce width when filter is visible */ width: 80%; } } @media only screen and (min-width: 2015px) { #range-slider-block #minprice-show, #range-slider-block #maxprice-show { width: 43%; box-sizing: border-box; display: block; float: left; border: 2px solid #484848; text-align: center; padding: 0; height: 40px; line-height: 40px; font-weight: 600; color: #484848; float:left;} #range-slider-block .slider.slider-horizontal { width: 94%; height: 20px;} } @media only screen and (min-device-width: 1763px) and (max-device-width: 2014px) and (orientation:portrait) { #range-slider-block #minprice-show, #range-slider-block #maxprice-show { width: 42%; box-sizing: border-box; display: block; float: left; border: 2px solid #484848; text-align: center; padding: 0; height: 40px; line-height: 40px; font-weight: 600; color: #484848; float:left;} #range-slider-block .slider.slider-horizontal { width: 93%; height: 20px;} } @media screen and (max-width: 1170px){ .yt-detail-left{width:60%} .yt-detail-right{max-width:40%} } @media screen and (max-width:992px){ .yt-detail-left,.yt-detail-right{max-width:100%;width:100%} } @media (min-width: 576px){ .modal-dialog-scrollable {max-height: calc(100% - 3.5rem);} } .ordercolor-modal .modal-title {font-weight: 400;font-size: 24px;color: #484848;text-transform: uppercase; margin: 0} .modal-dialog-centered.modal-dialog-scrollable {flex-direction: column;justify-content: center;height: 100%; } .modal-dialog-scrollable .modal-header {flex-shrink: 0; padding: 16px 0; margin: 0 20px; border-bottom: 1px solid #c1c1c1} .modal-dialog-scrollable .modal-content {max-height: calc(100vh - 1rem); } @media (min-width: 576px){ .wishlist-toolbar{ display: flex; } .modal-dialog-scrollable .modal-content {max-height: calc(100vh - 3.5rem);} } .modal-dialog-scrollable .modal-body {overflow-y: auto; padding: 20px} @media (min-width: 992px){ #sidebar.affix{position: fixed; top: 91px; } } .pdp-v2 .detail-toggle .yt-detail-left{width: 91%; max-width: 100%; position: static !important; } @media (max-width: 1440px){ .pdp-v2 .color_platte .color_code{margin-right: 9px} .pdp-v2 .color_platte [data-toggle="collapse"]:after, .pdp-v2 #PERSONALISE .dropdown .select > i{margin-left: 6px} /* .cd-gallery .products-grid li{width:32%; margin: 10px 2px;}*/ /* About Page Css Start */ .abouts-page-banner h3{max-width:690px; font-size:30px; line-height:36px;} .about-top-detail{max-width:1000px; padding:50px 0 0;} .about-top-detail h2{font-size:24px; line-height:30px; margin-bottom:30px;} .about-top-detail p{font-size:18px; line-height:26px; margin-bottom:20px;} .customised-bespoke{max-width:100%; padding:50px 120px;} .start-exploring{margin-top:50px; margin-bottom:50px;} .about-top-detail .btn-outline{min-width:250px; font-size:18px;} .scroll-inner{padding:70px 50px 50px;} .one-half-inner{padding:10px 50px;} .customised-bespoke .about-top-detail{padding: 80px 10% 50px} /* About Page Css End */ /* Projects Page Css Start */ .project-page-banner h1{font-size:42px;} .featured-clients{margin-top:55px; margin-bottom:55px;} .featured-clients h2{font-size:36px;} .featured-clients .owl-carousel .owl-item{min-height:80px; line-height:80px;} .featured-clients .owl-carousel .owl-item img{max-height:70px; max-width:120px;} .featured-clients .owl-prev, .featured-clients .owl-next{width:30px !important; height:50px !important;} .project-detail h4{font-size:26px; line-height:32px; margin:0; } .project-detail h4:after{margin:15px 0;} .project-detail span{font-size:20px; line-height:28px;} /* Projects Page Css End */ /* Projects Detail Page Css Start */ .project-content {padding: 80px 0 50px;} .project-content h2{font-size: 36px; margin-bottom: 30px} .project-content p{font-size: 20px; margin-bottom: 30px} .project-content .container{max-width: 84%} /* Projects Detail Page Css End */ } @media (max-width: 1300px){ .pdp-v2 .colorOptions{font-size: 13px} .pdp-v2 #PERSONALISE .dropdown .select{font-size: 13px} } @media (max-width: 1199px){ .fqBx201 .description{margin-top: 15%;} .yt-detail-right{padding: 0 20px 30px; max-width: 38%} .yt-detail-left{max-width: 60%;} .attr-nav > ul li.side-menu a{padding: 0 !important} #PERSONALISE ul li p.head{padding-top: 20px} .extra-links ul li span.modal-text{font-size: 12px} .yt-detail-left .jCarouselLite li .cloud-zoom-gallery>img{margin: 8px 0 !important} /* .color_platte {position: static;}*/ .colors .colorOptions {position: relative;} .color_platte [data-toggle="collapse"] + div{right: 0; top: 100%; height: 370px !important} .product_attribute{padding-top: 20px} .pdp-v2 .detail-toggle .yt-detail-right{right: -38%} .pdp-v2 #PERSONALISE ul li #payments_child{top: 99px !important} .subtotal-box .delivery-card-sec .row > div:last-child{padding-left: 15px; border:0; max-width: 100%} .delivery-card-sec h6{margin-bottom: 0} .delivery-card-sec .free-delivery-sec > a{margin: 0 0 20px; border:0} .subtotal-box .delivery-card-sec {margin-top: 50px;} .delivery-card-sec ul{margin-top: 10px;} .delivery-card-sec ul li{width: auto;} .delivery-card-sec ul li img{height: 30px} .checkout-cart-index .addon-row .row-cart .col-pro {min-width: calc(64% - 67px);} .checkout-cart-index .addon-row .row-cart .product-info {max-width: 220px} .checkout.cart{padding: 0 20px 40px} .checkout.cart .title-button .page-title{padding: 20px 0 30px} .account-wrapper{padding: 25px 25px 50px;} .account-wrapper .info-content .left-aside ul.affix{left: 25px} .wishpBx {width: 33.3333%;} .cd-gallery .page-title h2{padding-top: 15px} .gallery-box{width:60%;} .right-boxs-right{width:40%;} /*-------------- 2 March 2021 --------------*/ .customised-bespoke{padding: 50px} .customised-bespoke .about-top-detail {padding: 30px;margin: 0;} .project-content {padding: 50px 0 30px} .project-content .container {max-width: 90%} .project-content h2 {font-size: 30px;margin-bottom: 20px;line-height: inherit;} .project-content p {font-size: 18px;margin-bottom: 20px;line-height: inherit;} .press-coverage-row .cd-gallery{padding-top: 0} } @media (max-width: 992px){ .dropdown-toggle.collection-mobile{display: block !important;width: auto !important} .dropdown-toggle.collection{display: none !important;} .trdT04{font-size:20px;line-height:22px} .trdb2Clm{width:50%;padding:0 15px;margin:0 0 25px} .trdBx2{padding:50px 0 30px} .inspiration-block.trdT08 .collection .item{padding:0 5px} .trdBx4{padding:50px 0} .ftr1in .ftrclm3:nth-child(3) .ftrclm2{width:50%} #form-join-us .close{right: 25px;top: 40px;} .register-left{display: none} .attr-nav.cart-attr > ul > li > a, .attr-nav.cart-attr > ul > li > span {padding: 0px 10px;} .search-modal .input-group-addon.search-icon,.search-modal .input-group-addon i{line-height: 33px;} .cd-filter-trigger{width: 100%;color: #fff;background-position: 24px;text-indent: 48px;} .yt-detail-left{max-width: 100%} .fqClm04 {width:50%;} .fqClm04in { margin: 10px;} .fqBx202 {padding:40px 0;} .scrollmagic-pin-spacer{z-index: 98;} #seach-form .input-group-addon{position: absolute;z-index: 1;left: 0px;top: 0px;} #search-input{ padding: 10px 40px; border-radius: 5px;} #seach-form .input-group-addon.close-search{right: 5px;top: 0px;left: auto;} .yt-detail-left{float: none; width: auto; padding: 0} .yt-detail-left .product-img-box .yt-detail-image, .yt-detail-left .more-views.slide-gallery {width: 100%;float: left;margin-left: 0px;} .yt-detail-left .more-views.slide-gallery .jCarouselLite{text-align: center;} .yt-detail-left .more-views.slide-gallery .jCarouselLite ul li{display: inline-block;} nav.navbar.bootsnav .navbar-toggle{margin-right: 0; margin-left: -35px; line-height: 26px; text-align: center; width: 26px; height: 26px;margin-top: -2px} nav.navbar.bootsnav .navbar-toggle[aria-expanded="false"], nav.navbar.bootsnav .navbar-toggle{background: url(../images/bars.svg) no-repeat center; background-size: 26px auto;} nav.navbar.bootsnav .navbar-toggle[aria-expanded="false"] i{display: none;} nav.navbar.bootsnav .navbar-toggle[aria-expanded="true"]{background:none;} nav.navbar.bootsnav .navbar-toggle[aria-expanded="true"] i{display: block; font-weight: 300; padding-top: 2px;font-size: 2.5rem;} nav.navbar.bootsnav .navbar-toggle[aria-expanded="true"] i:before{content: '\D7'} .yt-detail-right{max-width: 100%; float: none;padding: 0 15px} .more-colors .attr-nav{position: static;} .attr-nav > ul{margin: 0} .attr-nav > ul > li.search a{font-size: 18px; padding:2px 0} .attr-nav > ul > li.search .cd-search-trigger span{display: none;} .color_platte [data-toggle="collapse"] + div{right: -15px; left: -15px; width:auto;} .yt-detail-left .product-img-box{float: none;} .yt-detail-left .product-img-box.fxdsld {font-size: 0;position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;} /*.pdp-v2 .pdp-btn{display: none;}*/ .main-nav nav.navbar.bootsnav .container{padding: 20px} .main-nav nav.navbar.bootsnav .container .logo-section, .main-nav nav.navbar.bootsnav .container .navbar-header{margin: 0} .main-nav nav.navbar.bootsnav .container img {max-width: 100%;position: relative;left: -78px; top: 2px} .cart{padding: 0 10px} .checkout-cart-index .title-button{margin-top: -3px} .checkout-cart-index .row-cart .product-info {margin-left: 6px;} .checkout-cart-index .row-cart .colorselection{max-width: 100%;} .checkout-cart-index .row-cart .addon-row{margin-left: 155px;padding-left: 0;} .checkout-cart-index .addon-row .row-cart .col-pro {min-width: calc(64% - 57px);} .checkout-cart-index .row-cart .addon-row .product-info{margin-left: 6px; max-width: 140px} .checkout-cart-index .row-cart .addon-row .product-additional-info .detailtitle{width: 100%} .subtotal-box{padding: 30px} .subtotal-box .delivery-card-sec {margin-top: 35px;} .checkout-sign-box button{min-width: 150px} .checkout-sign-box .inn-sign-box p{width: 60%} .checkout.cart .card{padding: 20px} .checkout.cart #yt_right .card{padding: 8px 12px 12px 12px} .pdp-v2 .yt-detail-right{clear: both;} .ordercolor-modal .modal-dialog{max-width: 80%;} nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before, nav.navbar.bootsnav li.dropdown span.dropdown-toggle:before{background: url(../images/down-arrow.svg) no-repeat center; width: 9px; height: 22px; background-size: 100% auto; content: ''} .side-right{overflow: hidden; padding-left: 280px} body.side-right > .wrapper {margin-left: 0;margin-right: 0 !important; overflow-x: hidden;} body.side-right > .wrapper > *{margin-right: -280px !important;} nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before, nav.navbar.bootsnav li.dropdown.on > span.dropdown-toggle:before{content: ''} .features, .banner-wrapper, .category-slider, .trending_mobile, .Trending-Styles-wrap, .Testimonial-wrap{padding-left: 15px; padding-right: 15px; } .banner-v61{display: block;} .banner-v61.above-footer .col-lg-7{max-width: 100%; flex: none; margin-bottom: 12px} .banner-v61.above-footer .col-lg-5{max-width: 100%; padding-left: 0%; padding-right: 0;} .features .owl-prev, .suggestions_slider .owl-prev, .collection-slider .owl-prev, .trendy-slider .owl-prev, .new-slider .owl-prev{left: -10px} .features .owl-next, .suggestions_slider .owl-next, .collection-slider .owl-next, .trendy-slider .owl-next, .new-slider .owl-next{right: -10px} .banner-v61.above-footer{padding: 20px 15px;} .account-wrapper{padding: 25px 20px 50px;} .account-tabs .nav-tabs .nav-item{margin: 0 15px;} .account-tabs .nav-tabs .nav-link{padding: 20px 0;} .myorders .card .ordno{padding: 20px 10px;} .myorders .card .odrarw{padding: 20px 10px; width: 34px} .myorders .card .odrstatus{padding: 20px 0; width: 160px} .account-wrapper .info-content .left-aside + div{max-width: 100%} .account-wrapper .info-content h2, .account-wrapper .info-content fieldset{padding: 20px;} .wishPg {padding: 20px 10px 0;} .myorders .card .table>tbody>tr>td, .myorders .card .table>thead>tr>th{padding: 10px} .myorders .card .table .product-thumb {width: 90px} .myorders .card .table .product-info {margin-left: 10px;} /* About Page css Start */ .about-top-detail{padding-right:2%; padding-left:2%;} .scroll-inner{padding: 40px 5px 30px 20px;} #scroll-div-section2 .scroll-inner{padding: 40px 15px 30px 5px;} .one-half-inner{padding-left:20px; padding-right:20px;} /* About Page css End */ .fqBx201 .description{ margin: 10px; } .fqBx201 h4.card-title{ line-height: 22px; font-size: 18px; } .fqBx201 { font-size: 12px; line-height: 16px; } .fqBx201 .card-body{ max-width: 100%; } .handkotted-story{ width: 49%; float: left; margin-right: 1%; } .Our-Artisans{ width: 49%; float: left; margin-left: 1%; } } @media (max-width: 767px){ .collection-item.view-all-collection{ max-height: 100%; width: 100%; min-height: 35px; height: 35px; } .collection-item.view-all-collection .view-all-collection-btn a{ top: 20%; } .bpBox2{padding:50px 10px} .bpT18{text-align:center} .bpT9{padding:40px 20px} .bpT6{line-height:30px} .trdb2Clm{width:100%} .trdBx4{padding:40px 20px} .fqClm14,.fqClm34{ width: 100%; padding: 0px; } .btn:not(:disabled):not(.disabled){ white-space: normal; line-height: 20px!important; } .banner-v61.above-footer{display: block;} #form-sign-in-new{padding: 0px} .page-link{width: 36px;height: 36px;line-height: 1.4;padding: 7px;} .sub-cats ul{padding:0px;} .sub-cats ul li .category_name{font-size: 15px;} .collection-main{margin: 0 20px;} .collection-main .content h5{padding:0 10%;} nav.navbar.bootsnav .navbar-toggle{margin-left: -8px} .ordercolor-modal.modal{max-height: 95vh;bottom: auto;} .ordercolor-modal.modal .modal-dialog{width: 95%; max-width: 100%; max-height: 100%; visibility: hidden; opacity: 0; margin:10% 2%; transform: none !important; transition: ease 0.3s} .ordercolor-modal.modal.show .modal-dialog{visibility: visible; opacity: 1; transform: none; } .addsampletocart .price-box h3{line-height: 20px; margin:0 0 10px} .more-colors .attr-nav{position: static;} .pdp-v2 #PERSONALISE ul > li .ddcommon {position: relative;} .pdp-v2 #PERSONALISE ul li #payments_child{top: 44px !important; right: 0; left: 0} .cart .title-button .page-title h3{display: block;} .items-totals h4{margin-left: 0; margin-right: 20px} .checkout-cart-index .row-cart .col{padding: 20px 0 10px} .checkout-cart-index .row-cart .col-pro, .checkout-cart-index .addon-row .row-cart .col-pro{min-width: 100%} .checkout-cart-index .row-cart .col-price{color: #000; text-align: left;} .checkout-cart-index .row-cart .col-price:before{display: block; font-size: 16px; font-weight: 600; padding-bottom: 10px; content: 'Price'; color: #484848 } .checkout-cart-index .row-cart .col-qty:before{display: block; font-size: 16px; color: #484848; font-weight: 600; padding-bottom: 10px; content: 'Qty'; } .checkout-cart-index .row-cart .col-qty .price-i-d{padding: 10px} .checkout-cart-index .row-cart .col-total:before{display: block; font-size: 16px; font-weight: 600; padding-bottom: 10px; content: 'Subtotal'; color: #484848 } .checkout-cart-index .row-cart .addon-row{margin-left: 0} .checkout-cart-index .row-cart .addon-row .remove-wishlist {margin-top: -132px;position: relative;} .checkout-cart-index .row-cart .addon-row .product-info{max-width: 100%;width: auto;} .checkout-cart-index .row-cart .addon-row .product-additional-info .detailtitle{width: 120px} .subtotal-box{padding: 20px} .subtotal-box .delivery-card-sec .row:after{display: table; content: ''; clear: both;} .subtotal-box .delivery-card-sec .row > div{float: left; width: 50%} .subtotal-box .delivery-card-sec {padding: 15px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 15px 0;} .cart-collaterals .totals .checkout-types .button{display: block; margin: 0 auto} .checkout.cart .title-button .page-title{text-align: center;} .checkout.cart .title-button .page-title .items-totals{padding: 0} .yt-detail-left .product-img-box.fxdsld{z-index: 999} .color_platte [data-toggle="collapse"] + div{position: fixed; top: 0; bottom: 0; right: -100%; left: auto; width: calc(100% - 44px); display: block; z-index: 999; height: auto !important;} .color_platte [aria-expanded="true"] + div{right: 0%;} .colorSidePopup{overflow: hidden;} .pdp-v2.colorSidePopup .yt-detail-right, .colorSidePopup .yt-detail-right{position: relative; z-index: 99999; background: #fff} .colorSidePopup .yt-detail-right:after{content: '';display: table; clear: both; } .color_platte [data-toggle="collapse"]:before{opacity: 0.3; background: #000} .pdp-v2 #PERSONALISE .color_platte [data-toggle="collapse"] + div{right: -100%} .pdp-v2 #PERSONALISE .color_platte [aria-expanded="true"] + div{right: 0%} #PERSONALISE .custom-tabs .nav-item a{width: 128px} .wishpBx {width: 50%; } .myorders .card .card-body .layout-inline{ display: flex; } .myorders .card .card-body .order-row{padding: 15px 0px} .myorders .card .card-body .order-row > div{padding-top: 5px; padding-bottom: 5px} .myorders .card .card-header .odrstatus, .myorders .card .card-header[aria-expanded="true"] .odrstatus{border: none; width: auto; } .gallery-box, .right-boxs-right{width:100%; } .cd-filter-trigger.desktop-hide{display:block; text-transform:uppercase; font-weight:600; position: static; width:100%; border:2px solid #484848; color:#484848; letter-spacing:2px; text-indent:0; text-align: center; background:none; } .press-coverage-inner .page-title h2{text-align: center; color:#000; } .cd-filter.filter-box{position: fixed; top:0; z-index:105; transform: translateX(-100%); } .cd-filter.filter-box.filter-is-visible{ transform: translateX(0); } .mobile-hide-title{display:none; } .cd-filter-block .desktop-hide-title{display:block; font-size:18px; font-weight:400; color:#000; } a.button.mobile-hide-a{display: none; } .mobile-show-div{display: block; box-shadow: 0 -2px 3px 0 rgb(0 0 0 / 10%); margin: 30px -20px 0; padding: 20px; } .mobile-show-div .ui-link{font-weight:600; text-transform:uppercase; font-size:14px; letter-spacing:1px; margin:0; } .transparent-btn{border: 1px solid #484848; color: #484848; background-color:transparent; } .filter-box.cd-filter-trigger .cd-close{font-size:40px; color:#000; background-color:transparent; top:10px; } .col-xs-6{width:50%; } .banner-section{margin: 0; } .press-coverage-inner{margin: 0; padding: 0px 15px; background-color: #fff; } .blog-box-press{margin:20px 0; text-align: center; } body.overflow-hide{overflow: hidden; } .top-search{padding:0; } .hide-desktop{display:block; } .margin0{margin-bottom:0; } .gallery-box-inner, .filter-box.cd-filter form{padding-right:0; padding-left:0; } /* About Page Css Start */ .abouts-page-banner h3{font-size:24px; max-width:500px; } .about-top-detail{padding-top:30px; } .about-top-detail h2, .one-half-section h3, .scroll-div-section h3{font-size:18px; line-height:24px; margin-bottom:20px; } .about-top-detail p, .scroll-div-section p, .one-half-section p{font-size:14px; line-height:20px; margin-bottom:15px; } /* About Page Css End */ /* Project Page Css Start*/ .project-detail h4{font-size:20px; margin-bottom:0; } .project-detail span{font-size:14px; } .project-page-banner h1{font-size:30px; } .featured-clients h2{font-size:24px; } /* Project Page Css End */ /* Search Modal 10 march 2021 Start ------------*/ #banner-slider .owl-prev, #banner-slider .owl-next {width: 20px;height: 32px; margin: 0 2px} .search-modal.modal .modal-dialog{ min-height: calc(100% - (48px * 2));max-height: calc(100% - 96px);margin: 48px auto;justify-content: start; max-width: 100%; padding: 0 15px; } .card-accept img{width: auto; max-width: 100%} /* 16 march 2021 Start ------------*/ .custom_pagination ul{padding-left: 0} .fqBx2 .fqBx201 .card{ flex-direction: column; } .fqBx2 .fqBx201 .card .card-body { order: 1 !important; } .fqBx201 .faq-img{ max-width: 100%; } } @media (max-width: 600px){ .features .owl-prev{ left: -12px; } .features .owl-next{ right: -12px; } .banner-content { width: 275px; top: 5%; padding: 20px; } .colorpletter span{width: 34px;height: 34px;} .colorpletter span.color1{width: 36px;height: 36px;} #Ombre .colorpletter span.color1, #Pastel .colorpletter span.color1 {height: 40px;} #Ombre .colorpletter span, #Pastel .colorpletter span {height: 39px;} .color_platte ul{width: 100%;margin-top: 10px;} .color_platte ul li{width: 50%} .custom-tabs .nav-item a{width: 100%} .ordercolor-modal .selected-colors{width: 48%; margin-right: 2%} .color_platte .sp-input-container .sp-input{width: 90px} /*.rug-size .col-lg-6:last-child{width: 48%}*/ .header-continue-shopping {width: 12px; height: 34px;} .header-continue-shopping span{display: none;} .main-nav nav.navbar.bootsnav .container img{left: -6px} .checkout-cart-index .title-button{display: block; text-align: center; padding: 30px 0 20px ; border-bottom: 2px solid #ccc} .cart .title-button .cart-btns-right{padding-top: 15px; text-align: center;} .layout-inline.row-cart{padding-top: 0} .subtotal-box .delivery-card-sec .row > div{width: 100%; float: none;} #PERSONALISE .color_platte .color-filters{float: none; margin-bottom: 10px; display: flex; justify-content: space-between;} #PERSONALISE .color_platte .color-filters .filter-input {width: 50%; margin-left: 10px} #PERSONALISE .color_platte ul{float: none;} #PERSONALISE .color_platte ul li{width: 50%} #PERSONALISE .custom-tabs .nav-item a{width: 100%} .account-tabs .nav-tabs {display: block;} .account-tabs .nav-tabs .nav-item{display: block; margin: 0; border-bottom: 1px solid #f5f5f5} .account-tabs .nav-tabs .nav-link{display: block; text-align: center;} .handkotted-story{ width: 100%; float: none; padding: 0; } .Our-Artisans{ width: 100%; float: none; padding: 0; } } @media (max-width: 575px){ .align-items-center{flex-wrap: wrap;} .pdp-v2 .color-sample-size-outer{width: 100%;margin-top: 10px} .checkout-sign-box .dropdown-menu{position: fixed !important; left: auto!important; top: 0; bottom: 0; min-width: 320px; width: 320px; right: -320px; right: -320px; transform: none !important; display: block; border:none; transition: ease 0.4s} .checkout-sign-box .dropdown-menu.show{right: 0;} .checkout-sign-box .dropdown-menu .d-sm-flex{text-align: center;} .checkout-sign-box .dropdown-menu form button{display: block; margin: 0 auto 10px; float: none;} .checkout-sign-box .dropdown > button:after{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.15); content: ''; visibility: hidden; opacity: 0; z-index: 999; transition: ease 0.4s} .checkout-sign-box .dropdown > button[aria-expanded="true"]:after{visibility: visible; opacity: 1} .checkout-sign-box {padding: 0; border:0; } .checkout-sign-box .inn-sign-box{display: block;} .checkout-sign-box .inn-sign-box p { border: 1px solid #333; padding: 10px; width: 100%; text-align: center; margin: 0 0 10px} .checkout-sign-box button{width: 100%} .shippingModal .modal-dialog-scrollable .modal-body, .shippingModal .modal-footer, .shippingModal .modal-dialog-scrollable .modal-header{margin:0; padding: 10px 20px} .shippingModal .close {top: 0;line-height: 30px;} .attr-nav li .cart-list{width: calc(100vw - 30px); right:-25px} .myorders .card .table thead{display: none;} .myorders .card .table>tbody>tr>td{display: block; text-align: left; padding: 10px; border-bottom: 0} .myorders .card .table>tbody>tr>td strong{display: inline-block; padding-right: 10px} .myorders .card .grand_total th{padding: 10px} /*-------------- 2 March 2021 --------------*/ div[id*="scroll-inner"].affix{position: static; width: 100%} .customised-bespoke{padding: 20px} .customised-bespoke .about-top-detail {padding: 20px;margin: 0;} .project-content .container {max-width: 100%} .project-content h2 {font-size: 22px;margin-bottom: 15px;} .project-content p {font-size: 16px;margin-bottom: 15px;} } @media (max-width: 479px){ span.color_code:after{ width: 20px !important; height: 20px !important; left: 20px !important; top: 5px !important; } .color_platte ul{ float: left; margin-top: 10px; } #PERSONALISE label{ font-size: 12px; } #PERSONALISE ul li .rug-size-box{ clear: both; } body.on-side .side .close-side{ right: 85vw; } .extra-links ul li{width: 100%} .checkout-cart-index .row-cart .product-thumb{ min-width: 75%;} .ordercolor-modal .modal-title{font-size: 20px} .sample-bar span {font-size: 3.6vw;} .more-colors .attr-nav{margin-left: 0} .side{width: calc(100% - 44px); right: -100%} #PERSONALISE .color_platte ul{float: none;} .color_platte .sp-input-container .sp-input{width: 228px} nav.navbar.bootsnav.more-colors{float: none; margin-top: 10px} .suggestions-mini .row {margin-left: -15px;margin-right: -15px;} .suggestions-mini .suggestions-mini .row {margin-left: -5px;margin-right: -5px;} /*.color_platte [data-toggle="collapse"] + div{height: 420px !important}*/ .color_platte .color_title {margin-top: 6px;font-size: 12px;} .color_platte .color_code {width: 30px;height: 30px;margin-right: 4px;} .pdp-v2 #PERSONALISE .colorOptions .dropdown .select{padding: 4px; font-size: 12px} .pdp-v2 .color_platte [data-toggle="collapse"]:after{margin-left: 4px} .pdp-v2 #PERSONALISE .dropdown .select > i {margin-left: 4px;} .ordercolor-modal .selected-colors{height: 30px; } .ordercolor-modal .selected-colors .color {width: 30px;height: 30px;} .ordercolor-modal .color-name {padding: 3px 8px;} .ordercolor-modal .default-colors-block1{margin-right: -2%} .ordercolor-modal .selected-colors span.color-close{width: 30px;} .checkout-cart-index .row-cart .product-info{margin: 0;width: 100%;} .checkout-cart-index .row-cart .product-thumb{display: block; margin: 0 auto 20px; text-align: center;} .checkout-cart-index .row-cart .smplcl4{width: 100%; float: left;} .product-additional-info{overflow: hidden;padding-top: 10px} .product-additional-info > span:last-child{float: right;} .checkout-cart-index .row-cart .addon-row .remove-wishlist{padding-left: 0; margin-top: 10px} .checkout-cart-index .row-cart .addon-row .product-info{margin: 0; display: block;} #cart-sidebar .media .product-item-inner, #cart-sidebar .media .product-item-name-block{display: block;} .color_platte [data-toggle="collapse"]{padding: 8px 0} .pdp-v2 .color_platte [data-toggle="collapse"]{padding: 0} .checkout.cart .card{padding: 10px} .checkout.cart .addressdetails{padding: 10px} .checkout.cart .addressdetails li{margin-bottom: 2px} .myorders .card .card-header{display: block !important;} .myorders .card .ordno, .myorders .card .odrstatus{padding: 5px 10px} .myorders .card .odrarw {width: 30px;height: 61px;position: absolute;right: 0;top: 0;} .myorders .card .card-body .order-row{padding:10px 15px; } .myorders .card .card-body .order-row > div{padding: 5px 0 } .account-wrapper{padding: 0;} .myorders .card .table .product-info{margin-left: 0} .myorders .card .table .product-thumb{left: 10px} .myorders .card .table .product-additional-info{padding: 0} .myorders .card .table .product-additional-info .detailtitle{width: auto;} .shapefilter .item a{padding: 0 8px;} /* Project Page Css Start*/ .project-detail h4{font-size:15px; margin-bottom:0;} .project-detail h4:after{margin:4px 0;} .project-detail span{font-size:12px;} .project-page-banner h1{font-size:24px;} .featured-clients h2{font-size:20px; margin-bottom:20px;} .project-detail{left:15px; right:15px; padding:0 0;} .featured-clients{margin-top: 20px; margin-bottom: 15px;} .featured-clients .owl-prev, .featured-clients .owl-next{width: 20px !important; height: 31px !important;} /* Project Page Css End */ /* About Page Css Start */ .abouts-page-banner h3{font-size:24px; line-height:30px;} div[id*="scroll-inner"].affix, #scroll-div-section2 .scroll-inner{position: static; padding:20px 15px; width:100%; text-align: center} .one-half-inner{padding: 20px 20px 40px;} .scroll-div-section{padding-bottom:20px;} .start-exploring-img{max-width:150px;} .about-top-detail h2{margin-top:20px;} .start-exploring{margin-top:0; margin-bottom:20px;} /* About Page Css End */ } /* Change styles for span and cancel button on extra small screens */ @media screen and (max-width: 300px) { .login-signup span.psw { display: block; float: none;} .login-signup .cancelbtn { width: 100%;} } @media screen and (max-width: 880px) { .popup-css1 .modal-dialog, .popup-css2 .modal-dialog { max-width: 85% !important; } .popup-css1 h4 { font-size: 18px; line-height: 24px; } .callback-btn, .popup-css-right img ,.popup-css-right1 img { margin: 20px 0; } .form-css1 { width: 100%; } .contact-img { height: 100%; } } @media screen and (max-width: 768px) { .popup-css1 h4 { font-size: 16px; line-height: 24px; } .popup-css-right img, .popup-css-right1 img { width: 60%; } .shape-box li { width: 15%; } li.runner-css { position: relative; top: 0; } li.runner-css img { height: 37px; width: auto; } } @media screen and (max-width: 620px) { .popup-css1 h4 { font-size: 14px; line-height: 18px; } .callback-btn, .popup-css-right img { margin: 18px 0; } .callback-btn { padding: 10px; } .shape-box li, .roomtype-css li, .rugtype-css li { width: 25%; } li.runner-css { position: relative; top: 0; } li.runner-css img { height: 37px; width: auto; } .rug-finder-css1 img.assist-img, .contact-img { height: auto; width: 100%; } .rug-finder-css1.search-modal.modal .modal-dialog { margin: 3rem auto; } button.close.close-css1 { margin-top: 10px; position: absolute; right: 15px; z-index: 99; } } @media screen and (max-width: 576px) { .popup-css1 .modal-dialog, .popup-css2 .modal-dialog { max-width: 70% !important; display: table; margin: 30px auto; } .rug-finder-css1 img.assist-img, .contact-img { height: 300px; width: 100%; } .popup-css2 .form-group { margin-bottom: 0.4rem; } .rug-finder-css1 .popup-css-right img, .popup-css-right1 img { width: 45%; display: none; } .popup-css2 label { margin-bottom: 0rem; } } /* Change styles for span and cancel button on extra small screens */ @media screen and (max-width: 300px) { .login-signup span.psw { display: block; float: none; } .login-signup .cancelbtn { width: 100%; } } /* ipad fix */ @media screen and (max-width: 1020px) and (min-width: 768px){ .trd1002 { background-size: unset !important; } .trdb2Clm { float: left; width: 50%; padding: 15px; } .yt-detail-left { float: left; width: 49%; display: flex; } .pdp-v2 .yt-detail-right { clear: unset !important; display: flex; width: 49%; float: right; top: 0px !important; } .yt-detail-left .owl-carousel .owl-item img { display: block; width: 10 0%; } #PERSONALISE ul li p.head { font-size: 10px; } .ddTitleText .ddlabel { text-transform: capitalize; padding: 0px; } .attr-nav>ul li.side-menu a { padding: 0!important; font-size: 12px; } #PERSONALISE ul li .rug-size-box { font-size: 12px; line-height: 16px; width: 100%; display: inline-block; padding: 0px; margin: 0px; } #PERSONALISE .rug-size-box .radio { margin: 8px 25px 0 0 !important; } #PERSONALISE ul li p.head { padding: 12px 0 0 0; margin: 0px; } .extra-links ul li span img { height: 14px; } .extra-links ul li span.modal-text { font-size: 11px; margin: 0px; padding: 10px 0; } .outer-footer { padding-top: 10px; } .d-lg-block{ display: block !important; } .product-img-box .discription{ margin-top: 20px; } } @media screen and (max-width: 575px) { .attr-nav li .cart-list { width: calc(100vw - 0px); right: -55px; top: 44px; position: absolute; } #minicart-sidebar{ height: 65vh; max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; } } /*@media screen and (max-width: 600px) { .yt-detail-left { float: none; width: 100%; display: block; } .pdp-v2 .yt-detail-right { clear: both !important; display: block; width: 100%; float: right; top: 0px !important; } .yt-detail-left .owl-carousel .owl-item img { display: block; width: 100%; } .rug-cms-page h3 { font-size: 30px; font-weight: 600; } .cms-page .rug-cms-page { padding: 0 20px 28px; } .cms-page .banner-info { padding: 100px 0; } .cms-page .banner-info h2 { font-size: 30px; font-weight: 500!important; line-height: 42px; } } @media screen and (max-width: 480px) { .trdb2Clm { width: 100%; } .trdBx2 { padding: 40px 0; } .trdT06 { font-size: 15px; margin: 0 0 10px; } .trdBx4 { padding: 40px 0 0 0; } .about-top-detail h2, .one-half-section h3, .scroll-div-section h3 { font-weight: 500; text-align: center; } .about-top-detail p, .scroll-div-section p { text-align: center; padding: 0 20px; } .start-exploring { padding: 30px; max-width: 100%; margin: 0; } .attr-nav.cart-attr>ul>li>a { padding: 0; } .cd-gallery .products-grid li { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; background: #fff; } .press-coverage-inner .products-grid .item-inner .product-name { min-height: auto; } .cms-page .banner-info { padding: 145px 0; } .cms-page .banner-info h2 { font-size: 24px; line-height: 40px; } .img-content { width: 100%; } .cms-page .rug-cms-page ol li a { overflow-wrap: break-word; word-wrap: break-word; } }*/ @media screen and (max-width: 1259px) { .project-img-container .item { width: 22%; } } @media screen and (max-width: 880px) { .project-img-container .item { width: 22%; margin: 8px; } .project-container { padding: 50px 20px; } } @media screen and (max-width: 768px) { .project-img-container .item { margin: 6px; } .features-txt { font-size: 26px; margin-bottom: 15px; } } @media screen and (max-width: 600px) { .project-img-container .item { margin: 5px; width: 30%; } } @media screen and (max-width: 480px) { #PERSONALISE .dropdown .select{ min-width: 90px; } .color_platte .color_title{ min-width: 57px; } .project-img-container .item { width: 46%; margin: 5px; } .project-container { padding: 30px 10px; } } @media screen and (max-width: 360px) { .project-img-container .item { width: 45%; } } @media screen and (max-width: 576px) { .about-top-detail .btn-outline{min-width:180px; font-size:18px;} .box404{padding: 30px} .page-main{padding: 20px;} .clmx2{ width: 100%; border: 0px; padding: 0; margin-top: 30px; } .clmx1{width: 100%;} .x4txt2 { width: 100%; } } /* media query to center slide icons in ipad view */ @media screen and (min-width: 809px) and (max-width: 992px) { .bpT15.owl-carousel .owl-nav button.owl-next, .bpT15.owl-carousel .owl-nav button.owl-prev {margin:80px 0;top:50%;} } /* media query to center slide icons in desktop view */ @media screen and (min-width: 992px) { .bpT15.owl-carousel .owl-nav button.owl-next, .bpT15.owl-carousel .owl-nav button.owl-prev {margin:120px 0;top:50%;} } /* query to set discover image in ipad */ @media screen and (min-width:992px) and (max-width: 1159px) { nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.discover > li {width: 19%;} } /* fixing design for landscape mode */ @media screen and (max-width: 992px) and (orientation: landscape){ .color_platte .collapse-fixed{overflow: auto;} .pdp-top-bar, .pdp-top-bar.stickytop { display: none;} .login-signup .modal-content{ max-width: 400px; padding: 0 25px; } img.hero-image{ width: 100% !important; transform: translateX(0); } .mobile-image-preview{ left:20px; } .advance-option .text1 { font-size: 20px; } #form-sign-in p{ margin-bottom: 10px; } } @media (max-width: 767px) { .social-fixed, .socials-wrap { text-align: center; } .socials-wrap ul li { padding: 0 20px 0 0; margin-top: 40px; } .pdp-v2 .pdp-btn { display: none; } } @media (min-width: 768px) { .product-img-box #myCarousel .owl-dots, .product-img-box #myCarousel .owl-nav{ display: none; } } /*# sourceMappingURL=app.css.map*/