/*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 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",Montserrat,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--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%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Montserrat,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.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\00A0"}.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{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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-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-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.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-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.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-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.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-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.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-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.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-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.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-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.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-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.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:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.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{color:#fff;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}.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}.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}.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}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.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;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;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:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%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/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select: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,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip{display:block}.form-control-file.is-valid~.valid-feedback,.form-control-file.is-valid~.valid-tooltip,.was-validated .form-control-file:valid~.valid-feedback,.was-validated .form-control-file: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{border-color:#28a745}.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{border-color:#34ce57;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 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.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~.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{border-color:#28a745;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:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");background-repeat:no-repeat;background-position:center right calc(.375em + .1875rem);background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc((1em + .75rem) * 3 / 4 + 1.75rem);background:url("data:image/svg+xml,%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/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select: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,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip{display:block}.form-control-file.is-invalid~.invalid-feedback,.form-control-file.is-invalid~.invalid-tooltip,.was-validated .form-control-file:invalid~.invalid-feedback,.was-validated .form-control-file: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{border-color:#dc3545}.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{border-color:#e4606d;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 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.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~.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{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;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 .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;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}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;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}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(38,143,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(38,143,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(130,138,145,.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(130,138,145,.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(72,180,97,.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(72,180,97,.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(58,176,195,.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(58,176,195,.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(222,170,12,.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(222,170,12,.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(225,83,97,.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(225,83,97,.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(216,217,219,.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(216,217,219,.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(82,88,93,.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(82,88,93,.5)}.btn-outline-primary{color:#007bff;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;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;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;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;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;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;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;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;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.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{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;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}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;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{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;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{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;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-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.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;pointer-events:none;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}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 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-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.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,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right: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{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.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:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.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,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.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:-ms-flexbox;display:flex;-ms-flex-align:center;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-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.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-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.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-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.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:-ms-inline-flexbox;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;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-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{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%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{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%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::after{background-image:url("data:image/svg+xml,%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-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .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(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:url("data:image/svg+xml,%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/8px 10px;background-color:#fff;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:0 0 0 .2rem rgba(0,123,255,.25)}.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{display:none}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;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(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:calc(1rem + .4rem);padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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;pointer-events:none;cursor:default}.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{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;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:-ms-flexbox;display:flex;-ms-flex-direction:column;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{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;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-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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@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{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.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,%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,%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:-ms-flexbox;display:flex;-ms-flex-direction:column;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{-ms-flex:1 1 auto;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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-ms-flexbox;display:flex;-ms-flex:1 0 0%;flex:1 0 0%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:first-of-type) .card-header:first-child{border-radius:0}.accordion>.card:not(:first-of-type):not(:last-of-type){border-bottom:0;border-radius:0}.accordion>.card:first-of-type{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.accordion>.card .card-header{margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.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:-ms-flexbox;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{z-index:2;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-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;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.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}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.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:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.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 (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;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{z-index:1;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.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-sm .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-md .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-lg .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item{margin-right:-1px;margin-bottom:0}.list-group-horizontal-xl .list-group-item:first-child{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{margin-right:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;border-bottom-left-radius:0}}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush .list-group-item:last-child{margin-bottom:-1px}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{margin-bottom:0;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:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Montserrat,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";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",Montserrat,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";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::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 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-width:.5rem .5rem 0;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::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 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-width:.5rem .5rem .5rem 0;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::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;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::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;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.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:0s .6s opacity}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.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:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%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,%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:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.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-sm{border-radius:.2rem!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-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!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:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;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:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;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{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;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}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!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;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.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-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-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-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-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-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-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-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-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-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-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-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!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-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!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:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.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 #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} /*# sourceMappingURL=bootstrap.min.css.map *//** * 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,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.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;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;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:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.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 .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s 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 */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.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:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}/*! Flickity v2.1.2 https://flickity.metafizzy.co ---------------------------------------------- */.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:#333}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} /*! Lity - v2.3.1 - 2018-04-20 * http://sorgalla.com/lity/ * Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}.lity-wrap:before{content:"";display:inline-block;height:height: 100vh;vertical-align:middle;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}.lity-content{z-index:9993;width:100%;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease,-o-transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{-webkit-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.lity-content:after{content:"";position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;outline:none;-webkit-box-shadow:none;box-shadow:none}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height: 100vh;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height: 100vh;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}#debungcontrolls { z-index: 100000; position: fixed; bottom: 0; height: auto; background: rgba(0, 0, 0, .6); padding: 10px } #debungcontrolls, .debugtimeline { width: 100%; box-sizing: border-box } .debugtimeline { height: 10px; position: relative; display: block; margin-bottom: 3px; display: none; white-space: nowrap } .debugtimeline:hover { height: 15px } .the_timeline_tester { background: #e74c3c; position: absolute; top: 0; left: 0; height: 100%; width: 0 } .debugtimeline.tl_slide .the_timeline_tester { background: #f39c12 } .debugtimeline.tl_frame .the_timeline_tester { background: #3498db } .debugtimline_txt { color: #fff; font-weight: 400; font-size: 7px; position: absolute; left: 10px; top: 0; white-space: nowrap; line-height: 10px } .rtl { direction: rtl } @font-face { font-family: revicons; src: url(/fonts/revicons.eot?5510888); src: url(/fonts/revicons.eot?5510888#iefix) format("embedded-opentype"), url(/fonts/revicons.woff?5510888) format("woff"), url(/fonts/revicons.ttf?5510888) format("truetype"), url(/fonts/revicons.svg?5510888#revicons) format("svg"); font-weight: 400; font-style: normal } [class*=" revicon-"]:before, [class^=revicon-]:before { font-family: revicons; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em } .revicon-search-1:before { content: "\e802" } .revicon-pencil-1:before { content: "\e831" } .revicon-picture-1:before { content: "\e803" } .revicon-cancel:before { content: "\e80a" } .revicon-info-circled:before { content: "\e80f" } .revicon-trash:before { content: "\e801" } .revicon-left-dir:before { content: "\e817" } .revicon-right-dir:before { content: "\e818" } .revicon-down-open:before { content: "\e83b" } .revicon-left-open:before { content: "\e819" } .revicon-right-open:before { content: "\e81a" } .revicon-angle-left:before { content: "\e820" } .revicon-angle-right:before { content: "\e81d" } .revicon-left-big:before { content: "\e81f" } .revicon-right-big:before { content: "\e81e" } .revicon-magic:before { content: "\e807" } .revicon-picture:before { content: "\e800" } .revicon-export:before { content: "\e80b" } .revicon-cog:before { content: "\e832" } .revicon-login:before { content: "\e833" } .revicon-logout:before { content: "\e834" } .revicon-video:before { content: "\e805" } .revicon-arrow-combo:before { content: "\e827" } .revicon-left-open-1:before { content: "\e82a" } .revicon-right-open-1:before { content: "\e82b" } .revicon-left-open-mini:before { content: "\e822" } .revicon-right-open-mini:before { content: "\e823" } .revicon-left-open-big:before { content: "\e824" } .revicon-right-open-big:before { content: "\e825" } .revicon-left:before { content: "\e836" } .revicon-right:before { content: "\e826" } .revicon-ccw:before { content: "\e808" } .revicon-arrows-ccw:before { content: "\e806" } .revicon-palette:before { content: "\e829" } .revicon-list-add:before { content: "\e80c" } .revicon-doc:before { content: "\e809" } .revicon-left-open-outline:before { content: "\e82e" } .revicon-left-open-2:before { content: "\e82c" } .revicon-right-open-outline:before { content: "\e82f" } .revicon-right-open-2:before { content: "\e82d" } .revicon-equalizer:before { content: "\e83a" } .revicon-layers-alt:before { content: "\e804" } .revicon-popup:before { content: "\e828" } .rev_slider_wrapper { position: relative; z-index: 0 } .rev_slider { position: relative; overflow: visible } .tp-overflow-hidden { overflow: hidden !important } .group_ov_hidden { overflow: hidden } .rev_slider img, .tp-simpleresponsive img { max-width: none !important; -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; margin: 0; padding: 0; border-width: 0; border: none } .rev_slider .no-slides-text { font-weight: 700; text-align: center; padding-top: 80px } .rev_slider>ul, .rev_slider>ul>li, .rev_slider>ul>li:before, .rev_slider_wrapper>ul, .tp-revslider-mainul>li, .tp-revslider-mainul>li:before, .tp-simpleresponsive>ul, .tp-simpleresponsive>ul>li, .tp-simpleresponsive>ul>li:before { list-style: none !important; position: absolute; margin: 0 !important; padding: 0 !important; overflow-x: visible; overflow-y: visible; list-style-type: none !important; background-image: none; background-position: 0 0; text-indent: 0; top: 0; left: 0 } .rev_slider>ul>li, .rev_slider>ul>li:before, .tp-revslider-mainul>li, .tp-revslider-mainul>li:before, .tp-simpleresponsive>ul>li, .tp-simpleresponsive>ul>li:before { visibility: hidden } .tp-revslider-mainul, .tp-revslider-slidesli { padding: 0 !important; margin: 0 !important; list-style: none !important } .rev_slider li.tp-revslider-slidesli { position: absolute !important } .tp-caption .rs-untoggled-content { display: block } .tp-caption .rs-toggled-content { display: none } .rs-toggle-content-active.tp-caption .rs-toggled-content { display: block } .rs-toggle-content-active.tp-caption .rs-untoggled-content { display: none } .rev_slider .caption, .rev_slider .tp-caption { position: relative; visibility: hidden; white-space: nowrap; display: block } .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap :last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap :last-child { margin-bottom: 0 } .tp-svg-layer svg { width: 100%; height: 100%; position: relative; vertical-align: top } .tp-carousel-wrapper { cursor: url(openhand.cur), move } .tp-carousel-wrapper.dragged { cursor: url(closedhand.cur), move } .tp-caption { z-index: 1 } .tp_inner_padding { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; max-height: none !important } .tp-caption { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; position: absolute; -webkit-font-smoothing: antialiased !important } .tp-caption.tp-layer-selectable { -moz-user-select: all; -khtml-user-select: all; -webkit-user-select: all; -o-user-select: all } .tp-caption.tp-hidden-caption, .tp-forcenotvisible, .tp-hide-revslider, .tp-parallax-wrap.tp-hidden-caption { visibility: hidden !important; display: none !important } .rev_slider audio, .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { max-width: none !important } .tp-element-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 } .rev_row_zone { position: absolute; width: 100%; left: 0; box-sizing: border-box; min-height: 50px } .rev_row_zone_top { top: 0 } .rev_row_zone_middle { top: 50%; -webit-transform: translateY(-50%); transform: translateY(-50%) } .rev_row_zone_bottom { bottom: 0 } .rev_column .tp-parallax-wrap { vertical-align: top } .rev_slider .tp-caption.rev_row { display: table; width: 100% !important; table-layout: fixed; height: auto !important } .rev_column, .rev_slider .tp-caption.rev_row { position: relative; box-sizing: border-box; vertical-align: top } .rev_column { display: table-cell; height: auto } .rev_column_inner { box-sizing: border-box; display: block; position: relative; width: 100% !important; height: auto !important } .rev_column_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; box-sizing: border-box; background-clip: content-box; border: 0 solid transparent } .rev_column_inner .tp-loop-wrap, .rev_column_inner .tp-mask-wrap, .rev_column_inner .tp-parallax-wrap { text-align: inherit } .rev_column_inner .tp-mask-wrap { display: inline-block } .rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap { position: relative !important; left: auto !important; top: auto !important; line-height: 0 } .rev_column_inner .rev_layer_in_column, .rev_column_inner .tp-parallax-wrap, .rev_column_inner .tp-parallax-wrap .tp-loop-wrap, .rev_column_inner .tp-parallax-wrap .tp-mask-wrap { vertical-align: top } .rev_break_columns { display: block !important } .rev_break_columns .tp-parallax-wrap.rev_column { display: block !important; width: 100% !important } .rev_slider_wrapper { width: 100% } .fullscreen-container, .fullwidthbanner-container { position: relative; padding: 0 } .fullwidthbanner-container { overflow: hidden } .fullwidthbanner-container .fullwidthabanner { width: 100%; position: relative } .tp-static-layers { position: absolute; z-index: 101; top: 0; left: 0 } .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0 solid transparent; border-top: 40px solid #00a8ff; position: absolute; left: -40px; top: 0 } .tp-caption .backcorner { border-left: 0 solid transparent; border-right: 40px solid transparent; right: 0 } .tp-caption .backcorner, .tp-caption .frontcornertop { width: 0; height: 0; border-bottom: 40px solid #00a8ff; position: absolute; top: 0 } .tp-caption .frontcornertop { border-left: 40px solid transparent; border-right: 0 solid transparent; left: -40px } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0 solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00a8ff; position: absolute; right: 0; top: 0 } .tp-layer-inner-rotation { position: relative !important } img.tp-slider-alternative-image { width: 100%; height: auto } .noFilterClass { filter: none !important } .rs-background-video-layer { visibility: hidden; z-index: 0 } .caption.fullscreenvideo, .rs-background-video-layer, .tp-caption.coverscreenvideo, .tp-caption.fullscreenvideo { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .caption.fullscreenvideo audio, .caption.fullscreenvideo iframe, .caption.fullscreenvideo video, .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe audio, .tp-caption.fullscreenvideo iframe video { width: 100% !important; height: 100% !important; display: none } .fullcoveredvideo audio, .fullscreenvideo audio .fullcoveredvideo video, .fullscreenvideo video { background: #000 } .fullcoveredvideo .tp-poster { background-position: 50%; background-size: cover; width: 100%; height: 100%; top: 0; left: 0 } .videoisplaying .html5vid .tp-poster { display: none } .tp-video-play-button { background: #000; background: rgba(0, 0, 0, .3); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 50%; left: 50%; color: #fff; z-index: 3; margin-top: -25px; margin-left: -25px; line-height: 50px !important; text-align: center; cursor: pointer; width: 50px; height: 50px; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block; vertical-align: top; z-index: 4; opacity: 0; -webkit-transition: opacity .3s ease-out !important; -moz-transition: opacity .3s ease-out !important; -o-transition: opacity .3s ease-out !important; transition: opacity .3s ease-out !important } .tp-audio-html5 .tp-video-play-button, .tp-hiddenaudio { display: none !important } .tp-caption .html5vid { width: 100% !important; height: 100% !important } .tp-video-play-button i { width: 50px; height: 50px; display: inline-block; text-align: center; vertical-align: top; line-height: 50px !important; font-size: 40px !important } .tp-caption:hover .tp-video-play-button { opacity: 1 } .tp-caption .tp-revstop { display: none; border-left: 5px solid #fff !important; border-right: 5px solid #fff !important; margin-top: 15px !important; line-height: 20px !important; vertical-align: top; font-size: 25px !important } .videoisplaying .revicon-right-dir { display: none } .videoisplaying .tp-revstop { display: inline-block } .videoisplaying .tp-video-play-button { display: none } .tp-caption:hover .tp-video-play-button { display: block } .fullcoveredvideo .tp-video-play-button { display: none !important } .fullscreenvideo .fullscreenvideo audio, .fullscreenvideo .fullscreenvideo video { object-fit: contain !important } .fullscreenvideo .fullcoveredvideo audio, .fullscreenvideo .fullcoveredvideo video { object-fit: cover !important } .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(180deg, #000 13%, #323232); background-image: -o-linear-gradient(bottom, #000 13%, #323232 100%); background-image: -moz-linear-gradient(bottom, #000 13%, #323232 100%); background-image: -webkit-linear-gradient(bottom, #000 13%, #323232); background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.13, #000), color-stop(1, #323232)); display: table; max-width: 100%; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .tp-caption:hover .tp-video-controls { opacity: .9 } .tp-video-button { background: rgba(0, 0, 0, .5); border: 0; color: #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor: pointer; line-height: 12px; font-size: 12px; color: #fff; padding: 0; margin: 0; outline: none } .tp-video-button:hover { cursor: pointer } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding: 0 5px; display: table-cell; vertical-align: middle } .tp-video-seek-bar-wrap { width: 80% } .tp-video-vol-bar-wrap { width: 20% } .tp-seek-bar, .tp-volume-bar { width: 100%; cursor: pointer; outline: none; line-height: 12px; margin: 0; padding: 0 } .rs-fullvideo-cover { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: transparent; z-index: 5 } .rs-background-video-layer audio::-webkit-media-controls, .rs-background-video-layer video::-webkit-media-controls { display: none !important } .tp-audio-html5 .tp-video-controls { opacity: 1 !important; visibility: visible !important } .disabled_lc .tp-video-play-button { display: none !important } .tp-dottedoverlay { background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3 } .tp-dottedoverlay.twoxtwo { background: url(/images/gridtile.png) } .tp-dottedoverlay.twoxtwowhite { background: url(/images/gridtile_white.png) } .tp-dottedoverlay.threexthree { background: url(/images/gridtile_3x3.png) } .tp-dottedoverlay.threexthreewhite { background: url(/images/gridtile_3x3_white.png) } .tp-shadowcover { width: 100%; height: 100%; top: 0; left: 0; background: #fff; position: absolute; z-index: -1 } .tp-shadow1 { -webkit-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8); -moz-box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8); box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8) } .tp-shadow2:after, .tp-shadow2:before, .tp-shadow3:before, .tp-shadow4:after { z-index: -2; position: absolute; content: ""; bottom: 10px; left: 10px; width: 50%; top: 85%; max-width: 300px; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, .8); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, .8); box-shadow: 0 15px 10px rgba(0, 0, 0, .8); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg) } .tp-shadow2:after, .tp-shadow4:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto } .tp-shadow5 { position: relative; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, .3), inset 0 0 40px rgba(0, 0, 0, .1) } .tp-shadow5:after, .tp-shadow5:before { content: ""; position: absolute; z-index: -2; -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6); -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6); box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6); top: 30%; bottom: 0; left: 20px; right: 20px; -moz-border-radius: 100px/20px; border-radius: 100px/20px } .tp-button { padding: 6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height: 30px; cursor: pointer; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, .6) !important; font-size: 15px; line-height: 45px !important; font-family: arial, sans-serif; font-weight: 700; letter-spacing: -1px; text-decoration: none } .tp-button.big { color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .6); font-weight: 700; padding: 9px 20px; font-size: 19px; line-height: 57px !important } .purchase:hover, .tp-button.big:hover, .tp-button:hover { background-position: bottom, 15px 11px } .purchase.green, .purchase:hover.green, .tp-button.green, .tp-button:hover.green { background-color: #21a117; -webkit-box-shadow: 0 3px 0 0 #104d0b; -moz-box-shadow: 0 3px 0 0 #104d0b; box-shadow: 0 3px 0 0 #104d0b } .purchase.blue, .purchase:hover.blue, .tp-button.blue, .tp-button:hover.blue { background-color: #1d78cb; -webkit-box-shadow: 0 3px 0 0 #0f3e68; -moz-box-shadow: 0 3px 0 0 #0f3e68; box-shadow: 0 3px 0 0 #0f3e68 } .purchase.red, .purchase:hover.red, .tp-button.red, .tp-button:hover.red { background-color: #cb1d1d; -webkit-box-shadow: 0 3px 0 0 #7c1212; -moz-box-shadow: 0 3px 0 0 #7c1212; box-shadow: 0 3px 0 0 #7c1212 } .purchase.orange, .purchase:hover.orange, .tp-button.orange, .tp-button:hover.orange { background-color: #f70; -webkit-box-shadow: 0 3px 0 0 #a34c00; -moz-box-shadow: 0 3px 0 0 #a34c00; box-shadow: 0 3px 0 0 #a34c00 } .purchase.darkgrey, .purchase:hover.darkgrey, .tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey { background-color: #555; -webkit-box-shadow: 0 3px 0 0 #222; -moz-box-shadow: 0 3px 0 0 #222; box-shadow: 0 3px 0 0 #222 } .purchase.lightgrey, .purchase:hover.lightgrey, .tp-button.lightgrey, .tp-button:hover.lightgrey { background-color: #888; -webkit-box-shadow: 0 3px 0 0 #555; -moz-box-shadow: 0 3px 0 0 #555; box-shadow: 0 3px 0 0 #555 } .rev-btn, .rev-btn:visited { outline: none !important; box-shadow: none !important; text-decoration: none !important; line-height: 44px; font-size: 17px; font-weight: 500; padding: 12px 35px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Montserrat, sans-serif; cursor: pointer } .rev-btn.rev-uppercase, .rev-btn.rev-uppercase:visited { text-transform: uppercase; letter-spacing: 1px; font-size: 15px; font-weight: 900 } .rev-btn.rev-withicon i { margin-left: 10px !important } .rev-btn.rev-hiddenicon i, .rev-btn.rev-withicon i { font-size: 15px; font-weight: 400; position: relative; top: 0; -webkit-transition: all .2s ease-out !important; -moz-transition: all .2s ease-out !important; -o-transition: all .2s ease-out !important; -ms-transition: all .2s ease-out !important } .rev-btn.rev-hiddenicon i { opacity: 0; margin-left: 0 !important; width: 0 !important } .rev-btn.rev-hiddenicon:hover i { opacity: 1 !important; margin-left: 10px !important; width: auto !important } .rev-btn.rev-medium, .rev-btn.rev-medium:visited { line-height: 36px; font-size: 14px; padding: 10px 30px } .rev-btn.rev-medium.rev-hiddenicon i, .rev-btn.rev-medium.rev-withicon i { font-size: 14px; top: 0 } .rev-btn.rev-small, .rev-btn.rev-small:visited { line-height: 28px; font-size: 12px; padding: 7px 20px } .rev-btn.rev-small.rev-hiddenicon i, .rev-btn.rev-small.rev-withicon i { font-size: 12px; top: 0 } .rev-maxround { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .rev-minround { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .rev-burger { position: relative; width: 60px; height: 60px; box-sizing: border-box; padding: 22px 0 0 14px; border-radius: 50%; border: 1px solid rgba(51, 51, 51, .25); tap-highlight-color: transparent; cursor: pointer } .rev-burger span { display: block; width: 30px; height: 3px; background: #333; transition: .7s; pointer-events: none; transform-style: flat !important } .rev-burger span:nth-child(2) { margin: 3px 0 } #dialog_addbutton .rev-burger:hover :first-child, .open.rev-burger :first-child, .open .rev-burger :first-child { transform: translateY(6px) rotate(-45deg); -webkit-transform: translateY(6px) rotate(-45deg) } #dialog_addbutton .rev-burger:hover :nth-child(2), .open.rev-burger :nth-child(2), .open .rev-burger :nth-child(2) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); opacity: 0 } #dialog_addbutton .rev-burger:hover :last-child, .open.rev-burger :last-child, .open .rev-burger :last-child { transform: translateY(-6px) rotate(-135deg); -webkit-transform: translateY(-6px) rotate(-135deg) } .rev-burger.revb-white { border: 2px solid hsla(0, 0%, 100%, .2) } .rev-burger.revb-white span { background: #fff } .rev-burger.revb-whitenoborder { border: 0 } .rev-burger.revb-whitenoborder span { background: #fff } .rev-burger.revb-darknoborder { border: 0 } .rev-burger.revb-darknoborder span { background: #333 } .rev-burger.revb-whitefull { background: #fff; border: none } .rev-burger.revb-whitefull span { background: #333 } .rev-burger.revb-darkfull { background: #333; border: none } .rev-burger.revb-darkfull span { background: #fff } @-webkit-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29% } 15% { opacity: 1; top: 50% } 50% { opacity: 0; top: 50% } to { opacity: 0; top: 29% } } @-moz-keyframes rev-ani-mouse { 0% { opacity: 1; top: 29% } 15% { opacity: 1; top: 50% } 50% { opacity: 0; top: 50% } to { opacity: 0; top: 29% } } @keyframes rev-ani-mouse { 0% { opacity: 1; top: 29% } 15% { opacity: 1; top: 50% } 50% { opacity: 0; top: 50% } to { opacity: 0; top: 29% } } .rev-scroll-btn { display: inline-block; position: relative; left: 0; right: 0; text-align: center; cursor: pointer; width: 35px; height: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #fff; border-radius: 23px } .rev-scroll-btn>* { display: inline-block; line-height: 18px; font-size: 13px; font-weight: 400; color: #7f8c8d; color: #fff; font-family: proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif; letter-spacing: 2px } .rev-scroll-btn>.active, .rev-scroll-btn>:focus, .rev-scroll-btn>:hover { color: #fff } .rev-scroll-btn>.active, .rev-scroll-btn>:active, .rev-scroll-btn>:focus, .rev-scroll-btn>:hover { filter: alpha(opacity=80) } .rev-scroll-btn.revs-fullwhite { background: #fff } .rev-scroll-btn.revs-fullwhite span { background: #333 } .rev-scroll-btn.revs-fulldark { background: #333; border: none } .rev-scroll-btn.revs-fulldark span { background: #fff } .rev-scroll-btn span { position: absolute; display: block; top: 29%; left: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fff; border-radius: 50%; -webkit-animation: rev-ani-mouse 2.5s linear infinite; -moz-animation: rev-ani-mouse 2.5s linear infinite; animation: rev-ani-mouse 2.5s linear infinite } .rev-scroll-btn.revs-dark { border-color: #333 } .rev-scroll-btn.revs-dark span { background: #333 } .rev-control-btn { position: relative; display: inline-block; z-index: 5; color: #fff; font-size: 20px; line-height: 60px; font-weight: 400; font-style: normal; font-family: Raleway; text-decoration: none; text-align: center; background-color: #000; border-radius: 50px; text-shadow: none; background-color: rgba(0, 0, 0, .5); width: 60px; height: 60px; box-sizing: border-box; cursor: pointer } .rev-cbutton-dark-sr { border-radius: 3px } .rev-cbutton-light, .rev-cbutton-light-sr { color: #333; background-color: hsla(0, 0%, 100%, .75) } .rev-cbutton-light-sr { border-radius: 3px } .rev-sbutton { line-height: 37px; width: 37px; height: 37px } .rev-sbutton-blue { background-color: #3b5998 } .rev-sbutton-lightblue { background-color: #00a0d1 } .rev-sbutton-red { background-color: #dd4b39 } .tp-bannertimer { visibility: hidden; width: 100%; background: #fff; position: absolute; z-index: 200; top: 0 } .tp-bannertimer.tp-bottom { top: auto; bottom: 0 !important; height: 5px } .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1 } .caption.slidelink a div, .tp-caption.slidelink a div { width: 3000px; height: 1500px; background: url(/images/coloredbg.png) repeat } .tp-caption.slidelink a span { background: url(/images/coloredbg.png) repeat } .tp-shape { width: 100%; height: 100% } .tp-caption .rs-starring { display: inline-block } .tp-caption .rs-starring .star-rating { float: none; display: inline-block; vertical-align: top } .tp-caption .rs-starring-page .star-rating, .tp-caption .rs-starring .star-rating { position: relative; height: 1em; width: 5.4em } .tp-caption .rs-starring-page .star-rating:before, .tp-caption .rs-starring .star-rating:before { content: "\73\73\73\73\73"; color: #e0dadf; float: left; top: 0; left: 0; position: absolute } .tp-caption .rs-starring .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; font-size: 1em !important } .tp-caption .rs-starring .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0 } .tp-caption .rs-starring .star-rating { color: #ffc321 !important } .tp-caption .rs-starring-page .star-rating, .tp-caption .rs-starring .star-rating { font-size: 1em !important; font-family: star } .tp-loader { top: 50%; left: 50%; z-index: 10000; position: absolute } .tp-loader.spinner0 { background-image: url(/images/loader.gif); background-repeat: no-repeat; background-position: 50% } .tp-loader.spinner0, .tp-loader.spinner1 { width: 40px; height: 40px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); margin-top: -20px; margin-left: -20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out } .tp-loader.spinner0, .tp-loader.spinner1, .tp-loader.spinner5 { background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .tp-loader.spinner5 { background-image: url(/images/loader.gif); background-repeat: no-repeat; background-position: 10px 10px; margin: -22px; width: 44px; height: 44px } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } to { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } to { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-color: red; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); border-radius: 100%; -webkit-animation: tp-scaleout 1s infinite ease-in-out; animation: tp-scaleout 1s infinite ease-in-out } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0) } to { -webkit-transform: scale(1); opacity: 0 } } @keyframes tp-scaleout { 0% { transform: scale(0); -webkit-transform: scale(0) } to { transform: scale(1); -webkit-transform: scale(1); opacity: 0 } } .tp-loader.spinner3 { margin: -9px 0 0 -35px; width: 70px; text-align: center } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -.32s; animation-delay: -.32s } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -.16s; animation-delay: -.16s } @-webkit-keyframes tp-bouncedelay { 0%, 80%, to { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1) } } @keyframes tp-bouncedelay { 0%, 80%, to { transform: scale(0) } 40% { transform: scale(1) } } .tp-loader.spinner4 { margin: -20px 0 0 -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2s infinite linear; animation: tp-rotate 2s infinite linear } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2s infinite ease-in-out; animation: tp-bounce 2s infinite ease-in-out; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15) } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s } @-webkit-keyframes tp-rotate { to { -webkit-transform: rotate(1turn) } } @keyframes tp-rotate { to { transform: rotate(1turn); -webkit-transform: rotate(1turn) } } @-webkit-keyframes tp-bounce { 0%, to { -webkit-transform: scale(0) } 50% { -webkit-transform: scale(1) } } @keyframes tp-bounce { 0%, to { transform: scale(0) } 50% { transform: scale(1) } } .tp-bullets.navbar, .tp-tabs.navbar, .tp-thumbs.navbar { border: none; min-height: 0; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .tp-bullets, .tp-tabs, .tp-thumbs { position: absolute; display: block; z-index: 1000; top: 0; left: 0 } .tp-tab, .tp-thumb { cursor: pointer; position: absolute; opacity: .5; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box } .tp-arr-imgholder, .tp-tab-image, .tp-thumb-image, .tp-videoposter { background-position: 50%; background-size: cover; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0 } .tp-tab.selected, .tp-tab:hover, .tp-thumb.selected, .tp-thumb:hover { opacity: 1 } .tp-tab-mask, .tp-thumb-mask { box-sizing: border-box !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important } .tp-tabs, .tp-thumbs { box-sizing: content-box !important; -webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important } .tp-bullet { width: 15px; height: 15px; position: absolute; background: #fff; background: hsla(0, 0%, 100%, .3); cursor: pointer } .tp-bullet.selected, .tp-bullet:hover { background: #fff } .tp-bannertimer { background: #000; background: rgba(0, 0, 0, .15); height: 5px } .tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, .5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000 } .tparrows:hover { background: #000 } .tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center } .tparrows.tp-leftarrow:before { content: "\e824" } .tparrows.tp-rightarrow:before { content: "\e825" } body.rtl .tp-kbimg { left: 0 !important } .dddwrappershadow { box-shadow: 0 45px 100px rgba(0, 0, 0, .4) } .hglayerinfo { position: fixed; bottom: 0; left: 0; color: #fff; line-height: 20px; background: rgba(0, 0, 0, .75); padding: 5px 10px; z-index: 2000; white-space: normal } .hginfo, .hglayerinfo { font-size: 12px; font-weight: 600 } .hginfo { position: absolute; top: -2px; left: -2px; color: #e74c3c; background: #000; padding: 2px 5px } .indebugmode .tp-caption:hover { border: 1px dashed #c0392b !important } .helpgrid { border: 2px dashed #c0392b; position: absolute; top: 0; left: 0; z-index: 0 } #revsliderlogloglog { padding: 15px; color: #fff; position: fixed; top: 0; left: 0; width: 200px; height: 150px; background: rgba(0, 0, 0, .7); z-index: 100000; font-size: 10px; overflow: scroll } .aden { -webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2); filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2) } .aden:after { background: -webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent); background: linear-gradient(90deg, rgba(66, 10, 14, .2), transparent); mix-blend-mode: darken } .perpetua:after, .reyes:after { mix-blend-mode: soft-light; opacity: .5 } .inkwell { -webkit-filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1); filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1) } .perpetua:after { background: -webkit-linear-gradient(top, #005b9a, #e6c13d); background: linear-gradient(180deg, #005b9a, #e6c13d) } .reyes { -webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75); filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75) } .reyes:after { background: #efcdad } .gingham { -webkit-filter: brightness(1.05) hue-rotate(-10deg); filter: brightness(1.05) hue-rotate(-10deg) } .gingham:after { background: -webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent); background: linear-gradient(90deg, rgba(66, 10, 14, .2), transparent); mix-blend-mode: darken } .toaster { -webkit-filter: contrast(1.5) brightness(.9); filter: contrast(1.5) brightness(.9) } .toaster:after { background: -webkit-radial-gradient(circle, #804e0f, #3b003b); background: radial-gradient(circle, #804e0f, #3b003b); mix-blend-mode: screen } .walden { -webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6); filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6) } .walden:after { background: #04c; mix-blend-mode: screen; opacity: .3 } .hudson { -webkit-filter: brightness(1.2) contrast(.9) saturate(1.1); filter: brightness(1.2) contrast(.9) saturate(1.1) } .hudson:after { background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134); background: radial-gradient(circle, #a6b1ff 50%, #342134); mix-blend-mode: multiply; opacity: .5 } .earlybird { -webkit-filter: contrast(.9) sepia(.2); filter: contrast(.9) sepia(.2) } .earlybird:after { background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%); mix-blend-mode: overlay } .mayfair { -webkit-filter: contrast(1.1) saturate(1.1); filter: contrast(1.1) saturate(1.1) } .mayfair:after { background: -webkit-radial-gradient(40% 40%, circle, hsla(0, 0%, 100%, .8), hsla(0, 100%, 89%, .6), #111 60%); background: radial-gradient(circle at 40% 40%, hsla(0, 0%, 100%, .8), hsla(0, 100%, 89%, .6), #111 60%); mix-blend-mode: overlay; opacity: .4 } .lofi { -webkit-filter: saturate(1.1) contrast(1.5); filter: saturate(1.1) contrast(1.5) } .lofi:after { background: -webkit-radial-gradient(circle, transparent 70%, #222 150%); background: radial-gradient(circle, transparent 70%, #222 150%); mix-blend-mode: multiply } ._1977 { -webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3); filter: contrast(1.1) brightness(1.1) saturate(1.3) } ._1977:after { background: rgba(243, 106, 188, .3); mix-blend-mode: screen } .brooklyn { -webkit-filter: contrast(.9) brightness(1.1); filter: contrast(.9) brightness(1.1) } .brooklyn:after { background: -webkit-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8); background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8); mix-blend-mode: overlay } .xpro2 { -webkit-filter: sepia(.3); filter: sepia(.3) } .xpro2:after { background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%); background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%); mix-blend-mode: color-burn } .nashville { -webkit-filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2); filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2) } .nashville:after { background: rgba(0, 70, 150, .4); mix-blend-mode: lighten } .nashville:before { background: hsla(15, 85%, 78%, .56); mix-blend-mode: darken } .lark { -webkit-filter: contrast(.9); filter: contrast(.9) } .lark:after { background: hsla(0, 0%, 95%, .8); mix-blend-mode: darken } .lark:before { background: #22253f; mix-blend-mode: color-dodge } .moon { -webkit-filter: grayscale(1) contrast(1.1) brightness(1.1); filter: grayscale(1) contrast(1.1) brightness(1.1) } .moon:before { background: #a0a0a0; mix-blend-mode: soft-light } .moon:after { background: #383838; mix-blend-mode: lighten } .clarendon { -webkit-filter: contrast(1.2) saturate(1.35); filter: contrast(1.2) saturate(1.35) } .clarendon:before { background: rgba(127, 187, 227, .2); mix-blend-mode: overlay } .willow { -webkit-filter: grayscale(.5) contrast(.95) brightness(.9); filter: grayscale(.5) contrast(.95) brightness(.9) } .willow:before { background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%); mix-blend-mode: overlay } .willow:after { background-color: #d8cdcb; mix-blend-mode: color } .rise { -webkit-filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9); filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9) } .rise:after { background: -webkit-radial-gradient(circle, hsla(34, 63%, 75%, .8), transparent 90%); background: radial-gradient(circle, hsla(34, 63%, 75%, .8), transparent 90%); mix-blend-mode: overlay; opacity: .6 } .rise:before { background: -webkit-radial-gradient(circle, hsla(32, 64%, 79%, .15) 55%, rgba(50, 30, 7, .4)); background: radial-gradient(circle, hsla(32, 64%, 79%, .15) 55%, rgba(50, 30, 7, .4)); mix-blend-mode: multiply } ._1977:after, ._1977:before, .aden:after, .aden:before, .brooklyn:after, .brooklyn:before, .clarendon:after, .clarendon:before, .earlybird:after, .earlybird:before, .gingham:after, .gingham:before, .hudson:after, .hudson:before, .inkwell:after, .inkwell:before, .lark:after, .lark:before, .lofi:after, .lofi:before, .mayfair:after, .mayfair:before, .moon:after, .moon:before, .nashville:after, .nashville:before, .perpetua:after, .perpetua:before, .reyes:after, .reyes:before, .rise:after, .rise:before, .slumber:after, .slumber:before, .toaster:after, .toaster:before, .walden:after, .walden:before, .willow:after, .willow:before, .xpro2:after, .xpro2:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none } ._1977, .aden, .brooklyn, .clarendon, .earlybird, .gingham, .hudson, .inkwell, .lark, .lofi, .mayfair, .moon, .nashville, .perpetua, .reyes, .rise, .slumber, .toaster, .walden, .willow, .xpro2 { position: relative } ._1977 img, .aden img, .brooklyn img, .clarendon img, .earlybird img, .gingham img, .hudson img, .inkwell img, .lark img, .lofi img, .mayfair img, .moon img, .nashville img, .perpetua img, .reyes img, .rise img, .slumber img, .toaster img, .walden img, .willow img, .xpro2 img { width: 100%; z-index: 1 } ._1977:before, .aden:before, .brooklyn:before, .clarendon:before, .earlybird:before, .gingham:before, .hudson:before, .inkwell:before, .lark:before, .lofi:before, .mayfair:before, .moon:before, .nashville:before, .perpetua:before, .reyes:before, .rise:before, .slumber:before, .toaster:before, .walden:before, .willow:before, .xpro2:before { z-index: 2 } ._1977:after, .aden:after, .brooklyn:after, .clarendon:after, .earlybird:after, .gingham:after, .hudson:after, .inkwell:after, .lark:after, .lofi:after, .mayfair:after, .moon:after, .nashville:after, .perpetua:after, .reyes:after, .rise:after, .slumber:after, .toaster:after, .walden:after, .willow:after, .xpro2:after { z-index: 3 } .slumber { -webkit-filter: saturate(.66) brightness(1.05); filter: saturate(.66) brightness(1.05) } .slumber:after { background: rgba(125, 105, 24, .5); mix-blend-mode: soft-light } .slumber:before { background: rgba(69, 41, 12, .4); mix-blend-mode: lighten } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .medium_grey, .tp-caption.medium_grey { background-color: #888; font-size: 20px; padding: 2px 4px } .medium_grey, .small_text, .tp-caption.medium_grey, .tp-caption.small_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-weight: 700; line-height: 20px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, .5); white-space: nowrap } .small_text, .tp-caption.small_text { font-size: 14px } .medium_text, .tp-caption.medium_text { font-size: 20px; line-height: 20px } .large_text, .medium_text, .tp-caption.large_text, .tp-caption.medium_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-weight: 700; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, .5); white-space: nowrap } .large_text, .tp-caption.large_text { font-size: 40px; line-height: 40px } .tp-caption.very_large_text, .very_large_text { border-style: none; border-width: 0; color: #fff; font-family: Arial; font-size: 60px; font-weight: 700; letter-spacing: -2px; line-height: 60px; margin: 0; position: absolute; text-shadow: 0 2px 5px rgba(0, 0, 0, .5); white-space: nowrap } .tp-caption.very_big_white, .very_big_white { background-color: #000; color: #fff; font-weight: 800 } .tp-caption.very_big_black, .tp-caption.very_big_white, .very_big_black, .very_big_white { border-style: none; border-width: 0; font-family: Arial; font-size: 60px; line-height: 60px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: none; white-space: nowrap } .tp-caption.very_big_black, .very_big_black { background-color: #fff; color: #000; font-weight: 700 } .modern_medium_fat, .tp-caption.modern_medium_fat { color: #000 } .modern_medium_fat, .modern_medium_fat_white, .tp-caption.modern_medium_fat, .tp-caption.modern_medium_fat_white { border-style: none; border-width: 0; font-family: Open Sans, sans-serif; font-size: 24px; font-weight: 800; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap } .modern_medium_fat_white, .tp-caption.modern_medium_fat_white { color: #fff } .modern_medium_light, .tp-caption.modern_medium_light { border-style: none; border-width: 0; color: #000; font-family: Open Sans, sans-serif; font-size: 24px; font-weight: 300; line-height: 20px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap } .modern_big_bluebg, .tp-caption.modern_big_bluebg { background-color: #4e5b6c; font-weight: 800; padding: 3px 10px } .modern_big_bluebg, .modern_big_redbg, .tp-caption.modern_big_bluebg, .tp-caption.modern_big_redbg { border-style: none; border-width: 0; color: #fff; font-family: Open Sans, sans-serif; font-size: 30px; letter-spacing: 0; line-height: 36px; margin: 0; position: absolute; text-shadow: none } .modern_big_redbg, .tp-caption.modern_big_redbg { background-color: #de543e; font-weight: 300; padding: 1px 10px 3px } .modern_small_text_dark, .tp-caption.modern_small_text_dark { border-style: none; border-width: 0; color: #555; font-family: Arial; font-size: 14px; line-height: 22px; margin: 0; position: absolute; text-shadow: none; white-space: nowrap } .boxshadow, .tp-caption.boxshadow { box-shadow: 0 0 20px rgba(0, 0, 0, .5) } .black, .tp-caption.black { color: #000; text-shadow: none } .noshadow, .tp-caption.noshadow { text-shadow: none } .thinheadline_dark, .tp-caption.thinheadline_dark { font-size: 30px; line-height: 30px } .thinheadline_dark, .thintext_dark, .tp-caption.thinheadline_dark, .tp-caption.thintext_dark { background-color: transparent; color: rgba(0, 0, 0, .85); font-family: Open Sans; font-weight: 300; position: absolute; text-shadow: none } .thintext_dark, .tp-caption.thintext_dark { font-size: 16px; line-height: 26px } .largeblackbg, .tp-caption.largeblackbg { background-color: #000 } .largeblackbg, .largepinkbg, .tp-caption.largeblackbg, .tp-caption.largepinkbg { border-radius: 0; color: #fff; font-family: Open Sans; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none } .largepinkbg, .tp-caption.largepinkbg { background-color: #db4360 } .largewhitebg, .tp-caption.largewhitebg { background-color: #fff; color: #000 } .largegreenbg, .largewhitebg, .tp-caption.largegreenbg, .tp-caption.largewhitebg { border-radius: 0; font-family: Open Sans; font-size: 50px; font-weight: 300; line-height: 70px; padding: 0 20px; position: absolute; text-shadow: none } .largegreenbg, .tp-caption.largegreenbg { background-color: #67ae73; color: #fff } .excerpt, .tp-caption.excerpt { background-color: #000; border: 0 none #fff; color: #fff; font-family: Arial; font-size: 36px; font-weight: 700; height: auto; letter-spacing: -1.5px; line-height: 36px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none; white-space: normal !important; width: 150px } .large_bold_grey, .tp-caption.large_bold_grey { font-size: 60px; font-weight: 800; line-height: 60px } .large_bold_grey, .medium_thin_grey, .tp-caption.large_bold_grey, .tp-caption.medium_thin_grey { background-color: transparent; border: 0 none #ffd658; color: #666; font-family: Open Sans; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none } .medium_thin_grey, .tp-caption.medium_thin_grey { font-size: 34px; font-weight: 300; line-height: 30px } .small_thin_grey, .tp-caption.small_thin_grey { background-color: transparent; border: 0 none #ffd658; color: #757575; font-family: Open Sans; font-size: 18px; font-weight: 300; line-height: 26px; margin: 0; padding: 1px 4px 0; text-decoration: none; text-shadow: none } .lightgrey_divider, .tp-caption.lightgrey_divider { background-color: #ebebeb; background-position: 0 0; background-repeat: repeat; border: 0 none #222; height: 3px; text-decoration: none; width: 370px } .large_bold_darkblue, .tp-caption.large_bold_darkblue { background-color: transparent; border: 0 none #ffd658; color: #34495e; font-family: Open Sans; font-size: 58px; font-weight: 800; line-height: 60px; text-decoration: none } .medium_bg_darkblue, .tp-caption.medium_bg_darkblue { background-color: #34495e; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none } .medium_bold_red, .tp-caption.medium_bold_red { font-size: 24px; font-weight: 800; line-height: 30px } .medium_bold_red, .medium_light_red, .tp-caption.medium_bold_red, .tp-caption.medium_light_red { background-color: transparent; border: 0 none #ffd658; color: #e33a0c; font-family: Open Sans; padding: 0; text-decoration: none } .medium_light_red, .tp-caption.medium_light_red { font-size: 21px; font-weight: 300; line-height: 26px } .medium_bg_red, .tp-caption.medium_bg_red { background-color: #e33a0c; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none } .medium_bold_orange, .tp-caption.medium_bold_orange { background-color: transparent; border: 0 none #ffd658; color: #f39c12; font-family: Open Sans; font-size: 24px; font-weight: 800; line-height: 30px; text-decoration: none } .medium_bg_orange, .tp-caption.medium_bg_orange { background-color: #f39c12; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none } .grassfloor, .tp-caption.grassfloor { background-color: #a0b397; border: 0 none #222; height: 150px; text-decoration: none; width: 4000px } .large_bold_white, .tp-caption.large_bold_white { font-size: 58px; font-weight: 800; line-height: 60px } .large_bold_white, .medium_light_white, .tp-caption.large_bold_white, .tp-caption.medium_light_white { background-color: transparent; border: 0 none #ffd658; color: #fff; font-family: Open Sans; text-decoration: none } .medium_light_white, .tp-caption.medium_light_white { font-size: 30px; font-weight: 300; line-height: 36px; padding: 0 } .mediumlarge_light_white, .mediumlarge_light_white_center, .tp-caption.mediumlarge_light_white, .tp-caption.mediumlarge_light_white_center { background-color: transparent; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 34px; font-weight: 300; line-height: 40px; padding: 0; text-decoration: none } .mediumlarge_light_white_center, .tp-caption.mediumlarge_light_white_center { text-align: center } .medium_bg_asbestos, .tp-caption.medium_bg_asbestos { background-color: #7f8c8d; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 20px; font-weight: 800; line-height: 20px; padding: 10px; text-decoration: none } .medium_light_black, .tp-caption.medium_light_black { font-size: 30px; font-weight: 300; line-height: 36px; padding: 0 } .large_bold_black, .medium_light_black, .tp-caption.large_bold_black, .tp-caption.medium_light_black { background-color: transparent; border: 0 none #ffd658; color: #000; font-family: Open Sans; text-decoration: none } .large_bold_black, .tp-caption.large_bold_black { font-size: 58px; font-weight: 800; line-height: 60px } .mediumlarge_light_darkblue, .tp-caption.mediumlarge_light_darkblue { color: #34495e; font-size: 34px; line-height: 40px } .mediumlarge_light_darkblue, .small_light_white, .tp-caption.mediumlarge_light_darkblue, .tp-caption.small_light_white { background-color: transparent; border: 0 none #ffd658; font-family: Open Sans; font-weight: 300; padding: 0; text-decoration: none } .small_light_white, .tp-caption.small_light_white { color: #fff; font-size: 17px; line-height: 28px } .roundedimage, .tp-caption.roundedimage { border: 0 none #222 } .large_bg_black, .tp-caption.large_bg_black { background-color: #000; border: 0 none #ffd658; color: #fff; font-family: Open Sans; font-size: 40px; font-weight: 800; line-height: 40px; padding: 10px 20px 15px; text-decoration: none } .mediumwhitebg, .tp-caption.mediumwhitebg { background-color: #fff; border: 0 none #000; color: #000; font-family: Open Sans; font-size: 30px; font-weight: 300; line-height: 30px; padding: 5px 15px 10px; text-decoration: none; text-shadow: none } .maincaption, .tp-caption.maincaption { background-color: transparent; border: 0 none #000; color: #212a40; font-family: Montserrat; font-size: 33px; font-weight: 500; line-height: 43px; text-decoration: none; text-shadow: none } .miami_title_60px, .tp-caption.miami_title_60px { color: #fff; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 60px } .miami_subtitle, .miami_title_60px, .tp-caption.miami_subtitle, .tp-caption.miami_title_60px { background-color: transparent; border: 0 none #000; font-family: Source Sans Pro; text-decoration: none; text-shadow: none } .miami_subtitle, .tp-caption.miami_subtitle { color: hsla(0, 0%, 100%, .65); font-size: 17px; font-weight: 400; letter-spacing: 2px; line-height: 24px } .divideline30px, .tp-caption.divideline30px { background: #fff; background-color: #fff; border: 0 none #222; height: 2px; min-width: 30px; text-decoration: none } .Miami_nostyle, .tp-caption.Miami_nostyle { border: 0 none #222 } .miami_content_light, .tp-caption.miami_content_light { color: #fff; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px } .miami_content_light, .miami_title_60px_dark, .tp-caption.miami_content_light, .tp-caption.miami_title_60px_dark { background-color: transparent; border: 0 none #000; font-family: Source Sans Pro; text-decoration: none; text-shadow: none } .miami_title_60px_dark, .tp-caption.miami_title_60px_dark { color: #333; font-size: 60px; font-weight: 700; letter-spacing: 1px; line-height: 60px } .miami_content_dark, .tp-caption.miami_content_dark { background-color: transparent; border: 0 none #000; color: #666; font-family: Source Sans Pro; font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 28px; text-decoration: none; text-shadow: none } .divideline30px_dark, .tp-caption.divideline30px_dark { background-color: #333; border: 0 none #222; height: 2px; min-width: 30px; text-decoration: none } .ellipse70px, .tp-caption.ellipse70px { background-color: rgba(0, 0, 0, .14902); border: 0 none #222; border-radius: 50px 50px 50px 50px; cursor: pointer; line-height: 1px; min-height: 70px; min-width: 70px; text-decoration: none } .arrowicon, .tp-caption.arrowicon { border: 0 none #222; line-height: 1px } .MarkerDisplay, .tp-caption.MarkerDisplay { background-color: transparent; border: 0 none #000; border-radius: 0 0 0 0; font-family: Permanent Marker; font-style: normal; padding: 0; text-decoration: none; text-shadow: none } .Restaurant-Display, .tp-caption.Restaurant-Display { font-family: Montserrat; font-size: 120px; font-weight: 700; line-height: 120px } .Restaurant-Cursive, .Restaurant-Display, .tp-caption.Restaurant-Cursive, .tp-caption.Restaurant-Display { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-style: normal; padding: 0; text-decoration: none } .Restaurant-Cursive, .tp-caption.Restaurant-Cursive { font-family: Nothing you could do; font-size: 30px; font-weight: 400; letter-spacing: 2px; line-height: 30px } .Restaurant-ScrollDownText, .tp-caption.Restaurant-ScrollDownText { font-size: 17px; font-weight: 400; letter-spacing: 2px; line-height: 17px } .Restaurant-Description, .Restaurant-ScrollDownText, .tp-caption.Restaurant-Description, .tp-caption.Restaurant-ScrollDownText { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Montserrat; font-style: normal; padding: 0; text-decoration: none } .Restaurant-Description, .tp-caption.Restaurant-Description { font-size: 20px; font-weight: 300; letter-spacing: 3px; line-height: 30px } .Restaurant-Price, .tp-caption.Restaurant-Price { background-color: transparent; font-size: 30px; font-weight: 300; letter-spacing: 3px; line-height: 30px; padding: 0 } .Restaurant-Menuitem, .Restaurant-Price, .tp-caption.Restaurant-Menuitem, .tp-caption.Restaurant-Price { border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Montserrat; font-style: normal; text-decoration: none } .Restaurant-Menuitem, .tp-caption.Restaurant-Menuitem { background-color: #000; font-size: 17px; font-weight: 400; letter-spacing: 2px; line-height: 17px; padding: 10px 30px; text-align: left } .Furniture-LogoText, .tp-caption.Furniture-LogoText { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #e6cfa3; font-family: Raleway; font-size: 160px; font-style: normal; font-weight: 300; line-height: 150px; padding: 0; text-decoration: none; text-shadow: none } .Furniture-Plus, .tp-caption.Furniture-Plus { background-color: #fff; border: 0 none transparent; border-radius: 30px 30px 30px 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); color: #e6cfa3; font-weight: 400; padding: 6px 7px 4px } .Furniture-Plus, .Furniture-Title, .tp-caption.Furniture-Plus, .tp-caption.Furniture-Title { font-family: Raleway; font-size: 20px; font-style: normal; line-height: 20px; text-decoration: none; text-shadow: none } .Furniture-Title, .tp-caption.Furniture-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #000; font-weight: 700; letter-spacing: 3px; padding: 0 } .Furniture-Subtitle, .tp-caption.Furniture-Subtitle { color: #000; font-size: 17px; font-weight: 300; line-height: 20px; text-shadow: none } .Furniture-Subtitle, .Gym-Display, .tp-caption.Furniture-Subtitle, .tp-caption.Gym-Display { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; padding: 0; text-decoration: none } .Gym-Display, .tp-caption.Gym-Display { color: #fff; font-size: 80px; font-weight: 900; line-height: 70px } .Gym-Subline, .tp-caption.Gym-Subline { font-size: 30px; font-weight: 100; letter-spacing: 5px; line-height: 30px } .Gym-SmallText, .Gym-Subline, .tp-caption.Gym-SmallText, .tp-caption.Gym-Subline { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-style: normal; padding: 0; text-decoration: none } .Gym-SmallText, .tp-caption.Gym-SmallText { font-size: 17px; font-weight: 300; line-height: 22; text-shadow: none } .Fashion-SmallText, .tp-caption.Fashion-SmallText { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 12px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 20px; padding: 0; text-decoration: none } .Fashion-BigDisplay, .tp-caption.Fashion-BigDisplay { font-size: 60px; font-weight: 900; line-height: 60px } .Fashion-BigDisplay, .Fashion-TextBlock, .tp-caption.Fashion-BigDisplay, .tp-caption.Fashion-TextBlock { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #000; font-family: Raleway; font-style: normal; letter-spacing: 2px; padding: 0; text-decoration: none } .Fashion-TextBlock, .tp-caption.Fashion-TextBlock { font-size: 20px; font-weight: 400; line-height: 40px } .Sports-Display, .tp-caption.Sports-Display { font-weight: 100; letter-spacing: 13px } .Sports-Display, .Sports-DisplayFat, .tp-caption.Sports-Display, .tp-caption.Sports-DisplayFat { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 130px; font-style: normal; line-height: 130px; padding: 0; text-decoration: none } .Sports-DisplayFat, .tp-caption.Sports-DisplayFat { font-weight: 900 } .Sports-Subline, .tp-caption.Sports-Subline { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #000; font-family: Raleway; font-size: 32px; font-style: normal; font-weight: 400; letter-spacing: 4px; line-height: 32px; padding: 0; text-decoration: none } .Instagram-Caption, .tp-caption.Instagram-Caption { font-family: Montserrat; font-size: 20px; font-weight: 900; line-height: 20px } .Instagram-Caption, .News-Title, .tp-caption.Instagram-Caption, .tp-caption.News-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-style: normal; padding: 0; text-decoration: none } .News-Title, .tp-caption.News-Title { font-family: Montserrat Slab; font-size: 70px; font-weight: 400; line-height: 60px } .News-Subtitle, .tp-caption.News-Subtitle { background-color: hsla(0, 0%, 100%, 0); border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Montserrat Slab; font-size: 15px; font-style: normal; font-weight: 300; line-height: 24px; padding: 0; text-decoration: none } .News-Subtitle:hover, .tp-caption.News-Subtitle:hover { background-color: hsla(0, 0%, 100%, 0); border: 0 solid transparent; border-radius: 0 0 0 0; color: hsla(0, 0%, 100%, .65); text-decoration: none } .Photography-Display, .tp-caption.Photography-Display { color: #fff; font-size: 80px; font-weight: 100; letter-spacing: 5px; line-height: 70px } .Photography-Display, .Photography-Subline, .tp-caption.Photography-Display, .tp-caption.Photography-Subline { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; padding: 0; text-decoration: none } .Photography-Subline, .tp-caption.Photography-Subline { color: #777; font-size: 20px; font-weight: 300; letter-spacing: 3px; line-height: 30px } .Photography-ImageHover, .tp-caption.Photography-ImageHover { background-color: transparent; border: 0 none hsla(0, 0%, 100%, 0); border-radius: 0 0 0 0; color: #fff; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22; padding: 0; text-decoration: none } .Photography-ImageHover:hover, .tp-caption.Photography-ImageHover:hover { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .Photography-Menuitem, .tp-caption.Photography-Menuitem { background-color: rgba(0, 0, 0, .65); border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-decoration: none } .Photography-Menuitem:hover, .tp-caption.Photography-Menuitem:hover { background-color: rgba(0, 255, 222, .65); border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .Photography-Textblock, .tp-caption.Photography-Textblock { color: #fff; font-size: 17px; letter-spacing: 2px } .Photography-Subline-2, .Photography-Textblock, .tp-caption.Photography-Subline-2, .tp-caption.Photography-Textblock { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; font-weight: 300; line-height: 30px; padding: 0; text-decoration: none } .Photography-Subline-2, .tp-caption.Photography-Subline-2 { color: hsla(0, 0%, 100%, .35); font-size: 20px; letter-spacing: 3px } .Photography-ImageHover2, .tp-caption.Photography-ImageHover2 { background-color: transparent; border: 0 none hsla(0, 0%, 100%, 0); border-radius: 0 0 0 0; color: #fff; font-family: Arial; font-size: 20px; font-style: normal; font-weight: 400; line-height: 22; padding: 0; text-decoration: none } .Photography-ImageHover2:hover, .tp-caption.Photography-ImageHover2:hover { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .tp-caption.WebProduct-Title, .WebProduct-Title { color: #333; font-size: 90px; font-weight: 100; line-height: 90px } .tp-caption.WebProduct-SubTitle, .tp-caption.WebProduct-Title, .WebProduct-SubTitle, .WebProduct-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; padding: 0; text-decoration: none } .tp-caption.WebProduct-SubTitle, .WebProduct-SubTitle { color: #999; font-size: 15px; font-weight: 400; line-height: 20px } .tp-caption.WebProduct-Content, .WebProduct-Content { background-color: transparent; color: #999; font-size: 16px; font-weight: 600; line-height: 24px; padding: 0 } .tp-caption.WebProduct-Content, .tp-caption.WebProduct-Menuitem, .WebProduct-Content, .WebProduct-Menuitem { border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; text-decoration: none } .tp-caption.WebProduct-Menuitem, .WebProduct-Menuitem { background-color: #333; color: #fff; font-size: 15px; font-weight: 500; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-align: left } .tp-caption.WebProduct-Menuitem:hover, .WebProduct-Menuitem:hover { background-color: #fff; border: 0 none transparent; border-radius: 0 0 0 0; color: #999; text-decoration: none } .tp-caption.WebProduct-Title-Light, .WebProduct-Title-Light { color: #fff; font-size: 90px; font-weight: 100; line-height: 90px } .tp-caption.WebProduct-SubTitle-Light, .tp-caption.WebProduct-Title-Light, .WebProduct-SubTitle-Light, .WebProduct-Title-Light { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; font-family: Raleway; font-style: normal; padding: 0; text-align: left; text-decoration: none } .tp-caption.WebProduct-SubTitle-Light, .WebProduct-SubTitle-Light { color: hsla(0, 0%, 100%, .35); font-size: 15px; font-weight: 400; line-height: 20px } .tp-caption.WebProduct-Content-Light, .WebProduct-Content-Light { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: hsla(0, 0%, 100%, .65); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; padding: 0; text-align: left; text-decoration: none } .FatRounded, .tp-caption.FatRounded { background-color: rgba(0, 0, 0, .5); font-family: Raleway; font-size: 30px; font-style: normal; font-weight: 900; line-height: 30px; padding: 20px 22px 20px 25px; text-align: left; text-shadow: none } .FatRounded, .FatRounded:hover, .tp-caption.FatRounded, .tp-caption.FatRounded:hover { border: 0 none #d3d3d3; border-radius: 50px 50px 50px 50px; color: #fff; text-decoration: none } .FatRounded:hover, .tp-caption.FatRounded:hover { background-color: #000 } .NotGeneric-Title, .tp-caption.NotGeneric-Title { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 70px; font-style: normal; font-weight: 800; line-height: 70px; padding: 10px 0; text-decoration: none } .NotGeneric-SubTitle, .tp-caption.NotGeneric-SubTitle { border: 0 none transparent; border-radius: 0 0 0 0; font-size: 13px; letter-spacing: 4px; line-height: 20px; padding: 0 } .NotGeneric-CallToAction, .NotGeneric-SubTitle, .tp-caption.NotGeneric-CallToAction, .tp-caption.NotGeneric-SubTitle { background-color: transparent; color: #fff; font-family: Raleway; font-style: normal; font-weight: 500; text-align: left; text-decoration: none } .NotGeneric-CallToAction, .tp-caption.NotGeneric-CallToAction { border: 1px solid hsla(0, 0%, 100%, .5); border-radius: 0 0 0 0; font-size: 14px; letter-spacing: 3px; line-height: 14px; padding: 10px 30px } .NotGeneric-CallToAction:hover, .tp-caption.NotGeneric-CallToAction:hover { background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .NotGeneric-Icon, .tp-caption.NotGeneric-Icon { border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 0 0 0 0; font-size: 30px; font-weight: 400; line-height: 30px; padding: 0 } .NotGeneric-Icon, .NotGeneric-Menuitem, .tp-caption.NotGeneric-Icon, .tp-caption.NotGeneric-Menuitem { background-color: transparent; color: #fff; font-family: Raleway; font-style: normal; letter-spacing: 3px; text-align: left; text-decoration: none } .NotGeneric-Menuitem, .tp-caption.NotGeneric-Menuitem { border: 1px solid hsla(0, 0%, 100%, .15); border-radius: 0 0 0 0; font-size: 14px; font-weight: 500; line-height: 14px; padding: 27px 30px } .NotGeneric-Menuitem:hover, .tp-caption.NotGeneric-Menuitem:hover { background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .MarkerStyle, .tp-caption.MarkerStyle { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Permanent Marker; font-size: 17px; font-style: normal; font-weight: 100; line-height: 30px; padding: 0; text-align: left; text-decoration: none } .Gym-Menuitem, .tp-caption.Gym-Menuitem { background-color: #000; border: 2px solid hsla(0, 0%, 100%, 0); border-radius: 3px 3px 3px 3px; color: #fff; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; letter-spacing: 2px; line-height: 20px; padding: 3px 5px 3px 8px; text-align: left; text-decoration: none } .Gym-Menuitem:hover, .tp-caption.Gym-Menuitem:hover { background-color: #000; border: 2px solid hsla(0, 0%, 100%, .25); border-radius: 3px 3px 3px 3px; color: #fff; text-decoration: none } .Newspaper-Title-Centered, .tp-caption.Newspaper-Title-Centered { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #fff; font-family: Montserrat Slab; font-size: 50px; font-style: normal; font-weight: 400; line-height: 55px; padding: 0 0 10px; text-align: center; text-decoration: none } .Hero-Button, .tp-caption.Hero-Button { background-color: transparent; border: 1px solid hsla(0, 0%, 100%, .5); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none } .Hero-Button:hover, .tp-caption.Hero-Button:hover { background-color: #fff; border: 1px solid #fff; border-radius: 0 0 0 0; color: #000; text-decoration: none } .NotGeneric-Button, .tp-caption.NotGeneric-Button { background-color: transparent; border: 1px solid hsla(0, 0%, 100%, .5); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 10px 30px; text-align: left; text-decoration: none } .NotGeneric-Button:hover, .tp-caption.NotGeneric-Button:hover { background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .NotGeneric-BigButton, .tp-caption.NotGeneric-BigButton { background-color: transparent; border: 1px solid hsla(0, 0%, 100%, .15); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 14px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 14px; padding: 27px 30px; text-align: left; text-decoration: none } .NotGeneric-BigButton:hover, .tp-caption.NotGeneric-BigButton:hover { background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .tp-caption.WebProduct-Button, .WebProduct-Button { background-color: #333; border: 2px none #000; border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 48px; padding: 0 40px; text-align: left; text-decoration: none } .tp-caption.WebProduct-Button:hover, .WebProduct-Button:hover { background-color: #fff; border: 2px none #000; border-radius: 0 0 0 0; color: #333; text-decoration: none } .Restaurant-Button, .tp-caption.Restaurant-Button { background-color: hsla(0, 0%, 4%, 0); border: 2px solid hsla(0, 0%, 100%, .5); border-radius: 0 0 0 0; color: #fff; font-family: Montserrat; font-size: 17px; font-style: normal; font-weight: 500; letter-spacing: 3px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none } .Restaurant-Button:hover, .tp-caption.Restaurant-Button:hover { background-color: transparent; border: 2px solid #ffe081; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .Gym-Button, .tp-caption.Gym-Button { background-color: #8bc027; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 15px; padding: 13px 35px; text-align: left } .Gym-Button, .Gym-Button:hover, .tp-caption.Gym-Button, .tp-caption.Gym-Button:hover { border: 0 solid transparent; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none } .Gym-Button:hover, .tp-caption.Gym-Button:hover { background-color: #72a800 } .Gym-Button-Light, .tp-caption.Gym-Button-Light { background-color: transparent; border: 2px solid hsla(0, 0%, 100%, .25); border-radius: 30px 30px 30px 30px; color: #fff; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; line-height: 15px; padding: 12px 35px; text-align: left; text-decoration: none } .Gym-Button-Light:hover, .tp-caption.Gym-Button-Light:hover { background-color: rgba(114, 168, 0, 0); border: 2px solid #8bc027; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none } .Sports-Button-Light, .tp-caption.Sports-Button-Light { background-color: transparent; border: 2px solid hsla(0, 0%, 100%, .5); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none } .Sports-Button-Light:hover, .tp-caption.Sports-Button-Light:hover { background-color: transparent; border: 2px solid #fff; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .Sports-Button-Red, .tp-caption.Sports-Button-Red { background-color: #db1c22; border: 2px solid rgba(219, 28, 34, 0); border-radius: 0 0 0 0; color: #fff; font-family: Raleway; font-size: 17px; font-style: normal; font-weight: 600; letter-spacing: 2px; line-height: 17px; padding: 12px 35px; text-align: left; text-decoration: none } .Sports-Button-Red:hover, .tp-caption.Sports-Button-Red:hover { background-color: #000; border: 2px solid #000; border-radius: 0 0 0 0; color: #fff; text-decoration: none } .Photography-Button, .tp-caption.Photography-Button { background-color: transparent; border: 1px solid hsla(0, 0%, 100%, .25); border-radius: 30px 30px 30px 30px; color: #fff; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 600; letter-spacing: 1px; line-height: 15px; padding: 13px 35px; text-align: left; text-decoration: none } .Photography-Button:hover, .tp-caption.Photography-Button:hover { background-color: transparent; border: 1px solid #fff; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none } .Newspaper-Button-2, .tp-caption.Newspaper-Button-2 { background-color: transparent; border: 2px solid hsla(0, 0%, 100%, .5); border-radius: 3px 3px 3px 3px; color: #fff; font-family: Montserrat; font-size: 15px; font-style: normal; font-weight: 900; line-height: 15px; padding: 10px 30px; text-align: left; text-decoration: none } .Newspaper-Button-2:hover, .tp-caption.Newspaper-Button-2:hover { background-color: transparent; border: 2px solid #fff; border-radius: 3px 3px 3px 3px; color: #fff; text-decoration: none } .Feature-Tour, .tp-caption.Feature-Tour { background-color: #8bc027; font-family: Montserrat; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 17px 35px; text-align: left } .Feature-Tour, .Feature-Tour:hover, .tp-caption.Feature-Tour, .tp-caption.Feature-Tour:hover { border: 0 solid transparent; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none } .Feature-Tour:hover, .tp-caption.Feature-Tour:hover { background-color: #72a800 } .Feature-Examples, .tp-caption.Feature-Examples { background-color: transparent; border: 2px solid rgba(33, 42, 64, .15); border-radius: 30px 30px 30px 30px; color: rgba(33, 42, 64, .5); font-family: Montserrat; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 15px 35px; text-align: left; text-decoration: none } .Feature-Examples:hover, .tp-caption.Feature-Examples:hover { background-color: transparent; border: 2px solid #8bc027; border-radius: 30px 30px 30px 30px; color: #8bc027; text-decoration: none } .menutab, .tp-caption.menutab { background-color: transparent; border: 0 none #000; border-radius: 0 0 0 0; color: #292e31; font-family: Montserrat; font-size: 25px; font-style: normal; font-weight: 300; line-height: 30px; padding: 0; text-align: left; text-decoration: none; text-shadow: none } .menutab:hover, .tp-caption.menutab:hover { background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; color: #d50000; text-decoration: none } .maincontent, .tp-caption.maincontent { color: #292e31; font-size: 21px; font-weight: 300; line-height: 26px } .maincontent, .minitext, .tp-caption.maincontent, .tp-caption.minitext { background-color: transparent; border: 0 none #000; border-radius: 0 0 0 0; font-family: Montserrat; font-style: normal; padding: 0; text-align: left; text-decoration: none; text-shadow: none } .minitext, .tp-caption.minitext { color: #b9babb; font-size: 15px; font-weight: 400; line-height: 20px } .Feature-Buy, .tp-caption.Feature-Buy { background-color: #009aee; font-family: Montserrat; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 17px 35px; text-align: left } .Feature-Buy, .Feature-Buy:hover, .tp-caption.Feature-Buy, .tp-caption.Feature-Buy:hover { border: 0 solid transparent; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none } .Feature-Buy:hover, .tp-caption.Feature-Buy:hover { background-color: #0085d6 } .Feature-Examples-Light, .tp-caption.Feature-Examples-Light { background-color: transparent; border: 2px solid hsla(0, 0%, 100%, .15); border-radius: 30px 30px 30px 30px; color: #fff; font-family: Montserrat; font-size: 17px; font-style: normal; font-weight: 700; line-height: 17px; padding: 15px 35px; text-align: left; text-decoration: none } .Feature-Examples-Light:hover, .tp-caption.Feature-Examples-Light:hover { background-color: transparent; border: 2px solid #fff; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none } .Facebook-Likes, .tp-caption.Facebook-Likes { background-color: #3b5999; color: #fff; padding: 5px 15px } .Facebook-Likes, .tp-caption.Facebook-Likes, .tp-caption.Twitter-Favorites, .Twitter-Favorites { border: 0 none transparent; border-radius: 0 0 0 0; font-family: Montserrat; font-size: 15px; font-style: normal; font-weight: 500; line-height: 22px; text-align: left; text-decoration: none } .tp-caption.Twitter-Favorites, .Twitter-Favorites { background-color: hsla(0, 0%, 100%, 0); color: #8899a6; padding: 0 } .tp-caption.Twitter-Link, .Twitter-Link { background-color: #fff; border: 0 none transparent; border-radius: 30px 30px 30px 30px; color: #8799a5; font-family: Montserrat; font-size: 15px; font-style: normal; font-weight: 500; line-height: 15px; padding: 11px 11px 9px; text-align: left; text-decoration: none } .tp-caption.Twitter-Link:hover, .Twitter-Link:hover { background-color: #0084b4; border: 0 none transparent; border-radius: 30px 30px 30px 30px; color: #fff; text-decoration: none } .tp-caption.Twitter-Retweet, .Twitter-Retweet { background-color: hsla(0, 0%, 100%, 0); color: #8899a6; font-size: 15px; line-height: 22px; padding: 0 } .tp-caption.Twitter-Content, .tp-caption.Twitter-Retweet, .Twitter-Content, .Twitter-Retweet { border: 0 none transparent; border-radius: 0 0 0 0; font-family: Montserrat; font-style: normal; font-weight: 500; text-align: left; text-decoration: none } .tp-caption.Twitter-Content, .Twitter-Content { background-color: #fff; color: #292f33; font-size: 20px; line-height: 28px; padding: 30px 30px 70px } .revtp-form input[type=email], .revtp-form input[type=text], .revtp-searchform input[type=email], .revtp-searchform input[type=text] { font-family: Arial, sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; border-radius: 0 } .BigBold-Title, .tp-caption.BigBold-Title { color: #fff; font-size: 110px; line-height: 100px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 10px 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .BigBold-SubTitle, .tp-caption.BigBold-SubTitle { color: hsla(0, 0%, 100%, .5); font-size: 15px; line-height: 24px; padding: 0; border: 0 none transparent; border-radius: 0 0 0 0 } .BigBold-Button, .BigBold-SubTitle, .tp-caption.BigBold-Button, .tp-caption.BigBold-SubTitle { font-weight: 500; font-style: normal; font-family: Raleway; text-decoration: none; background-color: transparent; text-align: left; letter-spacing: 1px } .BigBold-Button, .tp-caption.BigBold-Button { color: #fff; font-size: 13px; line-height: 13px; padding: 15px 50px; border: 1px solid hsla(0, 0%, 100%, .5); border-radius: 0 0 0 0 } .BigBold-Button:hover, .tp-caption.BigBold-Button:hover { color: #fff; text-decoration: none; background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0 } .FoodCarousel-Content, .tp-caption.FoodCarousel-Content { font-size: 17px; line-height: 28px; font-weight: 500; padding: 30px } .FoodCarousel-Button, .FoodCarousel-Content, .tp-caption.FoodCarousel-Button, .tp-caption.FoodCarousel-Content { color: #292e31; font-style: normal; font-family: Raleway; text-decoration: none; background-color: #fff; border: 1px solid #292e31; border-radius: 0 0 0 0; text-align: left } .FoodCarousel-Button, .tp-caption.FoodCarousel-Button { font-size: 13px; line-height: 13px; font-weight: 700; padding: 15px 70px 15px 50px; letter-spacing: 1px } .FoodCarousel-Button:hover, .tp-caption.FoodCarousel-Button:hover { color: #fff; text-decoration: none; background-color: #292e31; border: 1px solid #292e31; border-radius: 0 0 0 0 } .FoodCarousel-CloseButton, .tp-caption.FoodCarousel-CloseButton { color: #292e31; font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: transparent; border: 1px solid rgba(41, 46, 49, 0); border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px } .FoodCarousel-CloseButton:hover, .tp-caption.FoodCarousel-CloseButton:hover { color: #fff; text-decoration: none; background-color: #292e31; border: 1px solid rgba(41, 46, 49, 0); border-radius: 30px 30px 30px 30px } .tp-caption.Video-SubTitle, .Video-SubTitle { font-size: 12px; line-height: 12px; font-weight: 600; background-color: rgba(0, 0, 0, .35); letter-spacing: 2px } .tp-caption.Video-SubTitle, .tp-caption.Video-Title, .Video-SubTitle, .Video-Title { color: #fff; font-style: normal; font-family: Raleway; padding: 5px; text-decoration: none; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .tp-caption.Video-Title, .Video-Title { font-size: 30px; line-height: 30px; font-weight: 900; background-color: #000 } .tp-caption.Travel-BigCaption, .Travel-BigCaption { font-size: 50px; line-height: 50px; font-weight: 400 } .tp-caption.Travel-BigCaption, .tp-caption.Travel-SmallCaption, .Travel-BigCaption, .Travel-SmallCaption { color: #fff; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .tp-caption.Travel-SmallCaption, .Travel-SmallCaption { font-size: 25px; line-height: 30px; font-weight: 300 } .tp-caption.Travel-CallToAction, .Travel-CallToAction { color: #fff; font-size: 25px; line-height: 25px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 12px 20px; text-decoration: none; background-color: hsla(0, 0%, 100%, .05); border: 2px solid #fff; border-radius: 5px 5px 5px 5px; text-align: left; letter-spacing: 1px } .tp-caption.Travel-CallToAction:hover, .Travel-CallToAction:hover { color: #fff; text-decoration: none; background-color: hsla(0, 0%, 100%, .15); border: 2px solid #fff; border-radius: 5px 5px 5px 5px } .RotatingWords-TitleWhite, .tp-caption.RotatingWords-TitleWhite { color: #fff; font-size: 70px; line-height: 70px; font-weight: 800; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .RotatingWords-Button, .tp-caption.RotatingWords-Button { color: #fff; font-size: 20px; line-height: 20px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 20px 50px; text-decoration: none; background-color: transparent; border: 2px solid hsla(0, 0%, 100%, .15); border-radius: 0 0 0 0; text-align: left; letter-spacing: 3px } .RotatingWords-Button:hover, .tp-caption.RotatingWords-Button:hover { color: #fff; text-decoration: none; background-color: transparent; border: 2px solid #fff; border-radius: 0 0 0 0 } .RotatingWords-SmallText, .tp-caption.RotatingWords-SmallText { color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; text-shadow: none } .ContentZoom-SmallTitle, .RotatingWords-SmallText, .tp-caption.ContentZoom-SmallTitle, .tp-caption.RotatingWords-SmallText { font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .ContentZoom-SmallTitle, .tp-caption.ContentZoom-SmallTitle { color: #292e31; font-size: 33px; line-height: 45px; font-weight: 600 } .ContentZoom-SmallSubtitle, .tp-caption.ContentZoom-SmallSubtitle { color: #6f7c82; font-size: 16px; line-height: 24px; font-weight: 600; padding: 0 } .ContentZoom-SmallIcon, .ContentZoom-SmallSubtitle, .tp-caption.ContentZoom-SmallIcon, .tp-caption.ContentZoom-SmallSubtitle { font-style: normal; font-family: Raleway; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .ContentZoom-SmallIcon, .tp-caption.ContentZoom-SmallIcon { color: #292e31; font-size: 20px; line-height: 20px; font-weight: 400; padding: 10px } .ContentZoom-SmallIcon:hover, .tp-caption.ContentZoom-SmallIcon:hover { color: #6f7c82; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .ContentZoom-DetailTitle, .tp-caption.ContentZoom-DetailTitle { color: #292e31; font-size: 70px; line-height: 70px } .ContentZoom-DetailSubTitle, .ContentZoom-DetailTitle, .tp-caption.ContentZoom-DetailSubTitle, .tp-caption.ContentZoom-DetailTitle { font-weight: 500; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .ContentZoom-DetailSubTitle, .tp-caption.ContentZoom-DetailSubTitle { color: #6f7c82; font-size: 25px; line-height: 25px } .ContentZoom-DetailContent, .tp-caption.ContentZoom-DetailContent { color: #6f7c82; font-size: 17px; line-height: 28px; font-weight: 500; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .ContentZoom-Button, .tp-caption.ContentZoom-Button { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 15px 50px; text-decoration: none; background-color: transparent; border: 1px solid rgba(41, 46, 49, .5); border-radius: 0 0 0 0; text-align: left; letter-spacing: 1px } .ContentZoom-Button:hover, .tp-caption.ContentZoom-Button:hover { color: #fff; text-decoration: none; background-color: #292e31; border: 1px solid #292e31; border-radius: 0 0 0 0 } .ContentZoom-ButtonClose, .tp-caption.ContentZoom-ButtonClose { color: #292e31; font-size: 13px; line-height: 13px; font-weight: 700; font-style: normal; font-family: Raleway; padding: 14px 14px 14px 16px; text-decoration: none; background-color: transparent; border: 1px solid rgba(41, 46, 49, .5); border-radius: 30px 30px 30px 30px; text-align: left; letter-spacing: 1px } .ContentZoom-ButtonClose:hover, .tp-caption.ContentZoom-ButtonClose:hover { color: #fff; text-decoration: none; background-color: #292e31; border: 1px solid #292e31; border-radius: 30px 30px 30px 30px } .Newspaper-Title, .tp-caption.Newspaper-Title { color: #fff; font-size: 50px; line-height: 55px; font-weight: 400; font-family: Montserrat Slab; padding: 0 0 10px } .Newspaper-Subtitle, .Newspaper-Title, .tp-caption.Newspaper-Subtitle, .tp-caption.Newspaper-Title { font-style: normal; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .Newspaper-Subtitle, .tp-caption.Newspaper-Subtitle { color: #a8d8ee; font-size: 15px; line-height: 20px; font-weight: 900; font-family: Montserrat; padding: 0 } .Newspaper-Button, .tp-caption.Newspaper-Button { color: #fff; font-size: 13px; line-height: 17px; font-weight: 700; font-style: normal; font-family: Montserrat; padding: 12px 35px; text-decoration: none; background-color: hsla(0, 0%, 100%, 0); border: 1px solid hsla(0, 0%, 100%, .25); border-radius: 0 0 0 0; letter-spacing: 2px; text-align: left } .Newspaper-Button:hover, .tp-caption.Newspaper-Button:hover { color: #000; text-decoration: none; background-color: #fff; border: 1px solid #fff; border-radius: 0 0 0 0 } .rtwhitemedium, .tp-caption.rtwhitemedium { font-size: 22px; line-height: 26px; color: #fff; text-decoration: none; background-color: transparent; border: 0 none #000; text-shadow: none } @media only screen and (max-width:767px) { .revtp-form input[type=email], .revtp-form input[type=text], .revtp-searchform input[type=email], .revtp-searchform input[type=text] { width: 200px !important } } .revtp-form input[type=submit], .revtp-searchform input[type=submit] { font-family: Arial, sans-serif; line-height: 46px; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 0 20px; border: 0; background: #009aee; color: #fff; border-radius: 0 } .Concept-Title, .tp-caption.Concept-Title { color: #fff; font-size: 70px; line-height: 70px; font-style: normal; font-family: Montserrat Condensed; letter-spacing: 5px } .Concept-SubTitle, .Concept-Title, .tp-caption.Concept-SubTitle, .tp-caption.Concept-Title { font-weight: 700; padding: 0 0 10px; text-decoration: none; text-align: left; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .Concept-SubTitle, .tp-caption.Concept-SubTitle { color: hsla(0, 0%, 100%, .65); font-size: 25px; line-height: 25px; font-style: italic; font-family: , Playfair Display } .Concept-Content, .tp-caption.Concept-Content { font-size: 20px; font-weight: 400; font-family: Montserrat Condensed; padding: 0; text-align: center; border: 2px none #fff; border-radius: 0 0 0 0 } .Concept-Content, .Concept-MoreBtn, .tp-caption.Concept-Content, .tp-caption.Concept-MoreBtn { color: #fff; line-height: 30px; font-style: normal; text-decoration: none; background-color: transparent } .Concept-MoreBtn, .tp-caption.Concept-MoreBtn { font-size: 30px; font-weight: 300; font-family: Montserrat; padding: 10px 8px 7px 10px; border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .Concept-MoreBtn:hover, .tp-caption.Concept-MoreBtn:hover { color: #fff; text-decoration: none; background-color: hsla(0, 0%, 100%, .15); border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 50px 50px 50px 50px } .Concept-LessBtn, .tp-caption.Concept-LessBtn { color: #fff; font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Montserrat; padding: 10px 8px 7px 10px; text-decoration: none; background-color: #000; border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .Concept-LessBtn:hover, .tp-caption.Concept-LessBtn:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 50px 50px 50px 50px } .Concept-SubTitle-Dark, .tp-caption.Concept-SubTitle-Dark { color: rgba(0, 0, 0, .65); font-size: 25px; line-height: 25px; font-style: italic; font-family: Playfair Display; text-align: left } .Concept-SubTitle-Dark, .Concept-Title-Dark, .tp-caption.Concept-SubTitle-Dark, .tp-caption.Concept-Title-Dark { font-weight: 700; padding: 0 0 10px; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .Concept-Title-Dark, .tp-caption.Concept-Title-Dark { color: #000; font-size: 70px; line-height: 70px; font-style: normal; font-family: Montserrat Condensed; text-align: center; letter-spacing: 5px } .Concept-MoreBtn-Dark, .tp-caption.Concept-MoreBtn-Dark { color: #000; font-size: 30px; line-height: 30px; font-weight: 300; font-style: normal; font-family: Montserrat; padding: 10px 8px 7px 10px; text-decoration: none; background-color: transparent; border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 50px 50px 50px 50px; letter-spacing: 1px; text-align: left } .Concept-MoreBtn-Dark:hover, .tp-caption.Concept-MoreBtn-Dark:hover { color: #fff; text-decoration: none; background-color: #000; border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 50px 50px 50px 50px } .Concept-Content-Dark, .tp-caption.Concept-Content-Dark { color: #000; font-size: 20px; line-height: 30px } .Concept-Content-Dark, .Concept-Notice, .tp-caption.Concept-Content-Dark, .tp-caption.Concept-Notice { font-weight: 400; font-style: normal; font-family: Montserrat Condensed; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border: 2px none #fff; border-radius: 0 0 0 0 } .Concept-Notice, .tp-caption.Concept-Notice { color: #fff; font-size: 15px; line-height: 15px; letter-spacing: 2px } .tp-caption.Concept-Content a, .tp-caption.Concept-Content a:visited { color: #fff !important; border-bottom: 1px solid #fff !important; font-weight: 700 !important } .tp-caption.Concept-Content a:hover { border-bottom: 1px solid transparent !important } .tp-caption.Concept-Content-Dark a, .tp-caption.Concept-Content-Dark a:visited { color: #000 !important; border-bottom: 1px solid #000 !important; font-weight: 700 !important } .tp-caption.Concept-Content-Dark a:hover { border-bottom: 1px solid transparent !important } .Creative-Title, .tp-caption.Creative-Title { color: #fff; font-size: 70px; line-height: 70px; font-family: Playfair Display } .Creative-SubTitle, .Creative-Title, .tp-caption.Creative-SubTitle, .tp-caption.Creative-Title { font-weight: 400; font-style: normal; padding: 0; text-decoration: none; text-align: center; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .Creative-SubTitle, .tp-caption.Creative-SubTitle { color: #cdb083; font-size: 14px; line-height: 14px; font-family: Montserrat; letter-spacing: 2px } .Creative-Button, .tp-caption.Creative-Button { color: #cdb083; font-size: 13px; line-height: 13px; font-weight: 400; font-style: normal; font-family: Montserrat; padding: 15px 50px; text-decoration: none; text-align: left; background-color: transparent; border: 1px solid hsla(36, 43%, 66%, .25); border-radius: 0 0 0 0; letter-spacing: 2px } .Creative-Button:hover, .tp-caption.Creative-Button:hover { color: #cdb083; text-decoration: none; background-color: transparent; border: 1px solid #cdb083; border-radius: 0 0 0 0 } .subcaption, .tp-caption.subcaption { color: #6f7c82; font-size: 19px; line-height: 24px; font-family: Montserrat; background-color: transparent; border: 0 none #000; border-radius: 0 0 0 0; text-shadow: none } .RedDot, .subcaption, .tp-caption.RedDot, .tp-caption.subcaption { font-weight: 400; font-style: normal; padding: 0; text-decoration: none; text-align: left } .RedDot, .tp-caption.RedDot { color: #000; background-color: #d50000; border: 5px solid #fff; border-radius: 50px 50px 50px 50px } .RedDot:hover, .tp-caption.RedDot:hover { color: #000; text-decoration: none; background-color: hsla(0, 0%, 100%, .75); border: 5px solid #d50000; border-radius: 50px 50px 50px 50px } .SlidingOverlays-Title, .tp-caption.SlidingOverlays-Title { color: #fff; font-size: 50px; line-height: 50px; font-weight: 400; font-family: Playfair Display } .SlidingOverlays-Title, .tp-caption.SlidingOverlays-Title, .tp-caption.Woo-Rating, .Woo-Rating { font-style: normal; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .tp-caption.Woo-Rating, .Woo-Rating { color: #000; font-size: 14px; line-height: 30px; font-weight: 300; font-family: Montserrat } .tp-caption.Woo-TitleLarge, .Woo-TitleLarge { font-size: 40px; line-height: 40px; font-weight: 400; font-family: Playfair Display } .tp-caption.Woo-SubTitle, .tp-caption.Woo-TitleLarge, .Woo-SubTitle, .Woo-TitleLarge { color: #000; font-style: normal; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } .tp-caption.Woo-SubTitle, .Woo-SubTitle { font-size: 18px; line-height: 18px; font-weight: 300; font-family: Montserrat; letter-spacing: 2px } .tp-caption.Woo-PriceLarge, .Woo-PriceLarge { color: #000; font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } .tp-caption.Woo-ProductInfo, .Woo-ProductInfo { color: #000; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 12px 75px 12px 50px; text-decoration: none; background-color: #fecf72; border: 1px solid #000; border-radius: 4px 4px 4px 4px; text-align: left } .tp-caption.Woo-ProductInfo:hover, .Woo-ProductInfo:hover { color: #000; text-decoration: none; background-color: #f3a847; border: 1px solid #000; border-radius: 4px 4px 4px 4px } .tp-caption.Woo-AddToCart, .Woo-AddToCart { color: #000; font-size: 15px; line-height: 15px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 12px 35px; text-decoration: none; background-color: #fecf72; border: 1px solid #000; border-radius: 4px 4px 4px 4px; text-align: left } .tp-caption.Woo-AddToCart:hover, .Woo-AddToCart:hover { color: #000; text-decoration: none; background-color: #f3a847; border: 1px solid #000; border-radius: 4px 4px 4px 4px } .FullScreen-Toggle, .tp-caption.FullScreen-Toggle { color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; font-style: normal; font-family: Raleway; padding: 11px 8px 11px 12px; text-decoration: none; background-color: rgba(0, 0, 0, .5); border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 0 0 0 0; letter-spacing: 3px; text-align: left } .FullScreen-Toggle:hover, .tp-caption.FullScreen-Toggle:hover { color: #fff; text-decoration: none; background-color: #000; border: 0 solid hsla(0, 0%, 100%, 0); border-radius: 0 0 0 0 } .Agency-Title, .tp-caption.Agency-Title { font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: Montserrat; text-align: left; letter-spacing: 10px } .Agency-SubTitle, .Agency-Title, .tp-caption.Agency-SubTitle, .tp-caption.Agency-Title { color: #fff; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .Agency-SubTitle, .tp-caption.Agency-SubTitle { font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia, serif; text-align: center } .Agency-PlayBtn, .tp-caption.Agency-PlayBtn { font-size: 30px; line-height: 71px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 0; text-align: center } .Agency-PlayBtn, .Agency-PlayBtn:hover, .tp-caption.Agency-PlayBtn, .tp-caption.Agency-PlayBtn:hover { color: #fff; text-decoration: none; background-color: transparent; border: 2px solid #fff; border-radius: 100px 100px 100px 100px } .Agency-PlayBtn:hover, .tp-caption.Agency-PlayBtn:hover { cursor: pointer } .Agency-SmallText, .tp-caption.Agency-SmallText { color: #fff; font-size: 12px; line-height: 12px; font-weight: 900; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; letter-spacing: 5px } .Agency-Social, .tp-caption.Agency-Social { color: #333; font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border: 2px solid #333; border-radius: 30px 30px 30px 30px; text-align: center } .Agency-Social:hover, .tp-caption.Agency-Social:hover { color: #fff; text-decoration: none; background-color: #333; border: 2px solid #333; border-radius: 30px 30px 30px 30px; cursor: pointer } .Agency-CloseBtn, .tp-caption.Agency-CloseBtn { font-size: 50px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 0; text-align: center } .Agency-CloseBtn, .Agency-CloseBtn:hover, .tp-caption.Agency-CloseBtn, .tp-caption.Agency-CloseBtn:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none hsla(0, 0%, 100%, 0); border-radius: 100px 100px 100px 100px } .Agency-CloseBtn:hover, .tp-caption.Agency-CloseBtn:hover { cursor: pointer } .Dining-Title, .tp-caption.Dining-Title { font-size: 70px; line-height: 70px; letter-spacing: 10px } .Dining-SubTitle, .Dining-Title, .tp-caption.Dining-SubTitle, .tp-caption.Dining-Title { color: #fff; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .Dining-SubTitle, .tp-caption.Dining-SubTitle { font-size: 20px; line-height: 20px } .Dining-BtnLight, .tp-caption.Dining-BtnLight { color: hsla(0, 0%, 100%, .5); font-size: 15px; line-height: 15px; font-weight: 700; font-style: normal; font-family: Montserrat; padding: 17px 73px 17px 50px; text-decoration: none; background-color: transparent; border: 1px solid hsla(0, 0%, 100%, .25); border-radius: 0 0 0 0; text-align: left; letter-spacing: 2px } .Dining-BtnLight:hover, .tp-caption.Dining-BtnLight:hover { color: #fff; text-decoration: none; background-color: transparent; border: 1px solid #fff; border-radius: 0 0 0 0 } .Dining-Social, .tp-caption.Dining-Social { color: #fff; font-size: 25px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Georgia, serif; padding: 0; text-decoration: none; background-color: transparent; border: 1px solid hsla(0, 0%, 100%, .25); border-radius: 30px 30px 30px 30px; text-align: center } .Dining-Social:hover, .tp-caption.Dining-Social:hover { color: #fff; text-decoration: none; background-color: transparent; border: 1px solid #fff; border-radius: 30px 30px 30px 30px; cursor: pointer } .Team-Thumb, tp-caption.Team-Thumb { font-size: 20px; line-height: 22px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-align: left } .Team-Thumb, .Team-Thumb:hover, .tp-caption.Team-Thumb:hover, tp-caption.Team-Thumb { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .Team-Thumb:hover, .tp-caption.Team-Thumb:hover { cursor: pointer } .Team-Name, .tp-caption.Team-Name { color: #fff; font-size: 70px; line-height: 70px; font-weight: 900; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .Team-Position, .tp-caption.Team-Position { font-size: 30px; line-height: 30px; font-family: Georgia, serif } .Team-Description, .Team-Position, .tp-caption.Team-Description, .tp-caption.Team-Position { color: #fff; font-weight: 400; font-style: normal; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .Team-Description, .tp-caption.Team-Description { font-size: 18px; line-height: 28px; font-family: Montserrat } .Team-Social, .tp-caption.Team-Social { font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-align: center } .Team-Social, .Team-Social:hover, .tp-caption.Team-Social, .tp-caption.Team-Social:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .Team-Social:hover, .tp-caption.Team-Social:hover { cursor: pointer } .tp-caption.VideoControls-Play, .VideoControls-Play { color: #000; font-size: 50px; line-height: 120px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 0 0 0 7px; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Play:hover, .VideoControls-Play:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.VideoPlayer-Title, .VideoPlayer-Title { font-size: 40px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Montserrat; text-align: left; letter-spacing: 10px } .tp-caption.VideoPlayer-SubTitle, .tp-caption.VideoPlayer-Title, .VideoPlayer-SubTitle, .VideoPlayer-Title { color: #fff; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .tp-caption.VideoPlayer-SubTitle, .VideoPlayer-SubTitle { font-size: 20px; line-height: 20px; font-weight: 400; font-style: italic; font-family: Georgia, serif; text-align: center } .tp-caption.VideoPlayer-Social, .VideoPlayer-Social { color: #fff; font-size: 50px; line-height: 50px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } .tp-caption.VideoPlayer-Social:hover, .VideoPlayer-Social:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.VideoControls-Mute, .VideoControls-Mute { color: #000; font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Mute:hover, .VideoControls-Mute:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; cursor: pointer } .tp-caption.VideoControls-Pause, .VideoControls-Pause { color: #000; font-size: 20px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; text-align: center } .tp-caption.VideoControls-Pause:hover, .VideoControls-Pause:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 100px 100px 100px 100px; cursor: pointer } .SleekLanding-Title, .tp-caption.SleekLanding-Title { color: #fff; font-size: 35px; line-height: 40px; font-weight: 400; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left; letter-spacing: 5px } .SleekLanding-ButtonBG, .tp-caption.SleekLanding-ButtonBG { color: #000; font-weight: 700; font-style: normal; padding: 0; text-decoration: none; background-color: hsla(0, 0%, 100%, .1); border: 0 solid transparent; border-radius: 5px 5px 5px 5px; text-align: left; box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, .15) } .SleekLanding-SmallTitle, .tp-caption.SleekLanding-SmallTitle { font-size: 13px; line-height: 50px; font-weight: 900; letter-spacing: 2px } .SleekLanding-BottomText, .SleekLanding-SmallTitle, .tp-caption.SleekLanding-BottomText, .tp-caption.SleekLanding-SmallTitle { color: #fff; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .SleekLanding-BottomText, .tp-caption.SleekLanding-BottomText { font-size: 15px; line-height: 24px; font-weight: 400 } .SleekLanding-Social, .tp-caption.SleekLanding-Social { color: #fff; font-size: 22px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } .SleekLanding-Social:hover, .tp-caption.SleekLanding-Social:hover { color: rgba(0, 0, 0, .25); text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } #rev_slider_429_1_wrapper .tp-loader.spinner2 { background-color: #555 !important } .tp-fat { font-weight: 900 !important } .PostSlider-Category, .tp-caption.PostSlider-Category { font-size: 15px; line-height: 15px; font-weight: 300; font-family: Montserrat; letter-spacing: 3px } .PostSlider-Category, .PostSlider-Title, .tp-caption.PostSlider-Category, .tp-caption.PostSlider-Title { color: #000; font-style: normal; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .PostSlider-Title, .tp-caption.PostSlider-Title { font-size: 40px; line-height: 40px; font-weight: 400; font-family: Playfair Display } .PostSlider-Content, .tp-caption.PostSlider-Content { color: #777; font-size: 15px; line-height: 23px; font-weight: 400; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .PostSlider-Button, .tp-caption.PostSlider-Button { color: #000; font-size: 15px; line-height: 40px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 1px 56px 1px 32px; text-decoration: none; background-color: #fff; border: 1px solid #000; border-radius: 0 0 0 0; text-align: left } .PostSlider-Button:hover, .tp-caption.PostSlider-Button:hover { color: #000; text-decoration: none; background-color: #eee; border: 1px solid #000; border-radius: 0 0 0 0; cursor: pointer } .LandingPage-Title, .tp-caption.LandingPage-Title { color: rgba(255, 255, 255, 1); font-size: 70px; line-height: 80px; font-weight: 900; font-style: normal; font-family: Montserrat; letter-spacing: 10px } .LandingPage-SubTitle, .LandingPage-Title, .tp-caption.LandingPage-SubTitle, .tp-caption.LandingPage-Title { padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .LandingPage-SubTitle, .tp-caption.LandingPage-SubTitle { color: #fff; font-size: 20px; line-height: 30px; font-weight: 400; font-style: italic; font-family: Georgia, serif } .LandingPage-Button, .tp-caption.LandingPage-Button { color: #000; font-size: 15px; line-height: 54px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 0 35px; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 0 0 0 0; text-align: left; letter-spacing: 3px } .LandingPage-Button:hover, .tp-caption.LandingPage-Button:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 0 0 0 0; cursor: pointer } .tp-caption.App-Content a, .tp-caption.App-Content a:visited { color: #89124e !important; border-bottom: 1px solid transparent !important; font-weight: 700 !important } .tp-caption.App-Content a:hover { border-bottom: 1px solid #89124e !important } .RockBand-LogoText, .tp-caption.RockBand-LogoText { color: #fff; font-size: 60px; line-height: 60px; font-weight: 700; font-style: normal; font-family: Oswald; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #fff !important; text-decoration: underline !important } .tp-caption.Twitter-Content a:hover { color: #fff !important; text-decoration: none !important } .soundcloudwrapper iframe { width: 100% !important } .ComingSoon-Highlight, .tp-caption.ComingSoon-Highlight { color: #fff; font-size: 20px; line-height: 37px; font-weight: 400; font-style: normal; font-family: Montserrat; padding: 0 20px 3px; text-decoration: none; background-color: #009aee; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .ComingSoon-Count, .tp-caption.ComingSoon-Count { font-size: 50px; line-height: 50px; font-weight: 900; text-align: left } .ComingSoon-Count, .ComingSoon-CountUnit, .tp-caption.ComingSoon-Count, .tp-caption.ComingSoon-CountUnit { color: #fff; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .ComingSoon-CountUnit, .tp-caption.ComingSoon-CountUnit { font-size: 20px; line-height: 20px; font-weight: 400; text-align: center } .ComingSoon-NotifyMe, .tp-caption.ComingSoon-NotifyMe { color: #a49d8f; font-size: 27px; line-height: 35px; font-weight: 600; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } #mc_embed_signup input#mce-EMAIL { font-family: Montserrat, sans-serif; font-size: 15px; color: #000; background-color: #fff; line-height: 46px; padding: 0 20px; cursor: text; border: 1px solid #fff; width: 400px; margin-bottom: 0; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; border-radius: 0 } #mc_embed_signup input#mce-EMAIL[type=email]:focus { background-color: #fff; border: 1px solid #666; border-right: 0 } #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus { letter-spacing: 1px; text-transform: uppercase; font-size: 13px; font-weight: 900; padding: 0 20px; border: 1px solid #009aee; background: #009aee; border-radius: 0 } #mc_embed_signup input#mc-embedded-subscribe:hover { background: #0083d4 } @media only screen and (max-width:767px) { #mc_embed_signup input#mce-EMAIL { width: 200px } } .Agency-SmallTitle, .tp-caption.Agency-SmallTitle { line-height: 22px; letter-spacing: 6px } .Agency-SmallContent, .Agency-SmallTitle, .tp-caption.Agency-SmallContent, .tp-caption.Agency-SmallTitle { color: #fff; font-size: 15px; font-weight: 400; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } .Agency-SmallContent, .tp-caption.Agency-SmallContent { line-height: 24px } .Agency-SmallLink, .tp-caption.Agency-SmallLink { color: #f87c09; font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #f87c09 !important } .Agency-SmallLink:hover, .tp-caption.Agency-SmallLink:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } .Agency-NavButton, .tp-caption.Agency-NavButton { color: #333; font-size: 17px; line-height: 50px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 0 0 0 0; text-align: center } .Agency-NavButton:hover, .tp-caption.Agency-NavButton:hover { color: #fff; text-decoration: none; background-color: #333; border: 0 solid #000; border-radius: 0 0 0 0; cursor: pointer } .Agency-SmallLinkGreen, .tp-caption.Agency-SmallLinkGreen { color: #6db19b; font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #6db19b !important } .Agency-SmallLinkGreen:hover, .tp-caption.Agency-SmallLinkGreen:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } .Agency-SmallLinkBlue, .tp-caption.Agency-SmallLinkBlue { color: #999; font-size: 12px; line-height: 22px; font-weight: 700; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center; letter-spacing: 2px; border-bottom: 1px solid #999 !important } .Agency-SmallLinkBlue:hover, .tp-caption.Agency-SmallLinkBlue:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } .Agency-LogoText, .tp-caption.Agency-LogoText { color: #fff; font-size: 12px; font-family: Montserrat; text-align: center; letter-spacing: 1px } .Agency-ArrowTooltip, .Agency-LogoText, .tp-caption.Agency-ArrowTooltip, .tp-caption.Agency-LogoText { line-height: 20px; font-weight: 400; font-style: normal; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .Agency-ArrowTooltip, .tp-caption.Agency-ArrowTooltip { color: #333; font-size: 15px; font-family: Permanent Marker; text-align: left } .Agency-SmallSocial, .tp-caption.Agency-SmallSocial { color: #fff; font-size: 30px; line-height: 30px; font-weight: 400; font-style: normal; font-family: Arial; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } .Agency-SmallSocial:hover, .tp-caption.Agency-SmallSocial:hover { color: #333; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } .CreativeFrontPage-Btn, .tp-caption.CreativeFrontPage-Btn { color: #fff; font-size: 14px; line-height: 60px; font-weight: 900; font-style: normal; font-family: Montserrat; padding: 0 50px; text-decoration: none; text-align: left; background-color: #00685c; border: 0 solid #000; border-radius: 4px 4px 4px 4px; letter-spacing: 2px } .CreativeFrontPage-Btn:hover, .tp-caption.CreativeFrontPage-Btn:hover { color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, .25); border: 0 solid #000; border-radius: 4px 4px 4px 4px; cursor: pointer } .CreativeFrontPage-Menu, .tp-caption.CreativeFrontPage-Menu { color: #fff; font-size: 14px; line-height: 14px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; letter-spacing: 2px } .tp-flip-index { z-index: 1000 !important } .FullScreenMenu-Category, .tp-caption.FullScreenMenu-Category { color: #111; font-size: 20px; line-height: 20px; background-color: hsla(0, 0%, 100%, .9); letter-spacing: 3px } .FullScreenMenu-Category, .FullScreenMenu-Title, .tp-caption.FullScreenMenu-Category, .tp-caption.FullScreenMenu-Title { font-weight: 700; font-style: normal; font-family: BenchNine; padding: 21px 30px 16px; text-decoration: none; text-align: left; border: 0 none transparent; border-radius: 0 0 0 0 } .FullScreenMenu-Title, .tp-caption.FullScreenMenu-Title { color: #fff; font-size: 65px; line-height: 70px; background-color: hsla(0, 0%, 7%, .9) } .TechJournal-Button, .tp-caption.TechJournal-Button { color: #fff; font-size: 13px; line-height: 40px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 1px 30px; text-decoration: none; text-align: left; background-color: #8a00ff; border: 0 solid #000; border-radius: 0 0 0 0; letter-spacing: 3px } .TechJournal-Button:hover, .tp-caption.TechJournal-Button:hover { color: #000; text-decoration: none; background-color: #fff; border: 0 solid #000; border-radius: 0 0 0 0; cursor: pointer } .TechJournal-Big, .tp-caption.TechJournal-Big { color: #fff; font-size: 120px; line-height: 120px; font-weight: 900; font-style: normal; font-family: Raleway; padding: 0; text-decoration: none; text-align: left; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; letter-spacing: 0 } .FullSiteBlock-DownButton, .tp-caption.FullSiteBlock-DownButton { color: #333; font-size: 25px; line-height: 32px; font-weight: 500; font-style: normal; font-family: Montserrat; padding: 1px; text-decoration: none; background-color: transparent; border: 1px solid #333; border-radius: 30px 30px 30px 30px; text-align: center } .FullSiteBlock-DownButton:hover, .tp-caption.FullSiteBlock-DownButton:hover { color: #0096ff; text-decoration: none; background-color: transparent; border: 1px solid #0096ff; border-radius: 30px 30px 30px 30px; cursor: pointer } .rev_slider { overflow: hidden } .effect_layer { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .gyges .tp-thumb.selected .tp-thumb-img-wrap, .gyges .tp-thumb:hover .tp-thumb-img-wrap { background: -moz-linear-gradient(top, #fff 0, #fff 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #fff)); background: -webkit-linear-gradient(top, #fff, #fff); background: -o-linear-gradient(top, #fff 0, #fff 100%); background: -ms-linear-gradient(top, #fff 0, #fff 100%); background: linear-gradient(180deg, #fff 0, #fff) } .FullSiteBlock-Title, .tp-caption.FullSiteBlock-Title { color: #333; font-size: 55px; line-height: 65px; font-weight: 300; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } .FullSiteBlock-Link:hover, .tp-caption.FullSiteBlock-Link:hover { color: #333; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } .FullSiteBlock-FooterLink, .tp-caption.FullSiteBlock-FooterLink { color: #555; font-size: 15px; line-height: 20px; font-weight: 300; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: left } .FullSiteBlock-FooterLink:hover, .tp-caption.FullSiteBlock-FooterLink:hover { color: #0096ff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } #tp-socialwrapper { opacity: 0 } .tp-caption.Twitter-Content a, .tp-caption.Twitter-Content a:visited { color: #0084b4 !important } .tp-caption.Twitter-Content a:hover { color: #0084b4 !important; text-decoration: underline !important } #menu_forcefullwidth { z-index: 5000; position: fixed !important; top: 0; left: 0; width: 100% } #tp-menubg { background: -moz-linear-gradient(top, rgba(0, 0, 0, .75) 0, transparent 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .75), transparent); background: linear-gradient(180deg, rgba(0, 0, 0, .75) 0, transparent); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#d9000000", endColorstr="#00000000", GradientType=0) } #mc_embed_signup input[type=email] { font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; background-color: #fff; color: #888 !important; line-height: 46px; padding: 0 20px; cursor: text; border: 0; width: 400px; margin-bottom: 0; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -o-transition: background-color .5s; -ms-transition: background-color .5s; transition: background-color .5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } #mc_embed_signup input[type=email]::-webkit-input-placeholder { color: #888 !important } #mc_embed_signup input[type=email]::-moz-placeholder { color: #888 !important } #mc_embed_signup input[type=email]:-ms-input-placeholder { color: #888 !important } #mc_embed_signup input[type=email]:focus { background-color: #f5f5f5; color: #454545 } #mc_embed_signup input#mc-embedded-subscribe, #mc_embed_signup input#mc-embedded-subscribe:focus { font-family: Montserrat, sans-serif; line-height: 46px; font-size: 16px; font-weight: 700; padding: 0 30px; border: 0; background: #f04531; text-transform: none; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } #mc_embed_signup input#mc-embedded-subscribe:hover { background: #e03727 } @media only screen and (max-width:767px) { #mc_embed_signup input[type=email] { width: 260px } } @media only screen and (max-width:480px) { #mc_embed_signup input[type=email] { width: 160px } } #rev_slider_167_6 .uranus.tparrows { width: 50px; height: 50px; background: hsla(0, 0%, 100%, 0) } #rev_slider_167_6 .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all .3s; -webkit-transition: all .3s } #rev_slider_167_6 .uranus.tparrows:hover:before { opacity: .75 } .FullSiteBlock-SubTitle, .tp-caption.FullSiteBlock-SubTitle { color: #333; font-size: 25px; line-height: 34px; font-weight: 300; text-align: center } .FullSiteBlock-SubTitle, .ParallaxWebsite-FooterItem, .tp-caption.FullSiteBlock-SubTitle, .tp-caption.ParallaxWebsite-FooterItem { font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0 } .ParallaxWebsite-FooterItem, .tp-caption.ParallaxWebsite-FooterItem { color: hsla(0, 0%, 100%, .5); font-size: 16px; line-height: 24px; font-weight: 400; text-align: left } .ParallaxWebsite-FooterItem:hover, .tp-caption.ParallaxWebsite-FooterItem:hover { color: #fff; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; cursor: pointer } .fb-share-button.fb_iframe_widget iframe { width: 115px !important } .fb-share-button.fb_iframe_widget iframe, iframe.twitter-share-button { display: none } .FullSiteBlock-Link, .tp-caption.FullSiteBlock-Link { color: #0096ff; font-size: 25px; line-height: 24px; font-weight: 300; font-style: normal; font-family: Montserrat; padding: 0; text-decoration: none; background-color: transparent; border: 0 none transparent; border-radius: 0 0 0 0; text-align: center } .ares.tparrows { cursor: pointer; background: #fff; min-width: 60px; min-height: 60px; position: absolute; display: block; z-index: 100; border-radius: 50% } .ares.tparrows:before { font-family: revicons; font-size: 25px; color: #aaa; display: block; line-height: 60px; text-align: center; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; z-index: 2; position: relative } .ares.tparrows.tp-leftarrow:before { content: "\e81f" } .ares.tparrows.tp-rightarrow:before { content: "\e81e" } .ares.tparrows:hover:before { color: #000 } .ares .tp-title-wrap { position: absolute; z-index: 1; display: inline-block; background: #fff; min-height: 60px; line-height: 60px; top: 0; margin-left: 30px; border-radius: 0 30px 30px 0; overflow: hidden; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 50%; -webkit-transform-origin: 0 50% } .ares.tp-rightarrow .tp-title-wrap { right: 0; margin-right: 30px; margin-left: 0; -webkit-transform-origin: 100% 50%; border-radius: 30px 0 0 30px } .ares.tparrows:hover .tp-title-wrap { transform: scaleX(1) scaleY(1); -webkit-transform: scaleX(1) scaleY(1) } .ares .tp-arr-titleholder { position: relative; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: translateX(200px); text-transform: uppercase; color: #000; font-weight: 400; font-size: 14px; line-height: 60px; white-space: nowrap; padding: 0 20px; margin-left: 10px; opacity: 0 } .ares.tp-rightarrow .tp-arr-titleholder { transform: translateX(-200px); margin-left: 0; margin-right: 10px } .ares.tparrows:hover .tp-arr-titleholder { transform: translateX(0); -webkit-transform: translateX(0); transition-delay: .1s; opacity: 1 } .ares.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .ares .tp-bullet { width: 13px; height: 13px; position: absolute; background: #e5e5e5; border-radius: 50%; cursor: pointer; box-sizing: content-box } .ares .tp-bullet.selected, .ares .tp-bullet:hover { background: #fff } .ares .tp-bullet-title { position: absolute; color: #888; font-size: 12px; padding: 0 10px; font-weight: 600; right: 27px; top: -4px; background: #fff; background: hsla(0, 0%, 100%, .75); visibility: hidden; transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: transform .3s; -webkit-transition: transform .3s; line-height: 20px; white-space: nowrap } .ares .tp-bullet-title:after { width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent hsla(0, 0%, 100%, .75); content: " "; position: absolute; right: -10px; top: 0 } .ares .tp-bullet:hover .tp-bullet-title { visibility: visible; transform: translateX(0); -webkit-transform: translateX(0) } .ares .tp-bullet.selected:hover .tp-bullet-title { background: #fff } .ares .tp-bullet.selected:hover .tp-bullet-title:after { border-color: transparent transparent transparent #fff } .ares.tp-bullets:hover .tp-bullet-title { visibility: hidden } .ares.tp-bullets:hover .tp-bullet:hover .tp-bullet-title { visibility: visible } .ares .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Montserrat, sans-serif; border-bottom: 1px solid #e5e5e5 } .ares .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left } .ares .tp-tab-content { background: transparent; position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute } .ares .tp-tab-date { display: block; color: #aaa; font-weight: 500; font-size: 12px; margin-bottom: 0 } .ares .tp-tab-title { display: block; text-align: left; color: #333; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px } .ares .tp-tab.selected, .ares .tp-tab:hover { background: #eee } .custom.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, .5); width: 40px; height: 40px; position: absolute; display: block; z-index: 10000 } .custom.tparrows:hover { background: #000 } .custom.tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center } .custom.tparrows.tp-leftarrow:before { content: "\e824" } .custom.tparrows.tp-rightarrow:before { content: "\e825" } .custom.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .custom .tp-bullet { width: 12px; height: 12px; position: absolute; background: #aaa; background: hsla(0, 0%, 49%, .5); cursor: pointer; box-sizing: content-box } .custom .tp-bullet.selected, .custom .tp-bullet:hover { background: #7d7d7d } .dione.tparrows { height: 100%; width: 100px; background: transparent; line-height: 100%; transition: all .3s; -webkit-transition: all .3s } .dione.tparrows:hover { background: rgba(0, 0, 0, .45) } .dione .tp-arr-imgwrapper { width: 100px; left: 0; position: absolute; height: 100%; top: 0; overflow: hidden } .dione.tp-rightarrow .tp-arr-imgwrapper { left: auto; right: 0 } .dione .tp-arr-imgholder { background-position: 50%; background-size: cover; width: 100px; height: 100%; top: 0; visibility: hidden; transform: translateX(-50px); -webkit-transform: translateX(-50px); transition: all .3s; -webkit-transition: all .3s; opacity: 0; left: 0 } .dione.tparrows.tp-rightarrow .tp-arr-imgholder { right: 0; left: auto; transform: translateX(50px); -webkit-transform: translateX(50px) } .dione.tparrows:before { position: absolute; line-height: 30px; margin-left: -22px; top: 50%; left: 50%; font-size: 30px; margin-top: -15px; transition: all .3s; -webkit-transition: all .3s } .dione.tparrows.tp-rightarrow:before { margin-left: 6px } .dione.tparrows:hover:before { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0 } .dione.tparrows.tp-rightarrow:hover:before { transform: translateX(20px); -webkit-transform: translateX(20px) } .dione.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible } .dione .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: #000; background-color: rgba(0, 0, 0, .25); margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s } .dione .tp-bullet-image { display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); width: 44px; height: 44px; background-size: cover; background-position: 50% } .dione .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: #000; background: rgba(0, 0, 0, .75); color: #fff; padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap } .dione .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1 } .dione .tp-bullet.selected, .dione .tp-bullet:hover { background: #fff; background: -moz-linear-gradient(top, #fff 0, #777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777)); background: -webkit-linear-gradient(top, #fff, #777); background: -o-linear-gradient(top, #fff 0, #777 100%); background: -ms-linear-gradient(top, #fff 0, #777 100%); background: linear-gradient(180deg, #fff 0, #777); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0) } .dione .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0, 0, 0, .75) transparent transparent; bottom: -8px } .erinyen.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, .5); min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 1000; border-radius: 35px } .erinyen.tparrows:before { font-family: revicons; font-size: 20px; color: #fff; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative } .erinyen.tparrows.tp-leftarrow:before { content: "\e824" } .erinyen.tparrows.tp-rightarrow:before { content: "\e825" } .erinyen .tp-title-wrap { position: absolute; z-index: 1; display: inline-block; background: #000; background: rgba(0, 0, 0, .5); min-height: 70px; line-height: 70px; top: 0; margin-left: 0; border-radius: 35px; overflow: hidden; transition: opacity .3s; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0 } .erinyen.tparrows:hover .tp-title-wrap { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } .erinyen.tp-rightarrow .tp-title-wrap { right: 0; margin-right: 0; margin-left: 0; -webkit-transform-origin: 100% 50%; border-radius: 35px; padding-right: 20px; padding-left: 10px } .erinyen.tp-leftarrow .tp-title-wrap { padding-left: 20px; padding-right: 10px } .erinyen .tp-arr-titleholder { letter-spacing: 3px; position: relative; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: translateX(200px); text-transform: uppercase; color: #fff; font-weight: 600; font-size: 13px; line-height: 70px; white-space: nowrap; padding: 0 20px; margin-left: 11px; opacity: 0 } .erinyen .tp-arr-imgholder { background-position: 50%; background-size: cover } .erinyen .tp-arr-img-over, .erinyen .tp-arr-imgholder { width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .erinyen .tp-arr-img-over { background: #000; background: rgba(0, 0, 0, .5) } .erinyen.tp-rightarrow .tp-arr-titleholder { transform: translateX(-200px); margin-left: 0; margin-right: 11px } .erinyen.tparrows:hover .tp-arr-titleholder { transform: translateX(0); -webkit-transform: translateX(0); transition-delay: .1s; opacity: 1 } .erinyen.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #555; background: -moz-linear-gradient(top, #555 0, #222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(100%, #222)); background: -webkit-linear-gradient(top, #555, #222); background: -o-linear-gradient(top, #555 0, #222 100%); background: -ms-linear-gradient(top, #555 0, #222 100%); background: linear-gradient(180deg, #555 0, #222); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#555555", endcolorstr="#222222", gradienttype=0); padding: 10px 15px; margin-left: -15px; margin-top: -10px; box-sizing: content-box; border-radius: 10px; box-shadow: 0 0 2px 1px rgba(33, 33, 33, .3) } .erinyen .tp-bullet { width: 13px; height: 13px; position: absolute; background: #111; border-radius: 50%; cursor: pointer; box-sizing: content-box } .erinyen .tp-bullet.selected, .erinyen .tp-bullet:hover { background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0, #999 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e5e5e5), color-stop(100%, #999)); background: -webkit-linear-gradient(top, #e5e5e5, #999); background: -o-linear-gradient(top, #e5e5e5 0, #999 100%); background: -ms-linear-gradient(top, #e5e5e5 0, #999 100%); background: linear-gradient(180deg, #e5e5e5 0, #999); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#e5e5e5", endcolorstr="#999999", gradienttype=0); border: 1px solid #555; width: 12px; height: 12px } .erinyen .tp-thumb { opacity: 1 } .erinyen .tp-thumb-over { background: #000; background: rgba(0, 0, 0, .25); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s } .erinyen .tp-thumb-more:before { font-family: revicons; color: #aaa; color: hsla(0, 0%, 100%, .75); line-height: 12px; top: 20px; right: 20px; content: "\e825" } .erinyen .tp-thumb-more:before, .erinyen .tp-thumb-title { font-size: 12px; display: block; text-align: left; position: absolute; z-index: 2 } .erinyen .tp-thumb-title { font-family: Raleway; letter-spacing: 1px; color: #fff; line-height: 15px; top: 0; left: 0; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500 } .erinyen .tp-thumb.selected .tp-thumb-more:before, .erinyen .tp-thumb:hover .tp-thumb-more:before { color: #aaa } .erinyen .tp-thumb.selected .tp-thumb-over, .erinyen .tp-thumb:hover .tp-thumb-over { background: #fff } .erinyen .tp-thumb.selected .tp-thumb-title, .erinyen .tp-thumb:hover .tp-thumb-title { color: #000 } .erinyen .tp-tab-title { color: #a8d8ee; font-size: 13px; font-weight: 700; text-transform: uppercase; font-family: Montserrat Slab; margin-bottom: 5px } .erinyen .tp-tab-desc { font-size: 18px; font-weight: 400; color: #fff; line-height: 25px; font-family: Montserrat Slab } .gyges.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #777; background: -moz-linear-gradient(top, #777 0, #666 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(100%, #666)); background: -webkit-linear-gradient(top, #777, #666); background: -o-linear-gradient(top, #777 0, #666 100%); background: -ms-linear-gradient(top, #777 0, #666 100%); background: linear-gradient(180deg, #777 0, #666); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#777777", endColorstr="#666666", GradientType=0); padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 10px } .gyges .tp-bullet { width: 12px; height: 12px; position: absolute; background: #333; border: 3px solid #444; border-radius: 50%; cursor: pointer; box-sizing: content-box } .gyges .tp-bullet.selected, .gyges .tp-bullet:hover { background: #fff; background: -moz-linear-gradient(top, #fff 0, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #fff, #e1e1e1); background: -o-linear-gradient(top, #fff 0, #e1e1e1 100%); background: -ms-linear-gradient(top, #fff 0, #e1e1e1 100%); background: linear-gradient(180deg, #fff 0, #e1e1e1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e1e1e1", GradientType=0) } .gyges .tp-thumb { opacity: 1 } .gyges .tp-thumb-img-wrap { background: #000; background-color: rgba(0, 0, 0, .25); display: inline-block; width: 100%; height: 100%; margin: 0; transition: all .3s; -webkit-transition: all .3s } .gyges .tp-thumb-image, .gyges .tp-thumb-img-wrap { padding: 3px; position: relative; box-sizing: border-box } .gyges .tp-thumb-image { display: block; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25) } .gyges .tp-thumb-title { position: absolute; bottom: 100%; display: inline-block; left: 50%; background: hsla(0, 0%, 100%, .8); padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 20px; opacity: 0; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; white-space: nowrap } .gyges .tp-thumb:hover .tp-thumb-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1 } .gyges .tp-thumb.selected .tp-thumb-img-wrap, .gyges .tp-thumb:hover .tp-thumb-img-wrap { background: #fff; background: -moz-linear-gradient(top, #fff 0, #777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777)); background: -webkit-linear-gradient(top, #fff, #777); background: -o-linear-gradient(top, #fff 0, #777 100%); background: -ms-linear-gradient(top, #fff 0, #777 100%); background: linear-gradient(180deg, #fff 0, #777); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0) } .gyges .tp-thumb-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: hsla(0, 0%, 100%, .8) transparent transparent; bottom: -8px } .gyges .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Montserrat, sans-serif; border-bottom: 1px solid hsla(0, 0%, 100%, .15) } .gyges .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left } .gyges .tp-tab-content { background: transparent; position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute } .gyges .tp-tab-date { display: block; color: hsla(0, 0%, 100%, .25); font-weight: 500; font-size: 12px; margin-bottom: 0 } .gyges .tp-tab-title { display: block; text-align: left; color: #fff; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px } .gyges .tp-tab.selected, .gyges .tp-tab:hover { background: rgba(0, 0, 0, .5) } .hades.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, .15); width: 100px; height: 100px; position: absolute; display: block; z-index: 1000 } .hades.tparrows:before { font-family: revicons; font-size: 30px; color: #fff; display: block; line-height: 100px; text-align: center; transition: background .3s, color .3s } .hades.tparrows.tp-leftarrow:before { content: "\e824" } .hades.tparrows.tp-rightarrow:before { content: "\e825" } .hades.tparrows:hover:before { color: #aaa; background: #fff } .hades .tp-arr-allwrapper { position: absolute; left: 100%; top: 0; background: #888; width: 100px; height: 100px; -webkit-transition: all .3s; transition: all .3s; -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .hades.tp-rightarrow .tp-arr-allwrapper { left: auto; right: 100%; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transform: rotatey(90deg); transform: rotatey(90deg) } .hades:hover .tp-arr-allwrapper { -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: rotatey(0deg); transform: rotatey(0deg) } .hades .tp-arr-imgholder { background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .hades.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .hades .tp-bullet { width: 3px; height: 3px; position: absolute; background: #888; cursor: pointer; border: 5px solid #fff; box-sizing: content-box; box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2); -webkit-perspective: 400; perspective: 400; -webkit-transform: translatez(.01px); transform: translatez(.01px) } .hades .tp-bullet.selected, .hades .tp-bullet:hover { background: #555 } .hades .tp-bullet-image { position: absolute; top: -80px; left: -60px; width: 120px; height: 60px; background-position: 50%; background-size: cover; visibility: hidden; opacity: 0; transition: all .3s; -webkit-transform-style: flat; transform-style: flat; perspective: 600; -webkit-perspective: 600; transform: rotatex(-90deg); -webkit-transform: rotatex(-90deg); box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100% } .hades .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: rotatex(0deg); -webkit-transform: rotatex(0deg); visibility: visible } .hades .tp-thumb { opacity: 1 } .hades .tp-thumb-img-wrap { display: inline-block; background: #000; background-color: rgba(0, 0, 0, .25); width: 100%; height: 100%; margin: 0; transition: all .3s; -webkit-transition: all .3s } .hades .tp-thumb-image, .hades .tp-thumb-img-wrap { border-radius: 50%; padding: 3px; position: relative; box-sizing: border-box } .hades .tp-thumb-image { display: block; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25) } .hades .tp-thumb.selected .tp-thumb-img-wrap, .hades .tp-thumb:hover .tp-thumb-img-wrap { background: #fff; background: -moz-linear-gradient(top, #fff 0, #777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777)); background: -webkit-linear-gradient(top, #fff, #777); background: -o-linear-gradient(top, #fff 0, #777 100%); background: -ms-linear-gradient(top, #fff 0, #777 100%); background: linear-gradient(180deg, #fff 0, #777); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0) } .hades .tp-thumb-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0, 0, 0, .75) transparent transparent; bottom: -8px } .hades .tp-tab { opacity: 1 } .hades .tp-tab-title { display: block; color: #333; font-weight: 600; font-size: 18px; text-align: center; line-height: 25px } .hades .tp-tab-price { display: block; text-align: center; color: #999; font-size: 16px; margin-top: 10px; line-height: 20px } .hades .tp-tab-button { display: inline-block; margin-top: 15px; text-align: center; padding: 5px 15px; color: #fff; font-size: 14px; background: #219bd7; border-radius: 4px; font-weight: 400 } .hades .tp-tab-inner { text-align: center } .hebe.tparrows { cursor: pointer; background: #fff; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 1000 } .hebe.tparrows:before { font-family: revicons; font-size: 30px; color: #aaa; display: block; line-height: 70px; text-align: center; -webkit-transition: color .3s; -moz-transition: color .3s; transition: color .3s; z-index: 2; position: relative; background: #fff; min-width: 70px; min-height: 70px } .hebe.tparrows.tp-leftarrow:before { content: "\e824" } .hebe.tparrows.tp-rightarrow:before { content: "\e825" } .hebe.tparrows:hover:before { color: #000 } .hebe .tp-title-wrap { position: absolute; z-index: 0; display: inline-block; background: #000; background: rgba(0, 0, 0, .75); min-height: 60px; line-height: 60px; top: -10px; margin-left: 0; -webkit-transition: -webkit-transform .3s; transition: transform .3s; transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: 0 50%; -webkit-transform-origin: 0 50% } .hebe.tp-rightarrow .tp-title-wrap { right: 0; -webkit-transform-origin: 100% 50% } .hebe.tparrows:hover .tp-title-wrap { transform: scaleX(1); -webkit-transform: scaleX(1) } .hebe .tp-arr-titleholder { position: relative; text-transform: uppercase; color: #fff; font-weight: 600; font-size: 12px; line-height: 90px; white-space: nowrap; padding: 0 20px 0 90px } .hebe.tp-rightarrow .tp-arr-titleholder { margin-left: 0; padding: 0 90px 0 20px } .hebe.tparrows:hover .tp-arr-titleholder { transform: translateX(0); -webkit-transform: translateX(0); transition-delay: .1s; opacity: 1 } .hebe .tp-arr-imgholder { width: 90px; height: 90px; position: absolute; left: 100%; display: block; background-size: cover; background-position: 50%; top: 0; right: -90px } .hebe.tp-rightarrow .tp-arr-imgholder { right: auto; left: -90px } .hebe.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .hebe .tp-bullet { width: 3px; height: 3px; position: absolute; background: #fff; cursor: pointer; border: 5px solid #222; border-radius: 50%; box-sizing: content-box; -webkit-perspective: 400; perspective: 400; -webkit-transform: translateZ(.01px); transform: translateZ(.01px); transition: all .3s } .hebe .tp-bullet.selected, .hebe .tp-bullet:hover { background: #222; border-color: #fff } .hebe .tp-bullet-image { position: absolute; top: -90px; left: -40px; width: 70px; height: 70px; background-position: 50%; background-size: cover; visibility: hidden; opacity: 0; transition: all .3s; -webkit-transform-style: flat; transform-style: flat; perspective: 600; -webkit-perspective: 600; transform: scale(0); -webkit-transform: scale(0); transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; border-radius: 6px } .hebe .tp-bullet:hover .tp-bullet-image { display: block; opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible } .hebe .tp-tab-title { color: #a8d8ee; font-size: 13px; font-weight: 700; text-transform: uppercase; font-family: Montserrat Slab; margin-bottom: 5px } .hebe .tp-tab-desc { font-size: 18px; font-weight: 400; color: #fff; line-height: 25px; font-family: Montserrat Slab } .hephaistos.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, .5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 50% } .hephaistos.tparrows:hover { background: #000 } .hephaistos.tparrows:before { font-family: revicons; font-size: 18px; color: #fff; display: block; line-height: 40px; text-align: center } .hephaistos.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left: -2px } .hephaistos.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right: -2px } .hephaistos.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .hephaistos .tp-bullet { width: 12px; height: 12px; position: absolute; background: #999; border: 3px solid #f5f5f5; border-radius: 50%; cursor: pointer; box-sizing: content-box; box-shadow: 0 0 2px 1px hsla(0, 0%, 51%, .3) } .hephaistos .tp-bullet.selected, .hephaistos .tp-bullet:hover { background: #fff; border-color: #000 } .hermes.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, .5); width: 30px; height: 110px; position: absolute; display: block; z-index: 1000 } .hermes.tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 110px; text-align: center; transform: translateX(0); -webkit-transform: translateX(0); transition: all .3s; -webkit-transition: all .3s } .hermes.tparrows.tp-leftarrow:before { content: "\e824" } .hermes.tparrows.tp-rightarrow:before { content: "\e825" } .hermes.tparrows.tp-leftarrow:hover:before { transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0 } .hermes.tparrows.tp-rightarrow:hover:before { transform: translateX(20px); -webkit-transform: translateX(20px); opacity: 0 } .hermes .tp-arr-allwrapper { overflow: hidden; position: absolute; width: 180px; height: 140px; top: 0; left: 0; visibility: hidden; -webkit-transition: -webkit-transform .3s .3s; transition: transform .3s .3s; -webkit-perspective: 1000px; perspective: 1000px } .hermes.tp-rightarrow .tp-arr-allwrapper { right: 0; left: auto } .hermes.tparrows:hover .tp-arr-allwrapper { visibility: visible } .hermes .tp-arr-imgholder { width: 180px; position: absolute; left: 0; top: 0; height: 110px; transform: translateX(-180px); -webkit-transform: translateX(-180px); transition: all .3s; transition-delay: .3s } .hermes.tp-rightarrow .tp-arr-imgholder { transform: translateX(180px); -webkit-transform: translateX(180px) } .hermes.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0) } .hermes .tp-arr-titleholder { top: 110px; width: 180px; text-align: left; display: block; padding: 0 10px; line-height: 30px; background: #000; background: rgba(0, 0, 0, .75); color: #fff; font-weight: 600; position: absolute; font-size: 12px; white-space: nowrap; letter-spacing: 1px; -webkit-transition: all .3s; transition: all .3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; box-sizing: border-box } .hermes.tparrows:hover .tp-arr-titleholder { -webkit-transition-delay: .6s; transition-delay: .6s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg) } .hermes .tp-bullet { overflow: hidden; border-radius: 50%; width: 16px; height: 16px; background-color: transparent; box-shadow: inset 0 0 0 2px #fff; -webkit-transition: background .3s ease; transition: background .3s ease; position: absolute } .hermes .tp-bullet:hover { background-color: rgba(0, 0, 0, .2) } .hermes .tp-bullet:after { content: " "; position: absolute; bottom: 0; height: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 0 1px #fff; -webkit-transition: height .3s ease; transition: height .3s ease } .hermes .tp-bullet.selected:after { height: 100% } .hermes .tp-tab { opacity: 1; padding-right: 10px; box-sizing: border-box } .hermes .tp-tab-image { width: 100%; height: 60%; position: relative } .hermes .tp-tab-content { background: #363636; position: absolute; padding: 20px 20px 20px 30px; box-sizing: border-box; color: #fff; display: block; width: 100%; min-height: 40%; bottom: 0; left: -10px } .hermes .tp-tab-date { display: block; color: #888; font-weight: 600; font-size: 12px; margin-bottom: 10px } .hermes .tp-tab-title { display: block; color: #fff; font-size: 16px; font-weight: 800; text-transform: uppercase; line-height: 19px } .hermes .tp-tab.selected .tp-tab-title:after { width: 0; height: 0; border-style: solid; border-width: 30px 0 30px 10px; border-color: transparent transparent transparent #363636; content: " "; position: absolute; right: -9px; bottom: 50%; margin-bottom: -30px } .hermes .tp-tab-mask { padding-right: 10px !important } @media only screen and (max-width:960px) { .hermes .tp-tab .tp-tab-title { font-size: 14px; line-height: 16px } .hermes .tp-tab-date { font-size: 11px; line-height: 13px; margin-bottom: 10px } .hermes .tp-tab-content { padding: 15px 15px 15px 25px } } @media only screen and (max-width:768px) { .hermes .tp-tab .tp-tab-title { font-size: 12px; line-height: 14px } .hermes .tp-tab-date { font-size: 10px; line-height: 12px; margin-bottom: 5px } .hermes .tp-tab-content { padding: 10px 10px 10px 20px } } .hesperiden.tparrows { cursor: pointer; background: #000; background: rgba(0, 0, 0, .5); width: 40px; height: 40px; position: absolute; display: block; z-index: 1000; border-radius: 50% } .hesperiden.tparrows:hover { background: #000 } .hesperiden.tparrows:before { font-family: revicons; font-size: 20px; color: #fff; display: block; line-height: 40px; text-align: center } .hesperiden.tparrows.tp-leftarrow:before { content: "\e82c"; margin-left: -3px } .hesperiden.tparrows.tp-rightarrow:before { content: "\e82d"; margin-right: -3px } .hesperiden.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box; border-radius: 8px } .hesperiden .tp-bullet { width: 12px; height: 12px; position: absolute; background: #999; background: -moz-linear-gradient(top, #999 0, #e1e1e1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(top, #999, #e1e1e1); background: -o-linear-gradient(top, #999 0, #e1e1e1 100%); background: -ms-linear-gradient(top, #999 0, #e1e1e1 100%); background: linear-gradient(180deg, #999 0, #e1e1e1); filter: progid:dximagetransform.microsoft.gradient(startcolorstr="#999999", endcolorstr="#e1e1e1", gradienttype=0); border: 3px solid #e5e5e5; border-radius: 50%; cursor: pointer; box-sizing: content-box } .hesperiden .tp-bullet.selected, .hesperiden .tp-bullet:hover { background: #666 } .hesperiden .tp-thumb { opacity: 1; -webkit-perspective: 600px; perspective: 600px } .hesperiden .tp-thumb .tp-thumb-title { font-size: 12px; position: absolute; margin-top: -10px; color: #fff; display: block; z-index: 10000; background-color: #000; padding: 5px 10px; bottom: 0; left: 0; width: 100%; box-sizing: border-box; text-align: center; overflow: hidden; white-space: nowrap; transition: all .3s; -webkit-transition: all .3s; transform: rotatex(90deg) translatez(.001px); transform-origin: 50% 100%; -webkit-transform: rotatex(90deg) translatez(.001px); -webkit-transform-origin: 50% 100%; opacity: 0 } .hesperiden .tp-thumb:hover .tp-thumb-title { transform: rotatex(0deg); -webkit-transform: rotatex(0deg); opacity: 1 } .hesperiden .tp-tab { opacity: 1; padding: 10px; box-sizing: border-box; font-family: Montserrat, sans-serif; border-bottom: 1px solid #e5e5e5 } .hesperiden .tp-tab-image { width: 60px; height: 60px; max-height: 100%; max-width: 100%; position: relative; display: inline-block; float: left } .hesperiden .tp-tab-content { background: transparent; position: relative; padding: 15px 15px 15px 85px; left: 0; overflow: hidden; margin-top: -15px; box-sizing: border-box; color: #333; display: inline-block; width: 100%; height: 100%; position: absolute } .hesperiden .tp-tab-date { display: block; color: #aaa; font-weight: 500; font-size: 12px; margin-bottom: 0 } .hesperiden .tp-tab-title { display: block; text-align: left; color: #333; font-size: 14px; font-weight: 500; text-transform: none; line-height: 17px } .hesperiden .tp-tab.selected, .hesperiden .tp-tab:hover { background: #eee } .metis.tparrows { background: #fff; padding: 10px; transition: all .3s; -webkit-transition: all .3s; width: 60px; height: 60px; box-sizing: border-box } .metis.tparrows:hover { background: #fff; background: hsla(0, 0%, 100%, .75) } .metis.tparrows:before { color: #000; transition: all .3s; -webkit-transition: all .3s } .metis.tparrows:hover:before { transform: scale(1.5) } .metis .tp-bullet { opacity: 1; width: 50px; height: 50px; padding: 3px; background: #000; background-color: rgba(0, 0, 0, .25); margin: 0; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; border-radius: 50% } .metis .tp-bullet-image { border-radius: 50%; display: block; box-sizing: border-box; position: relative; -webkit-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); -moz-box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25); width: 44px; height: 44px; background-size: cover; background-position: 50% } .metis .tp-bullet-title { position: absolute; bottom: 65px; display: inline-block; left: 50%; background: #000; background: rgba(0, 0, 0, .75); color: #fff; padding: 10px 30px; border-radius: 4px; -webkit-border-radius: 4px; transition: all .3s; -webkit-transition: all .3s; transform: translateZ(.001px) translateX(-50%) translateY(14px); transform-origin: 50% 100%; -webkit-transform: translateZ(.001px) translateX(-50%) translateY(14px); -webkit-transform-origin: 50% 100%; opacity: 0; white-space: nowrap } .metis .tp-bullet:hover .tp-bullet-title { transform: rotateX(0deg) translateX(-50%); -webkit-transform: rotateX(0deg) translateX(-50%); opacity: 1 } .metis .tp-bullet.selected, .metis .tp-bullet:hover { background: #fff; background: -moz-linear-gradient(top, #fff 0, #777 100%); background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777)); background: -webkit-linear-gradient(top, #fff, #777); background: -o-linear-gradient(top, #fff 0, #777 100%); background: -ms-linear-gradient(top, #fff 0, #777 100%); background: linear-gradient(180deg, #fff 0, #777); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0) } .metis .tp-bullet-title:after { content: " "; position: absolute; left: 50%; margin-left: -8px; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0; border-color: rgba(0, 0, 0, .75) transparent transparent; bottom: -8px } .metis .tp-tab-number { color: #fff; font-size: 40px; line-height: 30px; font-weight: 400; font-family: Playfair Display; width: 50px; margin-right: 17px; display: inline-block; float: left } .metis .tp-tab-mask { padding-left: 20px; left: 0; max-width: 90px !important; transition: padding-left .4s, left .4s, max-width .4s } .metis:hover .tp-tab-mask { padding-left: 0; left: 50px; max-width: 500px !important } .metis .tp-tab-divider { border-right: 1px solid transparent; height: 30px; width: 1px; margin-top: 5px; display: inline-block; float: left } .metis .tp-tab-title { color: #fff; font-size: 20px; line-height: 20px; font-weight: 400; font-family: Playfair Display; position: relative; padding-top: 10px; padding-left: 30px; display: inline-block; transform: translateX(-100%); transition: all .4s } .metis .tp-tab-title-mask { position: absolute; overflow: hidden; left: 67px } .metis:hover .tp-tab-title { transform: translateX(0) } .metis .tp-tab { opacity: .15; transition: all .4s } .metis .tp-tab.selected, .metis .tp-tab:hover { opacity: 1 } .metis .tp-tab.selected .tp-tab-divider { border-right: 1px solid #cdb083 } .metis.tp-tabs { max-width: 118px !important; padding-left: 50px } .metis.tp-tabs:before { content: " "; height: 100%; width: 88px; background: rgba(0, 0, 0, .15); border-right: 1px solid hsla(0, 0%, 100%, .1); left: 0; top: 0; position: absolute; transition: all .4s } .metis.tp-tabs:hover:before { width: 118px } @media (max-width:499px) { .metis.tp-tabs:before { background: rgba(0, 0, 0, .75) } } .persephone.tparrows { cursor: pointer; background: #aaa; background: hsla(0, 0%, 78%, .5); width: 40px; height: 40px; position: absolute; display: block; z-index: 100; border: 1px solid #f5f5f5 } .persephone.tparrows:hover { background: #333 } .persephone.tparrows:before { font-family: revicons; font-size: 15px; color: #fff; display: block; line-height: 40px; text-align: center } .persephone.tparrows.tp-leftarrow:before { content: "\e824" } .persephone.tparrows.tp-rightarrow:before { content: "\e825" } .persephone.tp-bullets:before { content: " "; position: absolute; width: 100%; height: 100%; background: #transparent; padding: 10px; margin-left: -10px; margin-top: -10px; box-sizing: content-box } .persephone .tp-bullet { width: 12px; height: 12px; position: absolute; background: #aaa; border: 1px solid #e5e5e5; cursor: pointer; box-sizing: content-box } .persephone .tp-bullet.selected, .persephone .tp-bullet:hover { background: #222 } .uranus.tparrows { width: 50px; height: 50px; background: transparent } .uranus.tparrows:before { width: 50px; height: 50px; line-height: 50px; font-size: 40px; transition: all .3s; -webkit-transition: all .3s } .uranus.tparrows:hover:before { opacity: .75 } .uranus .tp-bullet { border-radius: 50%; box-shadow: 0 0 0 2px hsla(0, 0%, 100%, 0); -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; background: transparent } .uranus .tp-bullet.selected, .uranus .tp-bullet:hover { box-shadow: 0 0 0 2px #fff; border: none; border-radius: 50%; background: transparent } .uranus .tp-bullet-inner { background-color: hsla(0, 0%, 100%, .7); -webkit-transition: background-color .3s ease, -webkit-transform .3s ease; transition: background-color .3s ease, transform .3s ease; top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #fff; background-color: hsla(0, 0%, 100%, .3); text-indent: -999em; cursor: pointer; position: absolute } .uranus .tp-bullet.selected .tp-bullet-inner, .uranus .tp-bullet:hover .tp-bullet-inner { transform: scale(.4); -webkit-transform: scale(.4); background-color: #fff } .zeus.tparrows { cursor: pointer; min-width: 70px; min-height: 70px; position: absolute; display: block; z-index: 100; border-radius: 35px; overflow: hidden; background: rgba(0, 0, 0, .1) } .zeus.tparrows:before { font-family: revicons; font-size: 20px; color: #fff; display: block; line-height: 70px; text-align: center; z-index: 2; position: relative } .zeus.tparrows.tp-leftarrow:before { content: "\e824" } .zeus.tparrows.tp-rightarrow:before { content: "\e825" } .zeus .tp-title-wrap { background: #000; background: rgba(0, 0, 0, .5); opacity: 0; transform: scale(0); -webkit-transform: scale(0) } .zeus .tp-arr-imgholder, .zeus .tp-title-wrap { width: 100%; height: 100%; top: 0; left: 0; position: absolute; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; border-radius: 50% } .zeus .tp-arr-imgholder { background-position: 50%; background-size: cover; transform: translateX(-100%); -webkit-transform: translateX(-100%) } .zeus.tp-rightarrow .tp-arr-imgholder { transform: translateX(100%); -webkit-transform: translateX(100%) } .zeus.tparrows:hover .tp-arr-imgholder { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1 } .zeus.tparrows:hover .tp-title-wrap { transform: scale(1); -webkit-transform: scale(1); opacity: 1 } .zeus .tp-bullet { box-sizing: content-box; -webkit-box-sizing: content-box; border-radius: 50%; background-color: transparent; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; width: 13px; height: 13px; border: 2px solid #fff } .zeus .tp-bullet:after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; border-radius: 50%; background-color: #fff; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease } .zeus .tp-bullet.selected:after, .zeus .tp-bullet:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2) } .zeus .tp-bullet-image, .zeus .tp-bullet-imageoverlay { width: 135px; height: 60px; position: absolute; background: #000; background: rgba(0, 0, 0, .5); bottom: 25px; left: 50%; margin-left: -65px; box-sizing: border-box; background-size: cover; background-position: 50%; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 4px } .zeus .tp-bullet-imageoverlay, .zeus .tp-bullet-title { z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease } .zeus .tp-bullet-title { color: #fff; text-align: center; line-height: 15px; font-size: 13px; font-weight: 600; z-index: 3; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; bottom: 45px; width: 135px; vertical-align: middle; left: -57px } .zeus .tp-bullet:hover .tp-bullet-image, .zeus .tp-bullet:hover .tp-bullet-imageoverlay, .zeus .tp-bullet:hover .tp-bullet-title { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) } .zeus .tp-thumb { opacity: 1 } .zeus .tp-thumb-over { background: #000; background: rgba(0, 0, 0, .25); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s } .zeus .tp-thumb-more:before { font-family: revicons; color: #aaa; color: hsla(0, 0%, 100%, .75); line-height: 12px; top: 20px; right: 20px; content: "\e825" } .zeus .tp-thumb-more:before, .zeus .tp-thumb-title { font-size: 12px; display: block; text-align: left; position: absolute; z-index: 2 } .zeus .tp-thumb-title { font-family: Raleway; letter-spacing: 1px; color: #fff; line-height: 15px; top: 0; left: 0; padding: 20px 35px 20px 20px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500 } .zeus .tp-thumb.selected .tp-thumb-more:before, .zeus .tp-thumb:hover .tp-thumb-more:before { color: #aaa } .zeus .tp-thumb.selected .tp-thumb-over, .zeus .tp-thumb:hover .tp-thumb-over { background: #000 } .zeus .tp-thumb.selected .tp-thumb-title, .zeus .tp-thumb:hover .tp-thumb-title { color: #fff } .zeus .tp-tab { opacity: 1; box-sizing: border-box } .zeus .tp-tab-title { display: block; text-align: center; background: rgba(0, 0, 0, .25); font-family: Montserrat Slab, serif; font-weight: 700; font-size: 13px; line-height: 13px; color: #fff; padding: 9px 10px } .zeus .tp-tab.selected .tp-tab-title, .zeus .tp-tab:hover .tp-tab-title { color: #000; background: #fff } .post-tabs .tp-thumb { opacity: 1 } .post-tabs .tp-thumb-over { background: #252525; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s; transition: all .3s } .post-tabs .tp-thumb-more:before { font-family: revicons; color: #aaa; color: hsla(0, 0%, 100%, .75); line-height: 12px; top: 15px; right: 15px; content: "\e825" } .post-tabs .tp-thumb-more:before, .post-tabs .tp-thumb-title { font-size: 12px; display: block; text-align: left; position: absolute; z-index: 2 } .post-tabs .tp-thumb-title { font-family: raleway; letter-spacing: 1px; color: #fff; line-height: 15px; top: 0; left: 0; padding: 15px 30px 15px 15px; width: 100%; height: 100%; box-sizing: border-box; transition: all .3s; -webkit-transition: all .3s; font-weight: 500 } .post-tabs .tp-thumb.selected .tp-thumb-more:before, .post-tabs .tp-thumb:hover .tp-thumb-more:before { color: #aaa } .post-tabs .tp-thumb.selected .tp-thumb-over, .post-tabs .tp-thumb:hover .tp-thumb-over { background: #fff } .post-tabs .tp-thumb.selected .tp-thumb-title, .post-tabs .tp-thumb:hover .tp-thumb-title { color: #000 } :root { --blue: #ff060a; --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: #ff060a; --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; --breakpoint-xxl: 2000px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Montserrat, "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, Montserrat, Helvetica Neue, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; } [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; text-decoration: underline dotted; cursor: help; border-bottom: 0 } address { font-style: normal; line-height: inherit } address, dl, ol, ul { margin-bottom: 1rem } dl, ol, ul { margin-top: 0 } 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: #ff060a; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects } a:hover { color: #39aebe; text-decoration: underline } a:not([href]):not([tabindex]), 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 } .hidden { display: none; } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: 6rem } .display-1, .display-2 { font-weight: 300; line-height: 1.2 } .display-2 { font-size: 5.5rem } .display-3 { font-size: 4.5rem } .display-3, .display-4 { font-weight: 300; line-height: 1.2 } .display-4 { font-size: 3.5rem } 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-inline, .list-unstyled { 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 \00A0" } .img-fluid, .img-thumbnail { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem } .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: 1400px; padding-right: 10px; padding-left: 10px; 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 } } @media (min-width:2000px) { .container { max-width: 2000px } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px } .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-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .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-10, .col-xl-11, .col-xl-12, .col-xl-auto, .col-xxl, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 10px; padding-left: 10px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.3333333333% } .offset-2 { margin-left: 16.6666666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.3333333333% } .offset-5 { margin-left: 41.6666666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.3333333333% } .offset-8 { margin-left: 66.6666666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.3333333333% } .offset-11 { margin-left: 91.6666666667% } @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-sm-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-sm-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-sm-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-sm-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.3333333333% } .offset-sm-2 { margin-left: 16.6666666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.3333333333% } .offset-sm-5 { margin-left: 41.6666666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.3333333333% } .offset-sm-8 { margin-left: 66.6666666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.3333333333% } .offset-sm-11 { margin-left: 91.6666666667% } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-md-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-md-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-md-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-md-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.3333333333% } .offset-md-2 { margin-left: 16.6666666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.3333333333% } .offset-md-5 { margin-left: 41.6666666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.3333333333% } .offset-md-8 { margin-left: 66.6666666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.3333333333% } .offset-md-11 { margin-left: 91.6666666667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-lg-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-lg-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-lg-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-lg-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.3333333333% } .offset-lg-5 { margin-left: 41.6666666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.3333333333% } .offset-lg-8 { margin-left: 66.6666666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.3333333333% } .offset-lg-11 { margin-left: 91.6666666667% } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xl-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xl-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xl-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xl-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.3333333333% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.3333333333% } .offset-xl-5 { margin-left: 41.6666666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.3333333333% } .offset-xl-8 { margin-left: 66.6666666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.3333333333% } .offset-xl-11 { margin-left: 91.6666666667% } } @media (min-width:2000px) { .col-xxl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xxl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xxl-1 { -ms-flex: 0 0 8.3333333333%; flex: 0 0 8.3333333333%; max-width: 8.3333333333% } .col-xxl-2 { -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667% } .col-xxl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xxl-4 { -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333% } .col-xxl-5 { -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667% } .col-xxl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xxl-7 { -ms-flex: 0 0 58.3333333333%; flex: 0 0 58.3333333333%; max-width: 58.3333333333% } .col-xxl-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667% } .col-xxl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xxl-10 { -ms-flex: 0 0 83.3333333333%; flex: 0 0 83.3333333333%; max-width: 83.3333333333% } .col-xxl-11 { -ms-flex: 0 0 91.6666666667%; flex: 0 0 91.6666666667%; max-width: 91.6666666667% } .col-xxl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xxl-first { -ms-flex-order: -1; order: -1 } .order-xxl-last { -ms-flex-order: 13; order: 13 } .order-xxl-0 { -ms-flex-order: 0; order: 0 } .order-xxl-1 { -ms-flex-order: 1; order: 1 } .order-xxl-2 { -ms-flex-order: 2; order: 2 } .order-xxl-3 { -ms-flex-order: 3; order: 3 } .order-xxl-4 { -ms-flex-order: 4; order: 4 } .order-xxl-5 { -ms-flex-order: 5; order: 5 } .order-xxl-6 { -ms-flex-order: 6; order: 6 } .order-xxl-7 { -ms-flex-order: 7; order: 7 } .order-xxl-8 { -ms-flex-order: 8; order: 8 } .order-xxl-9 { -ms-flex-order: 9; order: 9 } .order-xxl-10 { -ms-flex-order: 10; order: 10 } .order-xxl-11 { -ms-flex-order: 11; order: 11 } .order-xxl-12 { -ms-flex-order: 12; order: 12 } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.3333333333% } .offset-xxl-2 { margin-left: 16.6666666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.3333333333% } .offset-xxl-5 { margin-left: 41.6666666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.3333333333% } .offset-xxl-8 { margin-left: 66.6666666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.3333333333% } .offset-xxl-11 { margin-left: 91.6666666667% } } .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, .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: #d7f0f3 } .table-hover .table-primary:hover, .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #c3e9ed } .table-secondary, .table-secondary>td, .table-secondary>th { background-color: #d6d8db } .table-hover .table-secondary:hover, .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, .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, .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, .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, .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, .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, .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #b9bbbe } .table-active, .table-active>td, .table-active>th, .table-hover .table-active:hover, .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: hsla(0, 0%, 100%, .05) } .table-dark.table-hover tbody tr:hover { background-color: hsla(0, 0%, 100%, .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 } } @media (max-width:1999.98px) { .table-responsive-xxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-xxl>.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; 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 { outline: 0; } .form-control::-webkit-input-placeholder { color: #000; opacity: 1; font-weight: 600; font-family: Montserrat; } .form-control:-ms-input-placeholder { color: #000; opacity: 1; font-weight: 600; font-family: Montserrat; } .form-control::placeholder { color: #000; opacity: 1; font-weight: 600; font-family: Montserrat; } .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: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; 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: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } .form-inline .form-check { width: 100% } @media (min-width:576px) { .form-inline label { -ms-flex-align: center; -ms-flex-pack: center; justify-content: center } .form-inline .form-group, .form-inline label { display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 0 } .form-inline .form-group { -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center } .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: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: 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 { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .btn { display: inline-block; font-weight: 400; 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(112, 200, 212, .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: #212529; background-color: #ff060a; border-color: #ff060a } .btn-primary:hover { color: #212529; background-color: #ff060a; border-color: #ff060a } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(112, 200, 212, .5) } .btn-primary.disabled, .btn-primary:disabled { color: #212529; background-color: #ff060a; border-color: #ff060a } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #212529; background-color: #ff060a; border-color: #ff060a } .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(112, 200, 212, .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 hsla(208, 7%, 46%, .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 hsla(208, 7%, 46%, .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: #ff060a; background-color: transparent; background-image: none; border-color: #ff060a } .btn-outline-primary:hover { color: #212529; background-color: #ff060a; border-color: #ff060a } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(112, 200, 212, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #ff060a; 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: #212529; background-color: #ff060a; border-color: #ff060a } .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(112, 200, 212, .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 hsla(208, 7%, 46%, .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 hsla(208, 7%, 46%, .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: #ff060a; background-color: transparent } .btn-link:hover { color: #39aebe; background-color: transparent } .btn-link.focus, .btn-link:focus, .btn-link:hover { text-decoration: underline; border-color: transparent } .btn-link.focus, .btn-link:focus { 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 { height: 0; overflow: hidden; transition: height .35s ease } .collapsing, .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: ""; 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: #ff060a } .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: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1 } .btn-group-vertical .btn+.btn, .btn-group-vertical .btn+.btn-group, .btn-group-vertical .btn-group+.btn, .btn-group-vertical .btn-group+.btn-group, .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; 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 { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; 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-group>.btn input[type=checkbox], .btn-group-toggle>.btn-group>.btn input[type=radio], .btn-group-toggle>.btn input[type=checkbox], .btn-group-toggle>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control { position: relative; -ms-flex: 1 1 auto; 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: -ms-flexbox; display: flex; -ms-flex-align: center; 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: -ms-flexbox; 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: -ms-flexbox; display: flex; -ms-flex-align: center; 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: -ms-inline-flexbox; 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: #ff060a } .custom-control-input:focus~.custom-control-label:before { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(112, 200, 212, .25) } .custom-control-input:active~.custom-control-label:before { color: #fff; background-color: #f9fdfd } .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 { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6 } .custom-control-label:after, .custom-control-label:before { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; content: "" } .custom-control-label:after { background-repeat: no-repeat; background-position: 50%; 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: #ff060a } .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: #ff060a } .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(112, 200, 212, .5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label:before { background-color: rgba(112, 200, 212, .5) } .custom-radio .custom-control-label:before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label:before { background-color: #ff060a } .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(112, 200, 212, .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: #d2eef1; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(210, 238, 241, .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); font-size: 75% } .custom-select-lg, .custom-select-sm { padding-top: .375rem; padding-bottom: .375rem } .custom-select-lg { height: calc(2.875rem + 2px); font-size: 125% } .custom-file { display: inline-block; margin-bottom: 0 } .custom-file, .custom-file-input { position: relative; width: 100%; height: calc(2.25rem + 2px) } .custom-file-input { z-index: 2; margin: 0; opacity: 0 } .custom-file-input:focus~.custom-file-control { border-color: #d2eef1; box-shadow: 0 0 0 .2rem rgba(112, 200, 212, .25) } .custom-file-input:focus~.custom-file-control:before { border-color: #d2eef1 } .custom-file-input:lang(en)~.custom-file-label:after { content: "Browse" } .custom-file-label { left: 0; z-index: 1; height: calc(2.25rem + 2px); background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem } .custom-file-label, .custom-file-label:after { position: absolute; top: 0; right: 0; padding: .375rem .75rem; line-height: 1.5; color: #495057 } .custom-file-label:after { bottom: 0; z-index: 3; display: block; height: calc((2.25rem + 2px) - 1px * 2); content: "Browse"; background-color: #e9ecef; border-left: 1px solid #ced4da; border-radius: 0 .25rem .25rem 0 } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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: #ff060a } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .navbar { position: relative; padding: .5rem 1rem } .navbar, .navbar>.container, .navbar>.container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; 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: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; text-align: center; } .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 { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; 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; color: white; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat 50%; 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 { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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 { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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 (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 { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100% } } @media (max-width:1999.98px) { .navbar-expand-xxl>.container, .navbar-expand-xxl>.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:2000px) { .navbar-expand-xxl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xxl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xxl .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xxl>.container, .navbar-expand-xxl>.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xxl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xxl .navbar-toggler { display: none } .navbar-expand-xxl .dropup .dropdown-menu { top: auto; bottom: 100% } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand>.container, .navbar-expand>.container-fluid { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100% } .navbar-light .navbar-brand, .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, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9) } .navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: hsla(0, 0%, 100%, .5) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: hsla(0, 0%, 100%, .75) } .navbar-dark .navbar-nav .nav-link.disabled { color: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .5); border-color: hsla(0, 0%, 100%, .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: hsla(0, 0%, 100%, .5) } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; 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; margin-left: 10px; float: left; margin-bottom: 20px; } .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 { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem } .card-subtitle, .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-bottom: -.75rem; border-bottom: 0 } .card-header-pills, .card-header-tabs { 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: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-deck .card { margin-bottom: 10px } @media (min-width:576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -10px; margin-left: -10px } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 10px; margin-bottom: 0; margin-left: 10px } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-group>.card { margin-bottom: 10px } @media (min-width:576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group>.card { -ms-flex: 1 0 0%; 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), .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 { column-count: 3; column-gap: 1.25rem } .card-columns .card { display: inline-block; width: 100% } } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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; text-decoration: none } .breadcrumb-item.active { color: #6c757d } .pagination { display: -ms-flexbox; 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: #ff060a; background-color: #fff; border: 1px solid #dee2e6 } .page-link:hover { color: #39aebe; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(112, 200, 212, .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: #ff060a; border-color: #ff060a } .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: #212529; background-color: #ff060a } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #212529; text-decoration: none; background-color: #ff060a } .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: #3a686e; background-color: #e2f4f6; border-color: #d7f0f3 } .alert-primary hr { border-top-color: #c3e9ed } .alert-primary .alert-link { color: #28484d } .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 } @keyframes progress-bar-stripes { 0% { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress, .progress-bar { display: -ms-flexbox; display: flex } .progress-bar { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #ff060a; transition: width .6s ease } .progress-bar-striped { background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent); background-size: 1rem 1rem } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .media-body { -ms-flex: 1; flex: 1 } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; 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: #ff060a; border-color: #ff060a } .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: #3a686e; background-color: #d7f0f3 } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #3a686e; background-color: #c3e9ed } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #3a686e; border-color: #3a686e } .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, .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; 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: translateY(-25%) } .modal.show .modal-dialog { transform: translate(0) } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; 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: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; 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; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #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% - 3.5rem) } .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, Montserrat, Helvetica Neue, Arial, sans-serif; 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 { top: 0; left: 0; z-index: 1060; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Montserrat, Helvetica Neue, Arial, sans-serif; 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, .popover .arrow { position: absolute; display: block } .popover .arrow { 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 } .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; -ms-flex-align: center; 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: translateZ(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: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: 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 50%; 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: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: hsla(0, 0%, 100%, .5) } .carousel-indicators li:before { top: -10px } .carousel-indicators li:after, .carousel-indicators li:before { position: absolute; left: 0; display: inline-block; width: 100%; height: 10px; content: "" } .carousel-indicators li:after { bottom: -10px } .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: #ff060a !important } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #ff060a !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: #ff060a !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 } .rounded-right, .rounded-top { border-top-right-radius: .25rem !important } .rounded-bottom, .rounded-right { border-bottom-right-radius: .25rem !important } .rounded-bottom, .rounded-left { border-bottom-left-radius: .25rem !important } .rounded-left { border-top-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: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:2000px) { .d-xxl-none { display: none !important } .d-xxl-inline { display: inline !important } .d-xxl-inline-block { display: inline-block !important } .d-xxl-block { display: block !important } .d-xxl-table { display: table !important } .d-xxl-table-row { display: table-row !important } .d-xxl-table-cell { display: table-cell !important } .d-xxl-flex { display: -ms-flexbox !important; display: flex !important } .d-xxl-inline-flex { display: -ms-inline-flexbox !important; 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: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -ms-inline-flexbox !important; 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.8571428571% } .embed-responsive-16by9:before { padding-top: 56.25% } .embed-responsive-4by3:before { padding-top: 75% } .embed-responsive-1by1:before { padding-top: 100% } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } @media (min-width:576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important } } @media (min-width:2000px) { .flex-xxl-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-xxl-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-xxl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xxl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-xxl-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xxl-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xxl-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xxl-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xxl-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xxl-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xxl-center { -ms-flex-align: center !important; align-items: center !important } .align-items-xxl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xxl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xxl-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important } .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xxl-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important } .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; 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 } } @media (min-width:2000px) { .float-xxl-left { float: left !important } .float-xxl-right { float: right !important } .float-xxl-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 { top: 0 } .fixed-bottom, .fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } .fixed-bottom { bottom: 0 } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .sr-only { white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%) } .sr-only-focusable:active, .sr-only-focusable:focus { 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 } } @media (min-width:2000px) { .m-xxl-0 { margin: 0 !important } .mt-xxl-0, .my-xxl-0 { margin-top: 0 !important } .mr-xxl-0, .mx-xxl-0 { margin-right: 0 !important } .mb-xxl-0, .my-xxl-0 { margin-bottom: 0 !important } .ml-xxl-0, .mx-xxl-0 { margin-left: 0 !important } .m-xxl-1 { margin: .25rem !important } .mt-xxl-1, .my-xxl-1 { margin-top: .25rem !important } .mr-xxl-1, .mx-xxl-1 { margin-right: .25rem !important } .mb-xxl-1, .my-xxl-1 { margin-bottom: .25rem !important } .ml-xxl-1, .mx-xxl-1 { margin-left: .25rem !important } .m-xxl-2 { margin: .5rem !important } .mt-xxl-2, .my-xxl-2 { margin-top: .5rem !important } .mr-xxl-2, .mx-xxl-2 { margin-right: .5rem !important } .mb-xxl-2, .my-xxl-2 { margin-bottom: .5rem !important } .ml-xxl-2, .mx-xxl-2 { margin-left: .5rem !important } .m-xxl-3 { margin: 1rem !important } .mt-xxl-3, .my-xxl-3 { margin-top: 1rem !important } .mr-xxl-3, .mx-xxl-3 { margin-right: 1rem !important } .mb-xxl-3, .my-xxl-3 { margin-bottom: 1rem !important } .ml-xxl-3, .mx-xxl-3 { margin-left: 1rem !important } .m-xxl-4 { margin: 1.5rem !important } .mt-xxl-4, .my-xxl-4 { margin-top: 1.5rem !important } .mr-xxl-4, .mx-xxl-4 { margin-right: 1.5rem !important } .mb-xxl-4, .my-xxl-4 { margin-bottom: 1.5rem !important } .ml-xxl-4, .mx-xxl-4 { margin-left: 1.5rem !important } .m-xxl-5 { margin: 3rem !important } .mt-xxl-5, .my-xxl-5 { margin-top: 3rem !important } .mr-xxl-5, .mx-xxl-5 { margin-right: 3rem !important } .mb-xxl-5, .my-xxl-5 { margin-bottom: 3rem !important } .ml-xxl-5, .mx-xxl-5 { margin-left: 3rem !important } .p-xxl-0 { padding: 0 !important } .pt-xxl-0, .py-xxl-0 { padding-top: 0 !important } .pr-xxl-0, .px-xxl-0 { padding-right: 0 !important } .pb-xxl-0, .py-xxl-0 { padding-bottom: 0 !important } .pl-xxl-0, .px-xxl-0 { padding-left: 0 !important } .p-xxl-1 { padding: .25rem !important } .pt-xxl-1, .py-xxl-1 { padding-top: .25rem !important } .pr-xxl-1, .px-xxl-1 { padding-right: .25rem !important } .pb-xxl-1, .py-xxl-1 { padding-bottom: .25rem !important } .pl-xxl-1, .px-xxl-1 { padding-left: .25rem !important } .p-xxl-2 { padding: .5rem !important } .pt-xxl-2, .py-xxl-2 { padding-top: .5rem !important } .pr-xxl-2, .px-xxl-2 { padding-right: .5rem !important } .pb-xxl-2, .py-xxl-2 { padding-bottom: .5rem !important } .pl-xxl-2, .px-xxl-2 { padding-left: .5rem !important } .p-xxl-3 { padding: 1rem !important } .pt-xxl-3, .py-xxl-3 { padding-top: 1rem !important } .pr-xxl-3, .px-xxl-3 { padding-right: 1rem !important } .pb-xxl-3, .py-xxl-3 { padding-bottom: 1rem !important } .pl-xxl-3, .px-xxl-3 { padding-left: 1rem !important } .p-xxl-4 { padding: 1.5rem !important } .pt-xxl-4, .py-xxl-4 { padding-top: 1.5rem !important } .pr-xxl-4, .px-xxl-4 { padding-right: 1.5rem !important } .pb-xxl-4, .py-xxl-4 { padding-bottom: 1.5rem !important } .pl-xxl-4, .px-xxl-4 { padding-left: 1.5rem !important } .p-xxl-5 { padding: 3rem !important } .pt-xxl-5, .py-xxl-5 { padding-top: 3rem !important } .pr-xxl-5, .px-xxl-5 { padding-right: 3rem !important } .pb-xxl-5, .py-xxl-5 { padding-bottom: 3rem !important } .pl-xxl-5, .px-xxl-5 { padding-left: 3rem !important } .m-xxl-auto { margin: auto !important } .mt-xxl-auto, .my-xxl-auto { margin-top: auto !important } .mr-xxl-auto, .mx-xxl-auto { margin-right: auto !important } .mb-xxl-auto, .my-xxl-auto { margin-bottom: auto !important } .ml-xxl-auto, .mx-xxl-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 } } @media (min-width:2000px) { .text-xxl-left { text-align: left !important } .text-xxl-right { text-align: right !important } .text-xxl-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: #ff060a !important } a.text-primary:focus, a.text-primary:hover { color: #ff060a !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 } .container, body { 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 } } /*----------------- bootstrap end -------------------*/ /*----------------- Font Awesome start -------------------*/ /*! * Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: Font Awesome\ 5 Brands; font-style: normal; font-weight: 400; src: url(/assets/fonts/fa-brands-400.eot); src: url(/assets/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/fa-brands-400.woff2) format("woff2"), url(/assets/fonts/fa-brands-400.woff) format("woff"), url(/assets/fonts/fa-brands-400.ttf) format("truetype"), url(/assets/fonts/fa-brands-400.svg#fontawesome) format("svg") } .fab { font-family: Font Awesome\ 5 Brands } /*! * Font Awesome Free 5.1.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fab, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1 } .fa-lg { font-size: 1.3333333333em; line-height: .75em; vertical-align: -.0667em } .fa-xs { font-size: .75em } .fa-sm { font-size: .875em } .fa-1x { font-size: 1em } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-6x { font-size: 6em } .fa-7x { font-size: 7em } .fa-8x { font-size: 8em } .fa-9x { font-size: 9em } .fa-10x { font-size: 10em } .fa-fw { text-align: center; width: 1.25em } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0 } .fa-ul>li { position: relative } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em } .fa-spin { animation: fa-spin 2s infinite linear } .fa-pulse { animation: fa-spin 1s infinite steps(8) } @keyframes fa-spin { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scaleX(-1) } .fa-flip-vertical { transform: scaleY(-1) } .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)" } .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1) } :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2em } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100% } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-500px:before { content: "\f26e" } .fa-accessible-icon:before { content: "\f368" } .fa-accusoft:before { content: "\f369" } .fa-address-book:before { content: "\f2b9" } .fa-address-card:before { content: "\f2bb" } .fa-adjust:before { content: "\f042" } .fa-adn:before { content: "\f170" } .fa-adversal:before { content: "\f36a" } .fa-affiliatetheme:before { content: "\f36b" } .fa-algolia:before { content: "\f36c" } .fa-align-center:before { content: "\f037" } .fa-align-justify:before { content: "\f039" } .fa-align-left:before { content: "\f036" } .fa-align-right:before { content: "\f038" } .fa-allergies:before { content: "\f461" } .fa-amazon:before { content: "\f270" } .fa-amazon-pay:before { content: "\f42c" } .fa-ambulance:before { content: "\f0f9" } .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-amilia:before { content: "\f36d" } .fa-anchor:before { content: "\f13d" } .fa-android:before { content: "\f17b" } .fa-angellist:before { content: "\f209" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-down:before { content: "\f107" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angry:before { content: "\f556" } .fa-angrycreative:before { content: "\f36e" } .fa-angular:before { content: "\f420" } .fa-app-store:before { content: "\f36f" } .fa-app-store-ios:before { content: "\f370" } .fa-apper:before { content: "\f371" } .fa-apple:before { content: "\f179" } .fa-apple-pay:before { content: "\f415" } .fa-archive:before { content: "\f187" } .fa-archway:before { content: "\f557" } .fa-arrow-alt-circle-down:before { content: "\f358" } .fa-arrow-alt-circle-left:before { content: "\f359" } .fa-arrow-alt-circle-right:before { content: "\f35a" } .fa-arrow-alt-circle-up:before { content: "\f35b" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-down:before { content: "\f063" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrows-alt:before { content: "\f0b2" } .fa-arrows-alt-h:before { content: "\f337" } .fa-arrows-alt-v:before { content: "\f338" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asterisk:before { content: "\f069" } .fa-asymmetrik:before { content: "\f372" } .fa-at:before { content: "\f1fa" } .fa-atlas:before { content: "\f558" } .fa-audible:before { content: "\f373" } .fa-audio-description:before { content: "\f29e" } .fa-autoprefixer:before { content: "\f41c" } .fa-avianex:before { content: "\f374" } .fa-aviato:before { content: "\f421" } .fa-award:before { content: "\f559" } .fa-aws:before { content: "\f375" } .fa-backspace:before { content: "\f55a" } .fa-backward:before { content: "\f04a" } .fa-balance-scale:before { content: "\f24e" } .fa-ban:before { content: "\f05e" } .fa-band-aid:before { content: "\f462" } .fa-bandcamp:before { content: "\f2d5" } .fa-barcode:before { content: "\f02a" } .fa-bars:before { content: "\f0c9" } .fa-baseball-ball:before { content: "\f433" } .fa-basketball-ball:before { content: "\f434" } .fa-bath:before { content: "\f2cd" } .fa-battery-empty:before { content: "\f244" } .fa-battery-full:before { content: "\f240" } .fa-battery-half:before { content: "\f242" } .fa-battery-quarter:before { content: "\f243" } .fa-battery-three-quarters:before { content: "\f241" } .fa-bed:before { content: "\f236" } .fa-beer:before { content: "\f0fc" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-bell:before { content: "\f0f3" } .fa-bell-slash:before { content: "\f1f6" } .fa-bezier-curve:before { content: "\f55b" } .fa-bicycle:before { content: "\f206" } .fa-bimobject:before { content: "\f378" } .fa-binoculars:before { content: "\f1e5" } .fa-birthday-cake:before { content: "\f1fd" } .fa-bitbucket:before { content: "\f171" } .fa-bitcoin:before { content: "\f379" } .fa-bity:before { content: "\f37a" } .fa-black-tie:before { content: "\f27e" } .fa-blackberry:before { content: "\f37b" } .fa-blender:before { content: "\f517" } .fa-blind:before { content: "\f29d" } .fa-blogger:before { content: "\f37c" } .fa-blogger-b:before { content: "\f37d" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-bold:before { content: "\f032" } .fa-bolt:before { content: "\f0e7" } .fa-bomb:before { content: "\f1e2" } .fa-bong:before { content: "\f55c" } .fa-book:before { content: "\f02d" } .fa-book-open:before { content: "\f518" } .fa-bookmark:before { content: "\f02e" } .fa-bowling-ball:before { content: "\f436" } .fa-box:before { content: "\f466" } .fa-box-open:before { content: "\f49e" } .fa-boxes:before { content: "\f468" } .fa-braille:before { content: "\f2a1" } .fa-briefcase:before { content: "\f0b1" } .fa-briefcase-medical:before { content: "\f469" } .fa-broadcast-tower:before { content: "\f519" } .fa-broom:before { content: "\f51a" } .fa-brush:before { content: "\f55d" } .fa-btc:before { content: "\f15a" } .fa-bug:before { content: "\f188" } .fa-building:before { content: "\f1ad" } .fa-bullhorn:before { content: "\f0a1" } .fa-bullseye:before { content: "\f140" } .fa-burn:before { content: "\f46a" } .fa-buromobelexperte:before { content: "\f37f" } .fa-bus:before { content: "\f207" } .fa-bus-alt:before { content: "\f55e" } .fa-buysellads:before { content: "\f20d" } .fa-calculator:before { content: "\f1ec" } .fa-calendar:before { content: "\f133" } .fa-calendar-alt:before { content: "\f073" } .fa-calendar-check:before { content: "\f274" } .fa-calendar-minus:before { content: "\f272" } .fa-calendar-plus:before { content: "\f271" } .fa-calendar-times:before { content: "\f273" } .fa-camera:before { content: "\f030" } .fa-camera-retro:before { content: "\f083" } .fa-cannabis:before { content: "\f55f" } .fa-capsules:before { content: "\f46b" } .fa-car:before { content: "\f1b9" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-caret-square-down:before { content: "\f150" } .fa-caret-square-left:before { content: "\f191" } .fa-caret-square-right:before { content: "\f152" } .fa-caret-square-up:before { content: "\f151" } .fa-caret-up:before { content: "\f0d8" } .fa-cart-arrow-down:before { content: "\f218" } .fa-cart-plus:before { content: "\f217" } .fa-cc-amazon-pay:before { content: "\f42d" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-apple-pay:before { content: "\f416" } .fa-cc-diners-club:before { content: "\f24c" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-cc-visa:before { content: "\f1f0" } .fa-centercode:before { content: "\f380" } .fa-certificate:before { content: "\f0a3" } .fa-chalkboard:before { content: "\f51b" } .fa-chalkboard-teacher:before { content: "\f51c" } .fa-chart-area:before { content: "\f1fe" } .fa-chart-bar:before { content: "\f080" } .fa-chart-line:before { content: "\f201" } .fa-chart-pie:before { content: "\f200" } .fa-check:before { content: "\f00c" } .fa-check-circle:before { content: "\f058" } .fa-check-double:before { content: "\f560" } .fa-check-square:before { content: "\f14a" } .fa-chess:before { content: "\f439" } .fa-chess-bishop:before { content: "\f43a" } .fa-chess-board:before { content: "\f43c" } .fa-chess-king:before { content: "\f43f" } .fa-chess-knight:before { content: "\f441" } .fa-chess-pawn:before { content: "\f443" } .fa-chess-queen:before { content: "\f445" } .fa-chess-rook:before { content: "\f447" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-down:before { content: "\f078" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-chevron-up:before { content: "\f077" } .fa-child:before { content: "\f1ae" } .fa-chrome:before { content: "\f268" } .fa-church:before { content: "\f51d" } .fa-circle:before { content: "\f111" } .fa-circle-notch:before { content: "\f1ce" } .fa-clipboard:before { content: "\f328" } .fa-clipboard-check:before { content: "\f46c" } .fa-clipboard-list:before { content: "\f46d" } .fa-clock:before { content: "\f017" } .fa-clone:before { content: "\f24d" } .fa-closed-captioning:before { content: "\f20a" } .fa-cloud:before { content: "\f0c2" } .fa-cloud-download-alt:before { content: "\f381" } .fa-cloud-upload-alt:before { content: "\f382" } .fa-cloudscale:before { content: "\f383" } .fa-cloudsmith:before { content: "\f384" } .fa-cloudversify:before { content: "\f385" } .fa-cocktail:before { content: "\f561" } .fa-code:before { content: "\f121" } .fa-code-branch:before { content: "\f126" } .fa-codepen:before { content: "\f1cb" } .fa-codiepie:before { content: "\f284" } .fa-coffee:before { content: "\f0f4" } .fa-cog:before { content: "\f013" } .fa-cogs:before { content: "\f085" } .fa-coins:before { content: "\f51e" } .fa-columns:before { content: "\f0db" } .fa-comment:before { content: "\f075" } .fa-comment-alt:before { content: "\f27a" } .fa-comment-dots:before { content: "\f4ad" } .fa-comment-slash:before { content: "\f4b3" } .fa-comments:before { content: "\f086" } .fa-compact-disc:before { content: "\f51f" } .fa-compass:before { content: "\f14e" } .fa-compress:before { content: "\f066" } .fa-concierge-bell:before { content: "\f562" } .fa-connectdevelop:before { content: "\f20e" } .fa-contao:before { content: "\f26d" } .fa-cookie:before { content: "\f563" } .fa-cookie-bite:before { content: "\f564" } .fa-copy:before { content: "\f0c5" } .fa-copyright:before { content: "\f1f9" } .fa-couch:before { content: "\f4b8" } .fa-cpanel:before { content: "\f388" } .fa-creative-commons:before { content: "\f25e" } .fa-creative-commons-by:before { content: "\f4e7" } .fa-creative-commons-nc:before { content: "\f4e8" } .fa-creative-commons-nc-eu:before { content: "\f4e9" } .fa-creative-commons-nc-jp:before { content: "\f4ea" } .fa-creative-commons-nd:before { content: "\f4eb" } .fa-creative-commons-pd:before { content: "\f4ec" } .fa-creative-commons-pd-alt:before { content: "\f4ed" } .fa-creative-commons-remix:before { content: "\f4ee" } .fa-creative-commons-sa:before { content: "\f4ef" } .fa-creative-commons-sampling:before { content: "\f4f0" } .fa-creative-commons-sampling-plus:before { content: "\f4f1" } .fa-creative-commons-share:before { content: "\f4f2" } .fa-credit-card:before { content: "\f09d" } .fa-crop:before { content: "\f125" } .fa-crop-alt:before { content: "\f565" } .fa-crosshairs:before { content: "\f05b" } .fa-crow:before { content: "\f520" } .fa-crown:before { content: "\f521" } .fa-css3:before { content: "\f13c" } .fa-css3-alt:before { content: "\f38b" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-cut:before { content: "\f0c4" } .fa-cuttlefish:before { content: "\f38c" } .fa-d-and-d:before { content: "\f38d" } .fa-dashcube:before { content: "\f210" } .fa-database:before { content: "\f1c0" } .fa-deaf:before { content: "\f2a4" } .fa-delicious:before { content: "\f1a5" } .fa-deploydog:before { content: "\f38e" } .fa-deskpro:before { content: "\f38f" } .fa-desktop:before { content: "\f108" } .fa-deviantart:before { content: "\f1bd" } .fa-diagnoses:before { content: "\f470" } .fa-dice:before { content: "\f522" } .fa-dice-five:before { content: "\f523" } .fa-dice-four:before { content: "\f524" } .fa-dice-one:before { content: "\f525" } .fa-dice-six:before { content: "\f526" } .fa-dice-three:before { content: "\f527" } .fa-dice-two:before { content: "\f528" } .fa-digg:before { content: "\f1a6" } .fa-digital-ocean:before { content: "\f391" } .fa-digital-tachograph:before { content: "\f566" } .fa-discord:before { content: "\f392" } .fa-discourse:before { content: "\f393" } .fa-divide:before { content: "\f529" } .fa-dizzy:before { content: "\f567" } .fa-dna:before { content: "\f471" } .fa-dochub:before { content: "\f394" } .fa-docker:before { content: "\f395" } .fa-dollar-sign:before { content: "\f155" } .fa-dolly:before { content: "\f472" } .fa-dolly-flatbed:before { content: "\f474" } .fa-donate:before { content: "\f4b9" } .fa-door-closed:before { content: "\f52a" } .fa-door-open:before { content: "\f52b" } .fa-dot-circle:before { content: "\f192" } .fa-dove:before { content: "\f4ba" } .fa-download:before { content: "\f019" } .fa-draft2digital:before { content: "\f396" } .fa-drafting-compass:before { content: "\f568" } .fa-dribbble:before { content: "\f17d" } .fa-dribbble-square:before { content: "\f397" } .fa-dropbox:before { content: "\f16b" } .fa-drum:before { content: "\f569" } .fa-drum-steelpan:before { content: "\f56a" } .fa-drupal:before { content: "\f1a9" } .fa-dumbbell:before { content: "\f44b" } .fa-dyalog:before { content: "\f399" } .fa-earlybirds:before { content: "\f39a" } .fa-ebay:before { content: "\f4f4" } .fa-edge:before { content: "\f282" } .fa-edit:before { content: "\f044" } .fa-eject:before { content: "\f052" } .fa-elementor:before { content: "\f430" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-ember:before { content: "\f423" } .fa-empire:before { content: "\f1d1" } .fa-envelope:before { content: "\f0e0" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-square:before { content: "\f199" } .fa-envira:before { content: "\f299" } .fa-equals:before { content: "\f52c" } .fa-eraser:before { content: "\f12d" } .fa-erlang:before { content: "\f39d" } .fa-ethereum:before { content: "\f42e" } .fa-etsy:before { content: "\f2d7" } .fa-euro-sign:before { content: "\f153" } .fa-exchange-alt:before { content: "\f362" } .fa-exclamation:before { content: "\f12a" } .fa-exclamation-circle:before { content: "\f06a" } .fa-exclamation-triangle:before { content: "\f071" } .fa-expand:before { content: "\f065" } .fa-expand-arrows-alt:before { content: "\f31e" } .fa-expeditedssl:before { content: "\f23e" } .fa-external-link-alt:before { content: "\f35d" } .fa-external-link-square-alt:before { content: "\f360" } .fa-eye:before { content: "\f06e" } .fa-eye-dropper:before { content: "\f1fb" } .fa-eye-slash:before { content: "\f070" } .fa-facebook:before { content: "\f09a" } .fa-facebook-f:before { content: "\f39e" } .fa-facebook-messenger:before { content: "\f39f" } .fa-facebook-square:before { content: "\f082" } .fa-fast-backward:before { content: "\f049" } .fa-fast-forward:before { content: "\f050" } .fa-fax:before { content: "\f1ac" } .fa-feather:before { content: "\f52d" } .fa-feather-alt:before { content: "\f56b" } .fa-female:before { content: "\f182" } .fa-fighter-jet:before { content: "\f0fb" } .fa-file:before { content: "\f15b" } .fa-file-alt:before { content: "\f15c" } .fa-file-archive:before { content: "\f1c6" } .fa-file-audio:before { content: "\f1c7" } .fa-file-code:before { content: "\f1c9" } .fa-file-contract:before { content: "\f56c" } .fa-file-download:before { content: "\f56d" } .fa-file-excel:before { content: "\f1c3" } .fa-file-export:before { content: "\f56e" } .fa-file-image:before { content: "\f1c5" } .fa-file-import:before { content: "\f56f" } .fa-file-invoice:before { content: "\f570" } .fa-file-invoice-dollar:before { content: "\f571" } .fa-file-medical:before { content: "\f477" } .fa-file-medical-alt:before { content: "\f478" } .fa-file-pdf:before { content: "\f1c1" } .fa-file-powerpoint:before { content: "\f1c4" } .fa-file-prescription:before { content: "\f572" } .fa-file-signature:before { content: "\f573" } .fa-file-upload:before { content: "\f574" } .fa-file-video:before { content: "\f1c8" } .fa-file-word:before { content: "\f1c2" } .fa-fill:before { content: "\f575" } .fa-fill-drip:before { content: "\f576" } .fa-film:before { content: "\f008" } .fa-filter:before { content: "\f0b0" } .fa-fingerprint:before { content: "\f577" } .fa-fire:before { content: "\f06d" } .fa-fire-extinguisher:before { content: "\f134" } .fa-firefox:before { content: "\f269" } .fa-first-aid:before { content: "\f479" } .fa-first-order:before { content: "\f2b0" } .fa-first-order-alt:before { content: "\f50a" } .fa-firstdraft:before { content: "\f3a1" } .fa-fish:before { content: "\f578" } .fa-flag:before { content: "\f024" } .fa-flag-checkered:before { content: "\f11e" } .fa-flask:before { content: "\f0c3" } .fa-flickr:before { content: "\f16e" } .fa-flipboard:before { content: "\f44d" } .fa-flushed:before { content: "\f579" } .fa-fly:before { content: "\f417" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-font:before { content: "\f031" } .fa-font-awesome:before { content: "\f2b4" } .fa-font-awesome-alt:before { content: "\f35c" } .fa-font-awesome-flag:before { content: "\f425" } .fa-font-awesome-logo-full:before { content: "\f4e6" } .fa-fonticons:before { content: "\f280" } .fa-fonticons-fi:before { content: "\f3a2" } .fa-football-ball:before { content: "\f44e" } .fa-fort-awesome:before { content: "\f286" } .fa-fort-awesome-alt:before { content: "\f3a3" } .fa-forumbee:before { content: "\f211" } .fa-forward:before { content: "\f04e" } .fa-foursquare:before { content: "\f180" } .fa-free-code-camp:before { content: "\f2c5" } .fa-freebsd:before { content: "\f3a4" } .fa-frog:before { content: "\f52e" } .fa-frown:before { content: "\f119" } .fa-frown-open:before { content: "\f57a" } .fa-fulcrum:before { content: "\f50b" } .fa-futbol:before { content: "\f1e3" } .fa-galactic-republic:before { content: "\f50c" } .fa-galactic-senate:before { content: "\f50d" } .fa-gamepad:before { content: "\f11b" } .fa-gas-pump:before { content: "\f52f" } .fa-gavel:before { content: "\f0e3" } .fa-gem:before { content: "\f3a5" } .fa-genderless:before { content: "\f22d" } .fa-get-pocket:before { content: "\f265" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-gift:before { content: "\f06b" } .fa-git:before { content: "\f1d3" } .fa-git-square:before { content: "\f1d2" } .fa-github:before { content: "\f09b" } .fa-github-alt:before { content: "\f113" } .fa-github-square:before { content: "\f092" } .fa-gitkraken:before { content: "\f3a6" } .fa-gitlab:before { content: "\f296" } .fa-gitter:before { content: "\f426" } .fa-glass-martini:before { content: "\f000" } .fa-glass-martini-alt:before { content: "\f57b" } .fa-glasses:before { content: "\f530" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-globe:before { content: "\f0ac" } .fa-globe-africa:before { content: "\f57c" } .fa-globe-americas:before { content: "\f57d" } .fa-globe-asia:before { content: "\f57e" } .fa-gofore:before { content: "\f3a7" } .fa-golf-ball:before { content: "\f450" } .fa-goodreads:before { content: "\f3a8" } .fa-goodreads-g:before { content: "\f3a9" } .fa-google:before { content: "\f1a0" } .fa-google-drive:before { content: "\f3aa" } .fa-google-play:before { content: "\f3ab" } .fa-google-plus:before { content: "\f2b3" } .fa-google-plus-g:before { content: "\f0d5" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-wallet:before { content: "\f1ee" } .fa-graduation-cap:before { content: "\f19d" } .fa-gratipay:before { content: "\f184" } .fa-grav:before { content: "\f2d6" } .fa-greater-than:before { content: "\f531" } .fa-greater-than-equal:before { content: "\f532" } .fa-grimace:before { content: "\f57f" } .fa-grin:before { content: "\f580" } .fa-grin-alt:before { content: "\f581" } .fa-grin-beam:before { content: "\f582" } .fa-grin-beam-sweat:before { content: "\f583" } .fa-grin-hearts:before { content: "\f584" } .fa-grin-squint:before { content: "\f585" } .fa-grin-squint-tears:before { content: "\f586" } .fa-grin-stars:before { content: "\f587" } .fa-grin-tears:before { content: "\f588" } .fa-grin-tongue:before { content: "\f589" } .fa-grin-tongue-squint:before { content: "\f58a" } .fa-grin-tongue-wink:before { content: "\f58b" } .fa-grin-wink:before { content: "\f58c" } .fa-grip-horizontal:before { content: "\f58d" } .fa-grip-vertical:before { content: "\f58e" } .fa-gripfire:before { content: "\f3ac" } .fa-grunt:before { content: "\f3ad" } .fa-gulp:before { content: "\f3ae" } .fa-h-square:before { content: "\f0fd" } .fa-hacker-news:before { content: "\f1d4" } .fa-hacker-news-square:before { content: "\f3af" } .fa-hand-holding:before { content: "\f4bd" } .fa-hand-holding-heart:before { content: "\f4be" } .fa-hand-holding-usd:before { content: "\f4c0" } .fa-hand-lizard:before { content: "\f258" } .fa-hand-paper:before { content: "\f256" } .fa-hand-peace:before { content: "\f25b" } .fa-hand-point-down:before { content: "\f0a7" } .fa-hand-point-left:before { content: "\f0a5" } .fa-hand-point-right:before { content: "\f0a4" } .fa-hand-point-up:before { content: "\f0a6" } .fa-hand-pointer:before { content: "\f25a" } .fa-hand-rock:before { content: "\f255" } .fa-hand-scissors:before { content: "\f257" } .fa-hand-spock:before { content: "\f259" } .fa-hands:before { content: "\f4c2" } .fa-hands-helping:before { content: "\f4c4" } .fa-handshake:before { content: "\f2b5" } .fa-hashtag:before { content: "\f292" } .fa-hdd:before { content: "\f0a0" } .fa-heading:before { content: "\f1dc" } .fa-headphones:before { content: "\f025" } .fa-headphones-alt:before { content: "\f58f" } .fa-headset:before { content: "\f590" } .fa-heart:before { content: "\f004" } .fa-heartbeat:before { content: "\f21e" } .fa-helicopter:before { content: "\f533" } .fa-highlighter:before { content: "\f591" } .fa-hips:before { content: "\f452" } .fa-hire-a-helper:before { content: "\f3b0" } .fa-history:before { content: "\f1da" } .fa-hockey-puck:before { content: "\f453" } .fa-home:before { content: "\f015" } .fa-hooli:before { content: "\f427" } .fa-hornbill:before { content: "\f592" } .fa-hospital:before { content: "\f0f8" } .fa-hospital-alt:before { content: "\f47d" } .fa-hospital-symbol:before { content: "\f47e" } .fa-hot-tub:before { content: "\f593" } .fa-hotel:before { content: "\f594" } .fa-hotjar:before { content: "\f3b1" } .fa-hourglass:before { content: "\f254" } .fa-hourglass-end:before { content: "\f253" } .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-start:before { content: "\f251" } .fa-houzz:before { content: "\f27c" } .fa-html5:before { content: "\f13b" } .fa-hubspot:before { content: "\f3b2" } .fa-i-cursor:before { content: "\f246" } .fa-id-badge:before { content: "\f2c1" } .fa-id-card:before { content: "\f2c2" } .fa-id-card-alt:before { content: "\f47f" } .fa-image:before { content: "\f03e" } .fa-images:before { content: "\f302" } .fa-imdb:before { content: "\f2d8" } .fa-inbox:before { content: "\f01c" } .fa-indent:before { content: "\f03c" } .fa-industry:before { content: "\f275" } .fa-infinity:before { content: "\f534" } .fa-info:before { content: "\f129" } .fa-info-circle:before { content: "\f05a" } .fa-instagram:before { content: "\f16d" } .fa-internet-explorer:before { content: "\f26b" } .fa-ioxhost:before { content: "\f208" } .fa-italic:before { content: "\f033" } .fa-itunes:before { content: "\f3b4" } .fa-itunes-note:before { content: "\f3b5" } .fa-java:before { content: "\f4e4" } .fa-jedi-order:before { content: "\f50e" } .fa-jenkins:before { content: "\f3b6" } .fa-joget:before { content: "\f3b7" } .fa-joint:before { content: "\f595" } .fa-joomla:before { content: "\f1aa" } .fa-js:before { content: "\f3b8" } .fa-js-square:before { content: "\f3b9" } .fa-jsfiddle:before { content: "\f1cc" } .fa-key:before { content: "\f084" } .fa-keybase:before { content: "\f4f5" } .fa-keyboard:before { content: "\f11c" } .fa-keycdn:before { content: "\f3ba" } .fa-kickstarter:before { content: "\f3bb" } .fa-kickstarter-k:before { content: "\f3bc" } .fa-kiss:before { content: "\f596" } .fa-kiss-beam:before { content: "\f597" } .fa-kiss-wink-heart:before { content: "\f598" } .fa-kiwi-bird:before { content: "\f535" } .fa-korvue:before { content: "\f42f" } .fa-language:before { content: "\f1ab" } .fa-laptop:before { content: "\f109" } .fa-laravel:before { content: "\f3bd" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-laugh:before { content: "\f599" } .fa-laugh-beam:before { content: "\f59a" } .fa-laugh-squint:before { content: "\f59b" } .fa-laugh-wink:before { content: "\f59c" } .fa-leaf:before { content: "\f06c" } .fa-leanpub:before { content: "\f212" } .fa-lemon:before { content: "\f094" } .fa-less:before { content: "\f41d" } .fa-less-than:before { content: "\f536" } .fa-less-than-equal:before { content: "\f537" } .fa-level-down-alt:before { content: "\f3be" } .fa-level-up-alt:before { content: "\f3bf" } .fa-life-ring:before { content: "\f1cd" } .fa-lightbulb:before { content: "\f0eb" } .fa-line:before { content: "\f3c0" } .fa-link:before { content: "\f0c1" } .fa-linkedin:before { content: "\f08c" } .fa-linkedin-in:before { content: "\f0e1" } .fa-linode:before { content: "\f2b8" } .fa-linux:before { content: "\f17c" } .fa-lira-sign:before { content: "\f195" } .fa-list:before { content: "\f03a" } .fa-list-alt:before { content: "\f022" } .fa-list-ol:before { content: "\f0cb" } .fa-list-ul:before { content: "\f0ca" } .fa-location-arrow:before { content: "\f124" } .fa-lock:before { content: "\f023" } .fa-lock-open:before { content: "\f3c1" } .fa-long-arrow-alt-down:before { content: "\f309" } .fa-long-arrow-alt-left:before { content: "\f30a" } .fa-long-arrow-alt-right:before { content: "\f30b" } .fa-long-arrow-alt-up:before { content: "\f30c" } .fa-low-vision:before { content: "\f2a8" } .fa-luggage-cart:before { content: "\f59d" } .fa-lyft:before { content: "\f3c3" } .fa-magento:before { content: "\f3c4" } .fa-magic:before { content: "\f0d0" } .fa-magnet:before { content: "\f076" } .fa-mailchimp:before { content: "\f59e" } .fa-male:before { content: "\f183" } .fa-mandalorian:before { content: "\f50f" } .fa-map:before { content: "\f279" } .fa-map-marked:before { content: "\f59f" } .fa-map-marked-alt:before { content: "\f5a0" } .fa-map-marker:before { content: "\f041" } .fa-map-marker-alt:before { content: "\f3c5" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-marker:before { content: "\f5a1" } .fa-mars:before { content: "\f222" } .fa-mars-double:before { content: "\f227" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mastodon:before { content: "\f4f6" } .fa-maxcdn:before { content: "\f136" } .fa-medal:before { content: "\f5a2" } .fa-medapps:before { content: "\f3c6" } .fa-medium:before { content: "\f23a" } .fa-medium-m:before { content: "\f3c7" } .fa-medkit:before { content: "\f0fa" } .fa-medrt:before { content: "\f3c8" } .fa-meetup:before { content: "\f2e0" } .fa-megaport:before { content: "\f5a3" } .fa-meh:before { content: "\f11a" } .fa-meh-blank:before { content: "\f5a4" } .fa-meh-rolling-eyes:before { content: "\f5a5" } .fa-memory:before { content: "\f538" } .fa-mercury:before { content: "\f223" } .fa-microchip:before { content: "\f2db" } .fa-microphone:before { content: "\f130" } .fa-microphone-alt:before { content: "\f3c9" } .fa-microphone-alt-slash:before { content: "\f539" } .fa-microphone-slash:before { content: "\f131" } .fa-microsoft:before { content: "\f3ca" } .fa-minus:before { content: "\f068" } .fa-minus-circle:before { content: "\f056" } .fa-minus-square:before { content: "\f146" } .fa-mix:before { content: "\f3cb" } .fa-mixcloud:before { content: "\f289" } .fa-mizuni:before { content: "\f3cc" } .fa-mobile:before { content: "\f10b" } .fa-mobile-alt:before { content: "\f3cd" } .fa-modx:before { content: "\f285" } .fa-monero:before { content: "\f3d0" } .fa-money-bill:before { content: "\f0d6" } .fa-money-bill-alt:before { content: "\f3d1" } .fa-money-bill-wave:before { content: "\f53a" } .fa-money-bill-wave-alt:before { content: "\f53b" } .fa-money-check:before { content: "\f53c" } .fa-money-check-alt:before { content: "\f53d" } .fa-monument:before { content: "\f5a6" } .fa-moon:before { content: "\f186" } .fa-mortar-pestle:before { content: "\f5a7" } .fa-motorcycle:before { content: "\f21c" } .fa-mouse-pointer:before { content: "\f245" } .fa-music:before { content: "\f001" } .fa-napster:before { content: "\f3d2" } .fa-neuter:before { content: "\f22c" } .fa-newspaper:before { content: "\f1ea" } .fa-nimblr:before { content: "\f5a8" } .fa-nintendo-switch:before { content: "\f418" } .fa-node:before { content: "\f419" } .fa-node-js:before { content: "\f3d3" } .fa-not-equal:before { content: "\f53e" } .fa-notes-medical:before { content: "\f481" } .fa-npm:before { content: "\f3d4" } .fa-ns8:before { content: "\f3d5" } .fa-nutritionix:before { content: "\f3d6" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-old-republic:before { content: "\f510" } .fa-opencart:before { content: "\f23d" } .fa-openid:before { content: "\f19b" } .fa-opera:before { content: "\f26a" } .fa-optin-monster:before { content: "\f23c" } .fa-osi:before { content: "\f41a" } .fa-outdent:before { content: "\f03b" } .fa-page4:before { content: "\f3d7" } .fa-pagelines:before { content: "\f18c" } .fa-paint-brush:before { content: "\f1fc" } .fa-paint-roller:before { content: "\f5aa" } .fa-palette:before { content: "\f53f" } .fa-palfed:before { content: "\f3d8" } .fa-pallet:before { content: "\f482" } .fa-paper-plane:before { content: "\f1d8" } .fa-paperclip:before { content: "\f0c6" } .fa-parachute-box:before { content: "\f4cd" } .fa-paragraph:before { content: "\f1dd" } .fa-parking:before { content: "\f540" } .fa-passport:before { content: "\f5ab" } .fa-paste:before { content: "\f0ea" } .fa-patreon:before { content: "\f3d9" } .fa-pause:before { content: "\f04c" } .fa-pause-circle:before { content: "\f28b" } .fa-paw:before { content: "\f1b0" } .fa-paypal:before { content: "\f1ed" } .fa-pen:before { content: "\f304" } .fa-pen-alt:before { content: "\f305" } .fa-pen-fancy:before { content: "\f5ac" } .fa-pen-nib:before { content: "\f5ad" } .fa-pen-square:before { content: "\f14b" } .fa-pencil-alt:before { content: "\f303" } .fa-pencil-ruler:before { content: "\f5ae" } .fa-people-carry:before { content: "\f4ce" } .fa-percent:before { content: "\f295" } .fa-percentage:before { content: "\f541" } .fa-periscope:before { content: "\f3da" } .fa-phabricator:before { content: "\f3db" } .fa-phoenix-framework:before { content: "\f3dc" } .fa-phoenix-squadron:before { content: "\f511" } .fa-phone:before { content: "\f095" } .fa-phone-slash:before { content: "\f3dd" } .fa-phone-square:before { content: "\f098" } .fa-phone-volume:before { content: "\f2a0" } .fa-php:before { content: "\f457" } .fa-pied-piper:before { content: "\f2ae" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-pied-piper-hat:before { content: "\f4e5" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-piggy-bank:before { content: "\f4d3" } .fa-pills:before { content: "\f484" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-p:before { content: "\f231" } .fa-pinterest-square:before { content: "\f0d3" } .fa-plane:before { content: "\f072" } .fa-plane-arrival:before { content: "\f5af" } .fa-plane-departure:before { content: "\f5b0" } .fa-play:before { content: "\f04b" } .fa-play-circle:before { content: "\f144" } .fa-playstation:before { content: "\f3df" } .fa-plug:before { content: "\f1e6" } .fa-plus:before { content: "\f067" } .fa-plus-circle:before { content: "\f055" } .fa-plus-square:before { content: "\f0fe" } .fa-podcast:before { content: "\f2ce" } .fa-poo:before { content: "\f2fe" } .fa-portrait:before { content: "\f3e0" } .fa-pound-sign:before { content: "\f154" } .fa-power-off:before { content: "\f011" } .fa-prescription:before { content: "\f5b1" } .fa-prescription-bottle:before { content: "\f485" } .fa-prescription-bottle-alt:before { content: "\f486" } .fa-print:before { content: "\f02f" } .fa-procedures:before { content: "\f487" } .fa-product-hunt:before { content: "\f288" } .fa-project-diagram:before { content: "\f542" } .fa-pushed:before { content: "\f3e1" } .fa-puzzle-piece:before { content: "\f12e" } .fa-python:before { content: "\f3e2" } .fa-qq:before { content: "\f1d6" } .fa-qrcode:before { content: "\f029" } .fa-question:before { content: "\f128" } .fa-question-circle:before { content: "\f059" } .fa-quidditch:before { content: "\f458" } .fa-quinscape:before { content: "\f459" } .fa-quora:before { content: "\f2c4" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-r-project:before { content: "\f4f7" } .fa-random:before { content: "\f074" } .fa-ravelry:before { content: "\f2d9" } .fa-react:before { content: "\f41b" } .fa-readme:before { content: "\f4d5" } .fa-rebel:before { content: "\f1d0" } .fa-receipt:before { content: "\f543" } .fa-recycle:before { content: "\f1b8" } .fa-red-river:before { content: "\f3e3" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-alien:before { content: "\f281" } .fa-reddit-square:before { content: "\f1a2" } .fa-redo:before { content: "\f01e" } .fa-redo-alt:before { content: "\f2f9" } .fa-registered:before { content: "\f25d" } .fa-rendact:before { content: "\f3e4" } .fa-renren:before { content: "\f18b" } .fa-reply:before { content: "\f3e5" } .fa-reply-all:before { content: "\f122" } .fa-replyd:before { content: "\f3e6" } .fa-researchgate:before { content: "\f4f8" } .fa-resolving:before { content: "\f3e7" } .fa-retweet:before { content: "\f079" } .fa-rev:before { content: "\f5b2" } .fa-ribbon:before { content: "\f4d6" } .fa-road:before { content: "\f018" } .fa-robot:before { content: "\f544" } .fa-rocket:before { content: "\f135" } .fa-rocketchat:before { content: "\f3e8" } .fa-rockrms:before { content: "\f3e9" } .fa-rss:before { content: "\f09e" } .fa-rss-square:before { content: "\f143" } .fa-ruble-sign:before { content: "\f158" } .fa-ruler:before { content: "\f545" } .fa-ruler-combined:before { content: "\f546" } .fa-ruler-horizontal:before { content: "\f547" } .fa-ruler-vertical:before { content: "\f548" } .fa-rupee-sign:before { content: "\f156" } .fa-sad-cry:before { content: "\f5b3" } .fa-sad-tear:before { content: "\f5b4" } .fa-safari:before { content: "\f267" } .fa-sass:before { content: "\f41e" } .fa-save:before { content: "\f0c7" } .fa-schlix:before { content: "\f3ea" } .fa-school:before { content: "\f549" } .fa-screwdriver:before { content: "\f54a" } .fa-scribd:before { content: "\f28a" } .fa-search:before { content: "\f002" } .fa-search-minus:before { content: "\f010" } .fa-search-plus:before { content: "\f00e" } .fa-searchengin:before { content: "\f3eb" } .fa-seedling:before { content: "\f4d8" } .fa-sellcast:before { content: "\f2da" } .fa-sellsy:before { content: "\f213" } .fa-server:before { content: "\f233" } .fa-servicestack:before { content: "\f3ec" } .fa-share:before { content: "\f064" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-share-square:before { content: "\f14d" } .fa-shekel-sign:before { content: "\f20b" } .fa-shield-alt:before { content: "\f3ed" } .fa-ship:before { content: "\f21a" } .fa-shipping-fast:before { content: "\f48b" } .fa-shirtsinbulk:before { content: "\f214" } .fa-shoe-prints:before { content: "\f54b" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-shopping-cart:before { content: "\f07a" } .fa-shopware:before { content: "\f5b5" } .fa-shower:before { content: "\f2cc" } .fa-shuttle-van:before { content: "\f5b6" } .fa-sign:before { content: "\f4d9" } .fa-sign-in-alt:before { content: "\f2f6" } .fa-sign-language:before { content: "\f2a7" } .fa-sign-out-alt:before { content: "\f2f5" } .fa-signal:before { content: "\f012" } .fa-signature:before { content: "\f5b7" } .fa-simplybuilt:before { content: "\f215" } .fa-sistrix:before { content: "\f3ee" } .fa-sitemap:before { content: "\f0e8" } .fa-sith:before { content: "\f512" } .fa-skull:before { content: "\f54c" } .fa-skyatlas:before { content: "\f216" } .fa-skype:before { content: "\f17e" } .fa-slack:before { content: "\f198" } .fa-slack-hash:before { content: "\f3ef" } .fa-sliders-h:before { content: "\f1de" } .fa-slideshare:before { content: "\f1e7" } .fa-smile:before { content: "\f118" } .fa-smile-beam:before { content: "\f5b8" } .fa-smile-wink:before { content: "\f4da" } .fa-smoking:before { content: "\f48d" } .fa-smoking-ban:before { content: "\f54d" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-snowflake:before { content: "\f2dc" } .fa-solar-panel:before { content: "\f5ba" } .fa-sort:before { content: "\f0dc" } .fa-sort-alpha-down:before { content: "\f15d" } .fa-sort-alpha-up:before { content: "\f15e" } .fa-sort-amount-down:before { content: "\f160" } .fa-sort-amount-up:before { content: "\f161" } .fa-sort-down:before { content: "\f0dd" } .fa-sort-numeric-down:before { content: "\f162" } .fa-sort-numeric-up:before { content: "\f163" } .fa-sort-up:before { content: "\f0de" } .fa-soundcloud:before { content: "\f1be" } .fa-spa:before { content: "\f5bb" } .fa-space-shuttle:before { content: "\f197" } .fa-speakap:before { content: "\f3f3" } .fa-spinner:before { content: "\f110" } .fa-splotch:before { content: "\f5bc" } .fa-spotify:before { content: "\f1bc" } .fa-spray-can:before { content: "\f5bd" } .fa-square:before { content: "\f0c8" } .fa-square-full:before { content: "\f45c" } .fa-squarespace:before { content: "\f5be" } .fa-stack-exchange:before { content: "\f18d" } .fa-stack-overflow:before { content: "\f16c" } .fa-stamp:before { content: "\f5bf" } .fa-star:before { content: "\f005" } .fa-star-half:before { content: "\f089" } .fa-star-half-alt:before { content: "\f5c0" } .fa-staylinked:before { content: "\f3f5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-steam-symbol:before { content: "\f3f6" } .fa-step-backward:before { content: "\f048" } .fa-step-forward:before { content: "\f051" } .fa-stethoscope:before { content: "\f0f1" } .fa-sticker-mule:before { content: "\f3f7" } .fa-sticky-note:before { content: "\f249" } .fa-stop:before { content: "\f04d" } .fa-stop-circle:before { content: "\f28d" } .fa-stopwatch:before { content: "\f2f2" } .fa-store:before { content: "\f54e" } .fa-store-alt:before { content: "\f54f" } .fa-strava:before { content: "\f428" } .fa-stream:before { content: "\f550" } .fa-street-view:before { content: "\f21d" } .fa-strikethrough:before { content: "\f0cc" } .fa-stripe:before { content: "\f429" } .fa-stripe-s:before { content: "\f42a" } .fa-stroopwafel:before { content: "\f551" } .fa-studiovinari:before { content: "\f3f8" } .fa-stumbleupon:before { content: "\f1a4" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-subscript:before { content: "\f12c" } .fa-subway:before { content: "\f239" } .fa-suitcase:before { content: "\f0f2" } .fa-suitcase-rolling:before { content: "\f5c1" } .fa-sun:before { content: "\f185" } .fa-superpowers:before { content: "\f2dd" } .fa-superscript:before { content: "\f12b" } .fa-supple:before { content: "\f3f9" } .fa-surprise:before { content: "\f5c2" } .fa-swatchbook:before { content: "\f5c3" } .fa-swimmer:before { content: "\f5c4" } .fa-swimming-pool:before { content: "\f5c5" } .fa-sync:before { content: "\f021" } .fa-sync-alt:before { content: "\f2f1" } .fa-syringe:before { content: "\f48e" } .fa-table:before { content: "\f0ce" } .fa-table-tennis:before { content: "\f45d" } .fa-tablet:before { content: "\f10a" } .fa-tablet-alt:before { content: "\f3fa" } .fa-tablets:before { content: "\f490" } .fa-tachometer-alt:before { content: "\f3fd" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-tape:before { content: "\f4db" } .fa-tasks:before { content: "\f0ae" } .fa-taxi:before { content: "\f1ba" } .fa-teamspeak:before { content: "\f4f9" } .fa-telegram:before { content: "\f2c6" } .fa-telegram-plane:before { content: "\f3fe" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-terminal:before { content: "\f120" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-th:before { content: "\f00a" } .fa-th-large:before { content: "\f009" } .fa-th-list:before { content: "\f00b" } .fa-themeco:before { content: "\f5c6" } .fa-themeisle:before { content: "\f2b2" } .fa-thermometer:before { content: "\f491" } .fa-thermometer-empty:before { content: "\f2cb" } .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-thumbs-down:before { content: "\f165" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbtack:before { content: "\f08d" } .fa-ticket-alt:before { content: "\f3ff" } .fa-times:before { content: "\f00d" } .fa-times-circle:before { content: "\f057" } .fa-tint:before { content: "\f043" } .fa-tint-slash:before { content: "\f5c7" } .fa-tired:before { content: "\f5c8" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-toolbox:before { content: "\f552" } .fa-tooth:before { content: "\f5c9" } .fa-trade-federation:before { content: "\f513" } .fa-trademark:before { content: "\f25c" } .fa-train:before { content: "\f238" } .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-trash:before { content: "\f1f8" } .fa-trash-alt:before { content: "\f2ed" } .fa-tree:before { content: "\f1bb" } .fa-trello:before { content: "\f181" } .fa-tripadvisor:before { content: "\f262" } .fa-trophy:before { content: "\f091" } .fa-truck:before { content: "\f0d1" } .fa-truck-loading:before { content: "\f4de" } .fa-truck-moving:before { content: "\f4df" } .fa-tshirt:before { content: "\f553" } .fa-tty:before { content: "\f1e4" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-tv:before { content: "\f26c" } .fa-twitch:before { content: "\f1e8" } .fa-twitter:before { content: "\f099" } .fa-twitter-square:before { content: "\f081" } .fa-typo3:before { content: "\f42b" } .fa-uber:before { content: "\f402" } .fa-uikit:before { content: "\f403" } .fa-umbrella:before { content: "\f0e9" } .fa-umbrella-beach:before { content: "\f5ca" } .fa-underline:before { content: "\f0cd" } .fa-undo:before { content: "\f0e2" } .fa-undo-alt:before { content: "\f2ea" } .fa-uniregistry:before { content: "\f404" } .fa-universal-access:before { content: "\f29a" } .fa-university:before { content: "\f19c" } .fa-unlink:before { content: "\f127" } .fa-unlock:before { content: "\f09c" } .fa-unlock-alt:before { content: "\f13e" } .fa-untappd:before { content: "\f405" } .fa-upload:before { content: "\f093" } .fa-usb:before { content: "\f287" } .fa-user:before { content: "\f007" } .fa-user-alt:before { content: "\f406" } .fa-user-alt-slash:before { content: "\f4fa" } .fa-user-astronaut:before { content: "\f4fb" } .fa-user-check:before { content: "\f4fc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-clock:before { content: "\f4fd" } .fa-user-cog:before { content: "\f4fe" } .fa-user-edit:before { content: "\f4ff" } .fa-user-friends:before { content: "\f500" } .fa-user-graduate:before { content: "\f501" } .fa-user-lock:before { content: "\f502" } .fa-user-md:before { content: "\f0f0" } .fa-user-minus:before { content: "\f503" } .fa-user-ninja:before { content: "\f504" } .fa-user-plus:before { content: "\f234" } .fa-user-secret:before { content: "\f21b" } .fa-user-shield:before { content: "\f505" } .fa-user-slash:before { content: "\f506" } .fa-user-tag:before { content: "\f507" } .fa-user-tie:before { content: "\f508" } .fa-user-times:before { content: "\f235" } .fa-users:before { content: "\f0c0" } .fa-users-cog:before { content: "\f509" } .fa-ussunnah:before { content: "\f407" } .fa-utensil-spoon:before { content: "\f2e5" } .fa-utensils:before { content: "\f2e7" } .fa-vaadin:before { content: "\f408" } .fa-vector-square:before { content: "\f5cb" } .fa-venus:before { content: "\f221" } .fa-venus-double:before { content: "\f226" } .fa-venus-mars:before { content: "\f228" } .fa-viacoin:before { content: "\f237" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-vial:before { content: "\f492" } .fa-vials:before { content: "\f493" } .fa-viber:before { content: "\f409" } .fa-video:before { content: "\f03d" } .fa-video-slash:before { content: "\f4e2" } .fa-vimeo:before { content: "\f40a" } .fa-vimeo-square:before { content: "\f194" } .fa-vimeo-v:before { content: "\f27d" } .fa-vine:before { content: "\f1ca" } .fa-vk:before { content: "\f189" } .fa-vnv:before { content: "\f40b" } .fa-volleyball-ball:before { content: "\f45f" } .fa-volume-down:before { content: "\f027" } .fa-volume-off:before { content: "\f026" } .fa-volume-up:before { content: "\f028" } .fa-vuejs:before { content: "\f41f" } .fa-walking:before { content: "\f554" } .fa-wallet:before { content: "\f555" } .fa-warehouse:before { content: "\f494" } .fa-weebly:before { content: "\f5cc" } .fa-weibo:before { content: "\f18a" } .fa-weight:before { content: "\f496" } .fa-weight-hanging:before { content: "\f5cd" } .fa-weixin:before { content: "\f1d7" } .fa-whatsapp:before { content: "\f232" } .fa-whatsapp-square:before { content: "\f40c" } .fa-wheelchair:before { content: "\f193" } .fa-whmcs:before { content: "\f40d" } .fa-wifi:before { content: "\f1eb" } .fa-wikipedia-w:before { content: "\f266" } .fa-window-close:before { content: "\f410" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-windows:before { content: "\f17a" } .fa-wine-glass:before { content: "\f4e3" } .fa-wine-glass-alt:before { content: "\f5ce" } .fa-wix:before { content: "\f5cf" } .fa-wolf-pack-battalion:before { content: "\f514" } .fa-won-sign:before { content: "\f159" } .fa-wordpress:before { content: "\f19a" } .fa-wordpress-simple:before { content: "\f411" } .fa-wpbeginner:before { content: "\f297" } .fa-wpexplorer:before { content: "\f2de" } .fa-wpforms:before { content: "\f298" } .fa-wrench:before { content: "\f0ad" } .fa-x-ray:before { content: "\f497" } .fa-xbox:before { content: "\f412" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-y-combinator:before { content: "\f23b" } .fa-yahoo:before { content: "\f19e" } .fa-yandex:before { content: "\f413" } .fa-yandex-international:before { content: "\f414" } .fa-yelp:before { content: "\f1e9" } .fa-yen-sign:before { content: "\f157" } .fa-yoast:before { content: "\f2b1" } .fa-youtube:before { content: "\f167" } .fa-youtube-square:before { content: "\f431" } /*----------------- Font Awesome start -------------------*/ /*----------------- extras start-------------------*/ .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto } .vcenter { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50% } .voffset-10 { margin-bottom: 10px } .voffset-20 { margin-bottom: 20px } .voffset-30 { margin-bottom: 30px } .voffset-40 { margin-bottom: 40px } .voffset-50 { margin-bottom: 50px } .voffset-60 { margin-bottom: 60px } .voffset-70 { margin-bottom: 70px } .voffset-80 { margin-bottom: 80px } .voffset-90 { margin-bottom: 90px } .voffset-100 { margin-bottom: 100px } .voffset-110 { margin-bottom: 110px } .voffset-120 { margin-bottom: 120px } .voffset-130 { margin-bottom: 130px } .voffset-140 { margin-bottom: 140px } .voffset-150 { margin-bottom: 150px } .voffset-160 { margin-bottom: 160px } .voffset-170 { margin-bottom: 170px } .voffset-180 { margin-bottom: 180px } .voffset-190 { margin-bottom: 190px } .voffset-200 { margin-bottom: 200px } .voffset-210 { margin-bottom: 210px } .voffset-220 { margin-bottom: 220px } .voffset-230 { margin-bottom: 230px } .voffset-240 { margin-bottom: 240px } .voffset-250 { margin-bottom: 250px } .voffset-260 { margin-bottom: 260px } .voffset-270 { margin-bottom: 270px } .voffset-280 { margin-bottom: 280px } .voffset-290 { margin-bottom: 290px } .voffset-300 { margin-bottom: 300px } .voffset-310 { margin-bottom: 310px } .voffset-320 { margin-bottom: 320px } .voffset-330 { margin-bottom: 330px } .voffset-340 { margin-bottom: 340px } @media (min-width:576px) { .voffset-sm-10 { margin-bottom: 10px } .voffset-sm-20 { margin-bottom: 20px } .voffset-sm-30 { margin-bottom: 30px } .voffset-sm-40 { margin-bottom: 40px } .voffset-sm-50 { margin-bottom: 50px } .voffset-sm-60 { margin-bottom: 60px } .voffset-sm-70 { margin-bottom: 70px } .voffset-sm-80 { margin-bottom: 80px } .voffset-sm-90 { margin-bottom: 90px } .voffset-sm-100 { margin-bottom: 100px } .voffset-sm-110 { margin-bottom: 110px } .voffset-sm-120 { margin-bottom: 120px } .voffset-sm-130 { margin-bottom: 130px } .voffset-sm-140 { margin-bottom: 140px } .voffset-sm-150 { margin-bottom: 150px } .voffset-sm-160 { margin-bottom: 160px } .voffset-sm-170 { margin-bottom: 170px } .voffset-sm-180 { margin-bottom: 180px } .voffset-sm-190 { margin-bottom: 190px } .voffset-sm-200 { margin-bottom: 200px } .voffset-sm-210 { margin-bottom: 210px } .voffset-sm-220 { margin-bottom: 220px } .voffset-sm-230 { margin-bottom: 230px } .voffset-sm-240 { margin-bottom: 240px } .voffset-sm-250 { margin-bottom: 250px } .voffset-sm-260 { margin-bottom: 260px } .voffset-sm-270 { margin-bottom: 270px } .voffset-sm-280 { margin-bottom: 280px } .voffset-sm-290 { margin-bottom: 290px } .voffset-sm-300 { margin-bottom: 300px } .voffset-sm-310 { margin-bottom: 310px } .voffset-sm-320 { margin-bottom: 320px } .voffset-sm-330 { margin-bottom: 330px } .voffset-sm-340 { margin-bottom: 340px } } @media (min-width:768px) { .voffset-md-10 { margin-bottom: 10px } .voffset-md-20 { margin-bottom: 20px } .voffset-md-30 { margin-bottom: 30px } .voffset-md-40 { margin-bottom: 40px } .voffset-md-50 { margin-bottom: 50px } .voffset-md-60 { margin-bottom: 60px } .voffset-md-70 { margin-bottom: 70px } .voffset-md-80 { margin-bottom: 80px } .voffset-md-90 { margin-bottom: 90px } .voffset-md-100 { margin-bottom: 100px } .voffset-md-110 { margin-bottom: 110px } .voffset-md-120 { margin-bottom: 120px } .voffset-md-130 { margin-bottom: 130px } .voffset-md-140 { margin-bottom: 140px } .voffset-md-150 { margin-bottom: 150px } .voffset-md-160 { margin-bottom: 160px } .voffset-md-170 { margin-bottom: 170px } .voffset-md-180 { margin-bottom: 180px } .voffset-md-190 { margin-bottom: 190px } .voffset-md-200 { margin-bottom: 200px } .voffset-md-210 { margin-bottom: 210px } .voffset-md-220 { margin-bottom: 220px } .voffset-md-230 { margin-bottom: 230px } .voffset-md-240 { margin-bottom: 240px } .voffset-md-250 { margin-bottom: 250px } .voffset-md-260 { margin-bottom: 260px } .voffset-md-270 { margin-bottom: 270px } .voffset-md-280 { margin-bottom: 280px } .voffset-md-290 { margin-bottom: 290px } .voffset-md-300 { margin-bottom: 300px } .voffset-md-310 { margin-bottom: 310px } .voffset-md-320 { margin-bottom: 320px } .voffset-md-330 { margin-bottom: 330px } .voffset-md-340 { margin-bottom: 340px } } @media (min-width:992px) { .voffset-lg-10 { margin-bottom: 10px } .voffset-lg-20 { margin-bottom: 20px } .voffset-lg-30 { margin-bottom: 30px } .voffset-lg-40 { margin-bottom: 40px } .voffset-lg-50 { margin-bottom: 50px } .voffset-lg-60 { margin-bottom: 60px } .voffset-lg-70 { margin-bottom: 70px } .voffset-lg-80 { margin-bottom: 80px } .voffset-lg-90 { margin-bottom: 90px } .voffset-lg-100 { margin-bottom: 100px } .voffset-lg-110 { margin-bottom: 110px } .voffset-lg-120 { margin-bottom: 120px } .voffset-lg-130 { margin-bottom: 130px } .voffset-lg-140 { margin-bottom: 140px } .voffset-lg-150 { margin-bottom: 150px } .voffset-lg-160 { margin-bottom: 160px } .voffset-lg-170 { margin-bottom: 170px } .voffset-lg-180 { margin-bottom: 180px } .voffset-lg-190 { margin-bottom: 190px } .voffset-lg-200 { margin-bottom: 200px } .voffset-lg-210 { margin-bottom: 210px } .voffset-lg-220 { margin-bottom: 220px } .voffset-lg-230 { margin-bottom: 230px } .voffset-lg-240 { margin-bottom: 240px } .voffset-lg-250 { margin-bottom: 250px } .voffset-lg-260 { margin-bottom: 260px } .voffset-lg-270 { margin-bottom: 270px } .voffset-lg-280 { margin-bottom: 280px } .voffset-lg-290 { margin-bottom: 290px } .voffset-lg-300 { margin-bottom: 300px } .voffset-lg-310 { margin-bottom: 310px } .voffset-lg-320 { margin-bottom: 320px } .voffset-lg-330 { margin-bottom: 330px } .voffset-lg-340 { margin-bottom: 340px } } @media (min-width:1200px) { .voffset-xl-10 { margin-bottom: 10px } .voffset-xl-20 { margin-bottom: 20px } .voffset-xl-30 { margin-bottom: 30px } .voffset-xl-40 { margin-bottom: 40px } .voffset-xl-50 { margin-bottom: 50px } .voffset-xl-60 { margin-bottom: 60px } .voffset-xl-70 { margin-bottom: 70px } .voffset-xl-80 { margin-bottom: 80px } .voffset-xl-90 { margin-bottom: 90px } .voffset-xl-100 { margin-bottom: 100px } .voffset-xl-110 { margin-bottom: 110px } .voffset-xl-120 { margin-bottom: 120px } .voffset-xl-130 { margin-bottom: 130px } .voffset-xl-140 { margin-bottom: 140px } .voffset-xl-150 { margin-bottom: 150px } .voffset-xl-160 { margin-bottom: 160px } .voffset-xl-170 { margin-bottom: 170px } .voffset-xl-180 { margin-bottom: 180px } .voffset-xl-190 { margin-bottom: 190px } .voffset-xl-200 { margin-bottom: 200px } .voffset-xl-210 { margin-bottom: 210px } .voffset-xl-220 { margin-bottom: 220px } .voffset-xl-230 { margin-bottom: 230px } .voffset-xl-240 { margin-bottom: 240px } .voffset-xl-250 { margin-bottom: 250px } .voffset-xl-260 { margin-bottom: 260px } .voffset-xl-270 { margin-bottom: 270px } .voffset-xl-280 { margin-bottom: 280px } .voffset-xl-290 { margin-bottom: 290px } .voffset-xl-300 { margin-bottom: 300px } .voffset-xl-310 { margin-bottom: 310px } .voffset-xl-320 { margin-bottom: 320px } .voffset-xl-330 { margin-bottom: 330px } .voffset-xl-340 { margin-bottom: 340px } } @media (min-width:2000px) { .voffset-xxl-10 { margin-bottom: 10px } .voffset-xxl-20 { margin-bottom: 20px } .voffset-xxl-30 { margin-bottom: 30px } .voffset-xxl-40 { margin-bottom: 40px } .voffset-xxl-50 { margin-bottom: 50px } .voffset-xxl-60 { margin-bottom: 60px } .voffset-xxl-70 { margin-bottom: 70px } .voffset-xxl-80 { margin-bottom: 80px } .voffset-xxl-90 { margin-bottom: 90px } .voffset-xxl-100 { margin-bottom: 100px } .voffset-xxl-110 { margin-bottom: 110px } .voffset-xxl-120 { margin-bottom: 120px } .voffset-xxl-130 { margin-bottom: 130px } .voffset-xxl-140 { margin-bottom: 140px } .voffset-xxl-150 { margin-bottom: 150px } .voffset-xxl-160 { margin-bottom: 160px } .voffset-xxl-170 { margin-bottom: 170px } .voffset-xxl-180 { margin-bottom: 180px } .voffset-xxl-190 { margin-bottom: 190px } .voffset-xxl-200 { margin-bottom: 200px } .voffset-xxl-210 { margin-bottom: 210px } .voffset-xxl-220 { margin-bottom: 220px } .voffset-xxl-230 { margin-bottom: 230px } .voffset-xxl-240 { margin-bottom: 240px } .voffset-xxl-250 { margin-bottom: 250px } .voffset-xxl-260 { margin-bottom: 260px } .voffset-xxl-270 { margin-bottom: 270px } .voffset-xxl-280 { margin-bottom: 280px } .voffset-xxl-290 { margin-bottom: 290px } .voffset-xxl-300 { margin-bottom: 300px } .voffset-xxl-310 { margin-bottom: 310px } .voffset-xxl-320 { margin-bottom: 320px } .voffset-xxl-330 { margin-bottom: 330px } .voffset-xxl-340 { margin-bottom: 340px } } .grid-portfolio .row.no-gutters { padding-left: 20px; padding-right: 20px } /*----------------- extras end -------------------*/ /*----------------- basics start -------------------*/ body { background-color: #fff; overflow-x: hidden; } body.vmenu { padding: 40px; margin-left: 300px } body.vmenu .header { top: 0; left: 0; position: fixed; width: 300px; height: 100%; background-color: #f7f7f7 } body.vmenu .grid-portfolio .row.no-gutters { padding: 0 } body.vmenu .grid-gallery { padding-top: 0 } body.vmenu .container { margin: 0 } body, h1, h2, h3, h4, h5 { font-family: Montserrat, sans-serif } h1, h2, h3, h4, h5 { color: #0e0e0f } h1.invert, h2.invert, h3.invert, h4.invert, h5.invert { color: #fff } h1 { font-size: 68px; letter-spacing: .1px; margin-bottom: 15px; text-transform: uppercase; font-weight: 600 } h2 { font-size: 65px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: .88; letter-spacing: 0; } h3 { font-size: 80px; line-height: 1.25; letter-spacing: -1px; word-spacing: 8px; } h3, h4 { font-weight: 600; font-style: normal; font-stretch: normal } h4 { font-size: 30px; line-height: 1.23; letter-spacing: .8px } h4.small { font-size: 24px; font-weight: 600; line-height: 1.18 } h4.small, p { font-style: normal; font-stretch: normal } p { color: #807b7b; font-size: 18px; font-weight: 300; line-height: 1.67; letter-spacing: normal } p.invert { color: #fff } p.small { font-size: 15.5px; word-spacing: 1px; line-height: 31px; color: #818897 } p.small.first-letter:first-letter { font-size: 60px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: .45; letter-spacing: 1.5px; float: left; color: red; margin-top: 18px; margin-right: 10px } @-moz-document url-prefix() { p.small.first-letter:first-letter { margin-top: 10px } } p.subtitle { font-size: 19px; line-height: 25px } p.description { font-size: 19px; font-weight: 300; line-height: 3; letter-spacing: 2.3px } p.clientinfo, p.description { font-family: Montserrat, sans-serif; font-style: normal; font-stretch: normal; text-align: left; color: #212121 } p.clientinfo { font-size: 17.5px; font-weight: 400; line-height: 1.74; letter-spacing: 1.1px; margin-bottom: 20px } p.clientinfo span { font-weight: 700 } p b { font-weight: 400; color: #ff060a; letter-spacing: .2px } p a { color: #818897 } p a, p a:hover { text-decoration: none } p a:hover { color: #ff060a } ul.list-services { list-style: none; margin: 0 0 0 2px; padding: 4px 0 0 } ul.list-services li { text-transform: uppercase; color: #807b7b; font-size: 13px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.73; letter-spacing: 1.1px; word-spacing: 2px; margin: 0; } .sliderslide-content svg, .sliderslide-content img.svg { width: 54px; margin-bottom: 40px; height: 54px; font-size: 54px; } .sliderslide-content svg line, .sliderslide-content svg polyline, .sliderslide-content svg path, .sliderslide-content svg rect, .sliderslide-content svg circle { stroke: #ffda44; } .contentslide .sliderslide-content:hover svg line, .contentslide .sliderslide-content:hover svg polyline, .contentslide .sliderslide-content:hover svg path, .contentslide .sliderslide-content:hover svg rect, .contentslide .sliderslide-content:hover svg circle { stroke: #ffda44; } .contentslide .sliderslide-content:hover h4.small, .contentslide .sliderslide-content:hover ul.list-services li { color: #ffda44; } ul.unstyle { list-style: none; margin: 0; padding: 0 } ul.col2 { column-count: 2 } ul li { color: #818897; margin-bottom: 3px } ul li span { font-weight: 100 } .big-h1 { font-weight: 900; text-transform: none; letter-spacing: 2px; margin-bottom: 2px } @media (min-width:768px) { .big-h1 { font-size: 160px } } .big-h2 { text-transform: none; font-size: 55px; letter-spacing: .8px; margin-bottom: 16px } .big-h2.accentcolor { color: #ff060a } .big-h3 { font-size: 41px; margin-bottom: 24px } .section__title { font-family: Montserrat; font-size: 37px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.3; letter-spacing: normal; text-align: center; color: #373737; margin-top: 15px; display: inline-block; } .section__title:before { content: ""; display: inline-block; position: relative; opacity: 0; transition: width .5s ease, opacity .5s ease; transition-delay: .5s; margin-top: 0; left: 70px; top: -49px; width: 0; height: 3px; background-color: #ffda44; margin-left: -71px; width: 71px; opacity: 1; } .section__header span { font-family: Montserrat; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.67; letter-spacing: normal; text-align: center; color: #838080; display: block; margin-top: 21px; } .column-2 { column-count: 2; column-gap: 38px } .tra03 { transition: all .3s cubic-bezier(.19, 1, .22, 1) } .tra05 { transition: all .5s cubic-bezier(.19, 1, .22, 1) } .tra08 { transition: all .8s cubic-bezier(.19, 1, .22, 1) } .tra10 { transition: all 1s cubic-bezier(.19, 1, .22, 1) } .tra12 { transition: all 1.2s cubic-bezier(.19, 1, .22, 1) } .tra15 { transition: all 1.5s cubic-bezier(.19, 1, .22, 1) } .tra20 { transition: transform 2s cubic-bezier(.19, 1, .22, 1), opacity 2s cubic-bezier(.19, 1, .22, 1) } .tra25 { transition: all 2.5s cubic-bezier(.19, 1, .22, 1) } .tra30 { transition: all 3s cubic-bezier(.19, 1, .22, 1) } .tra50 { transition: all 5s cubic-bezier(.19, 1, .22, 1) } .delay01 { transition-delay: .1s } .delay02 { transition-delay: .2s } .delay03 { transition-delay: .3s } .delay04 { transition-delay: .4s } .delay05 { transition-delay: .5s } .delay06 { transition-delay: .6s } .delay07 { transition-delay: .7s } .delay08 { transition-delay: .8s } .delay09 { transition-delay: .9s } .delay10 { transition-delay: 1s } .delay11 { transition-delay: 1.1s } .delay12 { transition-delay: 1.2s } .delay13 { transition-delay: 1.3s } .delay14 { transition-delay: 1.4s } .delay15 { transition-delay: 1.5s } .delay16 { transition-delay: 1.6s } .delay17 { transition-delay: 1.7s } .delay18 { transition-delay: 1.8s } .delay19 { transition-delay: 1.9s } .delay20 { transition-delay: 2s } .js-text p { display: inline-block; overflow: hidden } .js-text p span { display: inline-block; transform: translate3d(0, 100%, 0) } .in-view .js-text p span, .js-text.in-view p span { transform: translateZ(0) } .js-text_word p { display: inline-block; overflow: hidden; margin-right: 5px } .js-text_word p span { display: inline-block; transform: translate3d(0, 100%, 0) } .js-text_word.in-view p span { transform: translateZ(0) } .js-text_btn p, .js-text_btn p span { display: inline-block } .js-inview, .js-inview_h { transform: translate3d(0, 100px, 0) scale(.95); opacity: 0; } #block_menu.in-view .js-inview_h, #popup.in-view .js-inview_h, .collapse.show .js-inview_h, .js-inview.in-view, .js-inview.in-view .js-inview_h { transform: translateZ(0) scale(1); opacity: 1; background: transparent; outline: 0; } #block_menu.off .js-inview_h { transition-delay: 0s } .js-fromLeft { opacity: 0; transform: translate3d(100px, 0, 0) } .in-view .js-fromLeft, .js-fromLeft.in-view { opacity: 1; transform: translateZ(0) } .js-blur { opacity: 0 } .in-view .js-blur, .js-blur.in-view { opacity: 1 } img { max-width: 100% } .img-banner { background-size: cover; background-position: 50% } .image-cover { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .image-cover.image-cover_bg { position: absolute } .social-icons { list-style: none; margin: 0; padding: 0; margin-top: 18px; font-size: 22px } .social-icons li { display: inline-block } .social-icons li:not(:last-child) { margin-right: 12px } .social-icons a { color: #0e0e0f; transition: color .3s ease } .social-icons a:hover { color: #ff060a } .vmenu .social-icons { font-size: 19px; width: 100%; text-align: center; margin: 0 0 12px } #mask { background-color: #fff; height: 100%; position: fixed; width: 100%; z-index: 100000; top: 0; left: 0 } .material-icon .spinner { width: 60px; height: 60px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; animation: material-rotate-all 1s linear infinite } .material-icon .spinner .left-side, .material-icon .spinner .right-side { animation: material-fade-in-first 1.2s linear infinite alternate } .material-icon .spinner.color-2 .left-side, .material-icon .spinner.color-2 .right-side { animation: material-fade-in-second 1.2s linear infinite alternate } .material-icon .left-side, .material-icon .right-side { width: 50%; height: 100%; position: absolute; top: 0; overflow: hidden } .material-icon .left-side { left: 0 } .material-icon .right-side { right: 0 } .material-icon .bar { border-color: #ff060a; width: 100%; height: 100%; border-radius: 200px 0 0 200px; border: 6px solid #ff060a; position: relative } .material-icon .bar:after { content: ""; width: 6px; height: 6px; display: block; background: #ff060a; position: absolute; border-radius: 6px } .material-icon .right-side .bar { border-radius: 0 200px 200px 0; border-left: none; -webkit-transform: rotate(-10deg); -webkit-transform-origin: left center; transform: rotate(-10deg); transform-origin: left center; animation: material-rotate-right .75s linear infinite alternate } .material-icon .right-side .bar:after { bottom: -6px; left: -3px } .material-icon .left-side .bar { border-right: none; transform: rotate(10deg); transform-origin: right center; animation: material-rotate-left .75s linear infinite alternate } .material-icon .left-side .bar:after { bottom: -6px; right: -3px } @keyframes material-rotate-left { to { transform: rotate(30deg) } 0% { transform: rotate(175deg) } } @keyframes material-rotate-right { 0% { transform: rotate(-175deg) } to { transform: rotate(-30deg) } } @keyframes material-rotate-all { 0% { transform: rotate(0deg) } to { transform: rotate(-1turn) } } @keyframes material-fade-in-first { 0% { opacity: 1 } to { opacity: 0 } } @keyframes material-fade-in-second { 0% { opacity: 0 } to { opacity: 1 } } .material-icon { top: 50%; height: 65px; width: 65px; position: relative; margin: -32px auto 0; display: block } .btn { text-transform: uppercase; /* border-radius: 100px; */ font-size: 12px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1.8px; text-align: center; padding: 20px 35px; } .btn-primary { background-color: #fff; border-color: #0e0e0f; color: #0e0e0f } .btn-primary:active, .btn-primary:focus, .btn-primary:hover { background-color: #ffc000; color: #fff !important; border-color: #ffc000; box-shadow: none } .btn-inverse { background-color: #fff; border-color: #0e0e0f; color: #0e0e0f; border-width: 2px } .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover { background-color: #0e0e0f; color: #fff; border-color: #0e0e0f; box-shadow: none } .btn-featured { background-color: #ff060a; border-color: #ff060a; color: #fff; border-width: 2px } .btn-featured:active, .btn-featured:focus, .btn-featured:hover { background-color: #0e0e0f; color: #fff; border-color: #0e0e0f; box-shadow: none } .btn-featured-inverse { background-color: #fff; border-color: #0e0e0f; color: #0e0e0f; border-width: 2px } .btn-featured-inverse:active, .btn-featured-inverse:focus, .btn-featured-inverse:hover { background-color: #ff060a; border-color: #ff060a; color: #fff; box-shadow: none } .loadmore { font-family: Montserrat, sans-serif; font-weight: 500; font-size: 14px; text-align: center; width: 100%; text-transform: uppercase; color: #0e0e0f; margin-bottom: 0; } .loadmore span { margin: 20px 0; cursor: pointer; display: inline-block } @media (min-width:992px) { .loadmore span { margin: 120px 0 120px; padding: 22px 47px } .loadmore.min span { margin: 110px 0 110px; } } form .btn { margin-top: 30px } form label { font-size: 14px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2; letter-spacing: 1.7px; text-transform: uppercase } .form-inline .form-group { width: 50% } .form-inline .form-group:nth-child(odd) { padding-right: 10px } .form-inline .form-group:nth-child(2n) { padding-left: 10px } .form-inline .form-group .form-control { width: 100% } .form-control { width: 100%; border: none; background-color: transparent; border-radius: 0; height: 50px; font-weight: 100; padding: 15px 0px 46px; margin-bottom: 0; font-size: 14px; text-transform: uppercase; letter-spacing: 1.9px; border-bottom: 1px solid #ddd; } .form-control:focus { border-color: #000; background-color: transparent } .contact-form { padding-right: 0; width: 102%; } .contact-form label { margin-top: 30px } .contact-form textarea.form-control { border-radius: 0; background-color: transparent; border-bottom: 1px solid #ddd; height: auto; padding: 10px 0; height: 100px; } .contact-form .btn { margin-top: 24px; background-color: transparent } .contact-form .btn:hover { background-color: #ff060a } .input-icon { background-repeat: no-repeat; background-position: 37px; background-size: 16px } .icon-newsletter { /* background-image: url(/images/icon-newsletter.svg); */ /* color: white; */ } .icon-name { background-image: url(/images/icon-name.svg); background-size: 14px } .icon-email { background-image: url(/images/icon-email.svg) } .icon-phone { background-image: url(/images/icon-phone.svg) } .icon-send { background-image: url(/images/white.png) } form.newsletter-form input[type=submit]:hover { background-image: url(/images/red.jpg) } .separator { width: 56px; height: 3px; background-color: #0e0e0f; display: block } .separator.accent { background-color: #ff060a } .line { width: 100%; height: 1px; background-color: rgba(129, 136, 151, .5); display: block } .header { max-width: 100% } .header.fullwidth { width: 100%; padding-left: 30px; padding-right: 30px } .header.fullwidth .container-fluid { width: 100% } .header.overlayer { position: absolute; z-index: 3; width: 100%; overflow: hidden } .header.overflow { transition: top .5s ease; position: fixed; top: -110px; background-color: #fff } .header.overflow.fixed { top: 0 } .header.overlayer-fixed { position: absolute; z-index: 3; padding-top: 20px; padding-bottom: 20px; width: 100%; background-color: #d9d9d9; } .header.overlayer-fixed>.row { max-width: 1170px; margin: 0 auto; } .header.overlayer-fixed.fixed-small { background-color: #d9d9d9; padding-bottom: 10px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .22); width: 100%; position: fixed; padding-top: 10px; } .header.overlayer-fixed.fixed-small>.row { max-width: 1170px; margin: 0 auto; } .header.overlayer-fixed.fixed-small .nav-link { color: #000; } .header.overlayer-fixed.fixed-small .navbar li .nav-link.active, .header.overlayer-fixed.fixed-small .navbar li .nav-link:hover { color: #ffee00; } .header.overlayer-fixed.fixed-small .navbar { margin-top: 17px; } .header.overlayer-fixed.fixed-small .nav-link { padding-top: 0 } .header.overlayer-fixed.fixed-small .navbar-brand { width: 160px; } .vmenu .header { padding: 55px 58px } li.nav-item.dropdown.show .dropdown-menu { padding: .5rem 10px; } .navbar-brand { width: 220px; margin: 0px; padding: 0; } .navbar-brand img { -o-object-fit: container; object-fit: container } .navbar-toggler-right { top: 20px } @media (max-width:991.98px) { .navbar-toggleable-md>.container { width: 100% } } .section__header { position: relative; text-align: center; } .section__header-right { text-align: right; position: absolute; top: 70px; right: 0 } .section__header-right h2 { font-size: 27.5px; font-weight: 700; line-height: 1.4; letter-spacing: .6px } .section__header-right h2, .section__header-right p { font-style: normal; font-stretch: normal; text-align: right } .section__header-right p { font-size: 17.5px; font-weight: 300; line-height: 1.51; letter-spacing: .2px; position: relative } .section__header-right p:before { content: ""; width: 45px; height: 20px; position: relative; top: 4px; margin-right: 30px; display: inline-block; background-image: url(/images/arrow02.svg); background-size: contain; background-repeat: no-repeat; background-position: 50%; transform: translateX(-150px); opacity: 0; transition: transform .5s ease, opacity .1s ease; transition-delay: .2s } .in-view .section__header-right p:before { transform: translateX(0); opacity: 1 } section.intro.slider-full { padding-top: 120px; } #particles-js, #particles-js2 { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 0; } .rev_slider .tp-mask-wrap .tp-caption, .rev_slider .tp-mask-wrap :last-child, .wpb_text_column .rev_slider .tp-mask-wrap .tp-caption, .wpb_text_column .rev_slider .tp-mask-wrap :last-child { text-align: left; } #slider1 h2 { font-family: Montserrat; font-size: 55px; line-height: 70px; letter-spacing: -1.1px; text-align: left; color: #ffffff; } #slider1 h2 span { color: #ff060a; font-size: 70px; } #slider1 .text { font-family: Montserrat; font-size: 21.5px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; text-align: left; color: #8e8d8d; } #slider1 a:hover { border: solid 1px #ff060a; background: #ff060a; color: #fff; text-decoration: none; } #slider1 a { border-radius: 27.8px; border: solid 1px #ffffff; background-color: transparent; color: #fff; display: inline-block; font-size: 12px !important; border-radius: 100px; font-size: 12px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 1.8px; text-align: center; line-height: 12px; padding: 24px 36px !important; } #slider1 .tparrows { cursor: pointer; background: transparent; width: 59px; height: 59px; position: absolute; display: block; z-index: 1000; margin-top: -100px; } #slider1 .tparrows.tp-leftarrow:before { background-image: url(/images/left.png); width: 59px; height: 59px; background-size: 59px; background-position: 0 0; } #slider1 .tparrows.tp-leftarrow:hover::before { background-position: 0 -62px; } #slider1 .tparrows.tp-rightarrow:before { background-image: url(/images/right.png); width: 59px; height: 59px; background-size: 59px; background-position: 0 0; } #slider1 .tparrows.tp-rightarrow:hover::before { background-position: 0 -62px; } /*----------------- basics end -------------------*/ /*----------------- navbar start -------------------*/ .navbar { font-family: Montserrat, sans-serif; list-style: none; margin: 0; margin: 5px 0; padding: 0; transition: margin .5s ease } .navbar li { display: inline-block; margin: 0 12px } .navbar li .dropdown-item, .navbar li .nav-link { color: #0e0e0f; font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.06; letter-spacing: .2px; transition: all .5s ease; position: relative; font-family: Montserrat; padding: 8px 7px; } @media (max-width:991.98px) { .navbar li .dropdown-item, .navbar li .nav-link { text-align: center } } .navbar li .dropdown-item.active, .navbar li .dropdown-item:hover, .navbar li .nav-link.active, .navbar li .nav-link:hover { color: #312f2f } .navbar li .dropdown-item.active, .navbar li .dropdown-item:active { background-color: #ff060a; color: #0e0e0f } .navbar li .nav-link:before { content: ""; width: 0; /* height: 1px; */ display: block; position: absolute; bottom: 4px; left: 0; background-color: #0e0e0f; transition: width .5s ease; } @media (max-width:991.98px) { .navbar li .nav-link:before { left: 50%; margin-left: -10px } } .navbar li .nav-link.active, .navbar li .nav-link:hover { color: #ffef00; /* border-bottom: solid 2px; */ /* border-radius: 15px; */ border-bottom-width: 3px; } .navbar li .nav-link.active:before, .navbar li .nav-link:hover:before { width: 100% } @media (min-width:992px) { .navbar li:last-child .nav-link { margin-right: 0 } .navbar li:first-child .nav-link { margin-left: 0 } } .navbar li { display: inline-block; margin: 0 8px; } .contact-address>ul { padding-left: 0; } li.nav-social { margin-left: 0px; list-style: none; } li.nav-social ul { margin: 0; padding: 0 } li.nav-social ul li { padding: 0 20px 0 0; min-width: 20px; list-style: none; display: inline-block; font-size: 20px; } li.nav-social ul li a { color: #000; } li.nav-social ul li a:hover { color: #ff060a; } li.nav-social ul .nav-link { width: 100%; text-align: center; padding: 0 } li.nav-social ul .nav-link:before { display: none } .vmenu .navbar { padding: 0 } .vmenu .navbar>.container { padding: 0; display: block } .vmenu .navbar .navbar-brand { position: relative; top: 0; padding: 0 } .vmenu .navbar .navbar-brand:before { display: none } .vmenu .navbar .navbar-nav { display: block; margin-top: 60px } .vmenu .navbar .navbar-nav .nav-link { padding: 0; margin: 39px 0; font-size: 14px; letter-spacing: 2.6px; font-weight: 400 } .vmenu .navbar .navbar-nav .nav-link:before { bottom: -2px } .vmenu .navbar .navbar-collapse { display: block !important } .lightmenu .navbar li .nav-link, .lightmenu .navbar li .nav-link.active, .lightmenu .navbar li .nav-link:hover { color: #fff } .navbar-toggler:focus { outline: 0 } .navbar-toggler-icon { background-image: url(/images/hamburguer.svg) } .navbar li .dropdown-menu { background-color: #fff; color: #0e0e0f } .navbar li .dropdown-menu .dropdown-item.active, .navbar li .dropdown-menu .dropdown-item:hover { color: #0e0e0f } .hambuger { margin-left: 33px !important } .dropdown-icon { position: fixed; position: absolute; overflow: hidden; float: left; margin: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background .2s; width: 24px; height: 17px; font-size: 16px; z-index: 1; padding: 0; right: 20px; top: -5px; background-color: transparent } @media (min-width:768px) { .dropdown-icon { padding: 0; top: 8px; right: 0 } } @media screen and (min-width:40em) { .dropdown-icon { font-size: 20px } } @media screen and (min-width:64em) { .dropdown-icon { font-size: 20px } } .dropdown-icon:focus { outline: none } .dropdown-icon span { display: block; position: relative; background: #fff; top: 0; left: 0; right: 0; height: 2px } .dropdown-icon span:after, .dropdown-icon span:before { position: relative; display: block; left: 0; width: 100%; background-color: #fff; content: ""; height: 2px } .header.overlayer-fixed.fixed-small .dropdown-icon span, .header.overlayer-fixed.fixed-small .dropdown-icon span:after, .header.overlayer-fixed.fixed-small .dropdown-icon span:before { background-color: #0e0e0f } .dropdown-icon.invert span, .dropdown-icon.invert span:after, .dropdown-icon.invert span:before { background-color: #0e0e0f } .dropdown-icon span:before { top: -6px } .dropdown-icon span:after { bottom: -4px } .dropdown-icon--animate { background-color: transparent } .dropdown-icon--animate span, .dropdown-icon--animate span:after, .dropdown-icon--animate span:before { transition: background 0s .2s } .dropdown-icon--animate span:after, .dropdown-icon--animate span:before { transition-duration: .2s, .2s; transition-delay: .2s, 0s } .dropdown-icon--animate span:before { transition-property: top, transform } .dropdown-icon--animate span:after { transition-property: bottom, transform } .dropdown-icon--animate.is-active { background-color: transparent } .dropdown-icon--animate.is-active span { background: none } .dropdown-icon--animate.is-active span:after, .dropdown-icon--animate.is-active span:before { background-color: #0e0e0f } .dropdown-icon--animate.is-active span:before { top: 3px; transform: rotate(45deg) } .dropdown-icon--animate.is-active span:after { bottom: 0; transform: rotate(-45deg) } .dropdown-icon--animate.is-active span:after, .dropdown-icon--animate.is-active span:before { transition-delay: 0s, .2s } /*----------------- navbar end -------------------*/ /*----------------- overlay start -------------------*/ .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 40px } .overlay .trigger-overlay { cursor: pointer; padding: 10px; position: absolute; width: 24px; height: 24px; right: 20px; top: 20px; z-index: 1; background-image: url(/images/close.svg); background-repeat: no-repeat; background-position: 50% } @media (min-width:2000px) { .overlay .trigger-overlay { right: 54px; top: 54px } } .overlay-content { width: 100%; height: 100%; background: rgba(0, 0, 0, .95) } .overlay nav { text-align: center; position: relative; top: 50%; font-size: 54px; transform: translateY(-50%) } .overlay ul { list-style: none; padding: 0; margin: 0 auto; display: inline-block; height: 100%; position: relative } .overlay ul li { display: block; transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity 1s cubic-bezier(.19, 1, .22, 1); transform: translate3d(0, 100px, 0) scale(.95); opacity: 0 !important } .overlay ul li:first-child { transition-delay: 0s } .overlay ul li:nth-child(2) { transition-delay: .1s } .overlay ul li:nth-child(3) { transition-delay: .2s } .overlay ul li:nth-child(4) { transition-delay: .3s } .overlay ul li:nth-child(5) { transition-delay: .4s } .overlay ul li:nth-child(6) { transition-delay: .5s } .overlay ul li a { display: inline-block; transition: color .5s; font-size: 60px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.62; letter-spacing: -3px; text-align: center; color: #fff } .overlay ul li a:before { content: ""; width: 0; height: 4px; background-color: #ff060a; display: inline-block; position: relative; top: -16px; left: 43px; margin-right: 60px; transition: width .5s } .overlay ul li.current a:before, .overlay ul li:hover a:before { width: 90px } .overlay ul li.current a { color: #fff } .overlay ul li.current a:before { background-color: #ff060a } .overlay ul li a:focus, .overlay ul li a:hover { border-bottom: none; text-decoration: none } .overlay-hugeinc, .overlay-hugeinc.close { opacity: 0; visibility: hidden; transition: all .5s; z-index: 3 } .overlay-hugeinc.open { opacity: 1; visibility: visible; z-index: 3; padding: 0 } .overlay-hugeinc.open ul li { transform: translateZ(0) scale(1); opacity: 1 !important } /*----------------- overlay end -------------------*/ /*----------------- footer start -------------------*/ .footer-site { padding: 27px 0 50px; background-color: #151517 } .footer-site .footer__menu { list-style: none; margin: 0; padding: 0; width: 50%; position: relative; top: 0px } .footer-site .footer__menu li { display: inline-block; margin: 0 11px; position: relative } .footer-site .footer__menu li, .footer-site .footer__menu li a { font-size: 12px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 2.25; letter-spacing: .8px; color: #fff; } span.copyright { float: right; font-size: 13px; color: #fff; letter-spacing: 1px; font-family: Montserrat; margin-top: 5px; } .footer-site .footer__menu li.active, .footer-site .footer__menu li.active a, .footer-site .footer__menu li:hover, .footer-site .footer__menu li:hover a { color: #5a5a62; text-decoration: none } .footer-site .footer__menu li.active:before, .footer-site .footer__menu li:hover:before { width: 100% } .footer-site .footer__menu.footer__menu_separators li { position: relative; margin: 0 14.5px } .footer-site .footer__menu.footer__menu_separators li, .footer-site .footer__menu.footer__menu_separators li a { transition: color .5s ease } .footer-site .footer__menu.footer__menu_separators li.active, .footer-site .footer__menu.footer__menu_separators li.active a, .footer-site .footer__menu.footer__menu_separators li:hover, .footer-site .footer__menu.footer__menu_separators li:hover a { color: #ff060a; text-decoration: none; border: none } .footer-site .footer__menu.footer__menu_separators li.active:before, .footer-site .footer__menu.footer__menu_separators li:hover:before { display: none } .footer-site .footer__menu_left { float: left; text-align: left; padding-right: 0; } .footer-site .footer__menu_right { float: right; text-align: left; padding-left: 205px } .footer__logo { width: 79px; height: 46px; margin: 0 auto } .footer__logo a { display: block } .flickity-page-dots .dot { width: 6px; height: 6px; opacity: .5; border-radius: 3px; background-color: #bbb4b4 } .flickity-page-dots .dot.is-selected { width: 12px; height: 13px; border-radius: 6px; background-color: #ff060a; position: relative; top: 3px; opacity: 1 } .m-accordion { padding: 20px; background: #818897 } .m-accordion__trigger { background: url(/images/sprite.png) no-repeat } .filters { list-style: none; margin: 0; padding: 0; text-align: center; margin: 0px 0 58px; font-family: Montserrat, sans-serif; font-weight: 600; color: #0e0e0f; font-size: 15px; line-height: 2.06; letter-spacing: .4px; position: relative; top: 0px } @media (min-width:576px) { .filters { font-size: 17.5px } } .filters li { display: inline-block; position: relative; border-bottom: 2px solid transparent; cursor: pointer; margin: 0 10px; color: #0e0e0f } @media (min-width:576px) { .filters li { margin: 0 10px } } @media (min-width:1200px) { .filters li { margin: 0 7px; padding: 0 12px 4px } .vmenu .filters li { margin: 0 45px } } .filters li:before { content: ""; width: 0; height: 2px; display: block; position: absolute; bottom: 0; left: 0; background-color: #0e0e0f; transition: width .5s ease } .filters li.is-checked, .filters li:hover { color: #ffd944; } #map, .filters li.is-checked:before, .filters li:hover:before { width: 100% } #map { height: 400px } @media (min-width:768px) { #map { height: 890px } } /*----------------- footer end -------------------*/ .blog-post-date { font-size: 13px; font-style: italic; letter-spacing: 2px } @media (min-width:576px) { .blog-post-date { letter-spacing: 3.8px } } @media (max-width:767.98px) { .blog-post-date { width: calc(100% - 80px); line-height: 22px } } @media (min-width:576px) { .blog-post-date { top: 24px } } .blog-post-title { font-size: 25px; letter-spacing: 4px } @media (min-width:576px) { .blog-post-title { font-size: 34px; letter-spacing: 7px } } .blog-post-title:after { content: ""; display: block; width: 50px; height: 2px; margin: 31px 0 0 2px; background-color: #ff060a } .blog-post-intro { font-size: 14px; line-height: 23px; letter-spacing: 2px } @media (min-width:2000px) { .blog-post-intro { line-height: 34px; letter-spacing: 4px } } .readfull { margin-top: 20px } .readfull:after { content: ""; display: inline-block; background-image: url(/images/arrows.png); width: 25px; height: 15px; background-repeat: no-repeat; margin-left: 8px; position: relative; background-position: 0; transform: rotate(180deg); top: 3px } .readfull:hover:after { background-position: 100%; transform: rotate(0deg); top: 2px } .readfull.bottom { position: absolute; bottom: 42px } .blog-post-content { padding: 0 20px; width: 100% } @media (min-width:576px) { .blog-post-content { padding: 0 65px } } .paginationblog { text-align: center; font-size: 16px; font-style: italic; padding: 65px 0; letter-spacing: 3.5px } .paginationblog.includeimage { padding: 0; position: relative; overflow: hidden } @media (max-width:767.98px) { .paginationblog.includeimage { margin-bottom: 2px } } .paginationblog.includeimage:after, .paginationblog.includeimage:before { display: none } .paginationblog.includeimage .banner { display: block; width: 25%; max-width: 400px } @media (min-width:576px) { .paginationblog.includeimage .banner { width: 45% } } .paginationblog.includeimage a { color: #0e0e0f } .paginationblog.includeimage .info { position: relative; width: 75% } @media (min-width:576px) { .paginationblog.includeimage .info { width: 55% } } .paginationblog.includeimage .info:before { content: ""; width: 24px; height: 14px; display: inline-block; top: 73px; position: absolute } .paginationblog.includeimage .info span { display: block } @media (max-width:991.98px) { .paginationblog.includeimage .info span.date-pagination { display: none } } .paginationblog.includeimage .info span.title-pagination { font-size: 18px; font-style: normal } .paginationblog.includeimage.oldpost { border-right: 1px solid #fff } .paginationblog.includeimage.oldpost .banner, .paginationblog.includeimage.oldpost .info { float: left } .paginationblog.includeimage.oldpost .info { text-align: left; padding: 14px 20px 14px 65px } @media (min-width:576px) { .paginationblog.includeimage.oldpost .info { padding: 21px 21px 0 65px } } @media (min-width:768px) { .paginationblog.includeimage.oldpost .info { padding: 32px 32px 32px 77px } } .paginationblog.includeimage.oldpost .info:before { background-image: url(/images/arrows.png); transform: rotate(180deg); left: 20px } .paginationblog.includeimage.newpost { border-left: 1px solid #fff; background-color: #f9f7f7 } .paginationblog.includeimage.newpost .banner, .paginationblog.includeimage.newpost .info { float: right } .paginationblog.includeimage.newpost .info { text-align: right; padding: 14px 65px 14px 20px } @media (min-width:576px) { .paginationblog.includeimage.newpost .info { padding: 21px 65px 0 21px } } @media (min-width:768px) { .paginationblog.includeimage.newpost .info { padding: 32px 77px 32px 32px } } .paginationblog.includeimage.newpost .info:before { background-image: url(/images/arrows.png); right: 20px } .oldpost { background-color: #f9f7f7; color: #0e0e0f } .oldpost:before { content: ""; background-image: url(/images/arrows.png); width: 24px; height: 14px; display: inline-block; margin-right: 15px; position: relative; top: 2px } .newpost { background-color: #353333; color: #fff } .newpost:after { content: ""; background-image: url(/images/arrows.png); width: 24px; height: 14px; display: inline-block; margin-left: 15px; position: relative; top: 2px; background-position: 100% } .blog-image { height: 350px } @media (min-width:576px) { .blog-image { height: 590px } } .blog-text { height: 700px } .blog-text .blog-post-header { margin-top: 50px } @media (min-width:576px) { .blog-text { height: 590px } .blog-text .blog-post-header { margin-top: 0 } } /*---------- works start------------*/ .content-post.post-without-sidebar { background-color: #fff; position: relative; top: -100px; padding: 0 } @media (min-width:576px) { .content-post.post-without-sidebar { padding: 0 195px 0 25px } } @media (min-width:2000px) { .content-post.post-without-sidebar { padding: 0 295px 0 90px } } .content-post.post-without-sidebar .post-extra { overflow: hidden } @media (min-width:576px) { .content-post.post-without-sidebar .post-extra { position: relative; left: -25px } } @media (min-width:768px) { .content-post.post-without-sidebar .post-extra { position: absolute; width: 100px; left: -100px } } @media (min-width:2000px) { .content-post.post-without-sidebar .post-extra { left: -48px } } .content-post.post-without-sidebar .post-extra .blog-post-author { border-radius: 0; height: 100px; float: none; width: 32% } @media (min-width:576px) { .content-post.post-without-sidebar .post-extra .blog-post-author { width: 100px } } @media (max-width:991.98px) { .content-post.post-without-sidebar .post-extra .blog-post-author { float: left } } .content-post.post-without-sidebar .post-extra .button-blog { width: 32%; height: 100px; background-color: #f9f7f7; display: block; margin-bottom: 1px; background-position: 50%; background-repeat: no-repeat } @media (min-width:576px) { .content-post.post-without-sidebar .post-extra .button-blog { width: 100px } } @media (max-width:991.98px) { .content-post.post-without-sidebar .post-extra .button-blog { float: left } } .content-post .blog-post-date { margin: 0; padding: 32px 0 } .content-post .primary-title { margin-bottom: 28px } .content-post h1, .content-post h2, .content-post h3, .content-post h4, .content-post h5, .content-post h6 { font-weight: 800 } .content-post h1 { font-size: 46px; letter-spacing: 2.5px } .content-post h2 { font-size: 26px; margin: 71px 0 42px; letter-spacing: 2.5px } .content-post h3 { font-size: 20px; margin: 50px 0 20px; letter-spacing: 1.5px } .content-post h4 { font-size: 18px; margin: 30px 0 10px } .content-post h5 { font-size: 16px; margin: 20px 0 10px } .content-post h6 { font-size: 14px; margin: 15px 0 5px } .content-post p { margin-bottom: 37px; line-height: 36px } .content-post blockquote { margin: 37px 40px } .content-post .cite, .content-post blockquote p { font-style: italic } .content-post dl { margin: 0 20px } .content-post dt { font-weight: 700 } .content-post dd { margin: 0 0 20px } .content-post ol, .content-post ul { font-size: 16px; list-style-type: square; margin: 16px 0; padding: 0 0 0 40px; display: block } .content-post ol { list-style-type: decimal } .content-post li>ol, .content-post li>ul { margin: 0 } .content-post table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 13px; line-height: 2; margin: 0 0 20px; width: 100% } .content-post th { font-weight: 700; text-transform: uppercase } .content-post td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0 } .content-post address { font-style: italic; margin: 0 0 24px } .content-post a { color: red } .content-post abbr[title] { border-bottom: 1px dotted } .content-post cite, .content-post em, .content-post var { font-style: italic } .content-post kbd { color: #c7254e; background-color: #f9f2f4; white-space: nowrap; border-radius: 4px } .content-post pre { padding: 20px; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0 } .content-post img { margin-top: 13px } @media (min-width:576px) { .content-post img { margin-bottom: 53px } } .content-post img.aligncenter { margin: 5px auto } .content-post img.alignleft { margin-left: -60px; margin: 5px 20px 5px 0 } .content-post img.size-full, .content-post img.size-large, .content-post img.wp-post-image { height: auto; max-width: 100% } .content-post img.alignright { margin-right: -60px; margin: 5px 0 5px 20px } .content-post .alignleft { float: left } .content-post .alignright { float: right } .content-post .entry-content .wp-caption.alignright { margin-right: -60px } .content-post .comment-content img, .content-post .entry-content img, .content-post .entry-summary img, .content-post .widget img, .content-post .wp-caption { max-width: 100% } .content-post figure.wp-caption.alignright { margin: 5px 0 5px 20px } .content-post figure.wp-caption.alignleft { margin: 5px 20px 5px 0 } .content-post .entry-caption, .content-post .gallery-caption, .content-post .wp-caption .wp-caption-text { color: #220e10; font-size: 12px; font-style: italic; font-weight: 300; margin: 0 0 24px } .content-post .wp-caption.alignleft { margin-left: -60px } .content-post .wp-caption img { margin: 0 } .content-post hr { margin-top: 82px; display: block; max-width: 100px; border-color: #818897 } .content-post .quote { width: 100%; font-size: 26px; color: #fff; background-color: #353333; text-align: center; font-style: italic; line-height: 41px; font-weight: 100; letter-spacing: -1px; padding: 10px 10px 0 } @media (min-width:576px) { .content-post .quote { padding: 52px 14px 16px 33px; margin-right: -185px; margin-left: 10px; margin-top: 10px; float: right; width: 350px } } .content-post .quote .author { color: #bf9441; text-align: right; letter-spacing: 0; margin: 16px 23px } .content-post .content-image { position: relative } @media (max-width:767.98px) { .content-post .content-image { margin-bottom: 37px } } .content-post .content-image .credits { margin: 0; font-size: 11px; font-style: italic; line-height: 20px; color: gray; letter-spacing: 2.2px } @media (min-width:576px) { .content-post .content-image .credits { width: 160px; right: -177px; position: absolute; bottom: 60px } } @media (min-width:2000px) { .content-post .content-image .credits { width: 211px; right: -220px } } .content-post .content-image .credits:after { content: ""; display: block; width: 40px; height: 1px; background-color: #0e0e0f; margin-top: 13px } .content-post .intro-comments { font-style: italic; margin-top: 121px; margin-bottom: 90px; position: relative; color: #818897 } .content-post .intro-comments .count-comments { font-size: 20px; margin-left: 56px; letter-spacing: 2px; position: relative } .content-post .intro-comments .number { font-size: 36px; position: absolute; left: -56px; top: -21px } .content-post .intro-comments .number:after { content: ""; width: 1px; height: 50px; background: rgba(14, 14, 15, .3); display: block; position: absolute; top: 0; transform: rotate(31deg); left: 50px } .content-post .intro-comments .leave-reply { font-size: 13px; display: block; margin: 11px 0 0 22px; letter-spacing: 2.5px; color: #0e0e0f; text-decoration: none; position: relative } .content-post .intro-comments .leave-reply:before { content: ""; height: 17px; width: 15px; display: block; position: absolute; left: -25px; top: 3px; background-image: url(/images/arrows.png); transform: rotate(90deg); background-size: contain; background-repeat: no-repeat; background-position: 50% } .content-post .intro-comments .share { font-size: 13px; right: 17px; margin-top: 40px; margin-left: 3px } @media (min-width:576px) { .content-post .intro-comments .share { position: absolute; top: -10px; margin-top: 0 } } .content-post .intro-comments .share li { display: inline-block } .content-post .intro-comments .share li a { color: #818897 } .content-post .intro-comments .share li a i { position: relative; top: 2px } .content-post .intro-comments .share li:first-child { margin-right: 15px; letter-spacing: 2px } .content-post .intro-comments .share li:not(:first-child) { border: 1px solid fade(#0e0e0f, 10%); width: 35px; height: 35px; text-align: center; font-size: 20px; padding-top: 2px; border-radius: 50%; margin-right: 1px } .content-post .media { margin-top: 26px } .content-post .media .blog-post-author { width: 110px; height: 110px } .content-post .media .media { margin-top: 50px; border-left: 10px solid fade(#0e0e0f, 3%); position: relative; left: -14px; padding-left: 30px; margin-bottom: 30px } .content-post .media hr { margin: 12px auto } .content-post .media-heading { font-size: 13px; margin: 23px 0 28px; line-height: 20px } .content-post .media>.pull-left { display: none } @media (min-width:576px) { .content-post .media>.pull-left { display: block } } .content-post .media-body { padding-left: 14px } .content-post .media-body p { line-height: 29px } .content-post .title-form { margin-top: 50px; font-size: 20px; font-style: italic; margin-bottom: 30px } .content-post form { padding: 10px 0 0 } .content-post form .form-group { padding: 0 } @media (min-width:768px) { .content-post form .form-group.inline { float: left; width: 50% } } @media (min-width:576px) { .content-post form .form-group.inline { padding-left: 30px } .content-post form .form-group.inline:first-child { padding-left: 0; padding-right: 30px } } .content-post form .form-group textarea { height: 150px } .content-post form .btn { margin-right: 0 } .tiled-gallery { clear: both; margin: 0 0 20px; overflow: hidden } .tiled-gallery img { margin: 2px !important } .tiled-gallery .gallery-group { float: left; position: relative } .tiled-gallery .tiled-gallery-item { float: left; margin: 0; position: relative; width: inherit } .tiled-gallery .gallery-row { overflow: hidden } .tiled-gallery .tiled-gallery-item a { background: transparent; border: none; color: inherit; margin: 0; padding: 0; text-decoration: none; width: auto } .tiled-gallery .tiled-gallery-item img, .tiled-gallery .tiled-gallery-item img:hover { background: none; border: none; box-shadow: none; max-width: 100%; padding: 0; vertical-align: middle } .tiled-gallery-caption { background: #eee; background: hsla(0, 0%, 100%, .8); color: #333; font-size: 13px; font-weight: 400; overflow: hidden; padding: 10px 0; position: absolute; text-indent: 10px; text-overflow: ellipsis; width: 100%; white-space: nowrap } .tiled-gallery .tiled-gallery-item-small .tiled-gallery-caption { font-size: 11px } .widget-gallery .tiled-gallery-unresized { visibility: hidden; height: 0; overflow: hidden } .tiled-gallery .tiled-gallery-item img.grayscale { position: absolute; left: 0; top: 0 } .tiled-gallery .tiled-gallery-item img.grayscale:hover { opacity: 0 } .tiled-gallery.type-circle .tiled-gallery-item img { border-radius: 50% !important } .tiled-gallery.type-circle .tiled-gallery-caption { display: none; opacity: 0 } .tiled-gallery-caption { bottom: -42px; bottom: 0; transition: transform .35s; transform: translate3d(0, 100%, 0) } .tiled-gallery-item:hover .tiled-gallery-caption { transform: translateZ(0) } .post-sidebar-left { padding: 65px 0 0 } @media (max-width:991.98px) { .post-sidebar-left { display: none } } @media (min-width:2000px) { .post-sidebar-left { padding: 65px 0 0 95px } } .post-sidebar-left .post-sidebar-title { font-size: 18px; font-style: italic; margin: 3px 0 50px; letter-spacing: 3.5px } .post-sidebar-left .post-sidebar-title:after { content: ""; display: block; width: 40px; height: 2px; background-color: #0e0e0f; margin: 14px 0 0 } .post-sidebar-left .post-sidebar-title-post { margin: 17px 3px; letter-spacing: 3.5px; line-height: 26px } .post-sidebar-left .blog-post-header { margin: 23px 3px 40px } .post-sidebar-left .blog-post-author { width: 40px; height: 40px } .post-sidebar-left .blog-post-date { float: left; text-align: left; top: 0; margin: 7px 0 0 10px; font-style: normal; letter-spacing: 2px; line-height: 15px } .post-whidout-sidebar:before { content: ""; background-color: #fff; display: block; width: 50%; height: 102px; position: absolute; right: 0; margin-top: -100px } @media (min-width:576px) { .container-post-sidebar-right div[class*=container-] { padding: 0 25px } } @media (min-width:768px) { .container-post-sidebar-right div[class*=container-] { padding: 0 125px } } .container-post-sidebar-right .sidebar-content { padding: 0 } @media (min-width:2000px) { .container-post-sidebar-right .sidebar-content { padding: 0 0 0 37px } } @media (min-width:768px) { .container-post-sidebar-right .post-sidebar-right { padding-right: 50px } } .container-post-sidebar-right .feature-image { position: relative } .container-post-sidebar-right .feature-image img { width: 100%; margin: 0; display: block } .container-post-sidebar-right .feature-image .share-post { position: absolute; bottom: 20px; left: 20px } .container-post-sidebar-right .feature-image .share-post li { display: block; margin-top: 15px } .container-post-sidebar-right .post-info { text-align: center; font-size: 14px; font-style: italic; margin-top: 40px; margin-bottom: 22px; letter-spacing: 2.5px } .container-post-sidebar-right .post-info li { display: inline-block } @media (min-width:576px) { .container-post-sidebar-right .post-info li { margin-left: 35px } } .container-post-sidebar-right .post-info li.post-author { position: relative; padding-left: 55px } .container-post-sidebar-right .post-info li.post-author .blog-post-author { width: 40px; height: 40px; position: absolute; top: -10px; left: 0 } .container-post-sidebar-right .post-info li.post-date:before, .container-post-sidebar-right .post-info li.post-tags:before { content: ""; display: inline-block; width: 21px; height: 21px; background-repeat: no-repeat; background-position: 50%; position: relative; top: 6px; margin-right: 11px } .container-post-sidebar-right .post-info li.post-date:before { background-image: url(/images/clock.png) } .container-post-sidebar-right .post-info li.post-tags:before { background-image: url(/images/tags.png) } .container-post-sidebar-right .primary-title { margin-bottom: 57px; border-bottom: 4px double #0e0e0f; padding-bottom: 50px } @media (min-width:576px) { .container-post-sidebar-right .columns-post { margin-top: 60px; -moz-column-count: 2; -moz-column-gap: 62px; -webkit-column-count: 2; -webkit-column-gap: 62px; column-count: 2; column-gap: 62px } } @media (min-width:768px) { .container-post-sidebar-right .columns-post { padding-right: 53px } } .container-post-sidebar-right .quote { font-size: 37px; font-style: italic; float: none; width: 100%; background-color: transparent; color: #000; margin: 0 0 30px; text-align: left; border-bottom: 1px solid; padding: 40px 20px } @media (min-width:2000px) { .container-post-sidebar-right .quote { padding: 0 70px 46px } } .menu-bar .sidebar-content { margin-top: 25px } @media (min-width:576px) { .menu-bar .post-sidebar-right { margin-top: 40px } } .comments-form { margin-bottom: 150px } @media (min-width:768px) { .comments-form { margin-bottom: 230px } } .blog-image-cover { height: 500px; background-position: 50%; background-size: cover } .ico-comments { background-image: url(/images/comments.png) } .ico-share { background-image: url(/images/share.png) } .pagination { width: 37px; height: 23px; display: block } .pagination.pagination-left { background-position: 0 0; float: right; margin-right: 15%; background-image: url(/images/left.png); background-size: 37px; } .pagination.pagination-left:hover { background-image: url(/images/left-hover.png); } .pagination.pagination-center { background-image: url(/images/return-home.png); background-position: top; margin: 0 auto; background-size: 32px; margin-top: -2px; height: 29px; } .pagination.pagination-right { background-position: 100% 0; margin-left: 15%; background-image: url(/images/right.png); background-size: 37px; } .pagination.pagination-right:hover { background-image: url(/images/right-hover.png); } .pagination a { display: block; height: 20px } .grid-portfolio { background-color: transparent } .grid-gallery-container { margin-left: -20px; margin-right: -20px } .grid-gallery { width: 100%; padding-top: 8px } .grid-item { float: left; position: relative; padding: 15px; padding: 10px 20px } .grid-item a { display: block; position: absolute; width: calc(100% + 40px); height: calc(100% + 40px); top: -20px; left: -20px } @media (min-width:768px) { .grid-item { padding: 0px; width: 50% } .columns-3 .grid-item { width: 33.33% } .columns-4 .grid-item { width: 25% } .columns-5 .grid-item { width: 20% } } .grid-item img { width: 100%; max-width: none } .grid-gallery-more-items { display: none } .grid-item__rollover { position: absolute; color: #fff; opacity: 0; transition: opacity .5s ease; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.81); text-align: left !important; } .grid-item__rollover.pr { position: absolute; color: #fff; opacity: 0; transition: opacity .5s ease; width: calc(100% - 10px); height: calc(100% - 10px); top: 0; left: 0; background-color: rgba(255, 6, 10, .9); text-align: left !important; margin: 5px; box-sizing: border-box; } .grid-item__rollover .containertext, .grid-item__rollover a>div { transition: all .5s ease; width: 100%; bottom: 19px; padding: 0 46px; position: absolute } .grid-item__rollover a { display: block } .grid-item__rollover a, .grid-item__rollover a:hover { text-decoration: none } .grid-item__rollover .titleinfo { font-size: 24px; font-weight: 600; font-style: normal; font-stretch: normal; letter-spacing: -.6px; color: #fff; font-family: Montserrat, sans-serif } .grid-item__rollover .tagsinfo { color: #fff; font-size: 18px; font-weight: 400; font-style: normal; font-stretch: normal; letter-spacing: -.8px; line-height: 23px } .grid-item:hover .grid-item__rollover { opacity: 1 } .grid-item:hover .grid-item__rollover .containertext, .grid-item:hover .grid-item__rollover a>div { transform: translateY(-50%) } .rev_slider_wrapper { overflow: hidden !important; width: 100% !important; left: 0 !important } .hermes .tp-tab-image { height: 100% } .hermes .tp-tab-image:hover { opacity: .4 } .hermes .tp-tab { padding-right: 0; background-color: #0e0e0f } .arrowpag.tparrows { background: transparent } .arrowpag .arrow-text { display: block; color: #fff; position: absolute; top: 50%; margin-top: -12px; width: 55px; font-size: 12px; letter-spacing: 2px; font-weight: 600; left: calc(100% + 10px) } @media (min-width:2000px) { .arrowpag .arrow-text { left: calc(100% + 26px) } } .arrowpag.tp-rightarrow .arrow-text { left: auto; text-align: right; right: calc(100% + 10px) } @media (min-width:2000px) { .arrowpag.tp-rightarrow .arrow-text { right: calc(100% + 26px) } } #thumbsButton { background: transparent; color: #fff; margin: 0; text-align: center; position: absolute; bottom: 0; z-index: 1; left: 0; display: block; border: 0; text-indent: -999em; overflow: hidden; text-align: left; direction: ltr; width: 29px; height: 17px; background: transparent url(/images/arrow-thumbs.svg) no-repeat 50%; display: none; background-size: 29px; height: 60px; width: 100%; transition: all .5s } #thumbsButton::selection { background: transparent } #thumbsButton::-moz-selection { background: transparent } @media (min-width:768px) { #thumbsButton { display: block } } .tp-tabs { transition: all .5s; transform: matrix(1, 0, 0, 1, 0, 0) !important } .showThumbnails #thumbsButton, .showThumbnails .tp-tabs { transform: matrix(1, 0, 0, 1, 0, -160) !important } .hermes.tp-bullets { visibility: visible !important; opacity: 1 !important; top: auto !important; bottom: 45px !important } .hermes .tp-bullet { width: 6px !important; height: 6px !important; opacity: 1; border-radius: 100%; background-color: #bbb4b4 !important; border: none !important; box-shadow: none !important } .hermes .tp-bullet:after { display: none !important } .hermes .tp-bullet.selected { width: 12px !important; height: 12px !important; background-color: #ff060a !important; top: -3px !important; opacity: 1 } .tparrows.tp-leftarrow:before, .tparrows.tp-rightarrow:before { content: ""; background-position: 50%; display: block; width: 40px; height: 40px; background-repeat: no-repeat; background-size: 32px } @media (min-width:2000px) { .tparrows.tp-leftarrow:before, .tparrows.tp-rightarrow:before { background-size: auto } } .tparrows.tp-leftarrow:before { background-image: url(/images/arrow-l-disabled.svg) } .tparrows.tp-rightarrow:before { background-image: url(/images/arrow-r-disabled.svg) } .scrollButton { display: block; width: 26px; height: 46px; border-radius: 13px; border: 1px solid #fff; position: absolute; bottom: 30px; left: 50%; margin-left: -13px; z-index: 99999; cursor: pointer } .scrollButton:after { content: ""; display: block; margin: 6px auto; width: 2px; height: 6px; border-radius: 4px; background: #fff; border: 1px solid transparent; animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: scroll } @keyframes scroll { 0% { opacity: 1; transform: translateY(0) } to { opacity: 0; transform: translateY(20px) } } /*---------- works end ------------*/ /*------------ section contact start -----------*/ .slider-text { height: 570px; overflow: hidden; background-color: #000; background-size: cover; background-position: 50%; background-repeat: no-repeat; position: relative } .slider-text>div { width: 100% } .slider-text .row { height: 570px } .slider-text .text-overlay { z-index: 2; width: 100%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; padding-top: 100px; max-width: 100% } .slider-text .text-overlay h2 { font-size: 44px; margin-bottom: 0; font-weight: 500; letter-spacing: 1.1px } .slider-text .text-overlay p { font-size: 18px; max-width: 700px; margin: 0 auto } .slider-text #owl-main-text .owl-wrapper-outer { height: 100% } .slider-text #owl-main-text { height: 50px } .owl-fadeUp-in { animation: scaleUpFrom .8s ease-in-out both } .owl-fadeUp-out { animation: scaleUpTo .3s ease-in-out both } @keyframes scaleUpFrom { 0% { opacity: 0; margin-top: 40px } } @keyframes scaleUpTo { to { opacity: 0; margin-top: 40px } } .countdown-row { display: block; text-align: center } .countdown-section { border-left: 1px solid #dadada; border-color: hsla(0, 0%, 85%, .8); color: #dadada; display: inline-block; font-size: 12px; letter-spacing: -1px; padding: 22px 0 8px; width: 23%; text-align: center; text-transform: uppercase; box-sizing: border-box } @media (min-width:576px) { .countdown-section { width: 25%; letter-spacing: 1px; padding: 42px 12px 28px } } .countdown-section:first-child { border-left: 0 } .countdown-amount { color: #fff; display: block; font-size: 30px; font-weight: 700; letter-spacing: normal; line-height: 1; padding-bottom: 21px } @media (min-width:576px) { .countdown-amount { font-size: 60px } } #timer { width: 100% } .text-overlay { z-index: 2; width: 90%; max-width: 1000px } .newsletter { background-color: #0e0e0f; color: #fff; text-align: center } .newsletter p { font-size: 18px; font-weight: 400; line-height: 1.5; color: #858587 } .newsletter h3, .newsletter p { font-style: normal; font-stretch: normal } .newsletter h3 { font-size: 48px; font-weight: 500; line-height: 1; letter-spacing: -1.2px; color: #fff; letter-spacing: -2px; margin-bottom: 28px } .newsletter h3 span { font-weight: 300; color: #ffc107; } form.newsletter-form { max-width: 770px; margin: 0 auto; position: relative; overflow: hidden; font-family: Montserrat, sans-serif } form.newsletter-form input { color: #a7a9b8; display: inline-block; font-size: 13px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 5.54; letter-spacing: 1.5px; text-transform: uppercase; padding: 0 30px 0 20px; border: none; width: 100%; height: 70px; background-color: #1b1b1d; border-radius: 100px; outline: none; } form.newsletter-form input::-webkit-input-placeholder { color: #a7a9b8 } form.newsletter-form input::-moz-placeholder { color: #a7a9b8 } form.newsletter-form input:-ms-input-placeholder { color: #a7a9b8 } form.newsletter-form input:-moz-placeholder { color: #a7a9b8 } form.newsletter-form input[type=submit] { color: #fff; width: auto; background-color: #ffc107; padding: 0 40px 0 60px; text-align: center; margin: 40px auto 0; display: block; height: 60px; line-height: 60px; background-position: 32px; transition: background-color .5s ease, color .5s ease; } form.newsletter-form input[type=submit]:hover { background-color: #fff; color: #ff060a; cursor: pointer } form.newsletter-form .form-group { margin-bottom: 30px; width: 480px; float: left; padding: 0 20px 0 55px } @media (max-width:575.98px) { form.newsletter-form .form-group { width: 100%; padding: 0 10px } } form.newsletter-form .btn { width: calc(100% - 20px); float: none; margin: 0 10px; margin: 0; float: left; width: auto } .home-section { width: 100%; display: block; position: relative; overflow: hidden; background: url(/images/video_placeholder.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .section.about { position: relative; overflow: hidden } div#section-about:before { content: ""; display: block; position: absolute; top: 265px; width: 42%; right: 0; height: 845px; background-color: #f3f4f9; display: none; } div#section-about.inn:before { content: ""; display: block; position: absolute; top: 455px; width: 42%; right: 0; height: 845px; background-color: #f3f4f9; } .image-outgrid .image-cover { height: 645px; outline: 0; } div#section-about .container { min-height: 1080px; } .section.about .fullimage { background: url(/images/anahak.jpg ) no-repeat right #f6d410; min-height: 590px; background-size: 100% auto; } .section.about .fulltext { background: #f6d410; } .section.about .fulltext .info { padding-left: 100px; } .section.about .fulltext h3 { color: #fff; font-size: 34px; letter-spacing: 0px; margin-bottom: -10px; word-spacing: -2.5px; line-height: 49px; } .section.about .fulltext .info p { color: #353334; font-size: 16px; line-height: 32px; font-weight: 400; margin-bottom: 0; margin-top: 42px; letter-spacing: 0.5px; text-align: left; } .section.about .fulltext .info p b { color: #353334; font-weight: 600; } .section.about .fulltext .info .btn-primary { background-color: transparent; border-color: #353334; color: #353334; padding: 17px 42px; } .section.about .fulltext .info .btn-primary:hover { background-color: #fff; border-color: #fff; color: #0e0e0f !important; } .contentslide { width: 100%; /* margin: 50px 150px 10px; */ } .aboutimage { text-align: center; position: relative; width: 960px; position: absolute; left: 50%; margin-left: -60px; max-width: 960px; } .contentslide .sliderslide { width: 33%; display: inline-block; margin-bottom: 30px; } .contentslide .sliderslide-content { padding: 40px 20px 20px; } .contentslide .sliderslide-content:hover { /* background-color: #ffda4a; */ } .contentslide .flickity-prev-next-button { bottom: -23px; top: auto; left: auto; background-image: url(/images/arrows.svg); background-repeat: no-repeat } .contentslide .flickity-prev-next-button svg { display: none } .contentslide .flickity-prev-next-button.previous { right: 47px; background-position: 13px -17px } .contentslide .flickity-prev-next-button.previous:hover { background-position: -25px -17px } .contentslide .flickity-prev-next-button.next { right: 0px; background-position: 13px 13px } .contentslide .flickity-prev-next-button.next:hover { background-position: -25px 13px } .video .video-container { height: 800px; position: relative } .video .overlay-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 34.5px; font-weight: 700; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: 3.5px; text-align: center; color: #fff; } .video .overlay-video, .video .overlay-video:hover { outline: none; text-decoration: none } .video .overlay-video span { position: relative; top: 50%; display: block; transform: translateY(-50%) } .video .overlay-video span:before { content: ""; width: 137px; height: 137px; border-radius: 100%; display: block; margin: 0 auto 25px; border: 2px solid rgb(255 255 255); background-image: url(/images/play-reel.svg); background-repeat: no-repeat; background-position: calc(50% + 5px) 50%; background-size: 25px; } .parallax-section { background-attachment: fixed !important; background-size: cover !important } .testimonial { width: 100%; height: 686px; position: relative; background: #000; } .testimonial .col, .testimonial .container-fluid, .testimonial .row { height: 100% } .testimonial .testimonial-content { width: 100%; position: relative; top: 50%; left: 0; transform: translateY(-54%); text-align: center; padding-bottom: 0px } .testimonial__header { max-width: 600px; margin: 0 auto } .testimonial__header h1 { font-size: 55px; font-weight: 600; line-height: 1.24; letter-spacing: -2.5px; color: #fff; text-transform: none; margin-bottom: 10px } .testimonial__header h1, .testimonial__header p { font-style: normal; font-stretch: normal; text-align: center } .testimonial__header p { font-size: 18px; font-weight: 400; line-height: 1.9; letter-spacing: normal; color: #fff; font-family: Montserrat; } .testimonial__slider { margin: 30px 0 50px; } .testimonial__slider .flickity-page-dots { bottom: -45px } .testimonial__item { width: 100% } .testimonial__item .blockquote p { font-size: 28px; font-weight: 300; line-height: 34px; font-family: Montserrat; } .testimonial__item .blockquote-footer, .testimonial__item .blockquote p { font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #fff } .testimonial__item .blockquote-footer { font-size: 18px; font-weight: 400; line-height: 1.33; font-family: Montserrat; } .testimonial__item .blockquote-footer:before { content: ""; display: block; width: 57px; height: 6px; margin: 38px auto 35px; background-color: #ff060a } .brand__list { list-style: none; margin: 0; padding: 0; width: 104%; } .brand__item { margin: 50px 0 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .brand__item img { position: relative; top: 50%; transform: translateY(-50%); margin: 0 30px 0 0; width: 74%; display: block; } .contact-us { position: relative; overflow: hidden; background: #fcfcfc; } .logo_contact { width: 105px; margin-bottom: 40px; } .contact-address h3 { font-size: 28px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: -2.4px; color: #ffc000; padding-top: 7px; } .contact-address h4 { color: #000; font-size: 16px; font-weight: 500; margin: 31px 0 36px; } .contact-us .form-group { margin-bottom: 1rem; width: 47%; display: inline-block; margin-right: 2.5%; } .contact-us .form-group:nth-child(2), .contact-us .form-group:nth-child(4) { margin-right: 0; float: right; } .contact-us .form-group:nth-child(5) { width: 100%; } .contact-address p { font-size: 17px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.77; letter-spacing: -.5px; color: #2a2d2e; } .contact-address p a { color: #2a2d2e; } .contact-info .btn-primary { float: right; margin-top: -20px; } .contact-info form p { color: #000; font-size: 16px; margin-top: 7px; width: 50%; } /*------------ section contact end -----------*/ /*------------ section team start -----------*/ .team__slider { max-width: 1510px; margin: 0 auto; width: 104%; } .team__slider .team__item { width: 33%; padding: 0 50px 0 0; height: 550px; text-align: center; } .team__slider .team__item .team__item__content { border: 1.9px solid red; height: 417px; padding: 32px 31px; position: relative } .team__slider .team__item img { height: 427px; -o-object-fit: cover; object-fit: cover } .team__slider .team__item .team__name { font-size: 25px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 1.68; letter-spacing: .3px; text-align: center; color: #171717; margin: 24px 0 0 } .team__slider .team__item .team__role { font-size: 17.5px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: .4px; text-align: center; color: #807b7b } .team__slider .team__item .team__item__social { list-style: none; margin: 0; padding: 0; position: absolute; top: 32px; left: 31px; background-color: rgba(255, 6, 10, .8); width: calc(100% - 62px); height: 427px; transition: opacity .5s ease; opacity: 0; } @media(min-width:2000px) { .team__slider .team__item .team__item__social { list-style: none; margin: 0; padding: 0; position: absolute; top: 32px; left: 31px; background-color: rgba(255, 6, 10, .8); width: calc(100% - 62px); height: 427px; transition: opacity .5s ease; opacity: 0; } } .team__slider .team__item .team__item__social li { display: inline-block; font-size: 17px; margin: 0 10px; position: relative; top: 50%; opacity: 0; transform: translateY(100%) } .team__slider .team__item .team__item__social li, .team__slider .team__item .team__item__social li a { color: #fff; transition: all .5s ease } .team__slider .team__item .team__item__social li:hover, .team__slider .team__item .team__item__social li a:hover { color: #0e0e0f } .team__slider .team__item .team__item__social li:nth-child(2) { transition-delay: .1s } .team__slider .team__item .team__item__social li:nth-child(3) { transition-delay: .2s } .team__slider .team__item .team__item__social li:nth-child(4) { transition-delay: .3s } .team__slider .team__item .team__item__social li:nth-child(5) { transition-delay: .4s } .team__slider .team__item:hover .team__item__social { opacity: 1 } .team__slider .team__item:hover .team__item__social li { opacity: 1; transform: translateY(-50%) } .team__slider .flickity-page-dots { bottom: -67px; width: 96%; } .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container, .lity-iframe .lity-container, .lity-vimeo .lity-container, .lity-youtube .lity-container { width: 100%; max-width: 100%; } /*------------ section team end -----------*/ /*------------ section intro start -----------*/ .intro-default { min-height: 870px } .intro-default:before { content: ""; display: block; position: absolute; top: 145px; width: 43%; right: 0; height: 845px; background-color: #f3f4f9; } .intro-default>.container-fluid { height: 100% !important } @media (min-height:2000px) { .intro-default>.container-fluid { padding-top: 200px } } .intro-default .intro-slider { width: 100%; left: 0 } @media (max-width:1300px) { .intro-default .intro-slider { margin-left: 50px; } .intro-default:before { height: 775px; } .intro-default { min-height: 800px; } .parallax-section { background-attachment: fixed !important; background-size: inherit !important; } .testimonial .col-6 { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } } @media (min-width:2000px) { .intro-default:before { width: 45%; } } .intro-default .sub-header, .intro-default h1 { z-index: 1; position: relative } .intro-default h1 { font-family: Montserrat, sans-serif; font-size: 80px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 100px; letter-spacing: normal; text-align: left; text-transform: none; } .intro-default h1:after { font-family: Montserrat, sans-serif; font-size: 80px; font-weight: 600; font-style: normal; font-stretch: normal; line-height: 110px; letter-spacing: normal; text-align: left; text-transform: none; } .intro-default .sub-header { font-size: 17px; font-weight: 400; font-style: normal; font-stretch: normal; line-height: 1.76; letter-spacing: 3.7px; margin: 46px 8px; color: #ff060a } .intro-slider span { color: #807b7b; line-height: 30px; font-size: 16px; font-family: Montserrat; position: relative; display: block; } .intro-slider span:after { content: ""; position: absolute; width: 56px; height: 7px; background: #ff060a; left: 0; bottom: -56px; } .intro-default .intro-default__slider { list-style: none; margin: 0; padding: 0; margin-top: 121px; height: 645px; overflow: hidden; } @media (min-width:2000px) { .intro-default .intro-default__slider { height: 850px; margin-bottom: 30px; } } .intro-default .intro-default__slider li { width: 100%; height: 100% } .intro-default .default__slider-buttons { list-style: none; margin: 0; padding: 0; left: 0; top: 500px; position: absolute; font-family: Montserrat, sans-serif; font-size: 13.5px; font-weight: 500; font-style: normal; font-stretch: normal; line-height: 4; letter-spacing: 1.4px; text-align: right } @media (min-height:2000px) { .intro-default .default__slider-buttons { top: 950px } } .intro-default .default__slider-buttons .button { position: relative; padding-left: 44px; margin: 0; cursor: pointer; color: #252a33 } .intro-default .default__slider-buttons .button:after { content: ""; position: absolute; display: block; border-radius: 0; width: 40px; height: 4px; left: 0; top: calc(50% - 2px); } .intro-default .default__slider-buttons .button.selected:after { background-color: #ff060a } .default__slider-counter { font-size: 18px; font-weight: 400; position: absolute; left: 110px; bottom: 130px; height: 20px; width: 30px; transform: rotate(-90deg); color: #ff060a } .default__slider-counter:after { content: ""; width: 61px; height: 3px; background-color: #0e0e0f; display: block; position: absolute; top: 13px; left: 95px } .default__slider__quote { font-family: Montserrat, sans-serif; font-size: 25px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: normal; text-align: right; color: #1a1a1d; display: inline-block; margin-top: 30px } .default__slider__quote span { display: block } .default__slider__quote span:before { content: ""; width: 26px; height: 15px; background-image: url(/images/arrow01.svg); position: relative; left: -8px; background-size: contain; background-position: 50%; background-repeat: no-repeat; display: inline-block } .default__slider__container { text-align: center; position: relative; width: 960px; position: absolute; left: 50%; margin-left: -60px; } /*------------ section intro end -----------*/ .page_project h2 { letter-spacing: 1.5px; margin-bottom: 8px } .project-description p { font-size: 19px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.53; letter-spacing: 1.5px; text-align: left; color: #999; margin-bottom: 30px } .content-single-project img { max-width: none; width: 100% } .section.content-single-project ul { float: right; margin-top: 6px; } .section.content-single-project ul li { font-size: 16px; color: #bcbbbb; padding: 0 0 0 15px; } .section.content-single-project ul li a { color: #bcbbbb; } .browserupgrade { margin: .2em 0; background: #ccc; color: #0e0e0f; padding: .2em 0 } @media (min-width:2000px) { .container { width: 1170px; max-width: 100% } } #blog-photo-post1 { background-image: url(/images/blog-post1.jpg) } #blog-photo-post2 { background-image: url(/images/blog-post2.jpg) } #blog-photo-post3 { background-image: url(/images/blog-post3.jpg) } #post1-intro-slider { background-image: url(/images/image-post-1.jpg) } #post1-comments1 { background-image: url(/images/author1.jpg) } #post1-comments2 { background-image: url(/images/author2.jpg) } #post1-comments3 { background-image: url(/images/author3.jpg) } #post1-comments4 { background-image: url(/images/author4.jpg) } .content-page { padding-top: 60px; background-color: transparent } .navbarmob { display: none; } .navbarmob { position: absolute; right: 0; top: 18px; width: 60px; background: transparent; z-index: 9; min-height: 80px; left: inherit; } .navbar-expand-lg .navbar-toggler { display: block; outline: 0; } .collapse { display: none; } #navbarOppener { border-bottom: 0px solid #eee; margin-bottom: 0px; position: fixed; right: 0; width: 100%; height: 920px; top: 0; z-index: 9998; background: #fefffe; padding-top: 52px; transform: translate3d(0, -920px, 0); position: fixed; top: 0; transition: all 0.5s ease-out; background: #000; z-index: 11; padding: 70px 30px; overflow: auto; display: block; overflow: hidden; } .navbarmob .icon-bar { width: 25px; } .menu-lines { position: relative; display: inline-block; vertical-align: top; width: 20px; height: 18px; line-height: inherit; } .menu-line { position: absolute; left: 0; display: inline-block; vertical-align: top; height: 4px; width: 20px; background-color: currentColor; } .menu-line.menu-line-1 { top: 0; } .menu-line.menu-line-2 { top: 7px; } .menu-line.menu-line-3 { bottom: 0; } span.icon-close { position: absolute; right: 40px; top: 40px; cursor: pointer; } ul.navbar-nav.ml-auto { width: 100%; display: inline-block; } .navbarmob .navbar-nav .nav-link { font-size: 26px; color: #fff; letter-spacing: .5px; margin: 10px 5px; -webkit-transition: all .5s; transition: all .5s; position: relative; display: inline-block; font-weight: 700; } .nav-scroll { background: #fff; -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05); padding: 0; position: fixed; top: -100px; left: 0; width: 100%; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; -webkit-transform: translateY(100px); transform: translateY(100px); } .nav-scroll .icon-bar { color: #222; } .nav-scroll .navbar-nav .nav-link { color: #222; } .nav-scroll .navbar-nav .nav-link:after { background: #222; } .nav-scroll .navbar-nav .logo { padding: 15px 0; color: #111; } .newsletter .voffset-40 { margin-bottom: 37px; } @media(max-width:1025px) { html, body { width: 100%; max-width: 100%; overflow-x: hidden; } .col-9, .col-8, .col-6, .col-3, .col-2, .col-10 { -ms-flex: 0 0 95%; flex: 0 0 95%; max-width: 95%; } .team__slider .team__item { width: 32%; padding: 0 15px; height: 550px; text-align: center; margin-left: 5px; } .navbar-brand img { -o-object-fit: container; object-fit: container; width: 60px; margin-top: 15px; margin-left: 10px; } .navbarmob { display: block; } .navbar { display: none; } .container { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: inherit; margin-left: inherit; max-width: 100%; } .contentslide .flickity-prev-next-button { bottom: -23px; top: auto; left: auto; background-image: url(/images/arrows.svg); background-repeat: no-repeat; } } @media(max-width:1280px) and (min-width:1025px) { .slider { height: 106vh !important; max-height: 106vh !important; } .rev_slider li.tp-revslider-slidesli { position: absolute !important; margin-top: -130px !important; } } @media(max-width:1280px) and (min-width:768px) { .tp-rightarrow.tparrows.gyges.noSwipe { transform: matrix(1, 0, 0, 1, -78, 51) !important; } .tp-leftarrow.tparrows.gyges.noSwipe { margin-left: -36px; } #slider1 .tparrows { display: none; } } @media(max-width:1023px) and (min-width:768px) { #slider1, .tp-revslider-mainul, .slider, .slider .slide--item, .rev_slider_wrapper, div#slider1_forcefullwidth { height: 364px !important; max-height: 364px !important; } } @media(min-width:1023px) and (max-width:1025px) { #slider1, .tp-revslider-mainul, .slider, .slider .slide--item, .rev_slider_wrapper, div#slider1_forcefullwidth { height: 564px !important; max-height: 564px !important; margin-top: 61px; } .loadmore span { margin: 70px 0 70px; padding: 22px 47px; } .contact-info form p { width: 55%; } #slider1 .tparrows { display: none; } } @media(max-width:1025px) and (min-width:768px) { .header.overlayer-fixed.fixed-small .nav-link { color: #fff; } #slider1 h2 { font-family: Montserrat; font-size: 40px; line-height: 48px; letter-spacing: -1.1px; text-align: left; color: #ffffff; } #slider1 h2 span { color: #ff060a; font-size: 40px; } #slider1 .text { font-size: 16px; } #slider1 img { bottom: 0px !important; width: 630px !important; height: auto !important; position: relative; } #slider1 li:nth-child(2) img { width: 420px !important; height: auto !important; } .col-9, .col-8, .col-6, .col-3, .col-2, .col-10 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .section.about .fulltext .info { max-width: 90%; padding-left: 100px; } .navbar-brand { width: 93px; margin: -11px -14px 0; padding: 0; transition: width .5s ease; } .section.about .fulltext .voffset-180, .section.about .fulltext .voffset-170 { margin-bottom: 60px; } .navbarmob { display: block; right: 10px; } .intro-default .intro-slider { margin-left: 80px; } .intro-default h1 { font-family: Montserrat, sans-serif; font-size: 70px; } .default__slider__container { width: 620px; } .intro-default:before { height: 605px; } .intro-default { min-height: 710px; } h3.about__title { font-size: 70px; } .image-outgrid .image-cover { height: 520px; transform: translateX(-162px); width: 640px; } div#section-about:before { content: ""; display: block; position: absolute; top: 265px; width: 42%; right: 0; height: 700px; background-color: #f3f4f9; } div#section-about .container { min-height: 854px; } .team__slider.flickity-enabled.is-draggable { margin-left: -20px; } .testimonial__item .blockquote p { font-size: 25px; } section.brand { margin-left: -13px; } .contact-us .col-8 { -ms-flex: 0 0 66.6666666667%; flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } ul.js-filters.filters { margin-top: -30px; margin-bottom: 30px; } .parallax-section { background-attachment: initial !important; background-size: cover !important; background-position: center center; } .col-9.js-inview.in-view { max-width: 105%; flex: 0 0 105%; } .brand__item { -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; } section#section-team { width: 100%; overflow: hidden; } .home-section { background-image: url(/images/video_placeholder.jpg); background-attachment: initial !important; background-size: cover !important; background-position: center center; } .contact-form { padding-right: 0; width: 100%; } .brand__item img { position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; width: 95%; display: block; } #section-contact .col-6.offset-4 { margin-left: 49px; } .footer-site .footer__menu li, .footer-site .footer__menu li a { font-size: 12px; } .footer-site .footer__menu_right { float: right; text-align: left; padding-left: 65px; } .footer-site .footer__menu_left { float: left; text-align: left; padding-right: 65px; } .header.overlayer-fixed { padding-top: 0; } } @media(max-width:767px) { #slider1, .tp-revslider-mainul, .slider, .slider .slide--item, .rev_slider_wrapper, div#slider1_forcefullwidth { height: 92vh !important; max-height: 92vh !important; } } #SectVid{ background: url(/images/video.jpg) no-repeat top; background-size: 100% auto; } @media(max-width:768px) { html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden; } .voffset-240 { margin-bottom: 120px; } .navbar-brand { width: 93px; margin: 15px 0; padding: 0; transition: width .5s ease; } .intro-default>.container-fluid { height: auto !important; } .intro-slider .offset-2 { margin-left: 21px; } #slider { margin-top: 65px; } #slider1 h2 { font-family: Montserrat; font-size: 37px; line-height: 43px; letter-spacing: -1.1px; text-align: left; color: #ffffff; } #slider1 .tparrows { display: none; } #slider1 h2 span { color: #ff060a; font-size: 37px; } #slider1 .text { font-size: 15.5px; } #slider1 img { bottom: 0px !important; width: 430px !important; height: auto !important; position: relative; } #slider1 li:nth-child(2) img { width: 320px !important; height: auto !important; } .intro-default:before { content: ""; display: block; position: absolute; top: 85px; width: 67%; right: 0; height: 265px; background-color: #f3f4f9; } .section.about .voffset-120 { margin-bottom: 60px; } .section__title:after { content: ""; width: 0; height: 11px; display: block; position: absolute; bottom: 0; background-color: #ff060a; opacity: 0; transition: width .5s ease, opacity .5s ease; transition-delay: .5s; margin-top: 0; right: 0; left: inherit; margin-right: -78px; top: 12px; } .section__title { font-size: 28px; margin-left: 0; } .section__header { position: relative; text-align: center; } .intro-slider .voffset-320 { margin-bottom: 130px; } div#section-about .col-5 a.btn.btn-primary { margin-top: 20px; } .intro-default h1 { font-size: 28px; font-size: 28px; line-height: 37px; width: 50%; } section.intro.slider-full { padding-top: 0; } .intro-default .sub-header { font-size: 10px; } .intro-slider .col-5, .default__slider__container .col-5 { -ms-flex: inherit; flex: inherit; max-width: 61.666667%; } .contact-info form p { font-size: 15px; width: 100%; } .default__slider__container .offset-6 { margin-left: 30%; } .intro-default .intro-default__slider { list-style: none; margin: 0; padding: 0; margin-top: 70px; height: 300px; } .default__slider-counter { font-size: 18px; font-weight: 400; position: absolute; left: 40px; bottom: 30px; height: 20px; width: 30px; transform: rotate(-90deg); color: #ff060a; } .brand .col-2 { -ms-flex: 0 0 9%; flex: 0 0 90%; max-width: 90%; } .default__slider-counter:after { content: ""; width: 61px; height: 3px; background-color: #0e0e0f; display: block; position: absolute; top: 13px; left: 60px; } .intro-default .default__slider-buttons { list-style: none; margin: 0; padding: 0; top: 70px; } .intro-default .default__slider-buttons .button { position: relative; padding-right: 0; margin: 0; cursor: pointer; color: #252a33; margin-left: 0; padding-left: 18px; } .intro-default .default__slider-buttons .button:after { content: ""; position: absolute; display: block; border-radius: 0; width: 13px; height: 5px; right: 0; top: calc(50% - 3px); } .default__slider__quote { font-family: Montserrat, sans-serif; font-size: 19px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.2; letter-spacing: normal; text-align: right; color: #1a1a1d; display: inline-block; margin-top: -40px; width: 105%; } .intro-default { height: auto; min-height: auto; } h3 { font-size: 40px; } .col-2 { width: 100%; flex: inherit; max-width: 100%; } .col-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 98%; } .offset-4 { margin-left: 0; } .voffset-90 { margin-bottom: 40px; } .voffset-70 { margin-bottom: 30px; } .col-6, .col-4, .col-10, .col-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .col-9 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } section.intro.slider-full { min-height: 620px; } section.intro.slider-full .col-8 { max-width: 100%; margin-top: 51px; width: 80%; left: 30%; } .aboutimage { max-width: 100%; margin-top: 51px; width: 95%; left: 15%; } .intro-default .intro-slider { width: 100%; left: 0; top: 260px; margin-left: 0; } .image-outgrid .image-cover { height: 310px; transform: translateX(18px); } .voffset-150 { margin-bottom: 40px; } .contentslide .sliderslide { width: 100%; } .section__header span { font-size: 15px; } .loadmore { margin: 10px 0 20px; } .contentslide .sliderslide { margin-bottom: 60px; } .contentslide .flickity-prev-next-button.next { right: 12px; background-position: 13px 13px; } .contentslide .flickity-prev-next-button.previous { right: 67px; background-position: 13px -17px; } .filters { top: -25px; padding: 0px 0 10px; margin-bottom: -10px; } #SectVid{ background: url(/images/video.jpg) no-repeat top; background-size:cover; } .video .video-container { height: 300px; position: relative; } .section__header-right { text-align: right; position: absolute; top: 170px; right: 0; } .team__slider { max-width: 1510px; margin: 0 auto; width: 100%; } .voffset-110 { margin-bottom: 20px; } .team__slider .team__item { width: 100%; padding: 0; height: 550px; text-align: center; } div#section-about:before { content: ""; display: block; position: absolute; top: 255px; width: 73%; right: 0; height: 425px; background-color: #f3f4f9; } .section.about .fulltext .voffset-180, .section.about .fulltext .voffset-170 { margin-bottom: 60px; } .section.about .fulltext .info { max-width: 100%; padding-left: 20px; padding-right: 20px; } div#section-about .voffset-120, div#section-work .voffset-120, section.testimonial.parallax-section .voffset-120, section.brand .voffset-120, .contact-us .voffset-120 { margin-bottom: 60px; } .brand__item img { position: relative; top: 50%; transform: translateY(-50%); margin: 0; width: 94%; display: block; } .testimonial .col-6 { -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; } .testimonial__header h1 { font-size: 51px; } .contact-us .form-group { margin-bottom: 1rem; width: 100%; display: inline-block; margin-right: 2.5%; } div#section-about .col-5 { width: 100%; margin-top: 500px; max-width: 100%; flex: 0 0 100%; } .contact-info, .contact-map { width: 100%; float: left; height: inherit; } .contact-form { padding-right: 0; } .contact-us .voffset-80 { margin-bottom: 20px; } .contact-info .btn-primary { float: left; margin-top: 30px; margin-right: 2px; } .header.overlayer-fixed { position: fixed; z-index: 3; width: 100%; transition: all .5s ease; background: #fff; padding-top: 0; padding-bottom: 10px; } .header.overlayer-fixed.fixed-small { padding-bottom: 0; padding-top: 0; } .navbar-brand img { -o-object-fit: container; object-fit: container; width: 60px; margin-top: 0; margin-left: 0; } .header.overlayer-fixed.fixed-small .navbar-brand { width: 70px; margin-left: -10px; } .navbarmob { display: block; top: 13px; } .navbar { display: none; } .intro-default h1:after { display: none; } .intro-default h1 { font-size: 28px; font-size: 28px; line-height: 37px; width: 90%; } .intro-default .sub-header { font-size: 10px; margin: 34px 0px; } h4 { font-size: 25px; } .intro-slider span { display: inline-block; } .brand .voffset-110 { margin-bottom: 0px; } .footer-site .footer__menu.footer__menu_separators li { position: relative; margin: 0 6.5px; } .grid-item__rollover { position: absolute; color: #fff; opacity: 0; transition: opacity .5s ease; width: calc(100% - 40px); height: calc(100% - 20px); top: 10px; left: 20px; background-color: rgba(255, 6, 10, .9); text-align: left !important; } section#section-team .voffset-120 { margin-bottom: 60px; } section#section-team .voffset-220 { margin-bottom: 120px; } .team__slider.flickity-enabled.is-draggable { margin-top: -22px; } .parallax-section { background-attachment: initial !important; background-size: cover !important; background-position: center center; } .grid-gallery { width: 100%; padding-top: 8px; position: relative; overflow: hidden; } .header.overlayer-fixed.fixed-small .nav-link { color: #fff; } .multipages .intro-default:before { content: ""; display: block; position: absolute; top: 0; width: 59%; left: 28%; height: 400px; background-color: #f5f7f7; } .content-single-project .col-4 { width: 33%; max-width: 33%; } .home-section { background-image: url(/images/video_placeholderm.jpg); background-attachment: initial !important; background-size: cover !important; background-position: center center; } span.copyright { float: right; font-size: 13px; color: #fff; letter-spacing: 1px; font-family: Montserrat; margin-top: -7px; width: 100%; text-align: center; } } @media(max-width:768px) and (min-width:468px) { .intro-default .intro-default__slider { list-style: none; margin: 0; padding: 0; margin-top: 70px; height: 440px; } .intro-default .intro-slider { width: 100%; left: 0; top: 490px; margin-left: 0; } section.intro.slider-full { min-height: 820px; } section.intro.slider-full .col-8 { max-width: 100%; margin-top: 51px; width: 90%; left: 20%; } h4 { font-size: 32.5px; } .contentslide .sliderslide { width: 33.3%; height: 100%; } .intro-default .default__slider-buttons { list-style: none; margin: 0; padding: 0; top: 130px; } .grid-item { padding: 20px; width: 50%; } ul.js-filters.filters { margin-top: 30px; margin-bottom: -10px; } .parallax-section { background-attachment: initial !important; background-size: cover !important; background-position: center center; } .team__slider .team__item { width: 49%; padding: 0 15px; height: 550px; text-align: center; margin-left: 175px !important; } span.copyright { float: right; font-size: 13px; color: #fff; letter-spacing: 1px; font-family: Montserrat; margin-top: inherit; width: initial; text-align: center; } .brand__item { margin: 30px 0px; } .brand .col-2 { -ms-flex: 0 0 21%; flex: 0 0 21%; max-width: 21%; } .brand .voffset-110 { margin-bottom: 50px; } #section-contact .col-6.offset-4 { margin-left: 0; } .footer-site .footer__menu li, .footer-site .footer__menu li a { font-size: 11px; margin: 0 1px; } .footer-site .footer__menu_right { float: right; text-align: left; padding-left: 54px; } .footer-site .footer__menu_left { float: left; text-align: left; padding-right: 0px; } .footer-site .footer__menu.footer__menu_separators li { position: relative; margin: 0 7px; } .footer-site .footer__menu.footer__menu_separators li:not(:last-child):after { content: "|"; position: absolute; color: #2d2d2f; right: -11px; } } @media(max-width:768px) and (min-width:738px) { div#section-about:before { height: 580px; } div#section-about .col-5 { width: 100%; margin-top: 660px; } .image-outgrid .image-cover { height: 450px; transform: translateX(18px); } #slider1 h2, #slider1 .text, #slider1 a { margin-left: 20px; } } @media(max-width: 768px) and (min-height: 680px) { #slider1 img { margin-top: 30px; } #slider1 li:nth-child(2) img { margin-top: 30px; } .contentslide { width: 100%; height: 450px; } .contentslide .sliderslide-content { min-height: 400px; } } @media(max-width: 768px) and (max-height: 400px) { .contentslide { width: 100%; height: 500px; } .contentslide .sliderslide-content { min-height: 440px; } .section__title { font-size: 25px; margin-left: 0; } } @media(max-width:500px) { .footer-site { padding: 27px 0 78px; background-color: #151517; position: relative; } .footer-site .footer__menu_left { float: left; text-align: center; padding-right: 0; position: relative; bottom: 23px; height: 50px; top: inherit; width: 100%; } .footer-site .footer__menu_right { top: 30px; width: 40%; margin-left: 30%; padding: 0; float: left; text-align: center; } .footer-site .footer__menu_left li a { font-size: 14px; } } /*----------------- responsive end -------------------*/ #google-container { position: relative; width: 100%; height: 200px; background-color: #e7eaf0; } @media only screen and (min-width: 768px) { #google-container { height: 300px; } } @media only screen and (min-width: 1170px) { #google-container { height: 600px; } } #cd-google-map { position: relative; } #cd-google-map address { position: absolute; width: 100%; bottom: 0; left: 0; padding: 1em 1em; background-color: rgba(211, 104, 104, 0.9); color: white; font-size: 13px; font-size: 0.8125rem; } @media only screen and (min-width: 768px) { #cd-google-map address { font-size: 15px; font-size: 0.9375rem; text-align: center; } } #cd-zoom-in, #cd-zoom-out { height: 32px; width: 32px; cursor: pointer; margin-left: 10px; background-color: rgba(211, 104, 104, 0.9); background-repeat: no-repeat; background-size: 32px 64px; background-image: url("/images/cd-icon-controller.svg"); } .no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover { background-color: #d36868; } @media only screen and (min-width: 768px) { #cd-zoom-in, #cd-zoom-out { margin-left: 50px; } } #cd-zoom-in { background-position: 50% 0; margin-top: 10px; margin-bottom: 1px; } @media only screen and (min-width: 768px) { #cd-zoom-in { margin-top: 50px; } } #cd-zoom-out { background-position: 50% -32px; } /* Custom, iPhone Retina */ @media only screen and (min-width: 320px) and (max-width: 767px) { .slider .slide--headline { line-height: 1.1; } .slider .slide--bio { width: 320px; white-space: normal; } .slide-action .mr-30 { margin-right: 20px !important; } .slide-action .btn:not(.btn--video) { width: 130px; height: 40px; line-height: 38px; font-size: 12px; } .slider .btn--video { padding-left: 30px; } .slider .btn--video i { width: 40px; height: 40px; line-height: 38px; border-radius: 50%; text-align: center; border: 2px solid #ffffff; margin-right: 10px; font-size: 12px; } .slider, .slider .slide--item { height: 600px; } .zeus .tp-bullet { display: none; } .hero-1 { padding: 150px 0 100px; } .hero-1 .hero--headline { font-size: 40px; line-height: 50px; } .hero-1 .hero--desc { padding: 0; } .hero-1 .pos-vertical-center { position: static; -webkit-transform: perspective(1px) translateY(0); -moz-transform: perspective(1px) translateY(0); -o-transform: perspective(1px) translateY(0); transform: perspective(1px) translateY(0); } .slider .countdown-2 { display: none; } } /* Small Devices, Tablets */ @media only screen and (min-width: 768px) and (max-width: 991px) { .slider { height: 100%; } .slider-portfolio .slide--headline { font-size: 25px !important; } .slider .countdown-2 { display: none; } } .navbar li .dropdown-item, .navbar li .nav-link { color: #000; } .tp-bannertimer { visibility: hidden; width: 100%; height: 5px; background: rgba(255, 255, 255, 0.5); position: absolute; z-index: 200; top: 0px; } a.btn.btn--red1.btn--rounded { color: #fff; width: auto; padding: 0; text-align: center; margin: 40px auto 0; display: inline-block; height: 70px; line-height: 70px; background-position: 0; transition: background-color .5s ease, color .5s ease; margin-right: 0; outline: 0; margin-left: 60px; } a.btn.btn--red1.btn--rounded span { color: #fff; padding: 0; border-radius: 50%; font-size: 13px; letter-spacing: 1px; -webkit-transition: all .5s; transition: all .5s; background-color: #ff060a; margin-right: 15px; float: left; } .navbar li .dropdown-item { color: #0e0e0f; } .navbar li .nav-link:before{ background-color: #fff; } .header.overlayer-fixed.fixed-small .navbar li .nav-link:before{ background-color: #d9d9d9; } @media(max-width:1650px) and (min-width:1025px){ .slide--top1 { text-transform: uppercase; position: relative; color: #fff; letter-spacing: 1px; text-align: left; font-family: Montserrat; margin-top: 140px; margin-left: 60px; } .slider .slide--headline1 { color: #ffffff; font-family: Montserrat, sans-serif; font-weight: 300; line-height: 100px; margin-bottom: 20px; font-size: 97px; text-align: left; margin-top: 90px; margin-left: 50px; } a.btn.btn--red1.btn--rounded { color: #fff; width: auto; padding: 0; text-align: center; margin: 130px auto 0; display: inline-block; height: 70px; line-height: 70px; background-position: 0; transition: background-color .5s ease, color .5s ease; margin-right: 0; outline: 0; margin-left:50px; } a.btn.btn--red1.btn--rounded span { width: 70px; } .slider .slide--headline{ font-size:90px; } .slider .slide--bio{ padding: 0 90px; } } @media(min-width: 768px) and (max-width: 1024px){ .slider .slide--headline1 { color: #ffffff; font-family: Montserrat, sans-serif; font-weight: 300; line-height: 110px; margin-bottom: 20px; font-size: 97px; text-align: left; margin-left: 80px; margin-top: 20px; } .slide--top1 { text-transform: uppercase; position: relative; color: #fff; letter-spacing: 1px; text-align: left; font-family: Montserrat; margin-left: 90px; margin-top: 50px; } a.btn.btn--red1.btn--rounded { color: #fff; width: auto; padding: 0; text-align: center; margin: 40px auto 0; display: inline-block; height: 70px; line-height: 70px; background-position: 0; transition: background-color .5s ease, color .5s ease; margin-right: 0; outline: 0; margin-left: 80px; } a.btn.btn--red1.btn--rounded span { color: #fff; padding: 0; border-radius: 50%; font-size: 13px; letter-spacing: 1px; -webkit-transition: all .5s; transition: all .5s; background-color: #ff060a; margin-right: 15px; float: left; width: 70px; } } @media(max-width: 768px){ .section.about .fullimage { min-height: 300px; } .slider .slide--headline{ font-size: 40px; } .slider .slide--headline1 { color: #ffffff; font-family: Montserrat, sans-serif; font-weight: 300; line-height: 50px; margin-bottom: 20px; font-size: 37px; text-align: left; margin-left:20px; } .header.overlayer-fixed { position: absolute; z-index: 3; padding-top: 0; width: 100%; padding-bottom: 0; background-color: #d9d9d9; } .slide--top1 { text-transform: uppercase; position: relative; color: #fff; letter-spacing: 1px; text-align: left; font-family: Montserrat; font-size: 14px; margin-left: 20px; line-height: 20px; } a.btn.btn--red1.btn--rounded span { color: #fff; padding: 0; border-radius: 50%; font-size: 13px; letter-spacing: 1px; -webkit-transition: all .5s; transition: all .5s; background-color: #ff060a; margin-right: 15px; float: left; width: 70px; } .slide--top { letter-spacing: 2px; font-size: 14px; } a.btn.btn--red1.btn--rounded{ margin-left: 20px; } .slider .slide--bio { width: 320px; white-space: normal; margin-top: 10px; font-size: 11px; } a.btn.btn--red.btn--rounded{ display: block; margin: 70px auto 0; height: 50px; line-height: 50px; } a.btn.btn--white.btn--rounded{ display: block; margin: 15px auto 0; height: 50px; line-height: 50px; } a.btn.btn--red1.btn--rounded span img{ width: 50px!important; height: 50px!important; } }@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .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; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-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% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .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; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); 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; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -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% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; 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% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) 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% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); 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; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zoomInStable { -webkit-animation-name: zoomInStable; animation-name: zoomInStable; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-webkit-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-moz-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-o-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-ms-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } }/* Header - top bar & navbar area */ /* Xton: top header siyah, link hover pembe #f53f85 */ .top-header { background: #000000; color: #d0d0d0; padding: 12px 0; font-size: 14.5px; font-weight: 600; overflow-x: hidden; width: 100%; max-width: 100vw; box-sizing: border-box; } .top-header .container { max-width: 100%; width: 100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; overflow-x: hidden; } .top-header .row { margin-left: 0; margin-right: 0; max-width: 100%; } .top-header .row [class*="col-"] { padding-left: 15px; padding-right: 15px; max-width: 100%; min-width: 0; box-sizing: border-box; } .top-header a { color: #d0d0d0; text-decoration: none; transition: 0.5s; } .top-header a:hover { color: #f53f85; } .header-contact-info, .header-top-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; } .header-contact-info li, .header-top-menu li { margin: 0; white-space: nowrap; } .header-top-others-option { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 0.5rem; } .search-btn-box { cursor: pointer; } /* Header sağ üst sosyal medya linkleri */ .header-social-links { list-style: none; margin: 0; padding: 0; display: inline-flex; align-items: center; gap: 10px; margin-right: 15px; } .header-social-links li { margin: 0; } .header-social-links a { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: rgba(255,255,255,0.15); color: #d0d0d0; transition: color 0.3s, background 0.3s; } .header-social-links a:hover { color: #f53f85; background: rgba(255,255,255,0.25); } .top-header .col-lg-6.col-md-12:last-child { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 10px; } /* Mobil ve tablet: top header gizle */ @media (max-width: 991px) { .top-header { display: none !important; } } /* Mobil: top header kayma önleme */ @media (max-width: 767px) { .top-header .container { padding-left: 12px; padding-right: 12px; } .top-header .row [class*="col-"] { padding-left: 12px; padding-right: 12px; } .top-header .col-lg-6.col-md-12:last-child { justify-content: center; } .header-contact-info, .header-top-menu { justify-content: center; } .header-contact-info li, .header-top-menu li { white-space: normal; word-break: break-word; } .header-social-links { margin-left: 0; margin-right: 0; } } .navbar-area { background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.08); position: sticky; top: 0; z-index: 20000; } .xton-responsive-nav { display: none; padding: 12px 0; } .xton-responsive-menu { width: 100%; } .xton-responsive-menu .logo img { max-height: 50px; width: auto; } /* Mobil burger menü (sidebar açılır) */ .xton-responsive-nav .option-item .burger-menu { cursor: pointer; transition: 0.5s; position: relative; top: 2px; padding: 8px 4px; } .xton-responsive-nav .option-item .burger-menu span { height: 2px; width: 25px; background: #000; display: block; margin: 6px 0; transition: all 0.3s ease; } .xton-responsive-nav .option-item .burger-menu.active span.top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .xton-responsive-nav .option-item .burger-menu.active span.middle-bar { opacity: 0; } .xton-responsive-nav .option-item .burger-menu.active span.bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; margin-top: 4px; } /* Sidebar modal menü linkleri */ #sidebarModal .sidebar-nav .nav-link { padding: 10px 0; color: #000; font-weight: 600; border-bottom: 1px dashed rgba(0,0,0,.08); font-size: calc(1rem + 1.5px); text-align: right; display: block; width: 100%; pointer-events: auto; } #sidebarModal .sidebar-nav .nav-link:hover { color: #f53f85; } #sidebarModal .sidebar-nav .dropdown-item { color: #666; font-weight: 500; font-size: calc(1rem + 1.5px); text-align: right; display: block; width: 100%; pointer-events: auto; } #sidebarModal .sidebar-nav .dropdown-item:hover { color: #f53f85; } .xton-nav .container { display: flex; align-items: center; flex-wrap: wrap; } .xton-nav .navbar { flex-wrap: wrap; width: 100%; } .xton-nav .navbar-brand { padding: 15px 0; } .xton-nav .navbar-brand .main-logo { max-height: 55px; width: auto; display: block; } .mean-menu { flex-grow: 1; } .mean-menu .navbar-nav { flex-direction: row; align-items: center; flex-wrap: wrap; } /* Dropdown - Bootstrap 5 uyumlu; masaüstünde hover ile açılır */ .xton-nav .nav-item.dropdown { position: relative; } .xton-nav .nav-link.dropdown-toggle { cursor: pointer; } .xton-nav .nav-link.dropdown-toggle::after { margin-left: 0.35em; } .xton-nav .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 12rem; padding: 0; margin: 0.125rem 0 0; font-size: 14px; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.08); border-radius: 0.25rem; box-shadow: 0 6px 20px rgba(0,0,0,.12); } .xton-nav .dropdown-menu.show { display: block; } /* Masaüstü: menü üzerine gelince açılır (hover); tıklama ile değil */ @media (min-width: 992px) { .xton-nav .nav-item.dropdown:hover .dropdown-menu { display: block; } .xton-nav .nav-item.dropdown:not(:hover) .dropdown-menu { display: none !important; } } .xton-nav .dropdown-menu .nav-item { display: block; margin: 0; } .xton-nav .dropdown-menu .dropdown-item { display: block; width: 100%; padding: 0.6rem 1rem; clear: both; font-weight: 400; color: #0e0e0f; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; transition: background .15s ease, color .15s ease; box-sizing: border-box; margin: 0; border-radius: 0; } .xton-nav .dropdown-menu .dropdown-item:hover, .xton-nav .dropdown-menu .dropdown-item:focus { background-color: #f8f9fa; color: #f53f85; } .others-option { display: flex; align-items: center; gap: 0.75rem; margin-left: auto; } @media (max-width: 991.98px) { .xton-responsive-nav { display: flex !important; align-items: center; background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.08); } .xton-nav { display: none !important; } .top-header .col-lg-6:last-child { justify-content: flex-start; } .mean-menu .navbar-nav { flex-direction: column; width: 100%; } .xton-nav .nav-item { width: 100%; border-bottom: 1px solid rgba(0,0,0,.06); } .xton-nav .dropdown-menu { position: static; float: none; width: 100%; margin: 0; padding-left: 1rem; border: none; box-shadow: none; background: rgba(0,0,0,.03); border-radius: 0; } .xton-nav .dropdown-menu.show { display: block; } .others-option { margin-left: 0; margin-top: 1rem; width: 100%; justify-content: center; } } /* Footer - Xton/şablon yapısı */ .footer-area { position: relative; background: #0e0e0f; color: rgba(255, 255, 255, 0.85); padding: 60px 0 0; overflow: hidden; } .footer-area a { color: rgba(255, 255, 255, 0.85); text-decoration: none; transition: color 0.2s ease; } .footer-area a:hover { color: #f53f85; } .single-footer-widget { margin-bottom: 35px; } .single-footer-widget h3 { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 22px; position: relative; } .single-footer-widget.pl-4 { padding-left: 1.5rem; } .about-the-store p { margin-bottom: 18px; line-height: 1.7; font-size: 14px; } .footer-contact-info { list-style: none; margin: 0; padding: 0; } .footer-contact-info li { margin-bottom: 12px; font-size: 14px; display: flex; align-items: flex-start; gap: 10px; } .footer-contact-info li i { margin-top: 4px; flex-shrink: 0; opacity: 0.9; } .social-link { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; } .social-link li a { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, 0.08); transition: background 0.2s ease, color 0.2s ease; } .social-link li a:hover { background: #f53f85; color: #fff; } .quick-links, .customer-support { list-style: none; margin: 0; padding: 0; } .quick-links li, .customer-support li { margin-bottom: 12px; } .quick-links a, .customer-support a { font-size: 14px; } .footer-newsletter-box p { margin-bottom: 15px; font-size: 14px; line-height: 1.6; } .newsletter-form label { display: block; margin-bottom: 8px; font-size: 13px; color: rgba(255, 255, 255, 0.8); } .input-newsletter { width: 100%; max-width: 100%; padding: 12px 16px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 4px; background: rgba(255, 255, 255, 0.05); color: #fff; font-size: 14px; margin-bottom: 10px; } .input-newsletter::placeholder { color: rgba(255, 255, 255, 0.5); } .newsletter-form button[type="submit"] { padding: 12px 24px; background: #f53f85; color: #fff; border: none; border-radius: 4px; font-weight: 600; cursor: pointer; transition: opacity 0.2s ease; } .newsletter-form button[type="submit"]:hover { opacity: 0.9; } .form-result { font-size: 13px; margin-top: 8px; } /* Footer bottom */ .footer-bottom-area { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 25px 0; margin-top: 20px; } .footer-bottom-area p { margin: 0; font-size: 14px; color: rgba(255, 255, 255, 0.75); } .footer-bottom-area a { color: rgba(255, 255, 255, 0.9); } .payment-types { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; align-items: center; } .payment-types li a img { height: 28px; width: auto; opacity: 0.85; } .payment-types li a:hover img { opacity: 1; } /* Dekoratif çizgiler */ .footer-area .lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; } .footer-area .line { position: absolute; top: 0; height: 100%; width: 1px; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.03), transparent); } .footer-area .lines .line:nth-child(1) { left: 20%; } .footer-area .lines .line:nth-child(2) { left: 50%; } .footer-area .lines .line:nth-child(3) { left: 80%; } @media (max-width: 767px) { .footer-area { padding-top: 45px; } .single-footer-widget.pl-4 { padding-left: 0; } .footer-bottom-area .row { flex-direction: column; gap: 15px; } .footer-bottom-area .col-md-6.text-center.text-md-end { text-align: center !important; } .footer-bottom-area .col-md-6.text-center.text-md-start { text-align: center !important; } } /* Sayfa başlık / categories-banner-area - font ve buton düzenlemeleri */ .categories-banner-area { padding-top: 60px; padding-bottom: 50px; } .categories-banner-area.pt-100 { padding-top: 80px; } .categories-banner-area.pb-70 { padding-bottom: 50px; } .categories-banner-area .categories-banner-header { text-align: center; margin-bottom: 0; } .categories-banner-area .categories-banner-title, .categories-banner-area .section__title { font-size: 1.5rem !important; font-weight: 600; line-height: 1.3; margin: 0 !important; color: #0e0e0f; } @media (min-width: 768px) { .categories-banner-area .categories-banner-title, .categories-banner-area .section__title { font-size: 1.75rem !important; } } .categories-banner-area .breadcrumb-wrap { font-size: 0.875rem; } .categories-banner-area .breadcrumb { background: transparent; padding: 0; } .categories-banner-area .breadcrumb-item a { color: #f53f85; text-decoration: none; } .categories-banner-area .breadcrumb-item.active { color: #6c757d; } .categories-banner-area .breadcrumb-item + .breadcrumb-item::before { content: "/"; padding: 0 0.35rem; color: #6c757d; } /* Butonlar bu section içindeyse görünür olsun */ .categories-banner-area .default-btn, .categories-banner-area .optional-btn, .categories-banner-area .btn { display: inline-block; padding: 10px 24px; font-size: 0.9375rem; font-weight: 600; line-height: 1.5; text-align: center; text-decoration: none; border-radius: 4px; cursor: pointer; border: none; transition: opacity 0.2s ease; } .categories-banner-area .default-btn { background: #f53f85; color: #fff; } .categories-banner-area .default-btn:hover { color: #fff; opacity: 0.9; } .categories-banner-area .optional-btn { background: transparent; color: #f53f85; border: 2px solid #f53f85; } .categories-banner-area .optional-btn:hover { color: #fff; background: #f53f85; opacity: 0.95; } .categories-banner-area .btn-primary { background: #f53f85; color: #fff; } .categories-banner-area .btn-primary:hover { color: #fff; opacity: 0.9; } /* * Xton Template - Tema uyumluluk stilleri * Kaynak: https://templates.hibootstrap.com/xton/default/ * Renk: #f53f85 (primary), font: Montserrat + Montserrat */ :root { --xton-primary: #f53f85; --xton-text: #000000; --xton-text-muted: #777777; --xton-border: #e5e5e5; --xton-bg: #f5f5f5; } /* Body & tipografi - Xton */ body { font-family: "Montserrat", sans-serif; font-size: 15px; color: var(--xton-text); } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Montserrat", sans-serif; color: var(--xton-text); } p { color: var(--xton-text-muted); line-height: 1.8; margin-bottom: 15px; } p:last-child { margin-bottom: 0; } /* Linkler */ a { transition: 0.5s; color: var(--xton-text); text-decoration: none; } a:hover { color: var(--xton-primary); text-decoration: none; } /* Yardımcı sınıflar - Xton spacing */ .ptb-100 { padding-top: 100px; padding-bottom: 100px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .ptb-70 { padding-top: 70px; padding-bottom: 70px; } .pt-70 { padding-top: 70px; } .pb-70 { padding-bottom: 70px; } .bg-f5f5f5 { background-color: var(--xton-bg); } .d-table { width: 100%; height: 100%; display: table; } .d-table-cell { display: table-cell; vertical-align: middle; } :focus { outline: 0 !important; } /* Butonlar - Xton */ .default-btn { display: inline-block; border: 1px solid var(--xton-primary); padding: 10px 30px; transition: 0.5s; text-transform: uppercase; background-color: var(--xton-primary); color: #ffffff; font-size: 14px; font-weight: 600; font-family: "Montserrat", sans-serif; } .default-btn:hover { background-color: transparent; color: var(--xton-text); border-color: var(--xton-text); } .optional-btn { display: inline-block; border: 1px solid var(--xton-text); padding: 10px 30px; transition: 0.5s; text-transform: uppercase; background-color: transparent; color: var(--xton-text); font-size: 14px; font-weight: 600; font-family: "Montserrat", sans-serif; } .optional-btn:hover { background-color: var(--xton-primary); color: #ffffff; border-color: var(--xton-primary); } /* Bölüm başlığı - Xton */ .section-title { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .section-title span { display: block; margin-bottom: 8px; color: var(--xton-primary); font-weight: 600; } .section-title .sub-title { display: block; color: var(--xton-primary); font-size: 14px; font-weight: 600; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; } .section-title h2 { margin-bottom: 0; font-size: 35px; font-weight: 700; font-family: "Montserrat", sans-serif; } .section-title.text-start { max-width: 100%; position: relative; margin-left: 0; margin-bottom: 30px; margin-right: 0; } .section-title.text-start .default-btn { position: absolute; right: 0; bottom: 0; } /* Form - Xton */ .form-control { background-color: var(--xton-bg); height: 48px; border-radius: 0; box-shadow: unset !important; padding: 0 0 0 15px; border: 1px solid var(--xton-bg); color: var(--xton-text); font-size: 15px; transition: 0.5s; } .form-control:focus { border-color: var(--xton-primary); background-color: #ffffff; } textarea.form-control { padding-top: 15px; height: auto !important; } /* Products area - Xton uyumlu renk */ .products-area .section-title .sub-title, .products-area .section-title span { color: var(--xton-primary); } .products-area .section-title h2 { color: var(--xton-text); } body { padding: 0; margin: 0; font-family: "Montserrat"; font-size: 15px; } img { max-width: 100%; height: auto; } .d-table { width: 100%; height: 100%; } .d-table-cell { vertical-align: middle; } :focus { outline: 0 !important; } a { transition: 0.5s; color: #000000; text-decoration: none; } a:hover { color: #f53f85; text-decoration: none; } p { margin-bottom: 15px; color: #777777; line-height: 1.8; font-size: 15px; } p:last-child { margin-bottom: 0; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #000000; font-family: "Montserrat"; } .ptb-100 { padding-top: 100px; padding-bottom: 100px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .ptb-70 { padding-top: 70px; padding-bottom: 70px; } .pt-70 { padding-top: 70px; } .pb-70 { padding-bottom: 70px; } .bg-f5f5f5 { background-color: #f5f5f5; } /*default-btn&optional-btn*/ .default-btn { display: inline-block; border: 1px solid #f53f85; padding: 10px 30px; transition: 0.5s; text-transform: uppercase; background-color: #f53f85; color: #ffffff; font-size: 14px; font-weight: 600; } .default-btn:hover { background-color: transparent; color: #000000; border-color: #000000; } .optional-btn { display: inline-block; border: 1px solid #000000; padding: 10px 30px; transition: 0.5s; text-transform: uppercase; background-color: transparent; color: #000000; font-size: 14px; font-weight: 600; } .optional-btn:hover { background-color: #f53f85; color: #ffffff; border-color: #f53f85; } /*section-title*/ .section-title { text-align: center; max-width: 720px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .section-title span { display: block; margin-bottom: 8px; color: #f53f85; font-weight: 600; } .section-title h2 { margin-bottom: 0; font-size: 35px; font-weight: 700; } .section-title.text-start { max-width: 100%; position: relative; margin-left: 0; margin-bottom: 30px; margin-right: 0; } .section-title.text-start .default-btn { position: absolute; right: 0; bottom: 0; } /*form-control*/ .form-control { background-color: #f5f5f5; height: 48px; border-radius: 0; box-shadow: unset !important; padding: 0 0 0 15px; border: 1px solid #f5f5f5; color: #000000; font-size: 15px; transition: 0.5s; } .form-control:focus { border-color: #f53f85; background-color: #ffffff; } .form-control:focus::-moz-placeholder { color: transparent; } .form-control:focus::placeholder { color: transparent; } .form-control::-moz-placeholder { -moz-transition: 0.5s; transition: 0.5s; } .form-control::placeholder { transition: 0.5s; } textarea.form-control { padding-top: 15px; height: auto !important; } .buy-now-btn { right: 20px; z-index: 99; top: 50%; position: fixed; transform: translateY(-50%); border-radius: 30px; display: inline-block; color: #ffffff; background-color: #82b440; padding: 10px 20px 10px 42px; box-shadow: 0 1px 20px 1px #82b440; font-size: 13px; font-weight: 600; } .buy-now-btn img { top: 50%; left: 20px; width: 15px; position: absolute; transform: translateY(-50%); } .buy-now-btn:hover { background-color: #f53f85; color: #ffffff; } /*================================================ Top Header CSS =================================================*/ .top-header { background-color: #000000; padding-top: 12px; padding-bottom: 12px; } .top-header .container-fluid { padding-left: 30px; padding-right: 30px; } .header-contact-info { padding-left: 0; margin-bottom: 0; list-style-type: none; } .header-contact-info li { display: inline-block; color: #d0d0d0; margin-right: 25px; position: relative; font-weight: 600; font-size: 14.5px; } .header-contact-info li::before { position: absolute; right: -15px; top: 6px; width: 1px; content: ""; height: 12px; background-color: #636161; } .header-contact-info li a { display: inline-block; color: #d0d0d0; position: relative; } .header-contact-info li a:hover { color: #f53f85; } .header-contact-info li a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #f53f85; transition: 0.5s; } .header-contact-info li a:hover::before { width: 100%; } .header-contact-info li:last-child { margin-right: 0; } .header-contact-info li:last-child::before { display: none; } .header-contact-info li .language-switcher { position: relative; } .header-contact-info li .language-switcher .dropdown-toggle { padding: 0; border: none; background-color: transparent; color: #d0d0d0; font-weight: 600; font-size: 14.5px; } .header-contact-info li .language-switcher .dropdown-toggle::after { display: none; } .header-contact-info li .language-switcher .dropdown-toggle img { width: 35px; border-radius: 3px; border: 2px solid #ffffff; position: relative; top: -2px; } .header-contact-info li .language-switcher .dropdown-toggle span { display: inline-block; margin-left: 5px; } .header-contact-info li .language-switcher .dropdown-toggle span i { position: relative; font-size: 20px; top: 4px; margin-left: -3px; } .header-contact-info li .language-switcher .dropdown-menu { padding: 15px; float: unset; border: none; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-radius: 0; display: block; margin-top: 10px !important; opacity: 0; visibility: visible; transition: 0.5s; transform: scaleX(0); } .header-contact-info li .language-switcher .dropdown-menu .dropdown-item { padding: 0; color: #000000; margin-bottom: 10px; font-weight: 600; } .header-contact-info li .language-switcher .dropdown-menu .dropdown-item::before { display: none; } .header-contact-info li .language-switcher .dropdown-menu .dropdown-item:last-child { margin-bottom: 0; } .header-contact-info li .language-switcher .dropdown-menu .dropdown-item img { width: 40px; border-radius: 5px; border: 3px solid #ffffff; } .header-contact-info li .language-switcher .dropdown-menu .dropdown-item span { display: inline-block; margin-left: 7px; } .header-contact-info li .language-switcher .dropdown-menu .dropdown-item:hover, .header-contact-info li .language-switcher .dropdown-menu .dropdown-item:focus { background-color: transparent !important; } .header-contact-info li .language-switcher .dropdown-menu .dropdown-item:active, .header-contact-info li .language-switcher .dropdown-menu .dropdown-item.active { color: #000000; background-color: transparent; } .header-contact-info li .language-switcher .dropdown-menu.show { opacity: 1; visibility: visible; transform: scaleX(1); } .top-header-discount-info { text-align: center; } .top-header-discount-info p { margin-bottom: 0; line-height: initial; font-size: 14.5px; color: #ffffff; } .top-header-discount-info p a { display: inline-block; font-weight: 700; position: relative; color: #ffffff; } .top-header-discount-info p a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #f53f85; transition: 0.5s; } .top-header-discount-info p a:hover { color: #f53f85; } .top-header-discount-info p a:hover::before { width: 100%; } .header-top-menu { text-align: right; padding-left: 0; margin-bottom: 0; list-style-type: none; } .header-top-menu li { display: inline-block; color: #d0d0d0; font-weight: 600; margin-right: 25px; position: relative; font-size: 14.5px; } .header-top-menu li::before { position: absolute; right: -15px; top: 6px; width: 1px; content: ""; height: 12px; background-color: #636161; } .header-top-menu li i { position: absolute; left: 0; top: 2.5px; font-size: 16px; } .header-top-menu li a { display: inline-block; color: #d0d0d0; padding-left: 22px; position: relative; } .header-top-menu li a:hover { color: #f53f85; } .header-top-menu li a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #f53f85; transition: 0.5s; } .header-top-menu li a:hover::before { width: 100%; } .header-top-menu li:last-child { margin-right: 0; } .header-top-menu li:last-child::before { display: none; } .header-top-others-option { display: none; padding-left: 0; list-style-type: none; margin-top: 15px; margin-bottom: 0; } .header-top-others-option .option-item { display: inline-block; margin-left: 15px; position: relative; z-index: 3; color: #d0d0d0; } .header-top-others-option .option-item:first-child { margin-left: 0; } .header-top-others-option .option-item .search-btn-box { position: relative; top: 2px; } .header-top-others-option .option-item .search-btn-box .search-btn { font-size: 20px; cursor: pointer; color: #d0d0d0; transition: 0.5s; } .header-top-others-option .option-item .cart-btn { font-size: 20px; position: relative; line-height: 1; } .header-top-others-option .option-item .cart-btn a { display: inline-block; position: relative; color: #d0d0d0; } .header-top-others-option .option-item .cart-btn a span { position: absolute; right: -4px; top: -4px; width: 14px; height: 14px; text-align: center; line-height: 13.9px; border-radius: 50%; color: #ffffff; background-color: #f53f85; font-size: 10px; font-weight: 600; } /*================================================ Navbar CSS =================================================*/ .navbar-area .navbar-brand .white-logo { display: none; } .navbar-area.header-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); background: #ffffff !important; opacity: 0; visibility: hidden; transition: 0.5s; } .navbar-area.header-sticky.is-sticky { opacity: 1; visibility: visible; } .navbar-area.header-sticky.scrollUp { transform: translateY(-85px); opacity: 0; visibility: hidden; } .navbar-area.navbar-style-two .xton-nav .navbar .navbar-nav { margin-left: 50px; margin-right: auto; } .xton-responsive-nav { display: none; } .xton-responsive-nav .logo .white-logo { display: none; } .xton-nav { background-color: #ffffff; } .xton-nav .container-fluid { padding-left: 40px; padding-right: 40px; } .xton-nav .navbar { position: inherit; padding-left: 0; padding-right: 0; } .xton-nav .navbar .navbar-brand { font-size: inherit; line-height: 1; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; } .xton-nav .navbar ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } .xton-nav .navbar .navbar-nav { margin-left: auto; margin-right: auto; } .xton-nav .navbar .navbar-nav .nav-item { position: relative; } .xton-nav .navbar .navbar-nav .nav-item a { color: #000000; font-size: 14.5px; font-weight: 600; padding-left: 0; padding-right: 0; padding-top: 20px; padding-bottom: 20px; margin-left: 13px; margin-right: 13px; } .xton-nav .navbar .navbar-nav .nav-item a i { font-size: 18px; position: relative; top: 2px; display: inline-block; margin-left: -3px; margin-right: -3px; } .xton-nav .navbar .navbar-nav .nav-item a:hover, .xton-nav .navbar .navbar-nav .nav-item a:focus, .xton-nav .navbar .navbar-nav .nav-item a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item:last-child a { margin-right: 0; } .xton-nav .navbar .navbar-nav .nav-item:first-child a { margin-left: 0; } .xton-nav .navbar .navbar-nav .nav-item:hover a, .xton-nav .navbar .navbar-nav .nav-item.active a { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background: #ffffff; position: absolute; border: none; top: 70px; left: 0; width: 250px; z-index: 99; display: block; opacity: 0; visibility: hidden; border-radius: 0; transition: all 0.2s ease-in-out; padding: 0; transform: scaleX(0); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li a { padding: 0px 20px 11px; margin: 0; position: relative; display: block; color: #000000; border-bottom: 1px dashed #e5e5e5; font-size: 13px; font-weight: 600; font-family: "Montserrat"; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i { margin: 0; position: absolute; top: 50%; font-size: 20px; transform: translateY(-50%); right: 0px; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #515050; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: -250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { left: 250px; top: 0; opacity: 0; visibility: hidden; transform: scaleY(0); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #515050; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleY(1); } .xton-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: scaleX(1); } .xton-nav .navbar .navbar-nav .nav-item.megamenu { position: inherit; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .container { display: block; flex-wrap: unset; align-items: unset; justify-content: unset; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu { width: 100%; margin-top: 8px; position: absolute; top: auto; left: 0; padding: 30px 0; transform: unset !important; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title { color: #000000; position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 8px; margin-bottom: 20px; margin-top: 25px; font-size: 15.5px; font-weight: 600; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { width: 30px; height: 1px; content: ""; position: absolute; left: 0; bottom: -1px; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child { margin-top: 0; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu a { border-bottom: none !important; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a { margin-top: 14px; color: #666666; padding: 0; font-weight: 400; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { color: #f53f85; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products { overflow: hidden; position: relative; text-align: center; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products img { transition: 0.5s; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .category { position: absolute; left: 0; transition: 0.5s; right: 0; bottom: 0; background-color: #ffffff; padding: 15px; margin-left: 10px; margin-right: 10px; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .category h4 { text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 1; font-size: 15px; font-weight: 600; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .link-btn { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 3; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:not(:first-child) { margin-top: 15px; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:hover img { transform: scale(1.3); } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:hover .category { bottom: 10px; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .brand-slides { margin-top: 30px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } .xton-nav .navbar .others-option .option-item { display: inline-block; margin-left: 15px; position: relative; z-index: 3; } .xton-nav .navbar .others-option .option-item:first-child { margin-left: 0; } .xton-nav .navbar .others-option .option-item .search-btn-box { position: relative; top: 1px; } .xton-nav .navbar .others-option .option-item .search-btn-box .search-btn { font-size: 25px; cursor: pointer; color: #000000; transition: 0.5s; } .xton-nav .navbar .others-option .option-item .cart-btn { font-size: 25px; position: relative; line-height: 1; } .xton-nav .navbar .others-option .option-item .cart-btn a { display: inline-block; position: relative; color: #000000; } .xton-nav .navbar .others-option .option-item .cart-btn a span { position: absolute; right: -4px; top: -4px; width: 14px; height: 14px; text-align: center; line-height: 13.9px; border-radius: 50%; color: #ffffff; background-color: #f53f85; font-size: 10px; font-weight: 600; } .xton-nav .navbar .others-option .option-item .burger-menu { cursor: pointer; transition: 0.5s; position: relative; top: 4px; margin-left: 5px; } .xton-nav .navbar .others-option .option-item .burger-menu span { height: 1px; width: 25px; background: #000000; display: block; margin: 6px 0; transition: all 0.5s ease-in-out; } .xton-nav .navbar .others-option .option-item .burger-menu.active span.top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .xton-nav .navbar .others-option .option-item .burger-menu.active span.middle-bar { opacity: 0; } .xton-nav .navbar .others-option .option-item .burger-menu.active span.bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; margin-top: 5px; } @media only screen and (max-width: 991px) { .xton-responsive-nav { display: block; } .xton-responsive-nav .xton-responsive-menu { position: relative; } .xton-responsive-nav .xton-responsive-menu.mean-container .mean-nav { margin-top: 45px; } .xton-responsive-nav .xton-responsive-menu.mean-container .mean-nav ul { font-size: 15px; } .xton-responsive-nav .xton-responsive-menu.mean-container .mean-nav ul li a.active { color: #f53f85; } .xton-responsive-nav .xton-responsive-menu.mean-container .mean-nav ul li li a { font-size: 15px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav { overflow-y: scroll; height: 306px; box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1); } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item { overflow: hidden; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .container { padding-left: 0; padding-right: 0; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row { display: block; flex-wrap: unset; margin-left: 0; margin-right: 0; margin-top: -20px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col { flex-basis: unset; flex-grow: unset; max-width: 100%; padding-left: 0; padding-right: 0; padding-top: 20px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item .row .col:last-child { margin-bottom: 15px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .nav-item a { width: 100%; float: unset; display: block; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title { color: #000000; position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 8px; text-transform: uppercase; margin-bottom: 5px; margin-top: 25px; margin-left: 15px; margin-right: 15px; font-size: 13.5px; font-weight: 600; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before { width: 30px; height: 1px; content: ""; position: absolute; left: 0; bottom: -1px; background-color: #f53f85; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title:first-child { margin-top: 5px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu a { border-bottom: none !important; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .mean-expand { display: none !important; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu { width: auto; overflow: hidden; display: block !important; padding-left: 15px; padding-right: 15px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a { border: none; margin-top: 15px; color: #666666; padding: 0; font-weight: 400; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a:hover, .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a.active { color: #f53f85; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products { overflow: hidden; position: relative; text-align: center; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products img { transition: 0.5s; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .category { position: absolute; left: 0; transition: 0.5s; right: 0; bottom: 0; background-color: #ffffff; padding: 15px; margin-left: 10px; margin-right: 10px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .category h4 { text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 1; font-size: 15px; font-weight: 600; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products .link-btn { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 3; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:not(:first-child) { margin-top: 15px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:hover img { transform: scale(1.3); } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu .aside-trending-products:hover .category { bottom: 10px; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .brand-slides { margin-top: 0; border-top: none; border-bottom: none; border-left: none; } .xton-responsive-nav .xton-responsive-menu.mean-container .navbar-nav .nav-item.megamenu .dropdown-menu .brand-slides .brand-item a { display: block !important; padding: 20px !important; width: auto !important; } .xton-responsive-nav .xton-responsive-menu.mean-container .others-option { display: none; } .xton-responsive-nav .mean-container a.meanmenu-reveal { color: #000000; } .xton-responsive-nav .mean-container a.meanmenu-reveal span { background: #000000; position: relative; top: 8px; margin-top: -10px; } .xton-responsive-nav .logo { position: relative; width: 50%; z-index: 999; } .xton-nav { display: none; } .navbar-area { padding-top: 15px; padding-bottom: 15px; } .navbar-area.header-sticky { display: none; } } /*================================================ Search Overlay CSS =================================================*/ .search-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; overflow: hidden; } .search-overlay .search-overlay-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; transform: translateX(100%); } .search-overlay .search-overlay-layer:nth-child(1) { left: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.3s ease-in-out 0s; } .search-overlay .search-overlay-layer:nth-child(2) { left: 0; background-color: rgba(0, 0, 0, 0.4); transition: all 0.3s ease-in-out 0.3s; } .search-overlay .search-overlay-layer:nth-child(3) { left: 0; background-color: rgba(0, 0, 0, 0.7); transition: all 0.9s ease-in-out 0.6s; } .search-overlay .search-overlay-close { position: absolute; top: 40px; right: 40px; width: 50px; z-index: 2; text-align: center; cursor: pointer; padding: 10px; transition: all 0.9s ease-in-out 1.5s; opacity: 0; visibility: hidden; } .search-overlay .search-overlay-close .search-overlay-close-line { width: 100%; height: 3px; float: left; margin-bottom: 5px; background-color: #ffffff; transition: all 500ms ease; } .search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) { transform: rotate(45deg); } .search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) { margin-top: -7px; transform: rotate(-45deg); } .search-overlay .search-overlay-close:hover .search-overlay-close-line { background: #f53f85; transform: rotate(180deg); } .search-overlay .search-overlay-form { transition: all 0.9s ease-in-out 1.4s; opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); z-index: 2; max-width: 500px; width: 500px; } .search-overlay .search-overlay-form form { position: relative; } .search-overlay .search-overlay-form form .input-search { display: block; width: 100%; height: 55px; border: none; border-radius: 30px; padding-left: 20px; color: #000000; font-size: 15px; } .search-overlay .search-overlay-form form button { position: absolute; right: 5px; top: 5px; width: 45px; color: #ffffff; height: 45px; border-radius: 50%; background-color: #f53f85; transition: 0.5s; border: none; font-size: 20px; line-height: 45px; } .search-overlay .search-overlay-form form button:hover { background-color: #000000; color: #ffffff; } .search-overlay.search-overlay-active.search-overlay { opacity: 1; visibility: visible; } .search-overlay.search-overlay-active.search-overlay .search-overlay-layer { transform: translateX(0); } .search-overlay.search-overlay-active.search-overlay .search-overlay-close { opacity: 1; visibility: visible; } .search-overlay.search-overlay-active.search-overlay .search-overlay-form { opacity: 1; visibility: visible; } /*================================================ Main Banner CSS =================================================*/ .main-banner { height: 800px; position: relative; z-index: 1; background-position: top center; background-size: cover; background-repeat: no-repeat; } .banner-bg1 { background-image: url(../../assets/img/main-banner1.jpg); } .banner-bg2 { background-image: url(../../assets/img/main-banner2.jpg); } .banner-bg3 { background-image: url(../../assets/img/main-banner3.jpg); } .banner-bg4 { background-image: url(../../assets/img/offer-bg.jpg); } .banner-bg5 { background-image: url(../../assets/img/main-banner5.jpg); } .banner-bg6 { background-image: url(../../assets/img/main-banner6.jpg); } .banner-bg7 { background-image: url(../../assets/img/main-banner2.jpg); } .banner-bg8 { background-image: url(../../assets/img/main-banner2.jpg); } .banner-bg9 { background-image: url(../../assets/img/main-banner2.jpg); } .banner-section { height: 650px; position: relative; z-index: 1; background-position: top center; background-size: cover; background-repeat: no-repeat; } .banner-section .main-banner-content { max-width: 100%; margin-left: 0; } .main-banner-content .sub-title { display: block; margin-bottom: 7px; font-size: 17.5px; font-weight: 600; } .main-banner-content h1 { margin-bottom: 12px; font-size: 65px; font-weight: 700; } .main-banner-content p { color: #000000; font-weight: 500; font-size: 17px; } .main-banner-content .btn-box { margin-top: 28px; } .main-banner-content .btn-box .optional-btn { margin-left: 15px; } .main-banner-content.text-white .submenu-title { color: #ffffff; } .main-banner-content.text-white h1 { color: #ffffff; } .main-banner-content.text-white p { color: #ffffff; opacity: 0.92; } .main-banner-content.text-white .btn-box .default-btn { background-color: #ffffff; color: #000000; border-color: #ffffff; } .main-banner-content.text-white .btn-box .default-btn:hover { color: #ffffff; background-color: #000000; border-color: #000000; } .main-banner-content.text-white .btn-box .optional-btn { border-color: #ffffff; color: #ffffff; } .main-banner-content.text-white .btn-box .optional-btn:hover { color: #ffffff; background-color: #000000; border-color: #000000; } .main-banner-content.text-center .btn-box .optional-btn { margin-left: 7px; } .main-banner-content.text-center .btn-box .default-btn { margin-right: 7px; } .banner-content { position: relative; overflow: hidden; padding: 55px; max-width: 640px; z-index: 1; margin-left: auto; } .banner-content .line { top: 0; left: 0; content: ""; z-index: -1; width: 100%; height: 100%; position: absolute; display: inline-block; border: 9px solid #000000; -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%); } .banner-content .sub-title { display: block; font-weight: 300; font-size: 30px; } .banner-content h1 { margin: 12px 0 20px; font-size: 65px; font-weight: 700; } .banner-content p { color: #000000; max-width: 495px; line-height: 1.6; font-size: 20px; font-weight: 300; } .banner-content .btn-box { margin-top: 25px; } .banner-content .btn-box .optional-btn { margin-left: 15px; } .banner-content.text-white .submenu-title { color: #ffffff; } .banner-content.text-white .line { border-color: #ffffff; } .banner-content.text-white h1 { color: #ffffff; } .banner-content.text-white p { color: #ffffff; opacity: 0.92; } .banner-content.text-white .btn-box .default-btn { background-color: #ffffff; color: #000000; border-color: #ffffff; } .banner-content.text-white .btn-box .default-btn:hover { color: #ffffff; background-color: #000000; border-color: #000000; } .banner-content.text-white .btn-box .optional-btn { border-color: #ffffff; color: #ffffff; } .banner-content.text-white .btn-box .optional-btn:hover { color: #ffffff; background-color: #000000; border-color: #000000; } .hero-banner { padding-top: 30px; position: relative; z-index: 1; background-color: #f4f4f4; } .hero-banner .main-banner-content { max-width: 100%; margin-left: 0; } .banner-image { text-align: center; position: relative; z-index: 1; } .banner-image .circle { width: 470px; height: 470px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.6); z-index: -1; position: absolute; left: 0; top: 5%; right: 0; margin: 0 auto; } .banner-image img { width: unset !important; display: inline-block !important; } .owl-item.active .banner-content .sub-title { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; } .owl-item.active .banner-content h1 { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; } .owl-item.active .banner-content p { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; } .owl-item.active .banner-content .btn-box { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInUp; animation-delay: 0.3s; } .owl-item.active .banner-content .line { animation-duration: 1s; animation-fill-mode: both; animation-name: fadeInLeft; animation-delay: 0.3s; } .home-slides.owl-theme .owl-nav { margin-top: 0; } .home-slides.owl-theme .owl-nav [class*=owl-] { color: #000000; font-size: 45px; margin: 0; padding: 0; background: transparent; display: inline-block; border-radius: 0; transition: 0.5s; position: absolute; left: 0; top: 50%; opacity: 0; visibility: hidden; transform: translateY(-50%); } .home-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 0; } .home-slides.owl-theme .owl-nav [class*=owl-]:hover { color: #000000; transform: translateX(-10px) translateY(-50%); } .home-slides.owl-theme .owl-nav [class*=owl-]:hover.owl-next { transform: translateX(10px) translateY(-50%); } .home-slides.owl-theme .owl-dots { position: absolute; left: 0; right: 0; bottom: 20px; } .home-slides.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 0 4px; background: transparent; position: relative; transition: 0.5s; border-radius: 50%; border: 1px solid transparent; } .home-slides.owl-theme .owl-dots .owl-dot span::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background-color: #000000; margin: 2px; } .home-slides.owl-theme .owl-dots .owl-dot:hover span, .home-slides.owl-theme .owl-dots .owl-dot.active span { border-color: #000000; } .home-slides.owl-theme:hover .owl-nav [class*=owl-] { left: 20px; opacity: 1; visibility: visible; } .home-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; } .home-slides-two.owl-theme .owl-nav { margin-top: 0; } .home-slides-two.owl-theme .owl-nav [class*=owl-] { color: #ffffff; font-size: 45px; margin: 0; padding: 0; background: transparent; display: inline-block; border-radius: 0; transition: 0.5s; position: absolute; left: 0; top: 50%; opacity: 0; visibility: hidden; transform: translateY(-50%); } .home-slides-two.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 0; } .home-slides-two.owl-theme .owl-nav [class*=owl-]:hover { color: #ffffff; transform: translateX(-10px) translateY(-50%); } .home-slides-two.owl-theme .owl-nav [class*=owl-]:hover.owl-next { transform: translateX(10px) translateY(-50%); } .home-slides-two.owl-theme .owl-dots { position: absolute; left: 0; right: 0; bottom: 20px; } .home-slides-two.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 0 4px; background: transparent; position: relative; transition: 0.5s; border-radius: 50%; border: 1px solid transparent; } .home-slides-two.owl-theme .owl-dots .owl-dot span::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background-color: #000000; margin: 2px; } .home-slides-two.owl-theme .owl-dots .owl-dot:hover span, .home-slides-two.owl-theme .owl-dots .owl-dot.active span { border-color: #000000; } .home-slides-two.owl-theme:hover .owl-nav [class*=owl-] { left: 20px; opacity: 1; visibility: visible; } .home-slides-two.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; } .home-slides-three.owl-theme .owl-dots { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); margin-top: 0 !important; } .home-slides-three.owl-theme .owl-dots .owl-dot { display: block; } .home-slides-three.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; background: transparent; position: relative; transition: 0.5s; border-radius: 50%; border: 1px solid transparent; margin-left: 0; margin-right: 0; margin-top: 3px; margin-bottom: 3px; } .home-slides-three.owl-theme .owl-dots .owl-dot span::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background-color: #000000; margin: 2px; } .home-slides-three.owl-theme .owl-dots .owl-dot:hover span, .home-slides-three.owl-theme .owl-dots .owl-dot.active span { border-color: #000000; } /*================================================ About CSS =================================================*/ .about-area { position: relative; z-index: 1; } .about-image { position: relative; padding-right: 100px; padding-bottom: 50px; } .about-image img { border-radius: 5px; } .about-image img:nth-child(2) { position: absolute; right: 10px; bottom: 0; z-index: 1; } .about-content { padding-left: 15px; } .about-content .sub-title { display: block; margin-bottom: 8px; color: #f53f85; font-weight: 600; } .about-content h2 { margin-bottom: 15px; line-height: 1.3; font-size: 35px; font-weight: 700; } .about-content h6 { margin-bottom: 14px; line-height: 1.6; font-size: 16px; } .about-content .features-text { margin-top: 25px; } .about-content .features-text h5 { margin-bottom: 22px; position: relative; font-size: 17px; font-weight: 600; padding-left: 47px; padding-top: 7px; } .about-content .features-text i { position: absolute; left: 0; top: 0; width: 35px; height: 35px; background-color: #f53f85; text-align: center; line-height: 35px; color: #ffffff; font-size: 20px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1); border-radius: 50%; } .about-inner-area { margin-top: 80px; } .about-text h3 { position: relative; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; font-size: 22px; font-weight: 700; } .about-text h3::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 50px; background-color: #f53f85; height: 1px; } .about-text p { color: #000000; font-size: 16px; } .about-text .features-list { padding-left: 0; list-style-type: none; margin-top: 20px; margin-bottom: 0; } .about-text .features-list li { position: relative; margin-bottom: 13px; color: #000000; padding-left: 30px; } .about-text .features-list li i { font-size: 16px; color: #000000; background-color: #eaeaf2; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; transition: 0.5s; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .about-text .features-list li:last-child { margin-bottom: 0; } .about-text .features-list li:hover i { background-color: #f53f85; color: #ffffff; } /*================================================ Categories Banner CSS =================================================*/ .single-categories-box { margin-bottom: 30px; overflow: hidden; border-radius: 5px; position: relative; } .single-categories-box img { transition: 0.5s; border-radius: 5px; width: 100%; } .single-categories-box .content { position: absolute; right: 0; bottom: 0; padding: 25px 25px 0; text-align: right; } .single-categories-box .content span { display: block; margin-bottom: 8px; transition: 0.5s; color: #f53f85; font-weight: 600; transform: translateY(12px); } .single-categories-box .content h3 { margin-bottom: 0; transition: 0.5s; transform: translateY(12px); font-size: 30px; font-weight: 700; } .single-categories-box .content .default-btn { background-color: transparent; color: #000000; border-color: #000000; opacity: 0; visibility: hidden; transform: translateY(10px); } .single-categories-box .content.text-white span { color: #ffffff; } .single-categories-box .content.text-white h3 { color: #ffffff; } .single-categories-box .link-btn { display: block; width: 100%; height: 100%; z-index: 2; left: 0; top: 0; position: absolute; } .single-categories-box:hover img { transform: scale(1.07); } .single-categories-box:hover .content span { transform: translateY(-30px); } .single-categories-box:hover .content h3 { transform: translateY(-30px); } .single-categories-box:hover .content .default-btn { background-color: #f53f85; color: #ffffff; border-color: #f53f85; opacity: 1; visibility: visible; transform: translateY(-15px); } .categories-box { margin-bottom: 30px; overflow: hidden; position: relative; } .categories-box img { transition: 0.5s; width: 100%; } .categories-box .link-btn { display: block; width: 100%; height: 100%; z-index: 2; left: 0; top: 0; position: absolute; } .categories-box .content { position: absolute; top: 30px; left: 30px; transition: 0.5s; background-color: #ffffff; box-shadow: 1px 1px 3px rgba(136, 136, 136, 0.19); padding-top: 8px; padding-bottom: 8px; padding-left: 25px; padding-right: 25px; } .categories-box .content h3 { margin-bottom: 0; transition: 0.5s; font-size: 20px; font-weight: 700; font-style: italic; } .categories-box:hover img { transform: scale(1.07); } .categories-box:hover .content { background-color: #f53f85; } .categories-box:hover .content h3 { color: #ffffff; } /*================================================ Products CSS =================================================*/ .all-products-area .container .container { max-width: 100%; padding-left: 30px; padding-right: 30px; } .all-products-area .facility-area { margin-bottom: 30px; background-color: #ffffff; } .all-products-area .products-area { margin-bottom: 30px; background-color: #ffffff; } .all-products-area .facility-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; background-color: #ffffff; border-color: #ffffff; } .all-products-area .facility-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #f53f85; color: #ffffff; border-color: #f53f85; } .all-products-area .brand-area { background-color: #ffffff; } .all-products-area .brand-item a { background-color: #f5f5f5; border-color: #e7e4e4; } .all-products-area .categories-banner-area { background-color: #ffffff; margin-bottom: 30px; } .all-products-area .ptb-100 { padding-top: 30px; padding-bottom: 30px; } .all-products-area .pb-70 { padding-bottom: 0; } .all-products-area .pt-100 { padding-top: 30px; } .all-products-area .pb-100 { padding-bottom: 30px; } .single-products-box { position: relative; margin-bottom: 30px; } .single-products-box .products-image { text-align: center; position: relative; overflow: hidden; } .single-products-box .products-image a { position: relative; display: block; } .single-products-box .products-image a img { transition: 0.8s; } .single-products-box .products-image a .hover-image { position: absolute; left: 0; right: 0; opacity: 0; visibility: hidden; transform: scale(1.07); } .single-products-box .products-image .products-button { position: absolute; top: 20px; right: 20px; z-index: 1; } .single-products-box .products-image .products-button ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .single-products-box .products-image .products-button ul li { margin-bottom: 8px; opacity: 0; visibility: hidden; transform: translateX(30px); transition: all 0.3s ease-in-out 0s; } .single-products-box .products-image .products-button ul li a { display: inline-block; font-size: 25px; line-height: 1; color: #000000; position: relative; } .single-products-box .products-image .products-button ul li a:hover { color: #f53f85; } .single-products-box .products-image .products-button ul li a .tooltip-label { right: 110%; top: 45%; transform: translateX(0) translateY(-45%); position: absolute; padding: 0 10px; line-height: 28px; font-size: 12px; letter-spacing: 0.3px; visibility: hidden; white-space: nowrap; opacity: 0; color: transparent; background-color: transparent; transition: all 0.2s ease-in-out; background-color: #f53f85; color: #ffffff; } .single-products-box .products-image .products-button ul li a .tooltip-label::before { content: "\e9ff"; color: #f53f85; top: 50%; position: absolute; transform: translateY(-50%); transition: all 0.2s ease-in-out; right: -13px; font-family: "boxicons" !important; font-weight: normal; font-style: normal; font-size: 20px; } .single-products-box .products-image .products-button ul li a:hover .tooltip-label { visibility: visible; opacity: 1; right: 135%; } .single-products-box .products-image .products-button ul li:last-child { margin-bottom: 0; } .single-products-box .products-image .products-button ul li:nth-child(1) { transition-delay: 0.1s; } .single-products-box .products-image .products-button ul li:nth-child(2) { transition-delay: 0.2s; } .single-products-box .products-image .products-button ul li:nth-child(3) { transition-delay: 0.3s; } .single-products-box .products-image .sale-tag { position: absolute; left: 20px; top: 20px; background-color: red; color: #ffffff; width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; z-index: 2; text-transform: uppercase; font-weight: 700; font-size: 14px; } .single-products-box .products-image .new-tag { position: absolute; left: 20px; top: 20px; background-color: green; color: #ffffff; text-align: center; z-index: 2; padding: 1px 7px; text-transform: uppercase; font-weight: 700; font-size: 14px; } .single-products-box .products-content { margin-top: 20px; position: relative; } .single-products-box .products-content h3 { margin-bottom: 0; font-size: 20px; font-weight: 600; } .single-products-box .products-content h3 a { display: inline-block; color: #000000; } .single-products-box .products-content h3 a:hover { color: #f53f85; } .single-products-box .products-content .price { margin-top: 8px; transition: 0.5s; font-size: 15px; font-weight: 600; } .single-products-box .products-content .price .old-price { text-decoration: line-through; color: #999999; font-weight: 500; } .single-products-box .products-content .star-rating { position: absolute; right: 0; bottom: 0; color: #f49f0b; } .single-products-box .products-content .star-rating i { display: inline-block; margin-left: -2px; } .single-products-box .products-content .add-to-cart { position: absolute; left: 0; bottom: 0; text-transform: uppercase; transition: 0.5s; display: inline-block; color: #777777; opacity: 0; visibility: hidden; transform: translateX(20px); font-size: 14px; font-weight: 600; } .single-products-box .products-content .add-to-cart:hover { color: #f53f85; } .single-products-box:hover .products-content .price { opacity: 0; visibility: hidden; } .single-products-box:hover .products-content .add-to-cart { transform: translateX(0); opacity: 1; visibility: visible; } .single-products-box:hover .products-image a .main-image { opacity: 0; visibility: hidden; transform: scale(1.07); } .single-products-box:hover .products-image a .hover-image { opacity: 1; visibility: visible; transform: scale(1); } .single-products-box:hover .products-image .products-button ul li { transform: translateX(0); opacity: 1; visibility: visible; } .products-box { margin-bottom: 30px; position: relative; } .products-box .products-image { text-align: center; position: relative; overflow: hidden; } .products-box .products-image a { position: relative; display: block; } .products-box .products-image a img { transition: 0.8s; } .products-box .products-image a .hover-image { position: absolute; left: 0; right: 0; opacity: 0; visibility: hidden; transform: scale(1.07); } .products-box .products-image .products-button { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translateX(-50%) translateY(-50%); } .products-box .products-image .products-button ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .products-box .products-image .products-button ul li { opacity: 0; visibility: hidden; display: inline-block; transform: translateX(30px); transition: all 0.3s ease-in-out 0s; margin-left: 3px; margin-right: 3px; } .products-box .products-image .products-button ul li a { display: inline-block; font-size: 22px; line-height: 1; color: #000000; position: relative; width: 40px; border-radius: 50%; line-height: 43px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background-color: #ffffff; height: 40px; } .products-box .products-image .products-button ul li a:hover { background-color: #f53f85; color: #ffffff; } .products-box .products-image .products-button ul li a .tooltip-label { right: 50%; top: -15px; transform: translateX(50%); position: absolute; padding: 0 10px; line-height: 28px; font-size: 12px; letter-spacing: 0.3px; visibility: hidden; white-space: nowrap; opacity: 0; color: transparent; background-color: transparent; transition: all 0.2s ease-in-out; background-color: #000000; color: #ffffff; } .products-box .products-image .products-button ul li a .tooltip-label::before { content: "\e9ff"; color: #000000; left: 50%; position: absolute; transform: translateX(-50%) rotate(90deg); transition: all 0.2s ease-in-out; bottom: -16px; font-family: "boxicons" !important; font-weight: normal; font-style: normal; font-size: 20px; } .products-box .products-image .products-button ul li a:hover .tooltip-label { visibility: visible; opacity: 1; top: -45px; } .products-box .products-image .products-button ul li:nth-child(1) { transition-delay: 0.1s; } .products-box .products-image .products-button ul li:nth-child(2) { transition-delay: 0.2s; } .products-box .products-image .products-button ul li:nth-child(3) { transition-delay: 0.3s; } .products-box .products-image .sale-tag { position: absolute; left: 20px; top: 20px; background-color: red; color: #ffffff; width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; z-index: 2; text-transform: uppercase; font-weight: 700; font-size: 14px; } .products-box .products-image .new-tag { position: absolute; left: 20px; top: 20px; background-color: green; color: #ffffff; text-align: center; z-index: 2; padding: 1px 7px; text-transform: uppercase; font-weight: 700; font-size: 14px; } .products-box .products-content { margin-top: 20px; position: relative; } .products-box .products-content .category { display: block; margin-bottom: 7px; text-transform: uppercase; color: #f53f85; font-weight: 600; font-size: 14px; } .products-box .products-content h3 { margin-bottom: 0; font-size: 20px; font-weight: 600; } .products-box .products-content h3 a { display: inline-block; color: #000000; } .products-box .products-content h3 a:hover { color: #f53f85; } .products-box .products-content .price { transition: 0.5s; margin-top: 8px; font-size: 15px; font-weight: 600; } .products-box .products-content .price .old-price { text-decoration: line-through; color: #999999; font-weight: 500; } .products-box .products-content .star-rating { color: #f49f0b; margin-top: 8px; } .products-box .products-content .star-rating i { display: inline-block; margin-left: -2px; } .products-box .products-content .add-to-cart { position: absolute; left: 0; bottom: 0; text-transform: uppercase; transition: 0.5s; display: inline-block; color: #777777; opacity: 0; visibility: hidden; transform: translateX(20px); font-size: 14px; font-weight: 600; } .products-box .products-content .add-to-cart:hover { color: #f53f85; } .products-box .products-discount { position: absolute; top: -6.1px; right: 10px; display: inline-block; } .products-box .products-discount span { position: relative; display: block; text-align: center; line-height: 1; padding: 12px 8px 10px; border-top-right-radius: 8px; width: 90px; background-color: red; color: #ffffff; text-transform: uppercase; font-weight: 600; font-size: 14px; } .products-box .products-discount span:before { height: 6px; width: 6px; left: -6px; position: absolute; content: ""; top: 0; background: red; } .products-box .products-discount span:after { position: absolute; content: ""; height: 6px; width: 8px; left: -8px; top: 0; border-radius: 8px 8px 0 0; background: red; } .products-box:hover .products-content .price { opacity: 0; visibility: hidden; } .products-box:hover .products-content .add-to-cart { transform: translateX(0); opacity: 1; visibility: visible; } .products-box:hover .products-image a .main-image { opacity: 0; visibility: hidden; transform: scale(1.07); } .products-box:hover .products-image a .hover-image { opacity: 1; visibility: visible; transform: scale(1); } .products-box:hover .products-image .products-button ul li { transform: translateX(0); opacity: 1; visibility: visible; } .single-productsBox { margin-bottom: 30px; position: relative; text-align: center; } .single-productsBox .products-image { position: relative; overflow: hidden; } .single-productsBox .products-image a { position: relative; display: block; } .single-productsBox .products-image a img { transition: 0.8s; } .single-productsBox .products-image a .hover-image { position: absolute; left: 0; right: 0; opacity: 0; visibility: hidden; transform: scale(1.07); } .single-productsBox .products-image .products-button { position: absolute; left: 50%; z-index: 1; transform: translateX(-50%); bottom: 20px; } .single-productsBox .products-image .products-button ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .single-productsBox .products-image .products-button ul li { opacity: 0; visibility: hidden; display: inline-block; transform: translateX(30px); transition: all 0.3s ease-in-out 0s; margin-left: 3px; margin-right: 3px; } .single-productsBox .products-image .products-button ul li a { display: inline-block; font-size: 22px; line-height: 1; color: #000000; position: relative; width: 40px; border-radius: 50%; line-height: 43px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); background-color: #ffffff; height: 40px; } .single-productsBox .products-image .products-button ul li a:hover { background-color: #f53f85; color: #ffffff; } .single-productsBox .products-image .products-button ul li a .tooltip-label { right: 50%; top: -15px; transform: translateX(50%); position: absolute; padding: 0 10px; line-height: 28px; font-size: 12px; letter-spacing: 0.3px; visibility: hidden; white-space: nowrap; opacity: 0; color: transparent; background-color: transparent; transition: all 0.2s ease-in-out; background-color: #000000; color: #ffffff; } .single-productsBox .products-image .products-button ul li a .tooltip-label::before { content: "\e9ff"; color: #000000; left: 50%; position: absolute; transform: translateX(-50%) rotate(90deg); transition: all 0.2s ease-in-out; bottom: -16px; font-family: "boxicons" !important; font-weight: normal; font-style: normal; font-size: 20px; } .single-productsBox .products-image .products-button ul li a:hover .tooltip-label { visibility: visible; opacity: 1; top: -45px; } .single-productsBox .products-image .products-button ul li:nth-child(1) { transition-delay: 0.1s; } .single-productsBox .products-image .products-button ul li:nth-child(2) { transition-delay: 0.2s; } .single-productsBox .products-image .products-button ul li:nth-child(3) { transition-delay: 0.3s; } .single-productsBox .products-image .sale-tag { position: absolute; left: 20px; top: 20px; background-color: red; color: #ffffff; width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; z-index: 2; text-transform: uppercase; font-weight: 700; font-size: 14px; } .single-productsBox .products-image .new-tag { position: absolute; left: 20px; top: 20px; background-color: green; color: #ffffff; text-align: center; z-index: 2; padding: 1px 7px; text-transform: uppercase; font-weight: 700; font-size: 14px; } .single-productsBox .products-content { margin-top: 20px; position: relative; } .single-productsBox .products-content .category { display: block; margin-bottom: 7px; text-transform: uppercase; color: #f53f85; font-weight: 600; font-size: 14px; } .single-productsBox .products-content h3 { margin-bottom: 0; font-size: 20px; font-weight: 600; } .single-productsBox .products-content h3 a { display: inline-block; color: #000000; } .single-productsBox .products-content h3 a:hover { color: #f53f85; } .single-productsBox .products-content .price { transition: 0.5s; margin-top: 8px; font-size: 15px; font-weight: 600; } .single-productsBox .products-content .price .old-price { text-decoration: line-through; color: #999999; font-weight: 500; } .single-productsBox .products-content .star-rating { color: #f49f0b; margin-top: 8px; } .single-productsBox .products-content .star-rating i { display: inline-block; margin-left: -2px; } .single-productsBox .products-content .add-to-cart { position: absolute; left: 50%; bottom: 0; text-transform: uppercase; transition: 0.5s; display: inline-block; color: #777777; opacity: 0; visibility: hidden; transform: translateX(-50%); margin-left: 15px; font-size: 14px; font-weight: 600; } .single-productsBox .products-content .add-to-cart:hover { color: #f53f85; } .single-productsBox .products-discount { position: absolute; top: -6.1px; right: 10px; display: inline-block; } .single-productsBox .products-discount span { position: relative; display: block; text-align: center; line-height: 1; padding: 12px 8px 10px; border-top-right-radius: 8px; width: 90px; background-color: red; color: #ffffff; text-transform: uppercase; font-weight: 600; font-size: 14px; } .single-productsBox .products-discount span:before { height: 6px; width: 6px; left: -6px; position: absolute; content: ""; top: 0; background: red; } .single-productsBox .products-discount span:after { position: absolute; content: ""; height: 6px; width: 8px; left: -8px; top: 0; border-radius: 8px 8px 0 0; background: red; } .single-productsBox:hover .products-content .price { opacity: 0; visibility: hidden; } .single-productsBox:hover .products-content .add-to-cart { opacity: 1; margin-left: 0; visibility: visible; } .single-productsBox:hover .products-image a .main-image { opacity: 0; visibility: hidden; transform: scale(1.07); } .single-productsBox:hover .products-image a .hover-image { opacity: 1; visibility: visible; transform: scale(1); } .single-productsBox:hover .products-image .products-button ul li { transform: translateX(0); opacity: 1; visibility: visible; } .products-slides .single-products-box .products-image a img { width: auto !important; display: inline-block !important; } .products-slides.owl-theme .owl-nav { margin-top: 0; } .products-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 20px; background-color: #ffffff; margin: 0; padding: 0; width: 50px; height: 50px; line-height: 48px; position: absolute; left: 0; transition: 0.5s; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; border-radius: 50%; border-style: solid; border-color: #ffffff; border-width: 1.5px; } .products-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 0; } .products-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #f53f85; color: #ffffff; border-color: #f53f85; } .products-slides.owl-theme:hover .owl-nav [class*=owl-] { left: -30px; opacity: 1; visibility: visible; } .products-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: -30px; } .products-collections-area .container-fluid { width: 90%; } .products-filter-options { margin-bottom: 25px; } .products-filter-options .products-ordering-list .nice-select { background-color: transparent; border: none; height: 40px; line-height: 40px; color: #777777; font-size: 15px; padding-left: 0; padding-right: 0; } .products-filter-options .products-ordering-list .nice-select::after { right: 2px; width: 7px; height: 7px; border-color: #727695; border-width: 1px; } .products-filter-options .products-ordering-list .nice-select .current { color: #777777; font-family: "Montserrat"; } .products-filter-options .products-ordering-list .nice-select .list { background-color: #ffffff; border-radius: 0; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; } .products-filter-options .products-ordering-list .nice-select .list .option { transition: 0.5s; line-height: 35px; min-height: 35px; padding-left: 15px; padding-right: 15px; font-size: 15px; } .products-filter-options .products-ordering-list .nice-select .list .option:hover, .products-filter-options .products-ordering-list .nice-select .list .option.focus, .products-filter-options .products-ordering-list .nice-select .list .option.selected.focus { background-color: transparent; color: #f53f85; } .products-filter-options .products-ordering-list .nice-select .list .option.selected { font-weight: 700; } .products-filter-options p { line-height: initial; margin-bottom: 0; font-family: "Montserrat"; } .products-filter-options .sub-title { color: #000000; display: inline-block; padding-right: 5px; font-size: 15px; font-weight: 600; } .products-filter-options .sub-title a { text-transform: uppercase; color: #000000; font-weight: 700; margin-right: 15px; padding-left: 22px; display: block; position: relative; } .products-filter-options .sub-title a i { font-size: 18px; position: absolute; left: 0; top: 1px; } .products-filter-options .sub-title a:hover { color: #f53f85; } .products-filter-options .view-list-row { position: relative; top: 2px; } .products-filter-options .view-list-row .view-column a { display: inline-block; } .products-filter-options .view-list-row .view-column .icon-view-one span { cursor: pointer; width: 7px; height: 14px; display: block; float: left; border: 1px solid #d0d0d0; transition: 0.5s; } .products-filter-options .view-list-row .view-column .icon-view-one.active span, .products-filter-options .view-list-row .view-column .icon-view-one:hover span { border-color: #f53f85; } .products-filter-options .view-list-row .view-column .icon-view-two { margin-left: 2px; } .products-filter-options .view-list-row .view-column .icon-view-two span { cursor: pointer; width: 7px; height: 14px; display: block; float: left; border: 1px solid #d0d0d0; transition: 0.5s; } .products-filter-options .view-list-row .view-column .icon-view-two span:not(:first-child) { margin-left: 1px; } .products-filter-options .view-list-row .view-column .icon-view-two.active span, .products-filter-options .view-list-row .view-column .icon-view-two:hover span { border-color: #f53f85; } .products-filter-options .view-list-row .view-column .icon-view-three { margin-left: 2px; } .products-filter-options .view-list-row .view-column .icon-view-three span { width: 7px; height: 14px; display: block; float: left; border: 1px solid #d0d0d0; transition: 0.5s; } .products-filter-options .view-list-row .view-column .icon-view-three span:not(:first-child) { margin-left: 1px; } .products-filter-options .view-list-row .view-column .icon-view-three.active span, .products-filter-options .view-list-row .view-column .icon-view-three:hover span { border-color: #f53f85; } .products-filter-options .view-list-row .view-column .icon-view-four { margin-left: 2px; } .products-filter-options .view-list-row .view-column .icon-view-four span { width: 7px; height: 14px; display: block; float: left; border: 1px solid #d0d0d0; transition: 0.5s; } .products-filter-options .view-list-row .view-column .icon-view-four span:not(:first-child) { margin-left: 1px; } .products-filter-options .view-list-row .view-column .icon-view-four.active span, .products-filter-options .view-list-row .view-column .icon-view-four:hover span { border-color: #f53f85; } .products-filter-options .view-list-row .view-column .icon-view-five { margin-left: 2px; } .products-filter-options .view-list-row .view-column .icon-view-five span { width: 5px; height: 14px; display: block; float: left; border: 1px solid #d0d0d0; transition: 0.5s; } .products-filter-options .view-list-row .view-column .icon-view-five span:not(:first-child) { margin-left: 1px; } .products-filter-options .view-list-row .view-column .icon-view-five.active span, .products-filter-options .view-list-row .view-column .icon-view-five:hover span { border-color: #f53f85; } .products-filter-options .view-list-row .view-column .icon-view-six { margin-left: 2px; } .products-filter-options .view-list-row .view-column .icon-view-six span { width: 3px; height: 14px; display: block; float: left; border: 1px solid #d0d0d0; transition: 0.5s; } .products-filter-options .view-list-row .view-column .icon-view-six span:not(:first-child) { margin-left: 1px; } .products-filter-options .view-list-row .view-column .icon-view-six.active span, .products-filter-options .view-list-row .view-column .icon-view-six:hover span { border-color: #f53f85; } .products-filter-options .view-list-row .view-column .view-grid-switch { margin-left: 2px; } .products-filter-options .view-list-row .view-column .view-grid-switch span { width: 24px; height: 6px; display: block; position: relative; background-color: #d0d0d0; transition: 0.5s; } .products-filter-options .view-list-row .view-column .view-grid-switch span::before { content: ""; position: absolute; top: 0; left: 6px; background-color: #ffffff; display: block; width: 2px; height: 6px; } .products-filter-options .view-list-row .view-column .view-grid-switch span:not(:first-child) { margin-top: 2px; } .products-filter-options .view-list-row .view-column .view-grid-switch.active span, .products-filter-options .view-list-row .view-column .view-grid-switch:hover span { background-color: #f53f85; } #products-collections-filter.products-col-one .products-col-item { flex: 0 0 100%; max-width: 100%; } #products-collections-filter.products-col-one .products-col-item .single-products-box .products-image a img { width: 100%; } #products-collections-filter.products-col-one .products-col-item .products-box .products-image a img { width: 100%; } #products-collections-filter.products-col-one .products-col-item .single-productsBox .products-image a img { width: 100%; } #products-collections-filter.products-col-three .products-col-item { flex: 0 0 33.333333%; max-width: 33.333333%; } #products-collections-filter.products-row-view .products-col-item { flex: 0 0 100%; max-width: 100%; } #products-collections-filter.products-row-view .products-col-item .single-products-box { display: flex; flex-wrap: wrap; align-items: center !important; background-color: #fdfdfd; } #products-collections-filter.products-row-view .products-col-item .single-products-box .products-image { position: relative; flex: 0 0 41.666667%; max-width: 41.666667%; } #products-collections-filter.products-row-view .products-col-item .single-products-box .products-content { flex: 0 0 58.333333%; max-width: 58.333333%; text-align: left; padding-left: 30px; padding-right: 30px; } #products-collections-filter.products-row-view .products-col-item .single-products-box .products-content .add-to-cart { left: 30px; } #products-collections-filter.products-row-view .products-col-item .single-products-box .products-content .star-rating { right: 30px; } #products-collections-filter.products-row-view .products-col-item .products-box { display: flex; flex-wrap: wrap; align-items: center !important; background-color: #fdfdfd; } #products-collections-filter.products-row-view .products-col-item .products-box .products-image { position: relative; flex: 0 0 41.666667%; max-width: 41.666667%; } #products-collections-filter.products-row-view .products-col-item .products-box .products-content { flex: 0 0 58.333333%; max-width: 58.333333%; text-align: left; padding-left: 30px; padding-right: 30px; } #products-collections-filter.products-row-view .products-col-item .products-box .products-content .add-to-cart { left: 30px; } #products-collections-filter.products-row-view .products-col-item .single-productsBox { display: flex; flex-wrap: wrap; align-items: center !important; background-color: #fdfdfd; } #products-collections-filter.products-row-view .products-col-item .single-productsBox .products-image { position: relative; flex: 0 0 41.666667%; max-width: 41.666667%; } #products-collections-filter.products-row-view .products-col-item .single-productsBox .products-content { flex: 0 0 58.333333%; max-width: 58.333333%; text-align: left; padding-left: 30px; padding-right: 30px; } #products-collections-filter.products-row-view .products-col-item .single-productsBox .products-content .add-to-cart { left: 30px; transform: translateX(0); } #products-collections-filter.products-row-view .products-col-item.col-lg-4 { flex: 0 0 50%; max-width: 50%; } #products-collections-filter.products-col-two .col-lg-4 { flex: 0 0 50%; max-width: 50%; } #products-collections-filter.products-col-four .col-lg-4 { flex: 0 0 25%; max-width: 25%; } /*================================================ Products Details CSS =================================================*/ .products-details-image img { width: 100%; } .products-details-image .slick-slider { position: relative; padding: 0; margin: 0; list-style-type: none; } .products-details-image .slick-dots { padding: 0; text-align: center; list-style-type: none; display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; margin-top: 0; margin-bottom: 0; } .products-details-image .slick-dots li { display: block; flex: 0 0 20%; max-width: 20%; position: relative; padding-left: 5px; padding-right: 5px; padding-top: 10px; } .products-details-image .slick-dots li button { padding: 0; outline: 0; display: block; border: none; margin: 0; cursor: pointer; } .products-details-image .slick-dots li img { transition: 0.5s; } .products-details-image .slick-dots li:hover img, .products-details-image .slick-dots li.slick-active img { opacity: 0.4; } .products-details-image .slick-thumbs { display: none; } .products-details-image .row { margin-left: -8px; margin-right: -8px; margin-top: -15px; } .products-details-image .row .col-lg-6 { padding-left: 8px; padding-right: 8px; } .products-details-image .row .col-lg-6 .single-products-details-image { margin-top: 15px; } .products-details-image .single-products-details-image { margin-top: 30px; } .products-details-image .single-products-details-image:first-child { margin-top: 0; } .products-details-image-slider.owl-theme { margin-bottom: 30px; } .products-details-image-slider.owl-theme .owl-nav { margin-top: 0; } .products-details-image-slider.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 15px; margin: 0; padding: 0; background: #ffffff; width: 40px; height: 40px; line-height: 35px; position: absolute; left: 15px; transition: 0.5s; top: 50%; padding-right: 2px !important; transform: translateY(-50%); border-radius: 50%; border-style: solid; border-color: #ffffff; border-width: 1.5px; } .products-details-image-slider.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 15px; padding-right: 0 !important; padding-left: 2px !important; } .products-details-image-slider.owl-theme .owl-nav [class*=owl-]:hover { background-color: #f53f85; color: #ffffff; border-color: #f53f85; } .products-details-desc h3 { margin-bottom: 18px; font-size: 22px; font-weight: 700; } .products-details-desc .price { margin-bottom: 15px; color: #f53f85; font-size: 15px; font-weight: 600; } .products-details-desc .price .old-price { text-decoration: line-through; color: #828893; font-weight: normal; } .products-details-desc .products-review { margin-bottom: 12px; } .products-details-desc .products-review .rating { display: inline-block; padding-right: 5px; font-size: 18px; } .products-details-desc .products-review .rating i { color: #ffba0a; display: inline-block; margin-right: -2px; } .products-details-desc .products-review .rating-count { display: inline-block; color: #000000; border-bottom: 1px solid #000000; line-height: initial; position: relative; top: -2px; font-weight: 600; } .products-details-desc .products-review .rating-count:hover { color: #f53f85; border-color: #f53f85; } .products-details-desc .products-info { list-style-type: none; padding-left: 0; margin-top: 15px; margin-bottom: 0; } .products-details-desc .products-info li { color: #000000; margin-bottom: 8px; font-size: 16px; } .products-details-desc .products-info li:last-child { margin-bottom: 0; } .products-details-desc .products-info li span { color: #777777; } .products-details-desc .products-info li a { display: inline-block; font-weight: 600; color: #000000; } .products-details-desc .products-info li a:hover { color: #f53f85; } .products-details-desc .products-color-switch { margin-top: 10px; } .products-details-desc .products-color-switch span { margin-bottom: 8px; display: block; font-size: 17px; font-weight: 600; } .products-details-desc .products-color-switch ul { padding-left: 0; list-style-type: none; margin-bottom: 0; margin-top: -3px; margin-left: -3px; } .products-details-desc .products-color-switch ul li { display: inline-block; margin-left: 3px; margin-top: 3px; } .products-details-desc .products-color-switch ul li a { display: block; position: relative; border: 1px solid transparent; width: 22px; height: 22px; border-radius: 50%; } .products-details-desc .products-color-switch ul li a::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: #eeeeee; border-radius: 50%; margin: 2px; transition: 0.5s; } .products-details-desc .products-color-switch ul li a:hover, .products-details-desc .products-color-switch ul li a:focus { border-color: #000000; } .products-details-desc .products-color-switch ul li a.color-white::before { background: #ffffff; border: 1px solid #eeeeee; } .products-details-desc .products-color-switch ul li a.color-black::before { background: #000000; } .products-details-desc .products-color-switch ul li a.color-red::before { background: red; } .products-details-desc .products-color-switch ul li a.color-blue::before { background: blue; } .products-details-desc .products-color-switch ul li a.color-green::before { background: green; } .products-details-desc .products-color-switch ul li a.color-yellow::before { background: yellow; } .products-details-desc .products-color-switch ul li a.color-yellowgreen::before { background: yellowgreen; } .products-details-desc .products-color-switch ul li a.color-pink::before { background: pink; } .products-details-desc .products-color-switch ul li a.color-violet::before { background: violet; } .products-details-desc .products-color-switch ul li a.color-teal::before { background: teal; } .products-details-desc .products-color-switch ul li a.color-plum::before { background: plum; } .products-details-desc .products-color-switch ul li a.color-lime::before { background: lime; } .products-details-desc .products-color-switch ul li a.color-blueviolet::before { background: blueviolet; } .products-details-desc .products-color-switch ul li.active a { border-color: #000000; } .products-details-desc .products-size-wrapper { margin-top: 8px; margin-bottom: 25px; } .products-details-desc .products-size-wrapper span { margin-bottom: 8px; display: block; font-size: 17px; font-weight: 600; } .products-details-desc .products-size-wrapper ul { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: -8px; margin-left: -8px; } .products-details-desc .products-size-wrapper ul li { display: inline-block; margin-left: 8px; margin-top: 8px; } .products-details-desc .products-size-wrapper ul li a { width: 38px; height: 35px; display: block; line-height: 32px; border: 1px solid #eeeeee; color: #858585; text-align: center; font-size: 15px; font-weight: 600; } .products-details-desc .products-size-wrapper ul li a:hover { border-color: #f53f85; color: #f53f85; } .products-details-desc .products-size-wrapper ul li.active a { border-color: #f53f85; color: #f53f85; } .products-details-desc .products-info-btn { margin-bottom: 25px; } .products-details-desc .products-info-btn a { text-transform: uppercase; display: inline-block; position: relative; padding-left: 22px; line-height: initial; font-size: 14px; font-weight: 600; } .products-details-desc .products-info-btn a::before { content: ""; position: absolute; left: 0; bottom: -2px; width: 0; height: 1.5px; background: #f53f85; transition: 0.5s; } .products-details-desc .products-info-btn a i { font-size: 18px; position: absolute; left: 0; top: 0; } .products-details-desc .products-info-btn a:hover { color: #f53f85; } .products-details-desc .products-info-btn a:hover::before { width: 100%; } .products-details-desc .products-info-btn a:not(:first-child) { margin-left: 15px; } .products-details-desc .products-add-to-cart .input-counter { max-width: 120px; min-width: 120px; margin-right: 10px; text-align: center; display: inline-block; position: relative; } .products-details-desc .products-add-to-cart .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 50px; transition: 0.5s; font-size: 22px; } .products-details-desc .products-add-to-cart .input-counter span.minus-btn { left: 0; } .products-details-desc .products-add-to-cart .input-counter span.plus-btn { right: 0; } .products-details-desc .products-add-to-cart .input-counter span:hover { color: #f53f85; } .products-details-desc .products-add-to-cart .input-counter input { height: 45px; color: #000000; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600; } .products-details-desc .products-add-to-cart .input-counter input::-moz-placeholder { color: #000000; } .products-details-desc .products-add-to-cart .input-counter input::placeholder { color: #000000; } .products-details-desc .wishlist-compare-btn { margin-top: 20px; } .products-details-desc .wishlist-compare-btn .optional-btn { padding-top: 8px; padding-bottom: 10px; } .products-details-desc .wishlist-compare-btn .optional-btn i { font-size: 20px; position: relative; top: 3px; } .products-details-desc .wishlist-compare-btn .optional-btn:not(:first-child) { margin-left: 10px; } .products-details-desc .buy-checkbox-btn { margin-top: 20px; } .products-details-desc .buy-checkbox-btn input { display: none; } .products-details-desc .buy-checkbox-btn .cbx { margin: auto; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; } .products-details-desc .buy-checkbox-btn .cbx span { display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0); } .products-details-desc .buy-checkbox-btn .cbx span:first-child { position: relative; width: 18px; height: 18px; border-radius: 3px; transform: scale(1); vertical-align: middle; border: 1px solid #ebebeb; transition: all 0.2s ease; transition: 0.5s; } .products-details-desc .buy-checkbox-btn .cbx span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0); transition: 0.5s; } .products-details-desc .buy-checkbox-btn .cbx span:first-child:before { content: ""; width: 100%; height: 100%; background: #f53f85; display: block; transform: scale(0); opacity: 1; border-radius: 50%; transition: 0.5s; } .products-details-desc .buy-checkbox-btn .cbx span:last-child { padding-left: 4px; color: #000000; position: relative; top: -1px; } .products-details-desc .buy-checkbox-btn .cbx:hover span:first-child { border-color: #f53f85; } .products-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child { background: #f53f85; border-color: #f53f85; animation: wave 0.4s ease; } .products-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child svg { stroke-dashoffset: 0; } .products-details-desc .buy-checkbox-btn .inp-cbx:checked + .cbx span:first-child:before { transform: scale(3.5); opacity: 0; transition: all 0.6s ease; } .products-details-desc .buy-checkbox-btn .item:not(:first-child) { margin-top: 20px; } .products-details-desc .buy-checkbox-btn .default-btn { display: block; text-align: center; } .products-details-desc .products-details-accordion { margin-top: 25px; } .products-details-desc .products-details-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-item { border-radius: 5px; display: block; background: #ffffff; margin-bottom: 15px; border: none; } .products-details-desc .products-details-accordion .accordion .accordion-item:last-child { margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-title { padding-left: 28px; color: #000000; text-decoration: none; position: relative; display: block; font-size: 16px; font-weight: 700; } .products-details-desc .products-details-accordion .accordion .accordion-title i { position: absolute; left: 0; top: 1px; font-size: 25px; transition: 0.5s; } .products-details-desc .products-details-accordion .accordion .accordion-title.active i { transform: rotate(180deg); } .products-details-desc .products-details-accordion .accordion .accordion-content { display: none; position: relative; margin-top: -5px; padding-top: 15px; } .products-details-desc .products-details-accordion .accordion .accordion-content.show { display: block; } .products-details-desc .products-details-accordion .accordion .accordion-content ul, .products-details-desc .products-details-accordion .accordion .accordion-content ol { padding-left: 0; list-style-type: none; margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content ul li, .products-details-desc .products-details-accordion .accordion .accordion-content ol li { margin-bottom: 10px; position: relative; padding-left: 13px; color: #777777; } .products-details-desc .products-details-accordion .accordion .accordion-content ul li::before, .products-details-desc .products-details-accordion .accordion .accordion-content ol li::before { content: ""; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background: #f53f85; border-radius: 50%; } .products-details-desc .products-details-accordion .accordion .accordion-content ul li:last-child, .products-details-desc .products-details-accordion .accordion .accordion-content ol li:last-child { margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content .table { margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content .table.table-striped tbody tr td { border-top: none; vertical-align: middle; white-space: nowrap; padding: 10px 15px; color: #000000; } .products-details-desc .products-details-accordion .accordion .accordion-content .table.table-striped tbody tr td:first-child { font-weight: 500; } .products-details-desc .products-details-accordion .accordion .accordion-content .table.table-bordered tbody tr td { vertical-align: middle; white-space: nowrap; padding: 10px 15px; color: #777777; line-height: 1.7; border-color: #eeeeee; } .products-details-desc .products-details-accordion .accordion .accordion-content .table.table-bordered tbody tr td:first-child { color: #000000; font-weight: 500; } .products-details-desc .products-details-accordion .accordion .accordion-content h3 { margin-bottom: 12px; font-size: 18px; font-weight: 700; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form { margin-top: 10px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title { position: relative; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title .rating { display: inline-block; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title .rating .bx.bxs-star { color: #ffba0a; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title .rating i { color: #ebebeb; font-size: 16px; margin-right: -1px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title p { margin-bottom: 0; display: inline-block; padding-left: 5px; line-height: initial; position: relative; top: -2px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-title .default-btn { position: absolute; right: 0; bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments { margin-top: 35px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item { margin-top: 30px; position: relative; border-top: 1px dashed #eeeeee; padding-top: 30px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item .rating .bx.bxs-star { color: #ffba0a; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item .rating i { font-size: 17px; color: #ebebeb; margin-right: -1px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item h3 { font-size: 18px; margin-top: 8px; margin-bottom: 8px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item span { margin-bottom: 10px; font-size: 15px; display: block; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item span strong { font-weight: 500; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-comments .review-item p { margin-bottom: 0; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-form { margin-top: 30px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-form h3 { margin-bottom: 20px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-form form .form-group { margin-bottom: 15px; } .products-details-desc .products-details-accordion .accordion .accordion-content .products-review-form .review-form form .default-btn { margin-top: 10px; } .products-details-tab { margin-top: 50px; } .products-details-tab .tabs { list-style-type: none; margin-bottom: -1px; padding-left: 0; } .products-details-tab .tabs li { display: inline-block; line-height: initial; margin-right: 5px; } .products-details-tab .tabs li a { display: block; position: relative; color: #000000; border: 1px dashed #eeeeee; padding: 13px 30px 13px 48px; font-weight: 600; font-size: 15px; } .products-details-tab .tabs li a .dot { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; width: 12px; height: 12px; border: 1px solid #000000; transition: 0.5s; border-radius: 50%; } .products-details-tab .tabs li a .dot::before { position: absolute; top: 0; content: ""; left: 0; right: 0; bottom: 0; background: #000000; margin: 2px; border-radius: 50%; transition: 0.5s; } .products-details-tab .tabs li a:hover { color: #ffffff; background-color: #f53f85; border-color: #f53f85; } .products-details-tab .tabs li a:hover .dot { border-color: #ffffff; } .products-details-tab .tabs li a:hover .dot::before { background: #ffffff; } .products-details-tab .tabs li.current a { color: #ffffff; background-color: #f53f85; border-color: #f53f85; } .products-details-tab .tabs li.current a .dot { border-color: #ffffff; } .products-details-tab .tabs li.current a .dot::before { background: #ffffff; } .products-details-tab .tabs li:last-child { margin-right: 0; } .products-details-tab .tab-content { border: 1px dashed #eeeeee; padding: 30px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content ul, .products-details-tab .tab-content .tabs-item .products-details-tab-content ol { padding-left: 0; list-style-type: none; margin-bottom: 0; } .products-details-tab .tab-content .tabs-item .products-details-tab-content ul li, .products-details-tab .tab-content .tabs-item .products-details-tab-content ol li { margin-bottom: 10px; position: relative; padding-left: 13px; color: #777777; } .products-details-tab .tab-content .tabs-item .products-details-tab-content ul li::before, .products-details-tab .tab-content .tabs-item .products-details-tab-content ol li::before { content: ""; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background: #f53f85; border-radius: 50%; } .products-details-tab .tab-content .tabs-item .products-details-tab-content ul li:last-child, .products-details-tab .tab-content .tabs-item .products-details-tab-content ol li:last-child { margin-bottom: 0; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .table { margin-bottom: 0; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .table.table-striped tbody tr td { border-top: none; vertical-align: middle; white-space: nowrap; padding: 10px 15px; color: #000000; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .table.table-striped tbody tr td:first-child { font-weight: 600; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .table.table-bordered tbody tr td { vertical-align: middle; white-space: nowrap; padding: 10px 15px; color: #777777; line-height: 1.7; border-color: #eeeeee; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .table.table-bordered tbody tr td:first-child { color: #000000; font-weight: 600; } .products-details-tab .tab-content .tabs-item .products-details-tab-content h3 { margin-bottom: 15px; font-size: 22px; font-weight: 700; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-title { position: relative; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-title .rating { display: inline-block; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-title .rating .bx.bxs-star { color: #ffba0a; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-title .rating i { color: #ebebeb; font-size: 18px; margin-right: -1px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-title p { margin-bottom: 0; display: inline-block; padding-left: 5px; line-height: initial; position: relative; top: -2px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-title .default-btn { position: absolute; right: 0; bottom: 0; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-comments { margin-top: 35px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-comments .review-item { margin-top: 30px; position: relative; padding-right: 200px; border-top: 1px dashed #eeeeee; padding-top: 30px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-comments .review-item .rating .bx.bxs-star { color: #ffba0a; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-comments .review-item .rating i { font-size: 17px; color: #ebebeb; margin-right: -1px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-comments .review-item h3 { font-size: 20px; margin-top: 8px; margin-bottom: 8px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-comments .review-item span { margin-bottom: 10px; font-size: 15px; display: block; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-comments .review-item span strong { font-weight: 500; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-comments .review-item p { margin-bottom: 0; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-form { margin-top: 30px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-form h3 { margin-bottom: 20px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-form form .form-group { margin-bottom: 15px; } .products-details-tab .tab-content .tabs-item .products-details-tab-content .products-review-form .review-form form .default-btn { margin-top: 10px; } .related-products { margin-top: 70px; } /*================================================ Offer CSS =================================================*/ .offer-area { position: relative; z-index: 1; background-position: center center; background-size: cover; background-repeat: no-repeat; } .offer-area.bg-image1 { background-image: url(../../assets/img/offer-bg.jpg); } .offer-area.bg-image2 { background-image: url(../../assets/img/offer-bg2.jpg); } .offer-content { max-width: 550px; border: 1px solid #ffffff; margin-left: auto; text-align: center; border-radius: 5px; padding: 70px 40px; position: relative; z-index: 1; } .offer-content span { display: block; margin-bottom: 10px; color: #f53f85; font-weight: 600; } .offer-content h2 { margin-bottom: 0; font-size: 45px; font-weight: 700; } .offer-content p { line-height: initial; margin-top: 10px; } .offer-content .default-btn { margin-top: 12px; } .offer-content::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #ffffff; z-index: -1; border-radius: 5px; margin: 10px; } .offer-content-box { max-width: 720px; margin-right: auto; text-align: center; position: relative; z-index: 1; } .offer-content-box span { display: block; color: #ffffff; font-weight: 300; font-size: 30px; } .offer-content-box h2 { margin: 10px 0 10px; color: #ffffff; font-size: 65px; font-weight: 700; } .offer-content-box p { color: #ffffff; font-size: 20px; font-weight: 300; } .offer-content-box .default-btn { margin-top: 10px; } .single-offer-products { position: relative; border-radius: 5px; padding-right: 100px; } .single-offer-products img { display: inline-block !important; width: auto !important; } .single-offer-products .image { border-radius: 5px; } .single-offer-products .image a { display: block; border-radius: 5px; } .single-offer-products .image a img { border-radius: 5px; } .single-offer-products .content { position: absolute; right: 15px; box-shadow: 0px 8px 16px 0px rgba(146, 184, 255, 0.2); background-color: #ffffff; border-radius: 5px; padding: 40px; max-width: 415px; top: 50%; transform: translateY(-50%); } .single-offer-products .content h3 { margin-bottom: 0; font-size: 30px; font-weight: 700; } .single-offer-products .content p { margin-top: 10px; } .offer-products-slides.owl-theme .owl-dots { margin-top: 0 !important; position: absolute; left: 20px; bottom: 20px; } .offer-products-slides.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 0 4px; background: transparent; position: relative; transition: 0.5s; border-radius: 50%; border: 1px solid transparent; } .offer-products-slides.owl-theme .owl-dots .owl-dot span::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background-color: #ffffff; margin: 2px; } .offer-products-slides.owl-theme .owl-dots .owl-dot:hover span, .offer-products-slides.owl-theme .owl-dots .owl-dot.active span { border-color: #ffffff; } /*================================================ Facility CSS =================================================*/ .facility-area { position: relative; z-index: 1; } .single-facility-box { margin-bottom: 30px; text-align: center; cursor: pointer; } .single-facility-box .icon { background-color: #F9F9F9; width: 150px; height: 150px; position: relative; border-radius: 50%; transition: 0.5s; font-size: 65px; margin-left: auto; margin-right: auto; } .single-facility-box .icon i { position: absolute; left: 0; right: 0; top: 40%; transform: translateY(-40%); } .single-facility-box h3 { display: block; background-color: #ffffff; position: relative; padding-top: 18px; z-index: 1; margin-top: -25px; margin-bottom: 0; font-size: 20px; font-weight: 700; } .single-facility-box:hover .icon { background-color: #f53f85; color: #ffffff; } .facility-slides.owl-theme .owl-nav { margin-top: 0; } .facility-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 20px; margin: 0; padding: 0; background: transparent; width: 50px; height: 50px; line-height: 48px; position: absolute; left: 0; transition: 0.5s; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; border-radius: 50%; border-style: solid; border-color: #e3e4ef; border-width: 1.5px; } .facility-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 0; } .facility-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #f53f85; color: #ffffff; border-color: #f53f85; } .facility-slides.owl-theme:hover .owl-nav [class*=owl-] { left: -30px; opacity: 1; visibility: visible; } .facility-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: -30px; } /*================================================ Partner CSS =================================================*/ .partner-area { background-color: #f4f4f4; } .partner-item { text-align: center; } .partner-item a { display: block; } .partner-item a img { width: auto !important; display: inline-block !important; } /*================================================ Testimonials CSS =================================================*/ .testimonials-area { position: relative; z-index: 1; overflow: hidden; } .single-testimonials-item { background-color: #ffffff; padding: 35px 30px 95px; box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.06); text-align: center; transition: 0.5s; position: relative; margin-bottom: 100px; } .single-testimonials-item p { margin-bottom: 0; transition: 0.5s; color: #000000; font-style: italic; font-size: 17px; font-weight: 600; } .single-testimonials-item .info { position: absolute; left: 0; bottom: -100px; right: 0; } .single-testimonials-item .info img { width: 100px !important; height: 100px; display: inline-block !important; border: 3px solid #ffffff; } .single-testimonials-item .info h3 { margin-bottom: 6px; margin-top: 20px; font-size: 22px; font-weight: 700; } .single-testimonials-item .info span { color: #f53f85; display: block; font-weight: 600; text-transform: uppercase; } .owl-item .single-testimonials-item { box-shadow: unset; margin-top: 30px; transition: 0.5s; opacity: 0.5; } .owl-item.active.center .single-testimonials-item { box-shadow: 6px 5px 25px rgba(0, 0, 0, 0.06); margin-top: 0; background-color: #f53f85; transition: 0.5s; opacity: 1; } .owl-item.active.center .single-testimonials-item p { color: #ffffff; } .testimonials-slides.owl-theme .owl-dots { margin-top: 15px; } .testimonials-slides.owl-theme .owl-dots .owl-dot span { width: 13px; height: 13px; margin: 0 5px; background: #dddddd; transition: 0.5s; border-radius: 50%; transform: scale(0.9); } .testimonials-slides.owl-theme .owl-dots .owl-dot:hover span, .testimonials-slides.owl-theme .owl-dots .owl-dot.active span { background-color: #f53f85; } .testimonials-slides.owl-theme .owl-dots .owl-dot.active span { transform: scale(1.2); } /*================================================ Brand CSS =================================================*/ .brand-area { background-color: #f4f4f4; } .brand-item { text-align: center; } .brand-item a { display: block; background-color: #ffffff; border-right: 1px solid #eeeeee; padding: 20px; } .brand-item a img { width: auto !important; display: inline-block !important; opacity: 0.5; transition: 0.5s; } .brand-item a:hover img { opacity: 1; } /*================================================ Blog CSS =================================================*/ .single-blog-post { position: relative; margin-bottom: 30px; } .single-blog-post .post-image { overflow: hidden; position: relative; border-radius: 5px 5px 0 0; } .single-blog-post .post-image a { display: block; border-radius: 5px 5px 0 0; } .single-blog-post .post-image a img { border-radius: 5px 5px 0 0; transition: 0.5s; } .single-blog-post .post-image .date { position: absolute; right: -100%; top: 20px; background-color: #ffffff; color: #000000; padding: 5px 10px 6px; transition: 0.5s; visibility: hidden; font-style: italic; font-size: 15px; font-weight: 600; } .single-blog-post .post-content { margin-top: 20px; } .single-blog-post .post-content .category { display: block; margin-bottom: 10px; text-transform: uppercase; color: #f53f85; font-weight: 600; font-size: 14px; } .single-blog-post .post-content h3 { margin-bottom: 0; font-size: 23px; font-weight: 700; } .single-blog-post .post-content h3 a { display: inline-block; } .single-blog-post .post-content .details-btn { margin-top: 13px; display: inline-block; position: relative; font-size: 15px; font-weight: 600; } .single-blog-post .post-content .details-btn::before { width: 100%; height: 1px; background-color: #000000; content: ""; position: absolute; transition: 0.5s; left: 0; bottom: 0; } .single-blog-post .post-content .details-btn:hover { color: #f53f85; } .single-blog-post .post-content .details-btn:hover::before { background-color: #f53f85; } .single-blog-post:hover .post-image img { transform: scale(1.07) rotate(2deg); } .single-blog-post:hover .post-image .date { visibility: visible; right: 0; } .blog-slides.owl-theme .owl-dots { margin-top: 20px !important; margin-bottom: 30px; } .blog-slides.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; margin: 0 4px; background: transparent; position: relative; transition: 0.5s; border-radius: 50%; border: 1px solid transparent; } .blog-slides.owl-theme .owl-dots .owl-dot span::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.5s; border-radius: 50%; background-color: #000000; margin: 2px; } .blog-slides.owl-theme .owl-dots .owl-dot:hover span, .blog-slides.owl-theme .owl-dots .owl-dot.active span { border-color: #f53f85; } .blog-slides.owl-theme .owl-dots .owl-dot:hover span::before, .blog-slides.owl-theme .owl-dots .owl-dot.active span::before { background-color: #f53f85; } .blog-items { margin-left: -15px; margin-right: -15px; } .blog-items .single-blog-post { margin-left: 12px; margin-right: 12px; } /*================================================ Blog Details CSS =================================================*/ .blog-details-desc .article-image img { width: 100%; } .blog-details-desc .article-image-slides.owl-theme .owl-nav { margin-top: 0; } .blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-] { color: #87a1c1; font-size: 18px; margin: 0; padding: 0; background: #ffffff; width: 45px; height: 45px; line-height: 40px; position: absolute; left: 20px; transition: 0.5s; top: 50%; padding-right: 2px !important; transform: translateY(-50%); border-radius: 50%; border-style: solid; border-color: #ffffff; border-width: 1.5px; } .blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: 20px; padding-right: 0 !important; padding-left: 2px !important; } .blog-details-desc .article-image-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #f53f85; color: #ffffff; border-color: #f53f85; } .blog-details-desc .article-video iframe { width: 100%; height: 400px; border: none !important; } .blog-details-desc .article-content { margin-top: 30px; } .blog-details-desc .article-content .entry-meta ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .blog-details-desc .article-content .entry-meta ul li { margin-right: 20px; position: relative; display: inline-block; border-right: 1px solid #eeeeee; font-weight: 500; font-size: 16px; padding-right: 20px; padding-left: 45px; } .blog-details-desc .article-content .entry-meta ul li i { font-size: 32px; color: #cfcfcf; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .blog-details-desc .article-content .entry-meta ul li span { display: block; color: #f53f85; text-transform: uppercase; margin-bottom: 2px; font-size: 14px; font-weight: 500; } .blog-details-desc .article-content .entry-meta ul li a { display: inline-block; font-size: 16px; font-weight: 600; } .blog-details-desc .article-content .entry-meta ul li:last-child { padding-right: 0; margin-right: 0; border-right: none; } .blog-details-desc .article-content h3 { margin-bottom: 17px; margin-top: 25px; font-size: 22px; font-weight: 700; } .blog-details-desc .article-content .wp-block-gallery.columns-3 { padding-left: 0; list-style-type: none; display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; margin-bottom: 30px; margin-top: 30px; } .blog-details-desc .article-content .wp-block-gallery.columns-3 li { flex: 0 0 33.3333%; max-width: 33.3333%; padding-right: 10px; padding-left: 10px; } .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure { margin-bottom: 0; } .blog-details-desc .article-content .features-list { padding-left: 0; list-style-type: none; margin-top: 25px; margin-bottom: 30px; } .blog-details-desc .article-content .features-list li { margin-bottom: 15px; position: relative; padding-left: 26px; color: #777777; } .blog-details-desc .article-content .features-list li i { color: #f53f85; display: inline-block; font-size: 20px; position: absolute; left: 0; top: 1px; } .blog-details-desc .article-content .features-list li:last-child { margin-bottom: 0; } .blog-details-desc .article-footer { display: flex; flex-wrap: wrap; border-top: 1px solid #eeeeee; padding-top: 30px; margin-top: 30px; } .blog-details-desc .article-footer .article-tags { flex: 0 0 50%; max-width: 50%; color: #777777; } .blog-details-desc .article-footer .article-tags span { display: inline-block; color: #000000; margin-right: 3px; position: relative; top: 3px; font-size: 20px; } .blog-details-desc .article-footer .article-tags a { display: inline-block; font-weight: 600; } .blog-details-desc .article-footer .article-share { flex: 0 0 50%; max-width: 50%; } .blog-details-desc .article-footer .article-share .social { padding-left: 0; list-style-type: none; text-align: right; margin-bottom: 0; } .blog-details-desc .article-footer .article-share .social li { display: inline-block; } .blog-details-desc .article-footer .article-share .social li span { display: inline-block; margin-right: 3px; font-weight: 600; position: relative; top: -2px; } .blog-details-desc .article-footer .article-share .social li a { display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; background-color: #f53f85; color: #ffffff; border: 1px solid #f53f85; text-align: center; font-size: 17px; margin-left: 2px; } .blog-details-desc .article-footer .article-share .social li a:hover, .blog-details-desc .article-footer .article-share .social li a:focus { color: #f53f85; background-color: transparent; } .blog-details-desc .article-footer .article-share .social li a.facebook { background-color: #3b5998; border-color: #3b5998; color: #ffffff; } .blog-details-desc .article-footer .article-share .social li a.facebook:hover, .blog-details-desc .article-footer .article-share .social li a.facebook:focus { color: #3b5998; background-color: transparent; } .blog-details-desc .article-footer .article-share .social li a.twitter { background-color: #1da1f2; border-color: #1da1f2; color: #ffffff; } .blog-details-desc .article-footer .article-share .social li a.twitter:hover, .blog-details-desc .article-footer .article-share .social li a.twitter:focus { color: #1da1f2; background-color: transparent; } .blog-details-desc .article-footer .article-share .social li a.linkedin { background-color: #007bb5; border-color: #007bb5; color: #ffffff; } .blog-details-desc .article-footer .article-share .social li a.linkedin:hover, .blog-details-desc .article-footer .article-share .social li a.linkedin:focus { color: #007bb5; background-color: transparent; } .blog-details-desc .article-footer .article-share .social li a.instagram { background-color: #c13584; border-color: #c13584; color: #ffffff; } .blog-details-desc .article-footer .article-share .social li a.instagram:hover, .blog-details-desc .article-footer .article-share .social li a.instagram:focus { color: #c13584; background-color: transparent; } .blog-details-desc .article-author { margin-top: 30px; border-radius: 5px; background: #f4f4f4; } .blog-details-desc .article-author .author-profile-header { height: 115px; border-radius: 5px 5px 0 0; background-color: #f53f85; background-image: url(../../assets/img/bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; } .blog-details-desc .article-author .author-profile { padding: 0 25px 25px; } .blog-details-desc .article-author .author-profile .author-profile-title { position: relative; z-index: 1; margin-bottom: 15px; margin-top: -45px; } .blog-details-desc .article-author .author-profile .author-profile-title img { display: inline-block; border: 3px solid #ffffff; width: 100px; height: 100px; } .blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details { margin-top: 15px; } .blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details h4 { margin-bottom: 5px; font-size: 20px; font-weight: 700; } .blog-details-desc .article-author .author-profile .author-profile-title .author-profile-title-details .author-profile-details span { color: #777777; } .blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a { color: #000000; padding: 5px 12px 4px; border-radius: 2px; display: inline-block; font-weight: 600; } .blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a:hover, .blog-details-desc .article-author .author-profile .author-profile-title .author-profile-raque-profile a:focus { background-color: #f53f85; color: #ffffff; } blockquote, .blockquote { overflow: hidden; background-color: #fafafa; padding: 50px !important; position: relative; text-align: center; z-index: 1; margin-bottom: 20px; margin-top: 20px; } blockquote p, .blockquote p { color: #000000; line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 500; font-size: 22px !important; } blockquote cite, .blockquote cite { display: none; } blockquote::before, .blockquote::before { color: #efefef; position: absolute; animation: fade-up 1.5s infinite linear; left: 50px; top: -50px; z-index: -1; content: "\ee33"; font-family: "boxicons" !important; font-weight: normal; font-style: normal; font-variant: normal; font-size: 135px; } blockquote::after, .blockquote::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #f53f85; margin-top: 20px; margin-bottom: 20px; } .xton-post-navigation { display: flex; flex-wrap: wrap; margin-top: 30px; padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; } .prev-link-wrapper { flex: 0 0 50%; max-width: 50%; padding-right: 15px; } .prev-link-wrapper a { display: flex; align-items: center; } .prev-link-wrapper a:hover .image-prev::after { opacity: 1; visibility: visible; } .prev-link-wrapper a:hover .image-prev .post-nav-title { opacity: 1; visibility: visible; } .prev-link-wrapper a:hover .prev-link-info-wrapper { color: #f53f85; } .prev-link-wrapper .image-prev { display: inline-block; min-width: 100px; width: 100px; border-radius: 5px; overflow: hidden; vertical-align: top; margin-right: 20px; position: relative; transition: 0.5s; } .prev-link-wrapper .image-prev img { border-radius: 5px; } .prev-link-wrapper .image-prev::after { display: block; content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; opacity: 0; background-color: #f53f85; visibility: hidden; transition: 0.5s; } .prev-link-wrapper .image-prev .post-nav-title { position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; text-transform: uppercase; z-index: 2; color: #ffffff; opacity: 0; visibility: hidden; transition: 0.5s; font-size: 16px; font-weight: 500; } .prev-link-wrapper .prev-link-info-wrapper { color: #000000; transition: 0.5s; } .prev-link-wrapper .prev-title { display: inline-block; font-weight: 700; font-size: 17px; } .prev-link-wrapper .meta-wrapper { display: block; color: #777777; text-transform: capitalize; margin-top: 5px; font-weight: 500; font-size: 15px; } .next-link-wrapper { flex: 0 0 50%; max-width: 50%; text-align: right; padding-left: 15px; } .next-link-wrapper a { display: flex; align-items: center; } .next-link-wrapper a:hover .image-next::after { opacity: 1; visibility: visible; } .next-link-wrapper a:hover .image-next .post-nav-title { opacity: 1; visibility: visible; } .next-link-wrapper a:hover .next-link-info-wrapper { color: #f53f85; } .next-link-wrapper .image-next { display: inline-block; min-width: 100px; width: 100px; border-radius: 5px; overflow: hidden; vertical-align: top; margin-left: 20px; position: relative; transition: 0.5s; } .next-link-wrapper .image-next img { border-radius: 5px; } .next-link-wrapper .image-next::after { display: block; content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; opacity: 0; background-color: #f53f85; visibility: hidden; transition: 0.5s; } .next-link-wrapper .image-next .post-nav-title { position: absolute; left: 0; top: 50%; transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; text-transform: uppercase; z-index: 2; color: #ffffff; opacity: 0; visibility: hidden; transition: 0.5s; font-size: 16px; font-weight: 500; } .next-link-wrapper .next-link-info-wrapper { transition: 0.5s; color: #000000; } .next-link-wrapper .next-title { display: inline-block; font-weight: 700; font-size: 17px; } .next-link-wrapper .meta-wrapper { display: block; color: #777777; text-transform: capitalize; margin-top: 5px; font-weight: 500; font-size: 15px; } .comments-area { margin-top: 30px; } .comments-area .comments-title { margin-bottom: 30px; line-height: initial; font-size: 22px; font-weight: 700; } .comments-area ol, .comments-area ul { padding: 0; margin: 0; list-style-type: none; } .comments-area .comment-list { padding: 0; margin: 0; list-style-type: none; } .comments-area .children { margin-left: 20px; } .comments-area .comment-body { border-bottom: 1px dashed #eeeeee; padding-left: 65px; color: #000000; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px; } .comments-area .comment-body .reply { margin-top: 15px; } .comments-area .comment-body .reply a { border: 1px dashed #ded9d9; color: #000000; display: inline-block; padding: 5px 20px; border-radius: 30px; text-transform: uppercase; font-size: 13px; font-weight: 600; } .comments-area .comment-body .reply a:hover { color: #ffffff; background-color: #f53f85; border-color: #f53f85; } .comments-area .comment-author { font-size: 18px; margin-bottom: 0.4em; position: relative; z-index: 2; } .comments-area .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; } .comments-area .comment-author .fn { font-weight: 600; } .comments-area .comment-author .says { display: none; } .comments-area .comment-metadata { margin-bottom: 0.8em; color: #777777; letter-spacing: 0.01em; text-transform: uppercase; font-size: 13px; font-weight: 400; } .comments-area .comment-metadata a { display: inline-block; color: #777777; } .comments-area .comment-metadata a:hover { color: #f53f85; } .comments-area .comment-respond { margin-top: 30px; } .comments-area .comment-respond .comment-reply-title { margin-bottom: 0; font-size: 22px; font-weight: 700; } .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link { display: inline-block; } .comments-area .comment-respond .comment-form { overflow: hidden; } .comments-area .comment-respond .comment-notes { margin-bottom: 20px; margin-top: 10px; } .comments-area .comment-respond .comment-notes .required { color: red; } .comments-area .comment-respond .comment-form-comment { float: left; width: 100%; } .comments-area .comment-respond label { display: none; } .comments-area .comment-respond input[type=date], .comments-area .comment-respond input[type=time], .comments-area .comment-respond input[type=datetime-local], .comments-area .comment-respond input[type=week], .comments-area .comment-respond input[type=month], .comments-area .comment-respond input[type=text], .comments-area .comment-respond input[type=email], .comments-area .comment-respond input[type=url], .comments-area .comment-respond input[type=password], .comments-area .comment-respond input[type=search], .comments-area .comment-respond input[type=tel], .comments-area .comment-respond input[type=number], .comments-area .comment-respond textarea { display: block; width: 100%; background-color: #f4f4f4; border: none; padding: 0 0 0 15px; height: 50px; outline: 0; border-radius: 3px; color: #000000; font-weight: 500; font-size: 15px; } .comments-area .comment-respond input[type=date]::-moz-placeholder, .comments-area .comment-respond input[type=time]::-moz-placeholder, .comments-area .comment-respond input[type=datetime-local]::-moz-placeholder, .comments-area .comment-respond input[type=week]::-moz-placeholder, .comments-area .comment-respond input[type=month]::-moz-placeholder, .comments-area .comment-respond input[type=text]::-moz-placeholder, .comments-area .comment-respond input[type=email]::-moz-placeholder, .comments-area .comment-respond input[type=url]::-moz-placeholder, .comments-area .comment-respond input[type=password]::-moz-placeholder, .comments-area .comment-respond input[type=search]::-moz-placeholder, .comments-area .comment-respond input[type=tel]::-moz-placeholder, .comments-area .comment-respond input[type=number]::-moz-placeholder, .comments-area .comment-respond textarea::-moz-placeholder { -moz-transition: 0.5s; transition: 0.5s; color: #777777; } .comments-area .comment-respond input[type=date]::placeholder, .comments-area .comment-respond input[type=time]::placeholder, .comments-area .comment-respond input[type=datetime-local]::placeholder, .comments-area .comment-respond input[type=week]::placeholder, .comments-area .comment-respond input[type=month]::placeholder, .comments-area .comment-respond input[type=text]::placeholder, .comments-area .comment-respond input[type=email]::placeholder, .comments-area .comment-respond input[type=url]::placeholder, .comments-area .comment-respond input[type=password]::placeholder, .comments-area .comment-respond input[type=search]::placeholder, .comments-area .comment-respond input[type=tel]::placeholder, .comments-area .comment-respond input[type=number]::placeholder, .comments-area .comment-respond textarea::placeholder { transition: 0.5s; color: #777777; } .comments-area .comment-respond input[type=date]:focus::-moz-placeholder, .comments-area .comment-respond input[type=time]:focus::-moz-placeholder, .comments-area .comment-respond input[type=datetime-local]:focus::-moz-placeholder, .comments-area .comment-respond input[type=week]:focus::-moz-placeholder, .comments-area .comment-respond input[type=month]:focus::-moz-placeholder, .comments-area .comment-respond input[type=text]:focus::-moz-placeholder, .comments-area .comment-respond input[type=email]:focus::-moz-placeholder, .comments-area .comment-respond input[type=url]:focus::-moz-placeholder, .comments-area .comment-respond input[type=password]:focus::-moz-placeholder, .comments-area .comment-respond input[type=search]:focus::-moz-placeholder, .comments-area .comment-respond input[type=tel]:focus::-moz-placeholder, .comments-area .comment-respond input[type=number]:focus::-moz-placeholder, .comments-area .comment-respond textarea:focus::-moz-placeholder { color: transparent; } .comments-area .comment-respond input[type=date]:focus::placeholder, .comments-area .comment-respond input[type=time]:focus::placeholder, .comments-area .comment-respond input[type=datetime-local]:focus::placeholder, .comments-area .comment-respond input[type=week]:focus::placeholder, .comments-area .comment-respond input[type=month]:focus::placeholder, .comments-area .comment-respond input[type=text]:focus::placeholder, .comments-area .comment-respond input[type=email]:focus::placeholder, .comments-area .comment-respond input[type=url]:focus::placeholder, .comments-area .comment-respond input[type=password]:focus::placeholder, .comments-area .comment-respond input[type=search]:focus::placeholder, .comments-area .comment-respond input[type=tel]:focus::placeholder, .comments-area .comment-respond input[type=number]:focus::placeholder, .comments-area .comment-respond textarea:focus::placeholder { color: transparent; } .comments-area .comment-respond textarea { height: auto !important; padding-top: 15px; } .comments-area .comment-respond .comment-form-author { float: left; width: 50%; padding-right: 10px; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-email { float: left; width: 50%; padding-left: 12px; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-url { float: left; width: 100%; margin-bottom: 20px; } .comments-area .comment-respond .comment-form-cookies-consent { width: 100%; float: left; position: relative; padding-left: 20px; margin-bottom: 20px; margin-top: 15px; } .comments-area .comment-respond .comment-form-cookies-consent input { position: absolute; left: 0; top: 5px; } .comments-area .comment-respond .comment-form-cookies-consent label { display: inline-block; margin: 0; color: #777777; position: relative; top: -3.5px; font-weight: normal; font-size: 16px; } .comments-area .comment-respond .form-submit { float: left; width: 100%; } .comments-area .comment-respond .form-submit input { background: #f53f85; border: none; color: #ffffff; padding: 10px 30px 9px; display: inline-block; cursor: pointer; text-transform: uppercase; transition: 0.5s; border-radius: 0; font-weight: 700; font-size: 15px; } .comments-area .comment-respond .form-submit input:hover, .comments-area .comment-respond .form-submit input:focus { color: #ffffff; background-color: #000000; } /*================================================ Instagram CSS =================================================*/ .instagram-area { position: relative; z-index: 1; } .instagram-area .container-fluid { padding-left: 0; padding-right: 0; } .instagram-title { margin-bottom: 50px; text-align: center; } .instagram-title a { display: inline-block; position: relative; text-transform: uppercase; letter-spacing: 2px; padding-left: 32px; font-size: 15px; font-weight: 300; } .instagram-title a i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 25px; } .single-instagram-post { position: relative; overflow: hidden; z-index: 1; } .single-instagram-post i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 32px; height: 32px; text-align: center; line-height: 32px; color: #ffffff; font-size: 30px; border-radius: 2px; opacity: 0; visibility: hidden; transition: 0.5s; margin-top: 10px; background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); } .single-instagram-post .link-btn { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; z-index: 2; } .single-instagram-post::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; transition: 0.5s; opacity: 0; visibility: hidden; } .single-instagram-post:hover i { margin-top: 0; opacity: 1; visibility: visible; } .single-instagram-post:hover::before { visibility: visible; opacity: 0.5; } /*================================================ Modal CSS =================================================*/ .productsQuickView .modal-dialog { max-width: 900px; margin: 0 auto; } .productsQuickView .modal-content { border: none; padding: 40px; border-radius: 0; } .productsQuickView .modal-content button.close { position: absolute; right: 0; top: 0; outline: 0; opacity: 1; color: #000000; transition: 0.5s; line-height: 35px; padding: 0; margin: 0; font-size: 25px; width: 35px; text-shadow: unset; height: 35px; border: none; background-color: transparent; } .productsQuickView .modal-content button.close:hover { background-color: red; color: #ffffff; } .productsQuickView .modal-content .products-content h3 { margin-bottom: 0; font-size: 22px; font-weight: 600; } .productsQuickView .modal-content .products-content h3 a { color: #000000; } .productsQuickView .modal-content .products-content h3 a:hover { color: #000000; } .productsQuickView .modal-content .products-content .price { transition: 0.5s; margin-top: 12px; margin-bottom: 15px; font-size: 15px; font-weight: 600; } .productsQuickView .modal-content .products-content .price .old-price { text-decoration: line-through; color: #999999; font-weight: 500; } .productsQuickView .modal-content .products-content .products-review .rating { display: inline-block; padding-right: 5px; } .productsQuickView .modal-content .products-content .products-review .rating i { color: #f49f0b; display: inline-block; margin-right: -2px; } .productsQuickView .modal-content .products-content .products-review .rating-count { display: inline-block; color: #000000; border-bottom: 1px solid #000000; line-height: initial; position: relative; top: -1px; } .productsQuickView .modal-content .products-content .products-review .rating-count:hover { color: #f53f85; border-color: #f53f85; } .productsQuickView .modal-content .products-content .products-info { list-style-type: none; padding-left: 0; margin-top: 20px; margin-bottom: 0; } .productsQuickView .modal-content .products-content .products-info li { font-size: 16px; color: #000000; margin-bottom: 8px; } .productsQuickView .modal-content .products-content .products-info li:last-child { margin-bottom: 0; } .productsQuickView .modal-content .products-content .products-info li span { color: #777777; } .productsQuickView .modal-content .products-content .products-info li a { display: inline-block; font-weight: 600; color: #000000; } .productsQuickView .modal-content .products-content .products-info li a:hover { color: #000000; } .productsQuickView .modal-content .products-content .products-color-switch { margin-top: 8px; } .productsQuickView .modal-content .products-content .products-color-switch h4 { font-size: 16px; color: #777777; margin-bottom: 6px; } .productsQuickView .modal-content .products-content .products-color-switch ul { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: -4px; margin-left: -4px; } .productsQuickView .modal-content .products-content .products-color-switch ul li { display: inline-block; margin-left: 4px; margin-top: 4px; } .productsQuickView .modal-content .products-content .products-color-switch ul li a { display: inline-block; position: relative; border: 1px solid transparent; width: 25px; height: 25px; border-radius: 50%; } .productsQuickView .modal-content .products-content .products-color-switch ul li a::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: #eeeeee; border-radius: 50%; margin: 2px; transition: 0.5s; } .productsQuickView .modal-content .products-content .products-color-switch ul li a:hover, .productsQuickView .modal-content .products-content .products-color-switch ul li a:focus { border-color: #000000; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-white::before { background: #ffffff; border: 1px solid #eeeeee; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-black::before { background: #000000; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-red::before { background: red; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-blue::before { background: blue; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-green::before { background: green; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-yellow::before { background: yellow; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-yellowgreen::before { background: yellowgreen; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-pink::before { background: pink; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-violet::before { background: violet; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-teal::before { background: teal; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-plum::before { background: plum; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-lime::before { background: lime; } .productsQuickView .modal-content .products-content .products-color-switch ul li a.color-blueviolet::before { background: blueviolet; } .productsQuickView .modal-content .products-content .products-color-switch ul li.active a { border-color: #000000; } .productsQuickView .modal-content .products-content .products-size-wrapper { margin-top: 8px; margin-bottom: 25px; } .productsQuickView .modal-content .products-content .products-size-wrapper h4 { font-size: 16px; color: #777777; margin-bottom: 8px; } .productsQuickView .modal-content .products-content .products-size-wrapper ul { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: -8px; margin-left: -8px; } .productsQuickView .modal-content .products-content .products-size-wrapper ul li { display: inline-block; margin-left: 8px; margin-top: 8px; } .productsQuickView .modal-content .products-content .products-size-wrapper ul li a { width: 35px; height: 30px; display: inline-block; line-height: 28px; border: 1px solid #eeeeee; color: #858585; text-align: center; font-size: 14px; font-weight: 600; } .productsQuickView .modal-content .products-content .products-size-wrapper ul li a:hover, .productsQuickView .modal-content .products-content .products-size-wrapper ul li a:focus { border-color: #000000; color: #000000; } .productsQuickView .modal-content .products-content .products-size-wrapper ul li.active a { border-color: #000000; color: #000000; } .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter { max-width: 110px; min-width: 110px; margin-right: 10px; text-align: center; display: inline-block; position: relative; } .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 50px; transition: 0.5s; font-size: 18px; } .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.minus-btn { left: 0; } .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span.plus-btn { right: 0; } .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter span:hover { color: #f53f85; } .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input { height: 45px; color: #000000; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600; } .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::-moz-placeholder { color: #000000; } .productsQuickView .modal-content .products-content .products-add-to-cart .input-counter input::placeholder { color: #000000; } .productsQuickView .modal-content .products-content .view-full-info { margin-top: 25px; color: #000000; line-height: initial; display: inline-block; position: relative; font-weight: 600; font-size: 15px; } .productsQuickView .modal-content .products-content .view-full-info::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #000000; transition: 0.5s; } .productsQuickView .modal-content .products-content .view-full-info:hover::before { width: 0; } .shoppingCartModal.modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; transform: translate3d(0%, 0, 0); } .shoppingCartModal.modal.right .modal-content { height: 100%; overflow-y: auto; } .shoppingCartModal.modal.right.fade .modal-dialog { right: -420px; transition: opacity 0.3s linear, right 0.3s ease-out; } .shoppingCartModal.modal.right.fade.show .modal-dialog { right: 0; } .shoppingCartModal .modal-content { border-radius: 0; border: none; } .shoppingCartModal .modal-content .modal-body { padding: 25px 15px; } .shoppingCartModal .modal-content .modal-body h3 { font-size: 17px; text-transform: uppercase; margin-bottom: 25px; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart { position: relative; border-bottom: 1px dashed #eeeeee; margin-bottom: 15px; padding-left: 70px; padding-bottom: 15px; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-image { position: absolute; left: 0; top: 0; width: 55px; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-image a { display: block; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content { position: relative; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content h3 { font-size: 15px; text-transform: initial; margin-bottom: 5px; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content h3 a { display: inline-block; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content span { font-size: 12px; display: block; margin-bottom: 3px; color: #777777; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content .products-price span { display: inline-block; margin-bottom: 0; font-size: 13px; color: #777777; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content .products-price span.price { font-size: 14px; color: #000000; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content .remove-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; color: #777777; opacity: 0; visibility: hidden; transition: 0.5s; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content .remove-btn:hover { color: red; } .shoppingCartModal .modal-content .modal-body .products-cart-content .products-cart .products-content:hover .remove-btn { opacity: 1; visibility: visible; } .shoppingCartModal .modal-content .modal-body .products-cart-subtotal { overflow: hidden; margin-bottom: 15px; border-bottom: 1px dashed #eeeeee; padding-bottom: 15px; } .shoppingCartModal .modal-content .modal-body .products-cart-subtotal span { text-transform: uppercase; display: inline-block; font-size: 15px; font-weight: 600; } .shoppingCartModal .modal-content .modal-body .products-cart-subtotal span.subtotal { float: right; } .shoppingCartModal .modal-content .modal-body .products-cart-btn .default-btn { display: block; width: 100%; text-align: center; } .shoppingCartModal .modal-content .modal-body .products-cart-btn .optional-btn { display: block; width: 100%; margin-top: 15px; text-align: center; } .shoppingCartModal .close { color: #000000; font-size: 30px; outline: 0 !important; line-height: initial; transition: 0.5s; position: absolute; right: 15px; top: 15px; z-index: 1; background-color: transparent; border: none; } .shoppingCartModal .close:not(:disabled):not(.disabled):hover, .shoppingCartModal .close:not(:disabled):not(.disabled):focus { color: red; text-decoration: none; opacity: 1; } .sidebarModal.modal.right .modal-dialog { position: fixed; margin: auto; width: 400px; height: 100%; transform: translate3d(0%, 0, 0); } .sidebarModal.modal.right .modal-content { height: 100%; overflow-y: auto; } .sidebarModal.modal.right.fade .modal-dialog { right: -420px; transition: opacity 0.3s linear, right 0.3s ease-out; } .sidebarModal.modal.right.fade.show .modal-dialog { right: 0; } .sidebarModal .modal-content { border-radius: 0; border: none; } .sidebarModal .modal-content .modal-body { padding: 40px; } .sidebarModal .modal-content .modal-body h3 { margin-bottom: 25px; padding-bottom: 5px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 20px; font-weight: 600; } .sidebarModal .modal-content .modal-body h3::before { width: 50px; height: 1px; bottom: -1px; content: ""; position: absolute; left: 0; background-color: #f53f85; } .sidebarModal .modal-content .modal-body .sidebar-about-content .about-the-store .sidebar-contact-info { padding-left: 0; margin-bottom: 0; list-style-type: none; } .sidebarModal .modal-content .modal-body .sidebar-about-content .about-the-store .sidebar-contact-info li { margin-bottom: 12px; position: relative; padding-left: 25px; } .sidebarModal .modal-content .modal-body .sidebar-about-content .about-the-store .sidebar-contact-info li i { position: absolute; left: 0; top: 2px; font-size: 18px; } .sidebarModal .modal-content .modal-body .sidebar-about-content .about-the-store .sidebar-contact-info li a { display: inline-block; font-weight: 600; position: relative; } .sidebarModal .modal-content .modal-body .sidebar-about-content .about-the-store .sidebar-contact-info li a:hover::before { width: 100%; } .sidebarModal .modal-content .modal-body .sidebar-about-content .about-the-store .sidebar-contact-info li a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; transition: 0.5s; background-color: #f53f85; } .sidebarModal .modal-content .modal-body .sidebar-about-content .about-the-store .sidebar-contact-info li:last-child { margin-bottom: 0; } .sidebarModal .modal-content .modal-body .sidebar-about-content .social-link { padding-left: 0; list-style-type: none; margin-top: 20px; margin-bottom: 0; } .sidebarModal .modal-content .modal-body .sidebar-about-content .social-link li { display: inline-block; margin-right: 2px; } .sidebarModal .modal-content .modal-body .sidebar-about-content .social-link li:last-child { margin-right: 0; } .sidebarModal .modal-content .modal-body .sidebar-about-content .social-link li a { width: 30px; height: 30px; text-align: center; color: #f53f85; background-color: #f4f4f4; font-size: 18px; position: relative; border-radius: 2px; } .sidebarModal .modal-content .modal-body .sidebar-about-content .social-link li a i { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-49%); } .sidebarModal .modal-content .modal-body .sidebar-about-content .social-link li a:hover { background-color: #f53f85; color: #ffffff; } .sidebarModal .modal-content .modal-body .sidebar-new-in-store { margin-top: 30px; } .sidebarModal .modal-content .modal-body .sidebar-new-in-store .products-list { padding-left: 0; list-style-type: none; display: flex; flex-wrap: wrap; margin-top: -10px; margin-bottom: 20px; margin-left: -5px; margin-right: -5px; } .sidebarModal .modal-content .modal-body .sidebar-new-in-store .products-list li { flex: 0 0 25%; max-width: 25%; padding-left: 5px; padding-right: 5px; padding-top: 10px; } .sidebarModal .modal-content .modal-body .sidebar-new-in-store .products-list li a { display: block; position: relative; } .sidebarModal .modal-content .modal-body .sidebar-new-in-store .products-list li a::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f53f85; transition: 0.5s; opacity: 0; visibility: hidden; } .sidebarModal .modal-content .modal-body .sidebar-new-in-store .products-list li a:hover::before { opacity: 0.88; visibility: visible; } .sidebarModal .modal-content .modal-body .sidebar-new-in-store .shop-now-btn { display: inline-block; text-transform: uppercase; border-bottom: 1px solid #f53f85; font-weight: 600; font-size: 14px; } .sidebarModal .modal-content .modal-body .sidebar-new-in-store .shop-now-btn:hover { color: #f53f85; border-color: #f53f85; } .sidebarModal .close { color: #000000; font-size: 28px; outline: 0 !important; line-height: initial; transition: 0.5s; position: absolute; right: 32px; top: 35px; z-index: 1; background-color: transparent; border: none; } .sidebarModal .close:not(:disabled):not(.disabled):hover, .sidebarModal .close:not(:disabled):not(.disabled):focus { color: red; text-decoration: none; opacity: 1; } .sizeGuideModal .modal-dialog { max-width: 900px; margin: 0 auto; } .sizeGuideModal .modal-content { border: none; padding: 40px; border-radius: 0; } .sizeGuideModal .modal-content button.close { position: absolute; right: 0; top: 0; outline: 0; opacity: 1; color: #000000; transition: 0.5s; line-height: 35px; padding: 0; margin: 0; font-size: 20px; width: 35px; text-shadow: unset; height: 35px; border: none; background-color: transparent; } .sizeGuideModal .modal-content button.close:hover { background-color: red; color: #ffffff; } .sizeGuideModal .modal-content .modal-sizeguide { text-align: center; } .sizeGuideModal .modal-content .modal-sizeguide h3 { margin-bottom: 7px; font-size: 22px; font-weight: 700; } .sizeGuideModal .modal-content .modal-sizeguide p { margin-bottom: 25px; } .sizeGuideModal .modal-content .modal-sizeguide .table { margin-bottom: 0; } .sizeGuideModal .modal-content .modal-sizeguide .table thead { background-color: #000000; color: #ffffff; } .sizeGuideModal .modal-content .modal-sizeguide .table thead th { border-bottom: none; white-space: nowrap; color: #ffffff; vertical-align: middle; padding: 10px 15px; } .sizeGuideModal .modal-content .modal-sizeguide .table tr td, .sizeGuideModal .modal-content .modal-sizeguide .table tr th { border-top: none; white-space: nowrap; vertical-align: middle; font-size: 15px; padding: 10px 15px; } .productsShippingModal .modal-dialog { max-width: 900px; margin: 0 auto; } .productsShippingModal .modal-content { border: none; padding: 40px; border-radius: 0; } .productsShippingModal .modal-content button.close { position: absolute; right: 0; top: 0; outline: 0; opacity: 1; color: #000000; transition: 0.5s; line-height: 35px; padding: 0; margin: 0; font-size: 25px; width: 35px; text-shadow: unset; height: 35px; border: none; background-color: transparent; } .productsShippingModal .modal-content button.close:hover { background-color: red; color: #ffffff; } .productsShippingModal .modal-content .shipping-content h3 { margin-bottom: 15px; margin-top: 30px; font-size: 22px; font-weight: 700; } .productsShippingModal .modal-content .shipping-content h3:first-child { margin-top: 0; } .productsShippingModal .modal-content .shipping-content ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .productsShippingModal .modal-content .shipping-content ul li { margin-bottom: 12px; color: #777777; position: relative; padding-left: 13px; } .productsShippingModal .modal-content .shipping-content ul li::before { content: ""; position: absolute; top: 9px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #f53f85; } .productsShippingModal .modal-content .shipping-content ul li:last-child { margin-bottom: 0; } .shoppingWishlistModal.modal.right .modal-dialog { position: fixed; margin: auto; width: 320px; height: 100%; transform: translate3d(0%, 0, 0); } .shoppingWishlistModal.modal.right .modal-content { height: 100%; overflow-y: auto; } .shoppingWishlistModal.modal.right.fade .modal-dialog { right: -420px; transition: opacity 0.3s linear, right 0.3s ease-out; } .shoppingWishlistModal.modal.right.fade.show .modal-dialog { right: 0; } .shoppingWishlistModal .modal-content { border-radius: 0; border: none; } .shoppingWishlistModal .modal-content .modal-body { padding: 25px 15px; } .shoppingWishlistModal .modal-content .modal-body h3 { font-size: 17px; text-transform: uppercase; margin-bottom: 25px; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart { position: relative; border-bottom: 1px dashed #eeeeee; margin-bottom: 15px; padding-left: 70px; padding-bottom: 15px; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-image { position: absolute; left: 0; top: 0; width: 55px; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-image a { display: block; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content { position: relative; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content h3 { font-size: 15px; text-transform: initial; margin-bottom: 5px; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content h3 a { display: inline-block; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content span { font-size: 12px; display: block; margin-bottom: 3px; color: #777777; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content .products-price span { display: inline-block; margin-bottom: 0; font-size: 13px; color: #777777; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content .products-price span.price { font-size: 14px; color: #000000; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content .remove-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: inline-block; color: #777777; opacity: 0; visibility: hidden; transition: 0.5s; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content .remove-btn:hover { color: red; } .shoppingWishlistModal .modal-content .modal-body .products-cart-content .products-cart .products-content:hover .remove-btn { opacity: 1; visibility: visible; } .shoppingWishlistModal .modal-content .modal-body .products-cart-btn .default-btn { display: block; width: 100%; text-align: center; } .shoppingWishlistModal .modal-content .modal-body .products-cart-btn .optional-btn { display: block; width: 100%; margin-top: 15px; text-align: center; } .shoppingWishlistModal .close { color: #000000; font-size: 30px; outline: 0 !important; line-height: initial; transition: 0.5s; position: absolute; right: 15px; top: 15px; z-index: 1; border: none; background-color: transparent; } .shoppingWishlistModal .close:not(:disabled):not(.disabled):hover, .shoppingWishlistModal .close:not(:disabled):not(.disabled):focus { color: red; text-decoration: none; opacity: 1; } .productsFilterModal.modal.left .modal-dialog { position: fixed; margin: auto; width: 400px; height: 100%; transform: translate3d(0%, 0, 0); } .productsFilterModal.modal.left.fade .modal-dialog { left: -320px; transition: opacity 0.3s linear, left 0.3s ease-out; } .productsFilterModal.modal.left.fade.show .modal-dialog { left: 0; } .productsFilterModal .modal-content { height: 100%; overflow-y: auto; border-radius: 0; border: none; position: relative; padding-top: 60px; padding-bottom: 60px; padding-left: 30px; padding-right: 30px; } .productsFilterModal .modal-content .modal-body { padding: 0; } .productsFilterModal .modal-content .modal-body .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li a i { top: 0; padding-left: 0; } .productsFilterModal button.close { position: absolute; left: 30px; top: 20px; outline: 0; padding-left: 25px; text-shadow: unset; opacity: 1; line-height: initial; transition: 0.5s; border: none; background-color: transparent; font-size: 15px; } .productsFilterModal button.close i { font-size: 24px; position: absolute; left: 0; top: -3.8px; } .productsFilterModal button.close:hover { color: red; } /*================================================ Page Title CSS =================================================*/ .page-title-area { background-color: #f8f8f8; padding-top: 35px; padding-bottom: 30px; } .page-title-content { position: relative; } .page-title-content h2 { margin-bottom: 0; font-size: 25px; font-weight: 700; } .page-title-content ul { text-align: right; position: absolute; right: 0; padding-left: 0; margin-bottom: 0; list-style-type: none; top: 50%; transform: translateY(-50%); } .page-title-content ul li { display: inline-block; margin-left: 15px; font-weight: 600; color: #f53f85; position: relative; } .page-title-content ul li::before { content: ""; position: absolute; left: -10px; top: 6px; height: 12px; width: 1px; background-color: #777777; } .page-title-content ul li:first-child { margin-left: 0; } .page-title-content ul li:first-child::before { display: none; } .page-title-content ul li a { display: block; } /*================================================ Gallery CSS =================================================*/ .gallery-area .container-fluid { padding-left: 0; padding-right: 0; } .gallery-area .row { margin-left: 0; margin-right: 0; } .gallery-area .row .col-lg-1, .gallery-area .row .col-lg-2, .gallery-area .row .col-lg-3, .gallery-area .row .col-lg-4, .gallery-area .row .col-lg-5, .gallery-area .row .col-lg-6, .gallery-area .row .col-lg-7, .gallery-area .row .col-lg-8, .gallery-area .row .col-lg-9, .gallery-area .row .col-lg-10, .gallery-area .row .col-lg-11, .gallery-area .row .col-lg-12 { padding-left: 0; padding-right: 0; } .single-gallery-item { position: relative; overflow: hidden; text-align: center; } .single-gallery-item img { transition: 0.5s; } .single-gallery-item .popup-btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .single-gallery-item .gallery-content { position: absolute; bottom: 0; left: 10px; border: 1px solid #ffffff; right: 10px; padding: 25px 15px; z-index: 1; opacity: 0; visibility: hidden; transition: 0.5s; } .single-gallery-item .gallery-content::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 5px; background-color: #ffffff; z-index: -1; } .single-gallery-item .gallery-content span { display: block; color: #f53f85; text-transform: uppercase; margin-bottom: 5px; font-size: 14px; } .single-gallery-item .gallery-content h3 { font-size: 22px; font-weight: 700; margin-bottom: 0; } .single-gallery-item:hover img { transform: rotate(8deg) scale(1.3); } .single-gallery-item:hover .gallery-content { bottom: 10px; opacity: 1; visibility: visible; } .gallery-items .single-gallery-item { margin-bottom: 30px; } /*================================================ Look Book CSS =================================================*/ .lookbook-items { margin-left: -15px; margin-right: -15px; } .single-lookbook-box { position: relative; margin-bottom: 30px; } .single-lookbook-box a { display: block; } .single-lookbook-box .content { transition: 0.5s; background-color: #ffffff; padding: 20px; border-radius: 5px; position: relative; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); top: 0; margin-left: 10px; margin-top: -10px; margin-right: 10px; } .single-lookbook-box .content p { display: block; margin-bottom: 8px; font-size: 15px; font-weight: 600; } .single-lookbook-box .content p a { display: inline-block; padding-right: 3px; } .single-lookbook-box .content p:last-child { margin-bottom: 0; } .single-lookbook-box:hover .content { top: -10px; } /*================================================ Woocommerce Widget Sidebar CSS =================================================*/ .woocommerce-widget-area .woocommerce-widget { margin-bottom: 35px; } .woocommerce-widget-area .woocommerce-widget .woocommerce-widget-title { margin-bottom: 25px; position: relative; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; font-size: 20px; font-weight: 700; } .woocommerce-widget-area .woocommerce-widget .woocommerce-widget-title::before { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; bottom: -1px; background-color: #f53f85; } .woocommerce-widget-area .woocommerce-widget:last-child { margin-bottom: 0; } .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li { margin-bottom: 9px; font-size: 14.5px; font-weight: 600; } .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li a { position: relative; padding-left: 28px; display: inline-block; } .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li a i { display: inline-block; background-color: #f53f85; width: 18px; height: 18px; color: #ffffff; border-radius: 50%; text-align: center; line-height: 19px; position: absolute; left: 0; top: 1px; padding-left: 1px; } .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list ul li:last-child { margin-bottom: 0; } .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list .delete-selected-filters { display: inline-block; margin-top: 15px; font-size: 15px; font-weight: 600; } .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list .delete-selected-filters:hover { color: red; } .woocommerce-widget-area .filter-list-widget .selected-filters-wrap-list .delete-selected-filters span { text-decoration: underline; } .woocommerce-widget-area .collections-list-widget .collections-list-row { padding-left: 0; margin-bottom: 0; list-style-type: none; } .woocommerce-widget-area .collections-list-widget .collections-list-row li { margin-bottom: 9px; } .woocommerce-widget-area .collections-list-widget .collections-list-row li a { display: inline-block; position: relative; padding-left: 25px; font-size: 15px; font-weight: 600; } .woocommerce-widget-area .collections-list-widget .collections-list-row li a::before { content: ""; position: absolute; left: 0; top: 2.5px; width: 15px; transition: 0.5s; height: 15px; border-radius: 50%; border: 1px solid #000000; } .woocommerce-widget-area .collections-list-widget .collections-list-row li a:hover { color: #f53f85; } .woocommerce-widget-area .collections-list-widget .collections-list-row li a:hover::before { border-color: #f53f85; } .woocommerce-widget-area .collections-list-widget .collections-list-row li a.active::before { background-color: #f53f85; border-color: #f53f85; } .woocommerce-widget-area .collections-list-widget .collections-list-row li.active a::before { background-color: #f53f85; border-color: #f53f85; } .woocommerce-widget-area .collections-list-widget .collections-list-row li:last-child { display: inline-block; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price { margin-top: 20px; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs-handle { cursor: pointer; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-from, .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-to, .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-single { background-color: #f53f85; padding: 1px 5px 1px 11.5px; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-from::before, .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-to::before, .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-single::before { border-top-color: #f53f85; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-from::after, .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-to::after, .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-single::after { content: "$"; position: absolute; left: 5px; top: 0.5px; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-bar { background-color: #f53f85; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-handle > i:first-child { background-color: #f53f85; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-min, .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-max { padding: 1px 3px 1px 9.5px; } .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-min::before, .woocommerce-widget-area .price-list-widget .collection-filter-by-price .irs--flat .irs-max::before { content: "$"; position: absolute; left: 3px; top: 0.5px; } .woocommerce-widget-area .size-list-widget .size-list-row { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: -10px; } .woocommerce-widget-area .size-list-widget .size-list-row li { display: inline-block; margin-right: 10px; margin-top: 10px; } .woocommerce-widget-area .size-list-widget .size-list-row li a { width: 35px; height: 35px; display: inline-block; line-height: 33px; border: 1px solid #eeeeee; text-align: center; font-size: 15px; font-weight: 600; } .woocommerce-widget-area .size-list-widget .size-list-row li a:hover, .woocommerce-widget-area .size-list-widget .size-list-row li a:focus { border-color: #f53f85; color: #ffffff; background-color: #f53f85; } .woocommerce-widget-area .size-list-widget .size-list-row li a.active a { border-color: #f53f85; color: #ffffff; background-color: #f53f85; } .woocommerce-widget-area .size-list-widget .size-list-row li.active a { border-color: #f53f85; color: #ffffff; background-color: #f53f85; } .woocommerce-widget-area .color-list-widget .color-list-row { list-style-type: none; padding-left: 0; margin-bottom: -5px; margin-top: -4px; } .woocommerce-widget-area .color-list-widget .color-list-row li { display: inline-block; margin-right: 4px; margin-top: 4px; } .woocommerce-widget-area .color-list-widget .color-list-row li a { display: block; position: relative; border: 1px solid transparent; width: 25px; height: 25px; border-radius: 50%; } .woocommerce-widget-area .color-list-widget .color-list-row li a::before { position: absolute; content: ""; left: 0; right: 0; top: 0; bottom: 0; background: #eeeeee; border-radius: 50%; margin: 2px; transition: 0.5s; } .woocommerce-widget-area .color-list-widget .color-list-row li a:hover { border-color: #000000; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-white::before { background: #ffffff; border: 1px solid #eeeeee; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-black::before { background: #000000; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-red::before { background: red; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-blue::before { background: blue; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-green::before { background: green; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-yellow::before { background: yellow; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-yellowgreen::before { background: yellowgreen; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-pink::before { background: pink; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-violet::before { background: violet; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-teal::before { background: teal; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-plum::before { background: plum; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-lime::before { background: lime; } .woocommerce-widget-area .color-list-widget .color-list-row li a.color-blueviolet::before { background: blueviolet; } .woocommerce-widget-area .color-list-widget .color-list-row li.active a { border-color: #000000; } .woocommerce-widget-area .brands-list-widget .brands-list-row { padding-left: 0; margin-bottom: 0; list-style-type: none; } .woocommerce-widget-area .brands-list-widget .brands-list-row li { margin-bottom: 9px; } .woocommerce-widget-area .brands-list-widget .brands-list-row li a { display: inline-block; position: relative; padding-left: 25px; font-size: 15px; font-weight: 600; } .woocommerce-widget-area .brands-list-widget .brands-list-row li a::before { content: ""; position: absolute; left: 0; top: 2.5px; width: 15px; transition: 0.5s; height: 15px; border-radius: 3px; border: 1px solid #000000; } .woocommerce-widget-area .brands-list-widget .brands-list-row li a:hover { color: #f53f85; } .woocommerce-widget-area .brands-list-widget .brands-list-row li a:hover::before { border-color: #f53f85; } .woocommerce-widget-area .brands-list-widget .brands-list-row li a.active::before { background-color: #f53f85; border-color: #f53f85; } .woocommerce-widget-area .brands-list-widget .brands-list-row li.active a::before { background-color: #f53f85; border-color: #f53f85; } .woocommerce-widget-area .brands-list-widget .brands-list-row li:last-child { display: inline-block; } .woocommerce-widget-area .aside-trending-widget .aside-trending-products { overflow: hidden; position: relative; text-align: center; } .woocommerce-widget-area .aside-trending-widget .aside-trending-products .category { position: absolute; left: 0; transition: 0.5s; right: 0; background-color: #ffffff; padding: 20px; bottom: 10px; margin-left: 10px; margin-right: 10px; } .woocommerce-widget-area .aside-trending-widget .aside-trending-products .category h3 { text-transform: uppercase; margin-bottom: 7px; position: relative; z-index: 1; font-size: 20px; } .woocommerce-widget-area .aside-trending-widget .aside-trending-products .category span { color: #777777; display: block; } .woocommerce-widget-area .aside-trending-widget .aside-trending-products img { transition: 0.5s; width: 100%; } .woocommerce-widget-area .aside-trending-widget .aside-trending-products .link-btn { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .woocommerce-widget-area .aside-trending-widget .aside-trending-products:hover img, .woocommerce-widget-area .aside-trending-widget .aside-trending-products:focus img { transform: scale(1.3) rotate(4deg); } /*================================================ Sizing Guide CSS =================================================*/ .sizing-guide-table h3 { margin-bottom: 18px; font-size: 22px; font-weight: 700; } .sizing-guide-table table { margin-bottom: 0; } .sizing-guide-table table thead { background-color: #f53f85; color: #ffffff; } .sizing-guide-table table thead th { border-bottom: none; vertical-align: middle; color: #ffffff; white-space: nowrap; font-size: 17px; font-weight: 600; padding-left: 15px; padding-right: 15px; } .sizing-guide-table table tr td { border-top: none; white-space: nowrap; vertical-align: middle; font-size: 15px; padding-left: 15px; padding-right: 15px; } .sizing-guide-table table tr td:first-child { font-weight: 600; } .sizing-guide-table .sizing-guide-info { padding-left: 0; list-style-type: none; margin-top: 30px; margin-bottom: 0; } .sizing-guide-table .sizing-guide-info li { margin-bottom: 12px; } .sizing-guide-table .sizing-guide-info li:last-child { margin-bottom: 0; } .sizing-guide-table .sizing-guide-info li span { font-weight: 700; } .sizing-guide-table:not(:first-child) { margin-top: 35px; } /*================================================ Cart CSS =================================================*/ .cart-table table { margin-bottom: 0; } .cart-table table thead tr th { border-bottom-width: 0px; vertical-align: middle; padding: 25px 0 25px; text-transform: uppercase; border: none; white-space: nowrap; font-size: 15px; font-weight: 600; } .cart-table table tbody tr td { vertical-align: middle; color: #777777; white-space: nowrap; padding-left: 0; padding-right: 0; padding-top: 15px; padding-bottom: 15px; border-color: #eaedff; border-left: none; border-right: none; } .cart-table table tbody tr td.product-thumbnail a { display: inline-block; } .cart-table table tbody tr td.product-thumbnail a img { width: 100px; } .cart-table table tbody tr td.product-name a { display: inline-block; font-size: 16px; font-weight: 600; } .cart-table table tbody tr td.product-name ul { padding-left: 0; list-style-type: none; margin-top: 10px; margin-bottom: 0; } .cart-table table tbody tr td.product-name ul li { margin-bottom: 6px; font-size: 13.5px; } .cart-table table tbody tr td.product-name ul li span { display: inline; color: #000000; } .cart-table table tbody tr td.product-name ul li:last-child { margin-bottom: 0; } .cart-table table tbody tr td.product-subtotal { overflow: hidden; } .cart-table table tbody tr td.product-subtotal .subtotal-amount { color: #000000; font-weight: 600; } .cart-table table tbody tr td.product-subtotal .remove { color: red; float: right; display: block; position: relative; top: -1px; font-size: 18px; } .cart-table table tbody tr td.product-quantity .input-counter { max-width: 130px; min-width: 130px; text-align: center; display: inline-block; position: relative; } .cart-table table tbody tr td.product-quantity .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 50px; transition: 0.5s; font-size: 22px; } .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn { left: 0; } .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn { right: 0; } .cart-table table tbody tr td.product-quantity .input-counter span:hover { color: #f53f85; } .cart-table table tbody tr td.product-quantity .input-counter input { height: 45px; color: #000000; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600; } .cart-table table tbody tr td.product-quantity .input-counter input::-moz-placeholder { color: #000000; } .cart-table table tbody tr td.product-quantity .input-counter input::placeholder { color: #000000; } .cart-table table tbody tr td .unit-amount { color: #000000; font-weight: 600; } .cart-buttons { margin-top: 30px; } .cart-totals { background: #ffffff; padding: 40px; max-width: 500px; box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); border-radius: 5px; margin-left: auto; margin-top: 50px; margin-right: auto; } .cart-totals h3 { margin-bottom: 20px; font-size: 22px; font-weight: 700; } .cart-totals ul { padding-left: 0; margin: 0 0 25px; list-style-type: none; } .cart-totals ul li { border: 1px solid #eaedff; padding: 10px 15px; color: #000000; overflow: hidden; font-weight: 600; } .cart-totals ul li:first-child { border-bottom: none; } .cart-totals ul li:last-child { font-size: 20px; border-top: none; } .cart-totals ul li:last-child span { color: #000000; } .cart-totals ul li span { float: right; font-weight: normal; } /*================================================ Checkout CSS =================================================*/ .user-actions { box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08); background: #ffffff; padding: 15px 20px; border-top: 3px solid #f53f85; position: relative; margin-bottom: 40px; } .user-actions i { color: #f53f85; margin-right: 2px; font-size: 20px; position: relative; top: 3px; } .user-actions span { display: inline-block; color: #f53f85; font-weight: 500; font-size: 16px; } .user-actions span a { display: inline-block; color: #000000; } .user-actions span a:hover, .user-actions span a:focus { color: #f53f85; } .billing-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; font-size: 22px; font-weight: 700; } .billing-details .title::before { content: ""; position: absolute; background: #f53f85; bottom: -1px; left: 0; width: 50px; height: 1px; } .billing-details .form-group { margin-bottom: 25px; } .billing-details .form-group label { display: block; margin-bottom: 8px; text-transform: uppercase; font-weight: 600; font-size: 14px; } .billing-details .form-group label .required { color: red; } .billing-details .form-group .nice-select { float: unset; line-height: 48px; color: #000000; border: none; background-color: #f5f5f5 !important; font-weight: normal; font-size: 15px; padding-top: 0; padding-bottom: 0; } .billing-details .form-group .nice-select .list { background-color: #ffffff; box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; } .billing-details .form-group .nice-select .list .option { transition: 0.5s; padding-left: 20px; padding-right: 20px; } .billing-details .form-group .nice-select .list .option:hover { background-color: #f53f85 !important; color: #ffffff; } .billing-details .form-group .nice-select .list .option.selected { background-color: transparent; font-weight: 600; } .billing-details .form-group .nice-select:after { right: 20px; } .billing-details .form-check { margin-bottom: 20px; } .billing-details .form-check .form-check-label { color: #000000; } .billing-details .form-check label { position: relative; left: -3px; top: 1px; font-weight: 500; } .billing-details .col-lg-12:last-child .form-group { margin-bottom: 0; } .order-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; font-size: 22px; font-weight: 700; } .order-details .title::before { content: ""; position: absolute; background: #f53f85; bottom: -1px; left: 0; width: 50px; height: 1px; } .order-details .order-table table { margin-bottom: 0; } .order-details .order-table table thead tr th { border-bottom-width: 0; vertical-align: middle; border-color: #eaedff; padding: 12px 20px 10px; font-weight: 700; font-size: 17px; } .order-details .order-table table tbody tr td { vertical-align: middle; border-color: #eaedff; font-size: 15px; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 13px; } .order-details .order-table table tbody tr td.product-name a { display: inline-block; font-weight: 500; } .order-details .order-table table tbody tr td.order-subtotal span, .order-details .order-table table tbody tr td.order-shipping span, .order-details .order-table table tbody tr td.total-price span { color: #000000; font-weight: 700; } .order-details .order-table table tbody tr td.shipping-price, .order-details .order-table table tbody tr td.order-subtotal-price, .order-details .order-table table tbody tr td.product-subtotal { font-weight: 700; color: #000000; } .order-details .payment-box { background-color: #ffffff; box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06); margin-top: 30px; padding: 30px; } .order-details .payment-box .payment-method p [type=radio]:checked, .order-details .payment-box .payment-method p [type=radio]:not(:checked) { display: none; } .order-details .payment-box .payment-method p [type=radio]:checked + label, .order-details .payment-box .payment-method p [type=radio]:not(:checked) + label { padding-left: 27px; cursor: pointer; display: block; color: #000000; position: relative; margin-bottom: 8px; font-weight: 600; } .order-details .payment-box .payment-method p [type=radio]:checked + label::before, .order-details .payment-box .payment-method p [type=radio]:not(:checked) + label::before { content: ""; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: 1px solid #dddddd; border-radius: 50%; background: #ffffff; } .order-details .payment-box .payment-method p [type=radio]:checked + label::after, .order-details .payment-box .payment-method p [type=radio]:not(:checked) + label::after { content: ""; width: 12px; height: 12px; background: #f53f85; position: absolute; top: 8px; left: 3px; border-radius: 50%; transition: 0.5s; } .order-details .payment-box .payment-method p [type=radio]:not(:checked) + label::after { opacity: 0; visibility: hidden; transform: scale(0); } .order-details .payment-box .payment-method p [type=radio]:checked + label::after { opacity: 1; visibility: visible; transform: scale(1); } .order-details .payment-box .default-btn { margin-top: 20px; box-shadow: 0px 5px 28.5px 1.5px rgba(149, 152, 200, 0.2); display: block; text-align: center; } /*================================================ FAQ CSS =================================================*/ .faq-accordion-tab .tabs { padding-left: 0; list-style-type: none; margin-bottom: 60px; text-align: center; } .faq-accordion-tab .tabs li { margin-left: 10px; margin-right: 10px; } .faq-accordion-tab .tabs li a { color: #000000; text-decoration: none; border-radius: 5px; padding: 20px; display: block; box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; font-size: 17px; font-weight: 700; } .faq-accordion-tab .tabs li a i { font-size: 30px; } .faq-accordion-tab .tabs li a span { display: block; margin-top: 8px; } .faq-accordion-tab .tabs li a:hover { background-color: #f53f85; color: #ffffff; } .faq-accordion-tab .tabs li.current a { background-color: #f53f85; color: #ffffff; } .tab .tabs-item { display: none; } .tab .tabs-item:first-child { display: block; } .faq-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0; border: none !important; } .faq-accordion .accordion .accordion-item { border-radius: 5px; display: block; box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, 0.13) !important; background: #ffffff; margin-bottom: 15px; border: none; } .faq-accordion .accordion .accordion-item:last-child { margin-bottom: 0; } .faq-accordion .accordion .accordion-title { padding: 20px 25px 17px 60px; color: #000000; text-decoration: none; position: relative; display: block; border: none !important; font-size: 17px; font-weight: 700; } .faq-accordion .accordion .accordion-title i { position: absolute; left: 25px; top: 18px; font-size: 25px; transition: 0.5s; } .faq-accordion .accordion .accordion-title.active i { transform: rotate(180deg); } .faq-accordion .accordion .accordion-content { display: none; position: relative; margin-top: -5px; padding-bottom: 20px; padding-right: 25px; padding-left: 60px; } .faq-accordion .accordion .accordion-content p { font-size: 16px; line-height: 1.8; } .faq-accordion .accordion .accordion-content.show { display: block; } .faq-accordion .accordion .accordion-content ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } .faq-accordion .accordion .accordion-content ul li { color: #777777; position: relative; margin-bottom: 12px; line-height: 25px; padding-left: 15px; font-size: 16px; } .faq-accordion .accordion .accordion-content ul li::before { content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; background: #f53f85; border-radius: 50%; } .faq-accordion .accordion .accordion-content ul li:last-child { margin-bottom: 0; } /*================================================ 404 Error CSS =================================================*/ .error-content { text-align: center; margin: 0 auto; max-width: 520px; } .error-content h3 { font-size: 30px; font-weight: 700; margin-top: 30px; margin-bottom: 15px; } .error-content p { margin-bottom: 25px; } /*================================================ Customer Service CSS =================================================*/ .customer-service-content h3 { position: relative; padding-left: 30px; margin-bottom: 20px; font-size: 22px; font-weight: 700; } .customer-service-content h3 i { position: absolute; top: 0; left: 0; color: #f53f85; } .customer-service-content h3:not(:first-child) { margin-top: 30px; } .customer-service-content ul { padding-left: 0; list-style-type: none; margin-bottom: 0; } .customer-service-content ul li { color: #777777; margin-bottom: 12px; position: relative; padding-left: 13px; } .customer-service-content ul li::before { content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; border-radius: 50%; background: #f53f85; } .customer-service-content ul li:last-child { margin-bottom: 0; } .customer-service-content ul li a { display: inline-block; color: #777777; } .customer-service-content ul li a:hover { color: #000000; } /*================================================ Compare CSS =================================================*/ .products-compare-table table { margin-bottom: 0; } .products-compare-table table tr td { color: #777777; vertical-align: middle; padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; } .products-compare-table table tr td:first-child { text-transform: uppercase; color: #000000; font-weight: 600; } .products-compare-table table tr td .remove-btn { margin-bottom: 15px; } .products-compare-table table tr td .remove-btn a { color: red; display: inline-block; } .products-compare-table table tr:first-child { background-color: transparent !important; } .products-compare-table table tr:first-child td { border-bottom: 1px solid #eeeeee; } /*================================================ Pagination CSS =================================================*/ .pagination-area { position: relative; z-index: 1; margin-top: 30px; } .pagination-area::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background-color: #eeeeee; z-index: -1; } .pagination-area .page-numbers { color: #000000; display: inline-block; line-height: 1; background-color: #ffffff; font-weight: 600; font-size: 20px; margin-left: -1px; margin-right: -1px; margin-top: -10px; margin-bottom: -10px; padding-left: 8px; padding-right: 8px; } .pagination-area .page-numbers:hover, .pagination-area .page-numbers:focus, .pagination-area .page-numbers.current { color: #f53f85; } .pagination-area .page-numbers.prev { padding-right: 0; } .pagination-area .page-numbers.next { padding-left: 0; } .pagination-area .page-numbers.prev, .pagination-area .page-numbers.next { font-size: 28px; position: relative; top: 5px; margin-left: -3px; margin-right: -3px; } /*================================================ Widget Sidebar CSS =================================================*/ .widget-area .widget { margin-bottom: 35px; } .widget-area .widget:last-child { margin-bottom: 0; } .widget-area .widget .widget-title { margin-bottom: 25px; position: relative; padding-bottom: 8px; border-bottom: 1px solid #eeeeee; font-size: 21px; font-weight: 700; } .widget-area .widget .widget-title::before { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; bottom: -1px; background-color: #f53f85; } .widget-area .widget_search form { position: relative; } .widget-area .widget_search form .screen-reader-text { display: none; } .widget-area .widget_search form label { display: block; margin-bottom: 0; } .widget-area .widget_search form .search-field { height: 50px; color: #000000; background-color: #eef5f9; display: block; width: 100%; border-radius: 5px; padding: 0 0 0 15px; border: none; transition: 0.5s; font-size: 15px; font-weight: 500; } .widget-area .widget_search form .search-field::-moz-placeholder { color: #777777; -moz-transition: 0.5s; transition: 0.5s; } .widget-area .widget_search form .search-field::placeholder { color: #777777; transition: 0.5s; } .widget-area .widget_search form .search-field:focus::-moz-placeholder { color: transparent; } .widget-area .widget_search form .search-field:focus::placeholder { color: transparent; } .widget-area .widget_search form button { border: none; background-color: #f53f85; color: #ffffff; height: 40px; width: 40px; position: absolute; right: 5px; transition: 0.5s; border-radius: 5px; top: 5px; font-size: 20px; } .widget-area .widget_search form button:hover, .widget-area .widget_search form button:focus { background-color: #000000; color: #ffffff; } .widget-area .widget_xton_posts_thumb { position: relative; overflow: hidden; } .widget-area .widget_xton_posts_thumb .item { overflow: hidden; margin-bottom: 15px; } .widget-area .widget_xton_posts_thumb .item:last-child { margin-bottom: 0; } .widget-area .widget_xton_posts_thumb .item .thumb { float: left; height: 80px; overflow: hidden; display: block; position: relative; width: 80px; margin-right: 15px; z-index: 1; } .widget-area .widget_xton_posts_thumb .item .thumb .fullimage { width: 80px; height: 80px; display: inline-block; border-radius: 5px; background-size: cover !important; background-repeat: no-repeat; background-position: center center !important; } .widget-area .widget_xton_posts_thumb .item .thumb .fullimage.bg1 { background-image: url(../../assets/img/blog/img7.jpg); } .widget-area .widget_xton_posts_thumb .item .thumb .fullimage.bg2 { background-image: url(../../assets/img/blog/img8.jpg); } .widget-area .widget_xton_posts_thumb .item .thumb .fullimage.bg3 { background-image: url(../../assets/img/blog/img5.jpg); } .widget-area .widget_xton_posts_thumb .item .thumb::before, .widget-area .widget_xton_posts_thumb .item .thumb::after { transition: all 0.8s cubic-bezier(0.2, 1, 0.22, 1); content: ""; background-color: #ffffff; position: absolute; z-index: 1; top: 50%; left: 50%; opacity: 0; transform: translate(-50%, -50%); } .widget-area .widget_xton_posts_thumb .item .thumb::before { width: 40px; height: 1px; left: 100%; } .widget-area .widget_xton_posts_thumb .item .thumb::after { height: 40px; width: 1px; top: 0; } .widget-area .widget_xton_posts_thumb .item .info { overflow: hidden; margin-top: 5px; } .widget-area .widget_xton_posts_thumb .item .info span { display: block; color: #777777; text-transform: uppercase; margin-top: -2px; margin-bottom: 5px; font-size: 12px; } .widget-area .widget_xton_posts_thumb .item .info .title { margin-bottom: 0; line-height: 1.4; font-size: 18px; font-weight: 600; } .widget-area .widget_xton_posts_thumb .item .info .title a { display: inline-block; } .widget-area .widget_xton_posts_thumb .item:hover .thumb::before, .widget-area .widget_xton_posts_thumb .item:hover .thumb::after { opacity: 1; top: 50%; left: 50%; } .widget-area .widget_categories ul { padding-left: 0; margin-bottom: 0; list-style-type: none; } .widget-area .widget_categories ul li { position: relative; margin-bottom: 12px; overflow: hidden; color: #000000; padding-left: 18px; font-weight: 600; font-size: 15px; } .widget-area .widget_categories ul li:last-child { margin-bottom: 0; } .widget-area .widget_categories ul li::before { background: #f53f85; height: 8px; width: 8px; content: ""; border-radius: 50%; left: 0; top: 7px; position: absolute; } .widget-area .widget_categories ul li a { color: #000000; display: inline-block; } .widget-area .widget_categories ul li a:hover { color: #f53f85; } .widget-area .widget_categories ul li .post-count { color: #777777; font-size: 14px; display: inline-block; position: relative; top: 1px; } .widget-area .widget_tag_cloud .widget-title { margin-bottom: 17px; } .widget-area .tagcloud a { display: inline-block; background-color: #f6f6f6; color: #000000; padding: 7px 15px; border: none; border-radius: 3px; font-weight: 600; font-size: 14px !important; margin-top: 8px; margin-right: 4px; } .widget-area .tagcloud a:hover, .widget-area .tagcloud a:focus { color: #ffffff; background-color: #f53f85; } .widget-area .widget_instagram ul { padding-left: 0; list-style-type: none; flex-wrap: wrap; display: flex; margin-bottom: -10px; margin-left: -5px; margin-right: -5px; } .widget-area .widget_instagram ul li { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; padding-bottom: 10px; padding-right: 5px; padding-left: 5px; } .widget-area .widget_instagram ul li a { position: relative; } .widget-area .widget_instagram ul li a::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f53f85; transition: 0.5s; opacity: 0; visibility: hidden; } .widget-area .widget_instagram ul li a:hover::before { opacity: 0.7; visibility: visible; } .widget-area .widget_contact { position: relative; z-index: 1; border-radius: 5px; height: 400px; text-align: center; background-image: url(../../assets/img/offer-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; } .widget-area .widget_contact::before { width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; border-radius: 5px; background-color: #f53f85; opacity: 0.7; z-index: -1; } .widget-area .widget_contact .text { position: absolute; left: 0; bottom: 25px; right: 0; } .widget-area .widget_contact .text .icon { width: 65px; height: 65px; border: 2px dashed #f53f85; position: relative; border-radius: 50%; font-size: 35px; transition: 0.5s; background-color: #ffffff; color: #f53f85; margin-left: auto; margin-right: auto; margin-bottom: 17px; } .widget-area .widget_contact .text .icon i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .widget-area .widget_contact .text span { display: block; color: #ffffff; margin-bottom: 8px; font-size: 16px; font-weight: 600; } .widget-area .widget_contact .text a { display: inline-block; color: #ffffff; font-weight: 800; font-size: 25px; } /*================================================ Coming Soon CSS =================================================*/ .coming-soon-area { height: 100vh; position: relative; z-index: 1; background: #f6f7fb; background-image: url(../../assets/img/coming-soon-bg.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; } .coming-soon-content { max-width: 700px; background: #ffffff; border-radius: 5px; overflow: hidden; text-align: center; padding: 40px 60px; box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05); margin-left: 100px; } .coming-soon-content .logo { display: inline-block; } .coming-soon-content .logo .white-logo { display: none; } .coming-soon-content h2 { font-size: 40px; font-weight: 700; margin-top: 30px; margin-bottom: 0; } .coming-soon-content #timer { margin-top: 40px; } .coming-soon-content #timer div { background-color: #333333; color: #ffffff; width: 100px; height: 105px; border-radius: 5px; font-size: 35px; font-weight: 900; margin-left: 10px; margin-right: 10px; } .coming-soon-content #timer div span { display: block; margin-top: -1px; font-size: 16px; font-weight: 600; } .coming-soon-content form { position: relative; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 50px; } .coming-soon-content form .form-group { margin-bottom: 25px; width: 100%; position: relative; } .coming-soon-content form .form-group .label-title { margin-bottom: 0; position: absolute; display: block; left: 0; top: 0; pointer-events: none; width: 100%; height: 100%; color: #000000; } .coming-soon-content form .form-group .label-title i { position: absolute; left: 0; transition: 0.5s; top: 9px; font-size: 22px; } .coming-soon-content form .form-group .label-title::before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; transition: 0.5s; background: #f53f85; } .coming-soon-content form .form-group .input-newsletter { border-radius: 0; border: none; border-bottom: 2px solid #eeeeee; padding: 0 0 0 32px; color: #000000; height: 45px; display: block; width: 100%; transition: 0.5s; font-size: 16px; font-weight: 400; } .coming-soon-content form .form-group .input-newsletter::-moz-placeholder { color: #A1A1A1; -moz-transition: 0.5s; transition: 0.5s; } .coming-soon-content form .form-group .input-newsletter::placeholder { color: #A1A1A1; transition: 0.5s; } .coming-soon-content form .form-group .input-newsletter:focus::-moz-placeholder { color: transparent; } .coming-soon-content form .form-group .input-newsletter:focus::placeholder { color: transparent; } .coming-soon-content form .validation-danger { margin-top: 15px; color: red; } .coming-soon-content form .validation-success { margin-top: 15px; } .coming-soon-content form p { margin-bottom: 0; margin-top: 20px; } /*================================================ Track Order CSS =================================================*/ .track-order-content { max-width: 700px; background-color: #ffffff; box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1); text-align: center; padding: 40px; margin-left: auto; margin-right: auto; } .track-order-content h2 { margin-bottom: 30px; font-size: 35px; font-weight: 700; } .track-order-content form { text-align: left; padding-left: 30px; padding-right: 30px; } .track-order-content form .form-group { margin-bottom: 20px; } .track-order-content form .form-group label { display: block; color: #000000; margin-bottom: 9px; text-transform: uppercase; font-size: 14px; font-weight: 600; } .track-order-content form .default-btn { margin-top: 5px; } /*================================================ Login CSS =================================================*/ .login-content h2 { margin-bottom: 25px; font-size: 25px; font-weight: 700; } .login-content .login-form { padding-right: 15px; } .login-content .login-form .form-group { margin-bottom: 20px; } .login-content .login-form .form-group .form-control { height: 50px; } .login-content .login-form .default-btn { display: block; width: 100%; padding: 14px 25px; } .login-content .login-form .forgot-password { display: inline-block; margin-top: 15px; position: relative; font-weight: 600; } .login-content .login-form .forgot-password::before { width: 100%; height: 1.5px; background: #777777; bottom: 0; left: 0; position: absolute; transition: 0.5s; content: ""; } .login-content .login-form .forgot-password:hover::before { width: 0; } .new-customer-content { padding-left: 15px; } .new-customer-content h2 { margin-bottom: 20px; font-size: 25px; font-weight: 700; } .new-customer-content span { display: block; margin-bottom: 10px; font-size: 17px; font-weight: 600; } .new-customer-content .optional-btn { margin-top: 5px; } /*================================================ Signup CSS =================================================*/ .signup-content { max-width: 520px; margin-left: auto; margin-right: auto; } .signup-content h2 { margin-bottom: 25px; text-align: center; font-size: 25px; font-weight: 700; } .signup-content .signup-form .form-group { margin-bottom: 20px; } .signup-content .signup-form .form-group label { display: block; text-transform: uppercase; margin-bottom: 8px; font-size: 14px; font-weight: 600; } .signup-content .signup-form .form-group .form-control { height: 50px; } .signup-content .signup-form .default-btn { display: block; width: 100%; padding: 14px 25px; } .signup-content .signup-form .return-store { display: inline-block; margin-top: 15px; color: #777777; position: relative; font-size: 15px; } .signup-content .signup-form .return-store::before { width: 100%; height: 1.5px; background: #777777; bottom: 0; left: 0; position: absolute; transition: 0.5s; content: ""; } .signup-content .signup-form .return-store:hover { color: #000000; } .signup-content .signup-form .return-store:hover::before { width: 0; } /*================================================ Contact CSS =================================================*/ .contact-info h3 { margin-bottom: 15px; font-size: 22px; font-weight: 700; } .contact-info p a { display: inline; font-weight: 500; } .contact-info .contact-list { padding-left: 0; margin-bottom: 25px; list-style-type: none; } .contact-info .contact-list li { margin-bottom: 12px; position: relative; padding-left: 25px; } .contact-info .contact-list li i { position: absolute; left: 0; top: 2px; color: #f53f85; font-size: 20px; } .contact-info .contact-list li a { display: inline-block; font-weight: 600; position: relative; } .contact-info .contact-list li a:hover::before { width: 100%; } .contact-info .contact-list li a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; transition: 0.5s; background-color: #f53f85; } .contact-info .contact-list li:last-child { margin-bottom: 0; } .contact-info .opening-hours { padding-left: 0; margin-bottom: 25px; list-style-type: none; } .contact-info .opening-hours li { margin-bottom: 10px; } .contact-info .opening-hours li:last-child { margin-bottom: 0; } .contact-info .social { padding-left: 0; list-style-type: none; margin-bottom: 0; } .contact-info .social li { display: inline-block; margin-right: 2px; } .contact-info .social li:last-child { margin-right: 0; } .contact-info .social li a { width: 30px; height: 30px; text-align: center; display: block; color: #f53f85; background-color: #f4f4f4; font-size: 18px; position: relative; border-radius: 2px; } .contact-info .social li a i { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-49%); } .contact-info .social li a:hover { background-color: #f53f85; color: #ffffff; } .contact-form h3 { margin-bottom: 15px; font-size: 22px; font-weight: 700; } .contact-form form .form-group { margin-bottom: 20px; } .contact-form form .form-group label { display: block; margin-bottom: 10px; text-transform: uppercase; font-size: 14px; font-weight: 600; } .contact-form form .form-group label span { color: red; } .contact-form form .with-errors ul { padding-left: 0; list-style-type: none; margin-top: 10px; margin-bottom: 0; } .contact-form form .with-errors ul li { color: red; font-size: 15px; } .contact-form form #msgSubmit { margin-bottom: 0; } .contact-form form #msgSubmit.text-danger, .contact-form form #msgSubmit.text-success { margin-top: 15px; } #map iframe { width: 100%; height: 500px; margin-bottom: -10px; } /*================================================ Footer CSS =================================================*/ .footer-area { padding-top: 100px; background-color: #000000; position: relative; z-index: 1; text-align: left; } .footer-area .row [class*="col-"] { text-align: left; } .single-footer-widget { margin-bottom: 30px; text-align: left; } .single-footer-widget h3 { color: #ffffff; margin-bottom: 25px; padding-bottom: 5px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 22px; font-weight: 700; } .single-footer-widget h3::before { width: 50px; height: 1px; bottom: -1px; content: ""; position: absolute; left: 0; background-color: #f53f85; } .single-footer-widget p { color: #ffffff; } .single-footer-widget .about-the-store p { font-weight: 600; } .single-footer-widget .about-the-store .footer-contact-info { padding-left: 0; margin-bottom: 0; list-style-type: none; } .single-footer-widget .about-the-store .footer-contact-info li { margin-bottom: 12px; color: #ffffff; position: relative; padding-left: 25px; } .single-footer-widget .about-the-store .footer-contact-info li i { position: absolute; left: 0; top: 2px; font-size: 18px; } .single-footer-widget .about-the-store .footer-contact-info li a { display: inline-block; color: #ffffff; font-weight: 600; position: relative; } .single-footer-widget .about-the-store .footer-contact-info li a:hover { color: #f53f85; } .single-footer-widget .about-the-store .footer-contact-info li a:hover::before { width: 100%; } .single-footer-widget .about-the-store .footer-contact-info li a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; transition: 0.5s; background-color: #f53f85; } .single-footer-widget .about-the-store .footer-contact-info li:last-child { margin-bottom: 0; } .single-footer-widget .social-link { padding-left: 0; list-style-type: none; margin-top: 20px; margin-bottom: 0; } .single-footer-widget .social-link li { display: inline-block; margin-right: 2px; } .single-footer-widget .social-link li:last-child { margin-right: 0; } .single-footer-widget .social-link li a { width: 30px; height: 30px; text-align: center; color: #f53f85; background-color: #ffffff; font-size: 18px; position: relative; border-radius: 2px; } .single-footer-widget .social-link li a i { position: absolute; left: 0; top: 50%; right: 0; transform: translateY(-49%); } .single-footer-widget .social-link li a:hover { background-color: #f53f85; color: #ffffff; } .single-footer-widget .quick-links { padding-left: 0; margin-bottom: 0; list-style-type: none; } .single-footer-widget .quick-links li { margin-bottom: 16px; color: #ffffff; } .single-footer-widget .quick-links li a { display: inline-block; color: #ffffff; font-weight: 600; position: relative; } .single-footer-widget .quick-links li a:hover { color: #f53f85; } .single-footer-widget .quick-links li a:hover::before { width: 100%; } .single-footer-widget .quick-links li a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; transition: 0.5s; background-color: #f53f85; } .single-footer-widget .quick-links li:last-child { margin-bottom: 0; } .single-footer-widget .customer-support { padding-left: 0; margin-bottom: 0; list-style-type: none; } .single-footer-widget .customer-support li { margin-bottom: 16px; color: #ffffff; } .single-footer-widget .customer-support li a { display: inline-block; color: #ffffff; font-weight: 600; position: relative; } .single-footer-widget .customer-support li a:hover { color: #f53f85; } .single-footer-widget .customer-support li a:hover::before { width: 100%; } .single-footer-widget .customer-support li a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; transition: 0.5s; background-color: #f53f85; } .single-footer-widget .customer-support li:last-child { margin-bottom: 0; } .single-footer-widget .footer-newsletter-box .newsletter-form { position: relative; margin-top: -5px; } .single-footer-widget .footer-newsletter-box .newsletter-form label { display: block; color: #ffffff; font-weight: 600; margin-bottom: 10px; } .single-footer-widget .footer-newsletter-box .newsletter-form .input-newsletter { width: 100%; background-color: transparent; border: 1px solid #848282; border-radius: 0; height: 45px; padding-left: 10px; color: #ffffff; font-size: 15px; border-radius: 0.25rem; } .single-footer-widget .footer-newsletter-box .newsletter-form .input-newsletter::-moz-placeholder { -moz-transition: 0.5s; transition: 0.5s; color: #cccccc; } .single-footer-widget .footer-newsletter-box .newsletter-form .input-newsletter::placeholder { transition: 0.5s; color: #cccccc; } .single-footer-widget .footer-newsletter-box .newsletter-form .input-newsletter:focus::-moz-placeholder { color: transparent; } .single-footer-widget .footer-newsletter-box .newsletter-form .input-newsletter:focus::placeholder { color: transparent; } .single-footer-widget .footer-newsletter-box .newsletter-form button { display: block; margin-top: 0.8rem; width: 100%; border-radius: 0.25rem; background-color: #f53f85; color: #ffffff; border: none; padding: 12px 25px; transition: 0.5s; font-weight: 600; font-size: 15px; } .single-footer-widget .footer-newsletter-box .newsletter-form button:hover { color: #000000; background-color: #ffffff; } .single-footer-widget .footer-newsletter-box .newsletter-form #validator-newsletter { position: absolute; left: 0; bottom: -32px; color: #ffffff !important; } .footer-bottom-area { margin-top: 70px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 25px; padding-bottom: 25px; text-align: left; } .footer-bottom-area p { line-height: initial; margin-bottom: 0; color: #cecdcd; font-weight: 500; } .footer-bottom-area p i { position: relative; top: 1px; } .footer-bottom-area p a { display: inline-block; color: #ffffff; font-weight: 600; position: relative; } .footer-bottom-area p a::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; transition: 0.5s; height: 1px; background-color: #f53f85; } .footer-bottom-area p a:hover { color: #f53f85; } .footer-bottom-area p a:hover::before { width: 100%; } .footer-bottom-area .payment-types { padding: 0; margin: 0; list-style-type: none; text-align: right; } .footer-bottom-area .payment-types li { display: inline-block; } .footer-bottom-area .payment-types li a { display: block; transition: 0.5s; } .footer-bottom-area .payment-types li a:hover { transform: translateY(-5px); } .lines { position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: auto; width: 90vw; z-index: -1; } .lines .line { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; background: rgba(255, 255, 255, 0.1); overflow: hidden; } .lines .line::after { content: ""; display: block; position: absolute; height: 15vh; width: 100%; top: -50%; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%); animation: run 7s 0s infinite; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); } .lines .line:nth-child(1) { margin-left: -25%; } .lines .line:nth-child(1)::after { animation-delay: 2s; } .lines .line:nth-child(3) { margin-left: 25%; } .lines .line:nth-child(3)::after { animation-delay: 2.5s; } @keyframes run { 0% { top: -50%; } 100% { top: 110%; } } /*================================================ Go Top CSS =================================================*/ .go-top { position: fixed; cursor: pointer; bottom: -42px; right: 15px; color: #ffffff; background-color: #f53f85; z-index: 4; width: 42px; text-align: center; height: 42px; line-height: 42px; opacity: 0; visibility: hidden; font-size: 28px; transition: 0.5s; border-radius: 5px 5px 0 0; } .go-top i { position: absolute; left: 0; right: 0; top: 55%; transform: translateY(-55%); transition: 0.5s; } .go-top.active { bottom: 0; opacity: 1; visibility: visible; } .go-top:hover i { margin-top: -3px; }/*# sourceMappingURL=style.css.map *//* Xton Template - Responsive CSS Kaynak: https://templates.hibootstrap.com/xton/default/assets/css/responsive.css */ @media only screen and (max-width: 767px) { body { font-size: 13.5px; } p { font-size: 13.5px; } .ptb-100 { padding-top: 60px; padding-bottom: 60px; } .pt-100 { padding-top: 60px; } .pb-100 { padding-bottom: 60px; } .ptb-70 { padding-top: 30px; padding-bottom: 30px; } .pt-70 { padding-top: 30px; } .pb-70 { padding-bottom: 30px; } .default-btn { padding: 10px 24px; font-size: 13px; } .optional-btn { padding: 10px 24px; font-size: 13px; } .section-title { margin-bottom: 35px; } .section-title h2 { font-size: 28px; } .section-title.text-start { margin-bottom: 25px; } .section-title.text-start .default-btn { display: none; } .form-control { height: 45px; padding: 0 0 0 12px; font-size: 14px; } textarea.form-control { padding-top: 12px; } .top-header { text-align: center; padding-top: 15px; padding-bottom: 15px; } .header-contact-info li { font-size: 13.5px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; } .header-contact-info li:first-child { margin-left: 0; } .header-contact-info li:last-child { margin-right: 0; } .top-header-discount-info { margin-top: 0; } .top-header-discount-info p { line-height: 1.8; font-size: 14px; } .header-top-menu { text-align: center; } .header-top-menu li { font-size: 13.5px; margin-left: 10px; margin-right: 10px; margin-top: 10px; } .header-top-menu li:first-child { margin-left: 0; } .header-top-menu li:last-child { margin-right: 0; } .header-top-menu li a { padding-left: 20px; } .header-top-menu li a i { font-size: 14px; } .header-top-menu li::before { right: -13px; top: 5px; height: 12px; } .header-top-others-option { display: block; } .main-banner { height: auto; padding-top: 100px; padding-bottom: 130px; } .main-banner.banner-bg6 { background-position: top left; } .main-banner.banner-bg2 { background-position: top left; } .main-banner.single-main-banner { padding-top: 100px; padding-bottom: 100px; } .hero-banner { padding-top: 100px; padding-bottom: 0; } .main-banner-content .sub-title { margin-bottom: 12px; font-size: 15px; } .main-banner-content h1 { margin-bottom: 12px; font-size: 35px; } .main-banner-content p { font-size: 15px; } .main-banner-content .btn-box { margin-top: 20px; } .main-banner-content .btn-box .optional-btn { margin-left: 5px; } .main-banner-content.text-center .btn-box .optional-btn { margin-left: 2.5px; } .main-banner-content.text-center .btn-box .default-btn { margin-right: 2.5px; } .banner-content { padding: 20px; max-width: 100%; margin-left: 0; } .banner-content .line { border-width: 2px; } .banner-content .sub-title { font-size: 17px; } .banner-content h1 { margin: 10px 0 15px; font-size: 35px; } .banner-content p { max-width: 100%; font-size: 15px; font-weight: 300; } .banner-content .btn-box { margin-top: 20px; } .banner-content .btn-box .default-btn { padding: 10px 18px; font-size: 12px; } .banner-content .btn-box .optional-btn { padding: 10px 18px; font-size: 12px; margin-left: 5px; } .banner-image { margin-top: 30px; } .banner-image .circle { width: 290px; height: 290px; } .single-categories-box .content { padding: 15px 15px 0; text-align: right; } .single-categories-box .content h3 { font-size: 23px; } .categories-box .content { top: 20px; left: 20px; padding-top: 7px; padding-bottom: 7px; padding-left: 17px; padding-right: 17px; } .categories-box .content h3 { font-size: 16px; } .about-image { padding-right: 0; padding-bottom: 0; } .about-image img { width: 100%; } .about-image img:nth-child(2) { position: relative; right: 0; margin-top: 20px; } .about-content { padding-left: 0; margin-top: 30px; } .about-content h2 { font-size: 25px; } .about-content h6 { font-size: 15px; } .single-products-box .products-content h3 { font-size: 18px; } .single-products-box .products-content .price { font-size: 14px; } .products-area .woocommerce-widget-area { display: none; } .page-title-area { padding-top: 40px; padding-bottom: 35px; } .page-title-content { text-align: center; } .page-title-content h2 { font-size: 22px; } .footer-area { padding-top: 60px; } .single-footer-widget h3 { margin-bottom: 20px; font-size: 19px; } .single-footer-widget.pl-4, .single-footer-widget.px-4 { padding-left: 0 !important; } .footer-bottom-area { text-align: center; margin-top: 30px; padding-top: 25px; padding-bottom: 25px; } .footer-bottom-area p { line-height: 1.8; } .footer-bottom-area .payment-types { margin-top: 15px; text-align: center; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .header-top-menu { display: inline-block; } .header-top-others-option { display: inline-block; position: relative; top: 3px; margin-top: 0; margin-left: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .top-header { text-align: center; padding-top: 15px; padding-bottom: 15px; } .top-header-discount-info { margin-top: 10px; margin-bottom: 10px; } .header-top-menu { display: inline-block; text-align: center; } .header-top-others-option { display: inline-block; position: relative; top: 3px; margin-top: 0; margin-left: 15px; } .main-banner { height: auto; padding-top: 160px; padding-bottom: 160px; } .about-content { padding-left: 0; margin-top: 30px; } .products-area .woocommerce-widget-area { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header-contact-info { margin-bottom: -5px; } .header-contact-info li { margin-bottom: 5px; } .header-top-menu { margin-bottom: -5px; } .header-top-menu li { margin-bottom: 5px; } .main-banner { height: 700px; } } @media only screen and (min-width: 1550px) { .banner-content { max-width: 755px; } } /* Container genişliği 1400px */ @media (min-width: 1200px) { .container { max-width: 1400px; } } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } body,button,input,select,textarea{font-family:'Montserrat',sans-serif;} h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;} /* Popup (Home splash) */ .popup-modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:9999; padding:20px; } .popup-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.6); } .popup-container{ position:relative; z-index:1; max-width:90vw; max-height:90vh; } .popup-image{ display:block; max-width:90vw; max-height:90vh; height:auto; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.35); } .popup-close{ position:absolute; top:-12px; right:-12px; width:34px; height:34px; border:none; border-radius:50%; background:#fff; color:#111; font-size:22px; line-height:1; cursor:pointer; box-shadow:0 8px 20px rgba(0,0,0,.25); } .popup-close span{ display:block; transform:translateY(-1px); } /* mega menu tweaks */ .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu{width:100%;left:0;right:0} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .row{display:flex;flex-wrap:wrap} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{flex:0 0 20%;max-width:20%} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu a{text-transform:none} @media (max-width:1199px){.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{flex:0 0 33.333%;max-width:33.333%}} @media (max-width:991px){.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{flex:0 0 50%;max-width:50%}} @media (max-width:767px){.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{flex:0 0 100%;max-width:100%}} /* mega menu hover gap fix + alignment */ .xton-nav .navbar .navbar-nav .nav-item.megamenu{position:static} .xton-nav .navbar .navbar-nav .nav-item.megamenu > .nav-link{position:relative} .xton-nav .navbar .navbar-nav .nav-item.megamenu > .nav-link:after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:12px} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu{margin-top:0;top:100%} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .container{max-width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .row{margin-left:0;margin-right:0} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{padding-left:0} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu,.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu a,.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title{font-size:14px;text-transform:none;text-align:left} /* center main menu + dropdown icon alignment */ .xton-nav .navbar .navbar-nav{margin-left:auto;margin-right:auto;justify-content:center} .xton-nav .navbar .navbar-nav .nav-item.megamenu > .nav-link{display:flex;align-items:center;gap:6px} .xton-nav .navbar .navbar-nav .nav-item.megamenu > .nav-link.dropdown-toggle::after{position:static;margin-left:0;vertical-align:middle} /* mega menu alignment tweaks */ .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu{left:50%;right:auto;transform:translateX(-50%)} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{padding-left:0;padding-right:20px} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title{margin-left:0;padding-left:0} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu{padding-left:0;margin-left:0} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a{padding-left:0} /* mega menu - match template layout */ .xton-nav .navbar .navbar-nav .nav-item.megamenu{position:static} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu{width:100%;left:0;right:0;transform:none;top:100%;margin-top:0;padding:30px 0;box-shadow:0 10px 30px rgba(0,0,0,0.08)} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu > .nav-item > .container{max-width:1140px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .row{justify-content:flex-start} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{flex:0 0 25%;max-width:25%;padding-left:15px;padding-right:15px} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title{margin:0 0 12px 0;padding-left:0;text-transform:uppercase;font-size:14px;letter-spacing:.4px} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before{left:0} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu{padding-left:0;margin-left:0} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a{padding-left:0} @media (max-width:1199px){.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu > .nav-item > .container{max-width:960px}.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{flex:0 0 33.333%;max-width:33.333%}} @media (max-width:991px){.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu > .nav-item > .container{max-width:720px}.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{flex:0 0 50%;max-width:50%}} @media (max-width:767px){.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu > .nav-item > .container{max-width:540px}.xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{flex:0 0 100%;max-width:100%}} /* mega menu - left align items and underline */ .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title{display:block;text-align:left} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li{text-align:left} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a{display:block;text-align:left;padding-left:0} /* mega menu - force underline to left edge */ .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title::before{left:0!important;right:auto!important;transform:none!important;margin-left:0!important} .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a::before{left:0!important;right:auto!important;transform:none!important;margin-left:0!important} /* mega menu - force left alignment (override any centering) */ .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu{ text-align:left; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .col{ text-align:left; } .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .submenu-title, .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu, .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li, .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a{ text-align:left; margin-left:0; margin-right:0; justify-content:flex-start; } /* mega menu - remove submenu underline/separators */ .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a::before, .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu .megamenu-submenu li a::after{ content:none !important; display:none !important; } /* mega menu hover bridge to prevent close */ .xton-nav .navbar .navbar-nav .nav-item.megamenu{position:static} .xton-nav .navbar .navbar-nav .nav-item.megamenu > .nav-link{position:relative} .xton-nav .navbar .navbar-nav .nav-item.megamenu > .nav-link::after{content:'';position:absolute;left:0;right:0;bottom:-16px;height:16px} .xton-nav .navbar .navbar-nav .nav-item.megamenu:hover > .dropdown-menu, .xton-nav .navbar .navbar-nav .nav-item.megamenu .dropdown-menu:hover{display:block;opacity:1;visibility:visible} /* align dropdown caret with Products text */ .xton-nav .navbar .navbar-nav .nav-item.megamenu > .nav-link.dropdown-toggle::after{ margin-top:0; vertical-align:middle; }