@import url(https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700;800;900&family=Exo:wght@300;400;500;600;700;800;900&display=swap); @charset "UTF-8";/*! * Bootstrap v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}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}b,strong{font-weight:bolder}.small,small{font-size:.875em}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,pre{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[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}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.img-fluid{max-width:100%;height:auto}.figure{display:inline-block}.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);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:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-12{flex:0 0 auto;width:100%}.g-1{--bs-gutter-x:0.25rem}.g-1{--bs-gutter-y:0.25rem}@media (min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-12{flex:0 0 auto;width:100%}}@media (min-width:768px){.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-6{flex:0 0 auto;width:50%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-12{flex:0 0 auto;width:100%}}@media (min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-12{flex:0 0 auto;width:100%}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;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[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;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){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;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){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}textarea.form-control{min-height:calc(1.5em + (.75rem + 2px))}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-lg>.btn,.input-group-lg>.form-control{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;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}.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-outline-primary.dropdown-toggle.show{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-secondary.dropdown-toggle.show{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-success.dropdown-toggle.show{color:#fff;background-color:#198754;border-color:#198754}.btn-outline-success.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-info.dropdown-toggle.show{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-warning.dropdown-toggle.show{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-danger.dropdown-toggle.show{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-light.dropdown-toggle.show{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-dark.dropdown-toggle.show{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-dark.dropdown-toggle.show:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropend,.dropstart,.dropup{position:relative}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin: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-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs .nav-item.show .nav-link{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}}.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-img-top{width:100%}.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.pagination{display:flex;padding-left:0;list-style:none}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast:not(.showing):not(.show){opacity:0}.toast.hide{display:none}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal.show .modal-dialog{transform:none}.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}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-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 .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.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:1070;display:block;max-width:276px;font-family:var(--bs-font-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;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-item-next,.carousel-item-prev{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.offcanvas{position:fixed;bottom:0;z-index:1050;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.show{transform:none}.clearfix::after{display:block;clear:both;content:""}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.float-end{float:right!important}.overflow-hidden{overflow:hidden!important}.d-flex{display:flex!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.top-0{top:0!important}.border{border:1px solid #dee2e6!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.flex-column-reverse{flex-direction:column-reverse!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.order-2{order:2!important}.m-1{margin:.25rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.p-3{padding:1rem!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.pt-1{padding-top:.25rem!important}.text-center{text-align:center!important}.text-primary{color:#0d6efd!important}.text-white{color:#fff!important}.bg-white{background-color:#fff!important}.rounded{border-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:768px){.flex-md-row{flex-direction:row!important}} /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Default Style Settings - Screen Stylesheet version: 5.4.5 date: 15/05/17 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/.rev_column,.rev_column .tp-parallax-wrap{vertical-align:top}.rs-go-fullscreen{position:fixed!important;width:100%!important;height:100%!important;top:0!important;left:0!important;z-index:9999999!important;background:#fff!important}.rtl{direction:rtl}@font-face{font-family:revicons;src:url(/fonts/revicons90c6.eot?a77de540a38981833f9e31bd4c365cc6);src:url(/fonts/revicons90c6.eot?a77de540a38981833f9e31bd4c365cc6#iefix) format('embedded-opentype'),url(/fonts/revicons90c6.woff?e8746a624ed098489406e6113d185258) format('woff'),url(/fonts/revicons90c6.ttf?57fd05d4ae650374c8deeff7c4aae380) format('truetype'),url(/fonts/revicons90c6.svg?4ac5ea90f30d51ae2772bedb7183d205#revicons) format('svg');font-weight:400;font-style:normal}[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-right-dir:before{content:'\e818'}.rev_slider_wrapper{position:relative;z-index:0;width:100%}.tp-simpleresponsive img{max-width:none!important;transition:none;margin:0;padding:0;border:none}.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;background-image:none;background-position:0 0;text-indent:0;top:0;left:0}.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}.rs-toggle-content-active.tp-caption .rs-toggled-content{display:block}.rs-toggle-content-active.tp-caption .rs-untoggled-content{display:none}.tp-simpleresponsive img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.tp-carousel-wrapper{cursor:url(" 0( @���������?�w�g���������������������������������������������������������������������������������������������������������������������"),move}.tp-carousel-wrapper.dragged{cursor:url(" 0( @������������������������������������������������������������������������������������������������������������O����������������������"),move}.tp-caption.tp-hidden-caption,.tp-forcenotvisible,.tp-parallax-wrap.tp-hidden-caption{visibility:hidden!important;display:none!important}.tp-blockmask{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:1000;transform:scaleX(0) scaleY(0)}.tp-parallax-wrap{transform-style:preserve-3d}.rev_column_inner{position:relative;width:100%!important;box-sizing:border-box}.rev_column{display:table-cell;position:relative;height:auto;box-sizing:border-box;font-size:0}.rev_column_inner{display:block;height:auto!important;white-space:normal!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}.tp-video-play-button,.tp-video-play-button i{line-height:50px!important;vertical-align:top;text-align:center}.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}img.tp-slider-alternative-image{width:100%;height:auto}.caption.fullscreenvideo,.tp-caption.coverscreenvideo,.tp-caption.fullscreenvideo{width:100%;height:100%;top:0;left:0;position:absolute}.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}.tp-video-play-button{background:#000;background:rgba(0,0,0,.3);border-radius:5px;position:absolute;top:50%;left:50%;color:#FFF;margin-top:-25px;margin-left:-25px;cursor:pointer;width:50px;height:50px;box-sizing:border-box;display:inline-block;z-index:4;opacity:0;transition:opacity .3s ease-out!important}.tp-audio-html5 .tp-video-play-button{display:none!important}.tp-caption .html5vid{width:100%!important;height:100%!important}.tp-video-play-button i{width:50px;height:50px;display:inline-block;font-size:40px!important}.rs-fullvideo-cover,.tp-dottedoverlay,.tp-shadowcover{height:100%;top:0;left:0;position:absolute}.tp-caption:hover .tp-video-play-button{opacity:1;display:block}.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}.tp-seek-bar,.tp-video-button,.tp-volume-bar{outline:0;line-height:12px;margin:0;cursor:pointer}.videoisplaying .revicon-right-dir{display:none}.videoisplaying .tp-revstop{display:inline-block}.videoisplaying .tp-video-play-button{display:none}.fullcoveredvideo .tp-video-play-button{display:none!important}.fullscreenvideo .fullscreenvideo audio,.fullscreenvideo .fullscreenvideo video{-o-object-fit:contain!important;object-fit:contain!important}.fullscreenvideo .fullcoveredvideo audio,.fullscreenvideo .fullcoveredvideo video{-o-object-fit:cover!important;object-fit:cover!important}.tp-video-controls{position:absolute;bottom:0;left:0;right:0;padding:5px;opacity:0;transition:opacity .3s;background-image:linear-gradient(to bottom,#000 13%,#323232 100%);display:table;max-width:100%;overflow:hidden;box-sizing:border-box}.tp-caption:hover .tp-video-controls{opacity:.9}.tp-video-button{background:rgba(0,0,0,.5);border:0;border-radius:3px;font-size:12px;color:#fff;padding:0}.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%;padding:0}.rs-fullvideo-cover{width:100%;background:0 0;z-index:5}.tp-audio-html5 .tp-video-controls{opacity:1!important;visibility:visible!important}.tp-dottedoverlay{background-repeat:repeat;width:100%;z-index:3}.tp-shadowcover{width:100%;background:#fff;z-index:-1}@-webkit-keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}@keyframes rev-ani-mouse{0%{opacity:1;top:29%}15%{opacity:1;top:50%}50%{opacity:0;top:50%}100%{opacity:0;top:29%}}.tp-bullet{background:#fff}.tp-bannertimer{visibility:hidden;width:100%;height:5px;background:#000;background:rgba(0,0,0,.15);position:absolute;z-index:200;top:0}.tp-caption img{background:0 0;-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?d618488ff3abae43777fd46666d74792)}.tp-caption.slidelink a span{background:url(/images/coloredbg.png?d618488ff3abae43777fd46666d74792)}.tp-loader.spinner0{background-image:url(/images/loader.gif?dbe653dde5c293aaadc6c00f5b2fbb57);background-repeat:no-repeat}.tp-loader.spinner0{width:40px;height:40px;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;background-color:#fff;border-radius:3px;box-shadow:0 0 20px 0 rgba(0,0,0,.15)}.tp-loader{top:50%;left:50%;z-index:10000;position:absolute}.tp-loader.spinner0{background-position:center center}@-webkit-keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes tp-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@-webkit-keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}@keyframes tp-scaleout{0%{transform:scale(0)}100%{transform:scale(1);opacity:0}}@-webkit-keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}@keyframes tp-bouncedelay{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}@-webkit-keyframes tp-rotate{100%{transform:rotate(360deg)}}@keyframes tp-rotate{100%{transform:rotate(360deg)}}@-webkit-keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}@keyframes tp-bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}.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}.tp-tab-image,.tp-thumb-image,.tp-videoposter{background-position:center center;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-tabs,.tp-thumbs{box-sizing:content-box!important}.tp-bullet{width:15px;height:15px;position:absolute;background:rgba(255,255,255,.3);cursor:pointer}.tp-bullet.selected,.tp-bullet:hover{background:#fff}.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}.hginfo,.hglayerinfo{font-size:12px;font-weight:600}.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}.helpgrid,.hginfo{position:absolute}.hginfo{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;top:0;left:0;z-index:0}.tp-kbimg-wrap:after,.tp-kbimg-wrap:before{height:500%;width:500%} /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Layer Style Settings - Screen Stylesheet version: 5.0.0 date: 18/03/15 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ * { box-sizing: border-box; } .tp-caption.black,.black { color:#000; text-shadow:none; } /* media queries */ @media only screen and (max-width: 960px) {} @media only screen and (max-width: 768px) {} /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ARES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* BULLETS */ /* TABS */ /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - CUSTOM SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ .custom.tparrows { cursor:pointer; background:#000; background:rgba(0,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"; } /* BULLETS */ .custom.tp-bullets { } .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:rgba(125,125,125,0.5); cursor: pointer; box-sizing:content-box; } .custom .tp-bullet:hover, .custom .tp-bullet.selected { background:rgb(125,125,125); } .custom .tp-bullet-image { } .custom .tp-bullet-title { } /* THUMBS */ /* TABS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - DIONE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ERINYEN SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /* THUMBS */ /* TABS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - GYGES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /* THUMBS */ /* TABS */ /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HADES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /* THUMBS */ /* TABS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HEBE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /* TABS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HEPHAISTOS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HERMES SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /* TABS */ /* MEDIA QUERIES */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - HESPERIDEN SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /* THUMBS */ /* TABS */ /* MEDIA QUERIES */ @media only screen and (max-width: 960px) { } @media only screen and (max-width: 768px) { } /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - METIS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - PERSEPHONE SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - URANUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /* ARROWS */ /* BULLETS */ /* THUMBS */ /* TABS */ /*----------------------------------------------------------------------------- - Revolution Slider 5.0 Navigatin Skin Style - ZEUS SKIN author: ThemePunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ @font-face { font-family: "flaticon"; src: url("/fonts/flaticonc9fd.ttf?3f769fa921754964b8bd42dd3db97651") format("truetype"), url("/fonts/flaticonc9fd.woff?3f769fa921754964b8bd42dd3db97651") format("woff"), url("/fonts/flaticonc9fd.woff2?3f769fa921754964b8bd42dd3db97651") format("woff2"), url("/fonts/flaticonc9fd.eot?3f769fa921754964b8bd42dd3db97651#iefix") format("embedded-opentype"), url("/fonts/flaticonc9fd.svg?3f769fa921754964b8bd42dd3db97651#flaticon") format("svg"); } i[class^="flaticon-"]:before { font-family: 'flaticon' !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-workers:before { content: "\f118"; } .flaticon-email:before { content: "\f124"; } .flaticon-close:before { content: "\f129"; } .flaticon-menu:before { content: "\f131"; } .flaticon-search:before { content: "\f14c"; } .flaticon-email-1:before { content: "\f16f"; } .flaticon-briefcase:before { content: "\f175"; } .flaticon-search-2:before { content: "\f17b"; } .flaticon-user-1:before { content: "\f18a"; } .flaticon-telephone:before { content: "\f19c"; } .flaticon-menu-2:before { content: "\f1c2"; } .flaticon-location:before { content: "\f1d0"; } .fa, .fas, .far, .fal, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-angle-double-right:before { content: "\f101"; } .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-calendar:before { content: "\f133"; } .fa-caret-up:before { content: "\f0d8"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-up:before { content: "\f077"; } .fa-envelope:before { content: "\f0e0"; } .fa-facebook-f:before { content: "\f39e"; } .fa-fax:before { content: "\f1ac"; } .fa-instagram:before { content: "\f16d"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-phone:before { content: "\f095"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-plus-circle:before { content: "\f055"; } .fa-search:before { content: "\f002"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-times:before { content: "\f00d"; } .fa-twitter:before { content: "\f099"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-user:before { content: "\f007"; } .fa-whatsapp:before { content: "\f232"; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; src: url("/fonts/fa-brands-400.eot"); src: url("/fonts/fa-brands-400d41d.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-brands-400.woff2") format("woff2"), url("/fonts/fa-brands-400.woff") format("woff"), url("/fonts/fa-brands-400.ttf") format("truetype"), url("/fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; src: url("/fonts/fa-regular-400.eot"); src: url("/fonts/fa-regular-400d41d.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.woff") format("woff"), url("/fonts/fa-regular-400.ttf") format("truetype"), url("/fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; src: url("/fonts/fa-solid-900.eot"); src: url("/fonts/fa-solid-900d41d.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.woff") format("woff"), url("/fonts/fa-solid-900.ttf") format("truetype"), url("/fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } @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; } @-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); 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); 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); transform: translate3d(0, -15px, 0); } 90% { 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); 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); 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); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; 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; } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } 100% { transform: scale3d(1, 1, 1); } } @-webkit-keyframes shake { 0%, 100% { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } 100% { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { transform: scale3d(1, 1, 1); } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } @keyframes wobble { 0% { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { transform: none; } } @-webkit-keyframes jello { 11.1% { transform: none } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { transform: none } } @keyframes jello { 11.1% { transform: none } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { transform: none } } @-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; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } 100% { opacity: 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; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } 100% { opacity: 1; transform: scale3d(1, 1, 1); } } @-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; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } 100% { 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; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } 100% { transform: none; } } @-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; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } 100% { 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; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } 100% { transform: none; } } @-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; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } 100% { 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; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } 100% { transform: none; } } @-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; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } 100% { 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; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } 100% { transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(.3, .3, .3); } } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } 100% { opacity: 0; transform: translate3d(0, 2000px, 0); } } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } 100% { opacity: 0; transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } @-webkit-keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { 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% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } @keyframes flipInY { 0% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { transform: perspective(400px); } } @-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @-webkit-keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } 100% { transform: none; opacity: 1; } } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @-webkit-keyframes rotateIn { 0% { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { transform-origin: center; transform: none; opacity: 1; } } @-webkit-keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @-webkit-keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @-webkit-keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { transform-origin: left bottom; transform: none; opacity: 1; } } @-webkit-keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: none; opacity: 1; } } @-webkit-keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 100% { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center; opacity: 1; } 100% { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @-webkit-keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @-webkit-keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; opacity: 1; } 100% { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @-webkit-keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; opacity: 1; } 100% { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @-webkit-keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0, 700px, 0); opacity: 0; } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: none; } } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; transform: none; } } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @-webkit-keyframes zoomInStable { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; transform: scale3d(1, 1, 1); } } @keyframes zoomInStable { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; transform: scale3d(1, 1, 1); } } @-webkit-keyframes zoomInDown { 0% { opacity: 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; 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; 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; 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); } } @-webkit-keyframes zoomInLeft { 0% { opacity: 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; 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; 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; 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); } } @-webkit-keyframes zoomInRight { 0% { opacity: 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; 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; 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; 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); } } @-webkit-keyframes zoomInUp { 0% { opacity: 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; 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; 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; 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); } } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; 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; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 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; 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; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 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); } } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; 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; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 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; 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; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 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); } } @-webkit-keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, 100%, 0); } } @-webkit-keyframes slideOutLeft { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @-webkit-keyframes slideOutRight { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(100%, 0, 0); } } @-webkit-keyframes slideOutUp { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { transform: translate3d(0, 0, 0); } 100% { visibility: hidden; transform: translate3d(0, -100%, 0); } } @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); } } /** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;touch-action:none}.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/images/ui-icons_ffffff_256x240.html")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/images/ui-icons_777620_256x240.html")}.ui-button .ui-icon{background-image:url("/images/ui-icons_777777_256x240.html")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-check{background-position:-64px -144px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{box-shadow:0 0 5px #666} @charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform,opacity}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-property:transform,opacity}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{to{transform:rotate(359deg)}}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} .bootstrap-touchspin .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .bootstrap-touchspin .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 8px 10px; margin-left: -1px; position: relative; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up { border-radius: 0; border-top-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { margin-top: -2px; border-radius: 0; border-bottom-right-radius: 4px; } .bootstrap-touchspin .input-group-btn-vertical i { position: absolute; top: 3px; left: 5px; font-size: 9px; font-weight: normal; } /* /************ TABLE OF CONTENTS *************** 1. Fonts 2. Reset 3. Global Settings 4. Content Elements 5. Main Header 6. Search Popup 7. Sticky Header 8. Hidden Sidebar 9. Mobile Header 10. Mobile Menu 11. Header Style Two / Three 12. Page Title 13. Main Slider 14. Banner Section / Two 15. Countdown Section 16. About Section / Two / Three 17. Feature Section / Two / Three 18. Fun Fact Section 19. Speakers Section / Two / Three 20. Speaker Detail 21. Schedule Section / Two / Three 22. Event Detail 23. FAQ's Section 24. FAQ Form Section 25. Call to Action / Two 26. Pricing Section / Two / Three 27. Testimonial Section 28. News Section 29. Blog Detail 30. Sidebar Page Container 31. Comment Area 32. Comment Form 33. Error Section 34. Gallery Section 35. Styled Pagination 36. Contact Section 37. Map Section 38. Clients Section / Two / Three 39. Subscribe Section / Two 40. Main Footer / Two / Three 41. Coming Soon 42. Right To Left Style **********************************************/ /*** ==================================================================== Fonts ==================================================================== ***/ /* font-family: 'Archivo', sans-serif; font-family: 'Exo', sans-serif; */ /*** ==================================================================== Reset ==================================================================== ***/ * { margin: 0px; padding: 0px; border: none; outline: none; font-size: 100%; } /*** ==================================================================== Global Settings ==================================================================== ***/ body { font-size: 16px; color: #363636; line-height: 28px; font-weight: 400; background: #ffffff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-family: "Archivo", sans-serif; } a { text-decoration: none; cursor: pointer; } a:hover, a:focus, a:visited { text-decoration: none; outline: none; } h1, h2, h3, h4, h5, h6 { position: relative; margin: 0px; background: none; font-weight: 600; line-height: 1.2em; font-family: "Exo", sans-serif; } h1 { font-size: 50px; } h2 { font-size: 40px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 17px; } section { position: relative; } textarea { overflow: hidden; resize: none; } button { background-color: transparent; outline: none !important; cursor: pointer; min-width: auto; } p, .text { font-size: 16px; line-height: 30px; color: #555555; font-weight: 400; margin: 0; } .auto-container { position: static; max-width: 1200px; padding: 0px 15px; margin: 0 auto; width: 100%; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; z-index: 1; background-color: #ffffff; transition: all 300ms ease; } .section { padding: 60px 0 30px; } ul, li { list-style: none; padding: 0px; margin: 0px; } /*** ======================= Default Navs ======================= ***/ .default-nav .owl-nav { position: absolute; top: 50%; width: 100%; } .default-nav .owl-next, .default-nav .owl-prev { position: absolute; left: -55px; top: 0; height: 35px; width: 50px; font-size: 14px; color: #081245; line-height: 35px; border-radius: 10px; text-align: center; background-color: #ebebeb; transition: all 300ms ease; } .default-nav .owl-next { left: auto; right: -55px; } .default-nav .owl-next:hover, .default-nav .owl-prev:hover { background: #081245; color: #ffffff; } /*** ======================= List Styles ======================= ***/ /* List Style Two */ /* List Style Two */ /*** ========================== Social Icon One ========================== ***/ .social-icon-one { position: relative; display: flex; align-items: center; } .social-icon-one li { position: relative; margin-right: 10px; } .social-icon-one li:last-child { margin-right: 0; } .social-icon-one li a { position: relative; display: block; font-size: 18px; color: #ffffff; height: 40px; width: 40px; line-height: 40px; text-align: center; background-color: #4a7cbb; border-radius: 0 0 50% 50%; transition: all 500ms ease; } .social-icon-one li a:hover { background-color: #ffae00; color: #ffffff; } /*** ========================== Social Icon Two ========================== ***/ /*** ========================== Social Icon Three ========================== ***/ /*========================== Default Tabs ===========================*/ /*========================== default table ===========================*/ /*====================== Theme Btn =======================*/ .theme-btn { display: inline-block; text-align: center; transition: all 0.5s ease; } .theme-btn .btn-title { position: relative; display: flex; align-items: center; justify-content: center; z-index: 9; color: inherit; } /*Btn Style One*/ .btn-style-one { position: relative; font-size: 16px; line-height: 30px; color: #ffffff; padding: 10px 30px; font-weight: 600; background: #001376; overflow: hidden; min-width: 180px; } .btn-style-one:hover { color: #ffffff; } .btn-style-one i { margin-right: 10px; font-size: 20px; line-height: 1em; color: #ffae00; } .btn-style-one:before { position: absolute; top: -50%; left: -50%; height: 100%; width: 200%; content: ""; background-color: rgba(255, 255, 255, 0.1); transform: rotate(16deg); transition: all 300ms ease; } .btn-style-one:hover:before { top: 150%; } /*Btn Style Two*/ .theme-btn.large { padding: 15px 70px; min-width: 20px; font-size: 18px; line-height: 30px; } .theme-btn.small { padding: 10px 18px; font-size: 14px; font-weight: 400; line-height: 20px; border-radius: 5px; min-width: 100px; } /*========================== Owl Carousel Arrows ===========================*/ .pull-left { float: left; } /*========================== Preloader ===========================*/ img { display: inline-block; max-width: 100%; height: auto; } hr { -webkit-appearance: none; position: relative; height: 1px; margin: 30px auto; background: #e6e8ed; border-style: none; outline-style: none; } .tabs-box { position: relative; } .tabs-box .tab { display: none; } .tabs-box .active-tab { display: block; } /*=== Default Form ===*/ .default-form { position: relative; } .default-form .form-group { position: relative; margin-bottom: 20px; } .default-form .form-group:last-child { margin-bottom: 0; } .default-form .form-group input[type="text"], .default-form .form-group input[type="password"], .default-form .form-group input[type="number"], .default-form .form-group input[type="email"], .default-form .form-group input[type="url"], .default-form .form-group textarea, .default-form .form-group select { position: relative; width: 100%; display: block; color: #5c6770; font-size: 14px; line-height: 30px; padding: 10px 20px; height: 52px; background-color: #ffffff; border: 1px solid #e1e1e1; transition: all 300ms ease; } .default-form .form-group input[type="text"]:focus, .default-form .form-group input[type="email"]:focus, .default-form .form-group input[type="url"]:focus, .default-form .form-group select:focus, .default-form .form-group textarea:focus { border-color: #1370b5; } .default-form .form-group textarea { height: 184px; resize: none; padding-top: 15px; } .default-form .form-group input[type="submit"], .default-form .form-group button { position: relative; display: inline-block; min-width: 160px; } .default-form input.error:focus, .default-form select.error:focus, .default-form textarea.error:focus { border-color: #ff0000; } .default-form label.error { display: block; font-weight: 500; font-size: 13px; text-transform: capitalize; line-height: 24px; color: #ff0000; margin-bottom: 0; } .default-form .form-group .icon { position: absolute; right: 20px; bottom: 0; color: #9fa9b8; font-size: 14px; line-height: 54px; } /*** ==================================================================== Scroll To Top ==================================================================== ***/ .scroll-to-top { position: fixed; right: 30px; bottom: 30px; z-index: 999; width: 30px; height: 30px; font-size: 16px; color: #1b2032; line-height: 30px; text-align: center; background: #ffc600; background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%); display: none; border-radius: 20px; cursor: pointer; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); } @-webkit-keyframes ripple { 70% { box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes ripple { 70% { box-shadow: 0 0 0 70px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } /*** ==================================================================== Anim Icons ==================================================================== ***/ .anim-icons { position: absolute; left: 0; top: 0; right: 0; height: 100%; width: 100%; max-width: 1170px; margin: 0 auto; } .anim-icons.full-width { max-width: 100%; } .anim-icons .icon { position: absolute; background-position: center; background-repeat: no-repeat; background-size: 100%; } .icon-dotted-circle { width: 360px; height: 360px; background-image: url(/images/icons/icon-dotted-circle.png); } @-webkit-keyframes bounce-y { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } @keyframes bounce-y { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } @-webkit-keyframes bounce-x { 0% { transform: translateX(0); } 50% { transform: translateX(30px); } 100% { transform: translateX(0); } } @keyframes bounce-x { 0% { transform: translateX(0); } 50% { transform: translateX(30px); } 100% { transform: translateX(0); } } /*** ==================================================================== Main Header ==================================================================== ***/ .main-header { position: relative; left: 0; top: 0; width: 100%; height: auto; z-index: 99; } .main-header:before { position: absolute; left: 0; top: 0; bottom: 30px; width: 100%; background-color: #2f3558; content: ""; } /* Header Top */ .header-top { position: relative; } .header-top .inner-container { position: relative; display: flex; justify-content: space-between; } .header-top .top-left { position: relative; padding-left: 10px; min-width: 240px; } .header-top .top-right { position: relative; display: flex; align-items: center; padding: 15px 0; width: 100%; padding-left: 70px; justify-content: end; } .contact-list-one { position: relative; display: flex; align-items: center; justify-content: flex-end; } .contact-list-one li { position: relative; padding: 15px 0px 15px 55px; font-size: 14px; line-height: 25px; color: #ffffff; font-weight: 400; margin-right: 60px; } .contact-list-one li:last-child { margin-right: 0; } .contact-list-one li strong { position: relative; display: block; font-size: 18px; line-height: 25px; font-weight: 700; text-transform: uppercase; } .contact-list-one li i { position: absolute; left: 0; top: 7px; font-size: 38px; line-height: 30px; color: #F76E4F; } .contact-list-one li a { color: #ffffff; transition: all 300ms ease; } .nav-toggler { position: relative; color: #ff7c00; font-size: 34px; margin-left: auto; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .nav-toggler:hover { color: #ffae00; transform: rotate(180deg); } /* Header Lower */ .main-header .header-lower { position: relative; margin-bottom: -30px; } .main-header .main-box { position: relative; display: flex; justify-content: space-between; align-items: center; background-color: #ffffff; border-radius: 0 0 0 40px; } .main-header .main-box:before { position: absolute; left: 0; top: 0; height: 100%; width: 10000%; background-color: #ffffff; content: ""; border-radius: inherit; } .main-header .nav-outer { position: static; display: flex; justify-content: space-between; align-items: center; width: 100%; } .main-header .logo-box { position: relative; display: flex; align-items: center; justify-content: center; min-width: 160px; min-height: 110px; background-color: #ffffff; border-radius: 30px 30px 0 30px; margin-top: -30px; margin-right: 25px; } .main-header .logo { position: relative; z-index: 9; padding: 10px 10px; transition: all 300ms ease; } .main-header .menu-box { position: static; display: flex; justify-content: space-between; align-items: center; width: 100%; } .main-menu { position: static; } .main-menu .navbar-collapse { padding: 0px; } .main-menu .navigation { position: static; margin: 0px; display: flex; align-items: center; } .main-menu .navigation>li { position: relative; margin-right: 30px; transition: all 300ms ease; } .main-menu .navigation>li>a { position: relative; display: block; font-size: 16px; line-height: 30px; font-weight: 600; padding: 20px 0; color: #081245; opacity: 1; text-align: center; transition: all 300ms ease; } .main-menu .navigation>li.current>a, .main-menu .navigation>li>a:hover { color: #ffae00; } .main-menu .navigation>li>a:before { position: absolute; left: 50%; bottom: 20px; height: 2px; width: 0%; content: ""; transform: scale(-1); background-color: #ff7c00; transition: all 300ms ease; } .main-menu .navigation>li.dropdown>a:after { content: "\f107"; position: absolute; right: -14px; top: 50%; width: 10px; height: 20px; display: block; line-height: 20px; font-size: 12px; z-index: 5; font-family: "Font Awesome 5 Free"; font-weight: 900; transform: translateY(-50%); } .main-menu .navigation>li.current>a:before, .main-menu .navigation>li:hover>a:before { left: 0; width: 100%; } .main-menu .navigation>li>ul>li.dropdown>a:before { font-family: "Font Awesome 5 Free"; content: "\f105"; position: absolute; right: 25px; top: 8px; width: 10px; height: 20px; display: block; line-height: 20px; font-size: 16px; font-weight: 900; text-align: center; z-index: 5; } .main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after { color: #ffffff; } .main-menu .navigation>li>ul { position: absolute; left: 0px; top: 100%; width: 220px; z-index: 100; display: none; opacity: 0; visibility: hidden; padding: 20px 0px; background: #ffffff; border-radius: 3px; transform-origin: top; transform: rotateX(90deg); border-bottom: 3px solid #ff7c00; border-radius: 0 0 6px 6px; -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } .main-menu .navigation>li>ul:before { position: absolute; content: ""; left: 0px; top: -30px; width: 100%; height: 30px; display: block; } .main-menu .navigation>li>ul>li { position: relative; width: 100%; margin-bottom: 0px; } .main-menu .navigation>li>ul>li:last-child { margin-bottom: 0px; } .main-menu .navigation>li>ul>li>a { position: relative; display: block; padding: 5px 25px; line-height: 24px; font-weight: 400; font-size: 16px; text-transform: capitalize; color: #222222; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-menu .navigation>li>ul>li:hover>a { color: #1b0a3f; } .main-menu .navigation>li>ul>li>ul { position: absolute; left: 100%; top: 100%; width: 220px; z-index: 100; display: none; opacity: 0; visibility: hidden; margin-top: -50px; padding: 20px 0px; background: #ffffff; transform-origin: top; transform: rotateX(90deg); border-bottom: 3px solid #ff7c00; border-radius: 0 0 6px 6px; -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); } .main-menu .navigation>li>ul>li>ul>li { position: relative; width: 100%; margin-bottom: 0px; } .main-menu .navigation>li>ul>li>ul>li:last-child { margin-bottom: 0px; } .main-menu .navigation>li>ul>li>ul>li>a { position: relative; display: block; padding: 5px 25px; line-height: 24px; font-weight: 400; font-size: 16px; text-transform: capitalize; color: #222222; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-menu .navigation>li>ul>li>ul>li:hover>a { color: #1b0a3f; } .main-menu .navigation>li.dropdown:hover>ul { visibility: visible; opacity: 1; transform: rotateX(0deg); transition: all 500ms ease; } .main-menu .navigation li>ul>li.dropdown:hover>ul { visibility: visible; opacity: 1; transform: rotateX(0deg); transition: all 500ms ease; } .main-menu .navbar-collapse>ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 30px; height: 30px; text-align: center; color: #ffffff; line-height: 28px; border: 1px solid #ffffff; background-size: 20px; cursor: pointer; z-index: 5; display: none; } .main-header .outer-box { position: relative; display: flex; justify-content: center; align-items: center; } /* Search btn */ .main-header .theme-btn { margin-left: 30px; background-color: #081245; white-space: nowrap; display: block; } /* Cart btn */ /************************ Mega Menu ***************************/ /*** ==================================================================== Search Popup ==================================================================== ***/ .search-popup { position: fixed; left: 0; top: 0; height: 100vh; width: 100%; margin-top: -540px; transform: translateY(-100%); background-color: #00082e; z-index: 99999; visibility: hidden; transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */ } .search-popup:before { position: absolute; left: 0; top: 100%; width: 100%; height: 560px; background-image: url(/images/icons/wave.png); background-repeat: no-repeat; background-position: center; background-size: cover; margin-top: -20px; content: ""; } .search-active .search-popup { visibility: visible; transform: translateY(0%); margin-top: 0; } .search-popup .close-search { position: absolute; right: 20px; top: 20px; color: #ffffff; transition: all 500ms ease; opacity: 0; visibility: hidden; } .search-popup .close-search span { position: relative; display: block; height: 70px; width: 70px; font-size: 30px; line-height: 70px; color: #ffffff; } .search-active .search-popup .close-search { visibility: visible; opacity: 1; transition-delay: 1500ms; } .search-popup form { position: absolute; max-width: 700px; top: 50%; left: 15px; right: 15px; margin: -35px auto 0; transform: scaleX(0); transform-origin: center; transition: all 300ms ease; } .search-active .search-popup form { transform: scaleX(1); transition-delay: 1200ms; } .search-popup .form-group { position: relative; margin: 0px; overflow: hidden; } .search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"] { position: relative; display: block; font-size: 18px; line-height: 30px; color: #ffffff; height: 50px; width: 100%; padding: 10px 20px; background-color: rgba(255, 255, 255, .10); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.40); transition: all 500ms ease; } .search-popup .form-group input[type="submit"], .search-popup .form-group button { position: absolute; right: 0px; top: 0px; height: 50px; width: 50px; line-height: 50px; background: transparent; text-align: center; font-size: 18px; color: #ffffff; padding: 0; transition: all 500ms ease; } .search-popup .form-group input[type="submit"]:hover, .search-popup .form-group button:hover { color: #ffbc00; } .search-popup input::-moz-placeholder, .search-popup textarea::-moz-placeholder { color: #aaaaaa; } .search-popup input::-moz-placeholder, .search-popup textarea::-moz-placeholder { color: #aaaaaa; } .search-popup input::placeholder, .search-popup textarea::placeholder { color: #aaaaaa; } /*** ==================================================================== Sticky Header ==================================================================== ***/ .sticky-header { position: fixed; visibility: hidden; opacity: 0; left: 0px; top: 0px; width: 100%; padding: 0px 0px; z-index: 99; background: rgba(255, 255, 255, 0.99); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); transition: all 300ms ease; } .fixed-header .sticky-header { opacity: 1; z-index: 99; visibility: visible; } .fixed-header .logo-box { position: relative !important; margin: 0 !important; padding: 0 !important; min-height: auto !important; min-width: auto !important; box-shadow: none!important; } .fixed-header .logo-box img { max-height: 100px; } .sticky-header .main-menu .navigation>li { margin-right: 0; margin-left: 50px; } .sticky-header .upper-right { align-items: center; display: none; } /*** ==================================================================== Hidden Sidebar style ==================================================================== ***/ .hidden-bar { position: fixed; right: 0; top: 0px; height: 100%; overflow-y: auto; z-index: 99999; opacity: 0; max-width: 320px; width: 100%; transform: translateX(100%); visibility: hidden; background: linear-gradient(45deg, #000b46 0%, #001166 100%); transition: all 0.5s ease; } .hidden-bar::-webkit-scrollbar { width: 2px; } .hidden-bar::-webkit-scrollbar-track { box-shadow: inset 0 0 2px #cecece; border-radius: 10px; } .hidden-bar::-webkit-scrollbar-thumb { background: #7a7a7a; border-radius: 10px; } .hidden-bar::-webkit-scrollbar-thumb:hover { background: #7a7a7a; } .form-back-drop { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, .50); z-index: 99; opacity: 0; visibility: hidden; transition: all 0.5s ease; } .active-side-nav .hidden-bar { transform: translateX(0); opacity: 1; visibility: visible; } .active-side-nav .form-back-drop { opacity: 1; visibility: visible; } .hidden-bar .inner-box { position: relative; padding: 30px 30px 50px; width: 100%; } .hidden-bar .title-box { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .hidden-bar .title-box .cross-icon { position: relative; cursor: pointer; color: #ffffff; font-size: 20px; } .hidden-bar .inner-box h2 { position: relative; font-weight: 700; font-size: 24px; line-height: 1.2em; color: #ffffff; } .hidden-bar .inner-box p { color: #ffffff; margin-bottom: 25px; } /*=== Form Style One ===*/ .hidden-bar .contact-list-one { position: relative; flex-direction: column; align-items: flex-start; justify-content: flex-start; margin-top: 40px; } .hidden-bar .contact-list-one li { margin-bottom: 20px; padding-left: 50px; margin-right: 0; } .hidden-bar .contact-list-one li i { font-size: 28px; } .hidden-bar .contact-list-one li strong { font-size: 16px; line-height: 20px; } /*** ==================================================================== Mobile Header ==================================================================== ***/ .mobile-header { position: relative; display: flex; align-items: center; justify-content: space-between; display: none; background: #ffffff; z-index: 99; padding: 15px 20px; } .mobile-header .logo { position: relative; padding: 0; } .mobile-header .logo img { max-height: 40px; } .mobile-header .nav-outer { position: relative; width: auto; } .mobile-header .outer-box { position: relative; } .sticky-header .mobile-search-btn, .mobile-header .mobile-search-btn { position: relative; font-size: 20px; line-height: 20px; color: #081245; top: 5px; } .mobile-header .search-box { margin: 0; } /*** ==================================================================== Mobile Menu ==================================================================== ***/ .mobile-nav-toggler { position: relative; font-size: 26px; line-height: 20px; cursor: pointer; color: #081245; display: none; top: 0px; margin-left: 20px; } .mobile-menu { position: fixed; right: 0; top: 0; width: 300px; max-width: 100%; height: 100%; opacity: 0; visibility: hidden; z-index: 9999; } .mobile-menu .upper-box { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 15px 20px; } .mobile-menu .nav-logo { position: relative; text-align: left; width: 100%; } .mobile-menu .nav-logo img { max-height: 70px; } .mobile-menu-visible { overflow: hidden; } .mobile-menu-visible .mobile-menu { opacity: 1; visibility: visible; } .mobile-menu-visible .scroll-to-top { opacity: 0; visibility: hidden; } .mobile-menu .menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.9); transform: translateX(101%); } .mobile-menu-visible .mobile-menu .menu-backdrop { opacity: 1; visibility: visible; transition: all 0.7s ease; transform: translateX(0%); } .mobile-menu .menu-box { position: relative; display: flex; flex-direction: column; justify-content: flex-start; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; background: #ffffff; padding: 0px 0px; z-index: 5; opacity: 0; visibility: hidden; border-radius: 0px; transform: translateX(101%); } .mobile-menu-visible .mobile-menu .menu-box { opacity: 1; visibility: visible; transition: all 0.7s ease 500ms; transform: translateX(0%); } .mobile-menu .close-btn { position: relative; text-align: center; font-size: 14px; color: #111111; cursor: pointer; z-index: 10; transition: all 0.5s ease; transform: translateY(-50px); } .mobile-menu-visible .mobile-menu .close-btn { transform: translateY(0px); } .mobile-menu .close-btn:hover { opacity: 0.5; } .mobile-menu .navigation { position: relative; display: block; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.10); } .mobile-menu .navigation li { position: relative; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.10); } .mobile-menu .navigation li>ul>li:last-child { border-bottom: none; } .mobile-menu .navigation li>ul>li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.10); } .mobile-menu .navigation li>a { position: relative; display: block; line-height: 24px; padding: 10px 20px; font-size: 16px; color: #404040; font-weight: 500; text-transform: capitalize; } .mobile-menu .navigation li:hover>a, .mobile-menu .navigation li.current>a { color: #e1137b; } .mobile-menu .navigation li.dropdown .dropdown-btn { position: absolute; right: 0px; top: 0px; width: 44px; height: 44px; text-align: center; font-size: 16px; line-height: 44px; color: #404040; cursor: pointer; z-index: 5; display: none; } .mobile-menu .navigation li.dropdown .dropdown-btn:after { content: ''; position: absolute; left: 0px; top: 10px; width: 1px; height: 24px; border-left: 1px solid rgba(0, 0, 0, 0.10); } .mobile-menu .navigation li>ul, .mobile-menu .navigation li>ul>li>ul { display: none; } .mobile-menu .navigation li>ul>li { padding-left: 20px; } .mobile-menu .contact-list-one { position: relative; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; padding: 50px 20px 20px; } .mobile-menu .contact-list-one li { margin-bottom: 20px; padding-left: 45px; color: #333333; margin-right: 0; } .mobile-menu .contact-list-one li a { color: #333333; } .mobile-menu .contact-list-one li i { font-size: 28px; } .mobile-menu .contact-list-one li strong { font-size: 14px; line-height: 18px; } .mobile-menu .social-links { position: relative; display: flex; align-items: center; justify-content: space-between; background: #ffffff; width: 100%; border-top: 1px solid #dddddd; margin-top: auto; } .mobile-menu .social-links li { position: relative; text-align: center; width: 100%; border-right: 1px solid #dddddd; } .mobile-menu .social-links li a { position: relative; display: block; line-height: 50px; height: 50px; font-size: 14px; text-align: center; color: #f0575b; transition: all 300ms ease; } .mobile-menu .social-links li a:hover { color: #ff7500; } .sticky-header .outer-box { display: none; } /*** ==================================================================== Header Style Two ==================================================================== ***/ /*** ==================================================================== Header Style Three ==================================================================== ***/ /* Header Lower */ /*** ==================================================================== Page Title ==================================================================== ***/ .page-title { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; padding: 65px 0 10px; background: #F5F7FC; } .page-title .icon-dotted-circle { position: absolute; left: -180px; top: -180px; -webkit-animation: fa-spin 60s infinite; animation: fa-spin 60s infinite; } .page-title:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #000c47; content: ""; opacity: .9; } .page-title h1 { position: relative; display: block; font-weight: 600; font-size: 48px; line-height: 1em; text-align: center; color: #fff; margin-bottom: 20px; } .page-breadcrumb { position: relative; } .page-breadcrumb li { position: relative; display: inline-block; font-size: 18px; line-height: 22px; color: #ffffff; padding: 0 7px; text-transform: capitalize; } .page-breadcrumb li:after { position: absolute; top: 0px; right: -5px; content: "|"; font-size: 20px; line-height: 20px; color: #ffffff; } .page-breadcrumb li:last-child::after { display: none; } .page-breadcrumb li a { color: #ffffff; text-transform: capitalize; transition: all 0.3s ease; } .page-breadcrumb li a:hover { color: #ffba00; } /*** ==================================================================== Section Title ==================================================================== ***/ .sec-title { position: relative; margin-bottom: 60px; } .testimonial-block .sec-title { position: relative; margin-bottom: 10px; } .sec-title .sub-title { display: block; font-size: 16px; color: #fe00c5; font-weight: 700; font-family: 'Exo', sans-serif; margin-bottom: 15px; } .sec-title h2 { display: block; font-size: 36px; line-height: 48px; color: #081245; font-weight: 700; } .sec-title h3 a{ display: block; font-size: 27px; line-height: 30px; color: #FFFFFF; font-weight: 700; } .sec-title .text, .sec-title p { position: relative; margin-top: 30px; } .sec-title .divider { position: relative; display: block; width: 68px; height: 5px; background-image: url(/images/icons/divider.png); background-repeat: no-repeat; background-position: center; margin-top: 30px; } .sec-title.text-center .divider { margin: 30px auto 0; width: 90px; height: 5px; background-image: url(/images/icons/divider-centered.png); } /*** ==================================================================== Main Slider ==================================================================== ***/ /*** ==================================================================== Banner Section ==================================================================== ***/ /* Animate 1 */ .owl-carousel .animate-7, .owl-carousel .animate-6 { opacity: 0; transform: translateY(100px); transition: all 500ms ease; } .owl-carousel .active .animate-6, .owl-carousel .active .animate-7 { opacity: 1; transform: translateY(0); } /* Animate 2 */ /* Animate 3 */ /* Animate 4 */ /* Animate 5 */ /* Animate 6 */ .owl-carousel .active .animate-6 { transition-delay: 1500ms; } /* Animate 7 */ .owl-carousel .active .animate-7 { transition-delay: 1800ms; } .banner-carousel{ width: calc( 100% - 420px ); } .banner-carousel .owl-nav { position: absolute; left: 0; top: 50%; width: 100%; margin-top: -50px; } .banner-carousel .owl-next, .banner-carousel .owl-prev { position: absolute; left: 0; top: 0; height: 100px; width: 30px; color: #ffffff; background-color: rgba(255, 255, 255, 0.10); font-size: 20px; line-height: 100px; text-align: center; transition: all 500ms ease; } .banner-carousel .owl-next { left: auto; right: 0; } .banner-carousel .owl-next:hover, .banner-carousel .owl-prev:hover { background-color: rgba(255, 255, 255, .90); color: #222222; } /*===================== Time Counter Two =====================*/ .ui-button .ui-icon { background: none !important; position: relative; top: 3px; text-indent: 0px; color: #43c3ea; } .ui-button .ui-icon:before { font-family: 'Font Awesome 5 Free'; content: "\f107"; font-weight: 900; position: absolute; right: 0px; top: 0px; width: 10px; height: 20px; display: block; color: #000e56; line-height: 20px; font-size: 14px; text-align: center; z-index: 5; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: linear-gradient(45deg, #000b46 0%, #001166 100%); border-color: #1c73ea; } .ui-menu-item-wrapper { padding: 4px 10px; } /*** ==================================================================== Time Counter One ==================================================================== ***/ /*** ==================================================================== Banner Section Two ==================================================================== ***/ .banner-section-two { position: relative; background: #2f3558; } .banner-section-two .object-7 { top: 40px; right: -210px; height: 150px; width: 170px; background-image: url(/images/icons/object-7.png); z-index: 9; } .banner-section-two .object-8 { right: -375px; bottom: 0; height: 220px; width: 173px; background-image: url(/images/icons/object-8.png); z-index: 9; } .banner-section-two .slide-item { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 65px 20px; background: #2f3558; overflow: hidden; } .banner-section-two .content-box { width: 100%; position: relative; display: flex; justify-content: flex-end; align-items: center; } .banner-section-two .content-inner { position: relative; width: 100%; min-height: 420px; /*max-width: 780px;*/ /* padding: 0 30px; */ } .banner-section-two .content-box .title { display: block; font-size: 24px; color: #ffae00; font-weight: 700; margin-bottom: 25px; } .banner-section-two .content-box h2 { display: block; font-size: 90px; line-height: 1em; color: #ffffff; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; } .banner-section-two .theme-btn { margin-right: 30px; } .banner-section-two .image-layer { position: initial; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover; margin: 65px 0; min-height: 430px; background-color: #FFFFFF; } .banner-section-two .owl-nav { position: absolute; top: 50%; width: 100%; } .banner-section-two .owl-next, .banner-section-two .owl-prev { position: absolute; left: 20px; top: 0; height: 35px; width: 50px; font-size: 14px; color: #ffffff; line-height: 35px; text-align: center; background-color: #2f3558ab; transition: all 300ms ease; border-radius: 10px; } .banner-section-two .owl-next { left: auto; right: 20px; } .banner-section-two .owl-next:hover, .banner-section-two .owl-prev:hover { background: #2f3558; color: #ffffff; } /*** ==================================================================== Countdown Section ==================================================================== ***/ /*** ================================================================== About Section ================================================================== ***/ @-webkit-keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(.9); } 100% { transform: scale(1); } } @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(.9); } 100% { transform: scale(1); } } /*** ================================================================== About Section Two ================================================================== ***/ /* Fact Counter Two */ /*** ================================================================== About Section Three ================================================================== ***/ /*** ==================================================================== Feature Section ==================================================================== ***/ .feature-section { padding: 50px 0 25px; } .feature-block { position: relative; margin-bottom: 30px; } .feature-block .inner-box { position: relative; text-align: center; /*background: #ffffff;*/ padding: 20px; transition: all 300ms ease; } .feature-block .inner-box:before { position: absolute; right: -13px; top: 50px; bottom: 50px; border: 1px solid #ebebeb; content: ""; } .feature-block:last-child .inner-box:before { display: none; } .feature-block .inner-box:hover { transform: translateY(-20px); box-shadow: 0 10px 20px rgba(0, 0, 0, .20); } .feature-block .icon-box { position: relative; display: inline-block; margin-bottom: 20px; } .feature-block .icon-box .icon { position: relative; font-size: 62px; line-height: 1em; color: #001376; transition: all 300ms ease; } /*.feature-block .icon-box:before {*/ /* position: absolute;*/ /* left: -25px;*/ /* top: 0;*/ /* height: 55px;*/ /* width: 55px;*/ /* background-color: #fff1cc;*/ /* content: "";*/ /* border-radius: 50%;*/ /*}*/ .feature-block .icon-box .icon:before { position: relative; display: block; transition: all 300ms ease; } .feature-block .icon-box img { position: relative; display: block; transition: all 300ms ease; max-height: 100px; } .feature-block .inner-box:hover .icon-box .icon:before { transform: rotateY(360deg); } .feature-block .inner-box:hover .icon-box img { transform: rotateY(360deg); } .feature-block h4 { font-size: 22px; color: #001376; font-weight: 700; margin-bottom: 0px; } .feature-block p { margin-bottom: 20px; } /*** ==================================================================== Feature Section Two ==================================================================== ***/ /*** ================================================================== Features Section Three ================================================================== ***/ .feature-section-three { position: relative; padding: 100px 0 70px; } .feature-block-five { position: relative; margin-bottom: 30px; } .feature-block-five .inner-box { position: relative; background: #f5f5f5; padding: 30px 30px; transition: all 300ms ease; overflow: hidden; transition: all 300ms ease; } /*.feature-block-five .inner-box:before {*/ /* position: absolute;*/ /* left: -45px;*/ /* top: -45px;*/ /* height: 196px;*/ /* width: 196px;*/ /* background-image: url(/images/icons/object-1.png);*/ /* content: "";*/ /* -webkit-transition: all 300ms ease;*/ /* -o-transition: all 300ms ease;*/ /* transition: all 300ms ease;*/ /*}*/ .feature-block-five .icon-box { position: relative; display: inline-block; padding-left: 20px; transition: all 300ms ease; } .feature-block-five .icon-box .icon { position: relative; font-size: 80px; line-height: 1em; color: #f76e4f; transition: all 300ms ease; } .feature-block-five .icon-box:before { position: absolute; left: 0; top: 0; height: 55px; width: 55px; background-color: #fff1cc; content: ""; border-radius: 50%; transition: all 300ms ease; } .feature-block-five h4 { font-size: 24px; color: #1b2c84; font-weight: 700; padding-top: 20px; margin-top: 15px; margin-bottom: 15px; transition: all 300ms ease; } .feature-block-five h4:before { position: absolute; left: 0; top: 0; height: 4px; width: 60px; background: #1e1d27; content: ""; transition: all 300ms ease; } .feature-block-five p { margin-bottom: 30px; transition: all 300ms ease; } .feature-block-five .theme-btn i { color: #ffffff; margin-right: 0; margin-left: 10px; font-size: 12px; transition: all 300ms ease; } .feature-block-five .inner-box:hover .theme-btn { background: #ffc600; background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%); } .feature-block-five .inner-box:hover { background-color: #001376; } .feature-block-five .inner-box:hover .icon-box:before { background: #334291; } .feature-block-five .inner-box:hover h4:before { background: #ffffff; } .feature-block-five .inner-box:hover p, .feature-block-five .inner-box:hover h4, .feature-block-five .inner-box:hover .icon-box .icon { color: #ffffff; } /*** ==================================================================== Fun Fact Section ==================================================================== ***/ /*** ==================================================================== Speakers Section ==================================================================== ***/ .speakers-section { padding:30px; background-color: #f4f7ff; overflow: hidden; } /*.speakers-section:before {*/ /* background-image: url(/images/background/4.jpg);*/ /* background-repeat: no-repeat;*/ /* background-position: center;*/ /* background-size: cover;*/ /* content: "";*/ /* position: absolute;*/ /* left: 0;*/ /* top: 0;*/ /* height: 100%;*/ /* width: 100%;*/ /* -webkit-animation: bounce-x 10s infinite linear;*/ /* animation: bounce-x 10s infinite linear;*/ /*}*/ .speakers-section .icon-dotted-circle { left: -560px; top: -120px; -webkit-animation: fa-spin 60s infinite linear; animation: fa-spin 60s infinite linear; } .speaker-block { position: relative; margin-bottom: 40px; } .speaker-block .inner-box { position: relative; max-width: 300px; margin: 0 auto; } .speaker-block .image-box { position: relative; padding: 17px 22px 0 0; } .speaker-block .image { position: relative; border: 5px solid #ffffff; box-shadow: 0 14px 20px rgba(0, 0, 0, .20); border-radius:50px; overflow: hidden; margin-bottom: 0; } .speaker-block .image-box:before { position: absolute; left: 40px; right: 0; top: 0; bottom: 17px; border: 3px solid #dddddd; border-radius:50px; content: ""; transition: all 300ms ease; } .speaker-block .inner-box:hover .image-box:before { border: 3px solid #081245; border-color: #fdb900; opacity: 1; } .speaker-block .image img { width: 100%; transition: all 400ms ease; } .speaker-block .inner-box:hover .image img { transform: scale(1.1); } .speaker-block .social-links { position: absolute; right: 30px; bottom: 20px; display: flex; align-items: center; flex-direction: column; background-color: #ffba00; border-radius: 50px; transform: scaleY(0); transform-origin: bottom; visibility: hidden; opacity: 0; transition: all 400ms ease; } .speaker-block .inner-box:hover .social-links { transform: scaleY(1); opacity: 1; visibility: visible; } .speaker-block .social-links a { position: relative; margin: 5px 0; height: 40px; width: 40px; display: block; font-size: 18px; line-height: 40px; text-align: center; border-radius: 50%; background-color: #ffba00; color: #081245; transition: all 300ms ease; } .speaker-block .social-links a:hover { color: #ffffff; background-color: #081245; } .speaker-block .info-box { position: relative; padding-top: 25px; } .speaker-block h4 { display: block; font-size: 24px; color: #001376; } .speaker-block h3 { display: block; font-size: 19px; color: #001376; } .speaker-block h4 a { color: #001376; transition: all 300ms ease; } .speaker-block .designation { font-size: 14px; color: #555555; } /*** ==================================================================== Speakers Section Two ==================================================================== ***/ /*** ==================================================================== Speakers Section Three ==================================================================== ***/ /* Animate 1 */ /* Animate 2 */ /* Animate 3 */ /* Animate 4 */ /* Animate 5 */ /*** ==================================================================== Speaker Detail ==================================================================== ***/ /*** ==================================================================== Dchedule Section ==================================================================== ***/ .schedule-section { position: relative; padding: 50px 0; overflow: hidden; } .schedule-tabs { position: relative; } .schedule-tabs .btns-box { position: relative; display: block; margin-bottom: 70px; } .schedule-tabs .tab-buttons { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .schedule-tabs .tab-buttons li { position: relative; display: flex; align-items: flex-end; justify-content: center; height: 125px; width: 190px; background-color: #ffffff; border: 1px solid #ff7c00; margin: 0 -1px; cursor: pointer; transition: all 300ms ease; } .schedule-tabs .tab-buttons li .day { position: absolute; left: 35px; top: -1px; min-width: 120px; padding: 10px 20px; color: #081245; font-size: 18px; line-height: 20px; font-weight: 600; text-align: center; border: 1px solid #ff7c00; border-top: 0; border-radius: 0 0 10px 10px; } .schedule-tabs .tab-buttons li.active-btn { box-shadow: 0 15px 20px rgba(0, 0, 0, .20); } .schedule-tabs .tab-buttons li.active-btn .day { background-color: #081245; border: 1px solid #081245; color: #ffffff; } .schedule-tabs .tab-buttons li .date-box { position: relative; /* padding-left: 65px; */ min-height: 40px; margin-bottom: 8px; } .schedule-tabs .tab-buttons li .date { position: inherit; left: 0; top: 2px; font-size: 28px; line-height: 32px; font-weight: 700; color: #ffba00; font-family: 'Exo', sans-serif; } .schedule-tabs .tab-buttons li .month { display: block; font-weight: 700; font-size: 18px; color: #081245; line-height: 1em; text-transform: uppercase; font-family: 'Exo', sans-serif; opacity: 1 !important; } /*=== Schedule Block ===*/ @-webkit-keyframes pulse2 { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.25, 1.25, 1.25); } 100% { transform: scale3d(1, 1, 1); } } @keyframes pulse2 { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.25, 1.25, 1.25); } 100% { transform: scale3d(1, 1, 1); } } /*** ==================================================================== schedule Section Two ==================================================================== ***/ /*=== Schedule Block ===*/ /*** ==================================================================== schedule Section Three ==================================================================== ***/ .schedule-tabs .tab-buttons.style-two li { height: 60px; width: 250px; background-color: #ffffff; border: 1px solid #001376; margin: 0 -1px; } .schedule-tabs .tab-buttons.style-two li:first-child { border-radius: 100px 0 0 100px; } .schedule-tabs .tab-buttons.style-two li:last-child { border-radius: 0 100px 100px 0; } .schedule-tabs .tab-buttons.style-two li.active-btn { background-color: #2f3558; box-shadow: 0 10px 16px rgba(0, 0, 0, .30); } .schedule-tabs .tab-buttons.style-two li .month { transition: all 300ms ease; } .schedule-tabs .tab-buttons.style-two li.active-btn .month { color: #ffffff; } /*=== Schedule Block ===*/ /*=== Schedule Block Even ===*/ /*** ==================================================================== Event Detail ==================================================================== ***/ /*** ==================================================================== FAQ's Section ==================================================================== ***/ /*========================== Accordian Box ===========================*/ /*** ==================================================================== FAQ Form Section ==================================================================== ***/ /*** ==================================================================== Call to Action ==================================================================== ***/ /*** ==================================================================== Call to Action Two ==================================================================== ***/ /*** ==================================================================== Pricing Section ==================================================================== ***/ /*** ==================================================================== Pricing Section Two ==================================================================== ***/ /*** ==================================================================== Pricing Section Three ==================================================================== ***/ /*** ==================================================================== Testimonial Section ==================================================================== ***/ .testimonial-section { position: relative; padding: 70px 0; background-color: #f5f5f5; } .testimonial-block { position: relative; padding: 15px; } .testimonial-block .inner-box { position: relative; } .testimonial-block .text-box { position: relative; background-color: #ffffff; padding: 40px 25px 35px; box-shadow: 0 0px 15px rgba(8, 0, 0, .15); margin-bottom: 35px; } .testimonial-block .text { position: relative; display: block; font-size: 18px; line-height: 30px; color: #555555; font-weight: 400; } .testimonial-block .text-box:before { position: absolute; right: 30px; bottom: 30px; font-size: 80px; line-height: 1em; content: "\f10e"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #555555; opacity: .10; } .testimonial-block .text-box2 { position: relative; background-color: #0861b1; padding: 20px; box-shadow: -1px 6px 9px 2px rgba(31, 112, 184, .32); margin-bottom: 35px; border-radius:35px; min-height: 200px; } .testimonial-block .text-box2:before { position: absolute; right: 30px; bottom: 10px; font-size: 80px; line-height: 1em; content: "\f783"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #f5f5f5; opacity: .10; } /*.testimonial-block .text-box:after {*/ /* position: absolute;*/ /* left: 25px;*/ /* bottom: -15px;*/ /* border-left: 15px solid transparent;*/ /* border-right: 15px solid transparent;*/ /* border-top: 15px solid #ffffff;*/ /* z-index: 1;*/ /* content: "";*/ /*}*/ .testimonial-block .info-box { position: relative; min-height: 100px; padding-left: 125px; padding-top: 20px; } .testimonial-block .info-box .thumb { position: absolute; left: 0; top: 0; height: 100px; width: 100px; overflow: hidden; } .testimonial-block .info-box .thumb img { display: block; width: 100%; height: auto; } .testimonial-block .info-box .name { position: relative; display: block; font-size: 18px; line-height: 1.2em; color: #081245; font-weight: 700; } .testimonial-block .info-box .designation { position: relative; display: block; font-size: 12px; line-height: 25px; color: #555555; font-weight: 700; } /*** ==================================================================== News Section ==================================================================== ***/ .news-block { position: relative; margin-bottom: 40px; } .news-block .inner-box { position: relative; background-color: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.10); } .news-block .image-box { position: relative; } .news-block .image { position: relative; overflow: hidden; margin-bottom: 0; } .news-block .image-box .image a:after { content: ""; position: absolute; top: -110%; left: -210%; width: 200%; height: 200%; opacity: 0; background: rgba(255, 255, 255, 0.13); background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%); } .news-block .inner-box:hover .image-box .image a:after { opacity: 1; top: -20%; left: -30%; transition-property: left, top, opacity; transition-duration: 0.7s, 0.7s, 0.15s; transition-timing-function: linear; } .news-block .image img { display: block; width: 100%; } .news-block .image-box .tag { position: absolute; left: 20px; top: 20px; z-index: 1; font-size: 16px; color: #fdfdfd; background: #ffc600; background: linear-gradient(45deg, #ffc600 1%, #ff6c00 100%); padding: 5px 20px; font-weight: 600; color: #ffffff; } .news-block .lower-content { position: relative; padding: 10px; } .news-block .author { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .news-block .author .thumb { height: 40px; width: 40px; border-radius: 50%; overflow: hidden; margin-bottom: 0; margin-right: 15px; } .news-block .author .name { font-size: 18px; line-height: 1em; color: #031367; font-weight: 700; margin-right: auto; } .news-block h4 { position: relative; display: block; font-size: 18px; line-height: 1.2em; color: #081245; margin-bottom: 15px; font-weight: 100; font-family: "Archivo", sans-serif; } .news-block h4 a { color: #081245; display: inline-block; transition: all 300ms ease; } .news-block h4 a:hover { color: #ffba00; } .news-block .text { position: relative; font-size: 16px; line-height: 30px; color: #555555; font-weight: 400; margin-bottom: 20px; } .news-block .post-info { position: relative; } .news-block .post-info li { position: relative; display: inline-block; font-size: 16px; line-height: 24px; color: #555555; font-weight: 400; margin-right: 25px; } .news-block .post-info li span { margin-right: 10px; color: #ff4200; } /* Style Two */ .news-block.style-two { margin-bottom: 30px; } .news-block.style-two .inner-box { box-shadow: none; } .news-block.style-two .author { padding-bottom: 20px; border-bottom: 2px dashed #dddddd; } .news-block.style-two .lower-content { padding: 0; padding-top: 30px; } /* Style Three */ /* Style Four */ .news-block.style-four { padding-top: 0px; margin-bottom: 0px; } .news-block.style-four .tag { left: auto; top: -20px; right: 30px; } .news-block.style-four .lower-content { padding-top: 0 !important; } .news-block.style-four .author { top: -20px; display: inline-flex; padding-right: 10px; background: #1e1d27; border-radius: 30px 10px 10px 30px; margin-bottom: 0px; } .news-block.style-four .author .name { color: #ffffff; font-size: 16px; line-height: 20px; font-weight: 600; } .news-block.style-four .author .thumb { margin-right: 10px; } .news-block.style-four .post-info { margin-bottom: 10px; } .news-block.style-four .text { margin-bottom: 0; } .sidebar-page-container .news-block.style-four { padding-top: 0; } .sidebar-page-container .news-block.style-four .tag { bottom: -20px; top: auto; } /*** ==================================================================== Blog Detail ==================================================================== ***/ /*post share options*/ /*Author Box*/ /*** ==================================================================== Sidebar Page Container ==================================================================== ***/ .sidebar-page-container { position: relative; padding: 120px 0px 70px; } .sidebar { position: relative; } .sidebar.padding-left { padding-left: 15px; } .sidebar-page-container .content-side, .sidebar-page-container .sidebar-side { margin-bottom: 50px; } .sidebar-widget { position: relative; margin-bottom: 50px; } .sidebar-widget:last-child { margin-bottom: 0; } /* Sidebar Title */ .sidebar-title { position: relative; display: block; font-size: 18px; line-height: 1.2em; color: #000000; font-weight: 700; padding-bottom: 15px; margin-bottom: 25px; } .sidebar-title:before { position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; max-width: 250px; background-color: #ff4301; content: ""; } /*Search Box Widget*/ .sidebar .search-box { margin-bottom: 40px; padding: 20px 20px; background: #f5f5f5; } .sidebar .search-box .form-group { position: relative; margin: 0px; } .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] { position: relative; padding: 14px 40px; border: 1px solid #e1e1e1; background: #ffffff; display: block; font-size: 16px; line-height: 30px; width: 100%; height: 60px; color: #555555; transition: all 500ms ease; } .sidebar .search-box .form-group input[type="text"]:focus, .sidebar .search-box .form-group input[type="search"]:focus { color: #666666; } .sidebar .search-box .form-group button { position: absolute; right: 0; top: 10px; height: 40px; width: 60px; display: block; font-size: 18px; color: #000000; line-height: 45px; font-weight: normal; border-left: 1px solid #e1e1e1; background: #ffffff; z-index: 9; cursor: pointer; } .sidebar .search-box .form-group button:hover { color: #e1137b; } /* Blog Categories */ .sidebar .categories { position: relative; padding: 20px; background: #ffffff; box-shadow: 0 0 20px rgba(0, 0, 0, .10); } .blog-categories { position: relative; } .blog-categories li { position: relative; padding-left: 20px; margin-bottom: 15px; } .blog-categories li:before { position: absolute; left: 0; top: 50%; margin-top: -10px; height: 20px; width: 10px; background: #081245; border-radius: 0%; content: ""; border-radius:50% 0 0 50% ; } /*.blog-categories li:after {*/ /* position: absolute;*/ /* left: 0;*/ /* bottom: 0%;*/ /* height: 2px;*/ /* width: 100%;*/ /* max-width: 180px;*/ /* background: #081245;*/ /* border-radius: 0%;*/ /* content: "";*/ /*}*/ .blog-categories li a { position: relative; display: flex; align-items: center; justify-content: space-between; color: #000000; font-size: 16px; line-height: 19px; font-weight: 500; transition: all 500ms ease; } .blog-categories li span{ font-size:12px; border:1px solid #ededed !important; padding:0 2px; border: 5px; } .blog-categories li.active a{ color: #ff4301; } .blog-categories li.active:before { background: #ff4301; } /*.blog-categories li.active:after {*/ /* background: #ff4301;*/ /*}*/ .blog-categories li:last-child { margin-bottom: 0; } .blog-categories li a:hover { color: #ff841a; } /*Post Widget*/ .author-block { position: relative; text-align: center; max-width: 300px; margin: 0 auto; } .author-block .social-links { position: relative; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e1e1e1; border-right: 0; margin-top: -20px; z-index: 1; margin-bottom: 20px; } .author-block .social-links a { position: relative; height: 40px; width: 40px; display: block; font-size: 18px; line-height: 40px; text-align: center; background-color: #ffffff; border-right: 1px solid #e1e1e1; color: #081245; transition: all 300ms ease; } .author-block .social-links a:hover { color: #ffffff; background-color: #ea1016; } .author-block h5 { font-size: 20px; color: #081245; font-weight: 700; margin-bottom: 10px; } .author-block p { font-size: 16px; line-height: 27px; color: #555555; } /*Post Widget*/ .sidebar .popular-posts { padding: 20px; box-shadow: 0 0 20px rgb(0 0 0 / 10%); } .sidebar .popular-posts .post { position: relative; margin-bottom: 30px; } .sidebar .popular-posts .post .post-inner { position: relative; padding-left: 125px; min-height: 110px; } .sidebar .popular-posts .post .post-thumb { position: absolute; left: 0px; top: 0px; width: 110px; } .sidebar .popular-posts .post .post-thumb img { display: block; width: 100%; transition: all 0.3s ease; } .sidebar .popular-posts .post h6 { position: relative; font-size: 17px; line-height: 26px; font-weight: 600; color: #081245; margin: 0px; } .sidebar .popular-posts .post h6 a { color: #081245; transition: all 0.3s ease; } .sidebar .popular-posts .post a:hover { color: #ff4301; } .sidebar .popular-posts .post-info { position: relative; font-size: 16px; color: #555555; font-weight: 400; line-height: 30px; margin-bottom: 5px; } .sidebar .popular-posts .post-info i { font-size: 16px; color: #ff4200; margin-right: 10px; } /*Popular Tags*/ /*** ==================================================================== Comment Area ==================================================================== ***/ /*** ==================================================================== Comment Form ==================================================================== ***/ /*** ==================================================================== Error Section ==================================================================== ***/ /*** ==================================================================== Gallery Section ==================================================================== ***/ /*** ==================================================================== Styled Pagination ==================================================================== ***/ .styled-pagination { position: relative; display: block; width: 100%; margin-top: 70px; } .styled-pagination ul { position: relative; display: flex; align-items: center; justify-content: center; } .styled-pagination li { position: relative; margin: 0 10px 8px; background: #f8f8f8; } .styled-pagination li a { position: relative; display: block; height: 40px; width: 40px; text-align: center; line-height: 37px; font-weight: 400; font-size: 18px; color: #081245; z-index: 2; border-bottom: 3px solid #d9d9d9; transition: all 300ms ease; } .styled-pagination li:before { position: absolute; left: 0; bottom: 0; height: 0; width: 100%; z-index: 1; content: ""; background: linear-gradient(to bottom, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 100%); transition: all 300ms ease; } .styled-pagination li:hover:before { height: 100%; } .styled-pagination li a:hover, .styled-pagination li.active a {} .styled-pagination li.next-post a, .styled-pagination li.prev-post a { background: #081245; font-size: 16px; color: #ffffff; border-color: #081245; } .styled-pagination li.next-post a:hover, .styled-pagination li.prev-post a:hover { color: #ffffff; background: #ffae00; border-color: #ffae00; } /*** ==================================================================== Contact Section ==================================================================== ***/ .contact-form .form-group { position: relative; margin-bottom: 20px; } .contact-form .form-group:last-child { margin-bottom: 0; } .contact-form .form-group .input-outer { position: relative; } .contact-form .form-group .icon { position: absolute; right: 0; top: 0; height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #dddddd; } .contact-form .form-group input[type="text"], .contact-form .form-group input[type="email"], .contact-form .form-group input[type="url"], .contact-form .form-group textarea, .contact-form .form-group select { position: relative; display: block; width: 100%; font-size: 16px; color: #000000; line-height: 30px; padding: 7px 15px; border-bottom: 1px solid #e1e1e1; font-weight: 400; height: 45px; transition: all 300ms ease; } .contact-form .form-group input:focus, .contact-form .form-group select:focus, .contact-form .form-group textarea:focus { border-color: #f20487; } .contact-form .form-group textarea { height: 156px; resize: none; } .contact-form .form-group button { text-transform: capitalize; } .contact-form input.error:focus, .contact-form select.error:focus, .contact-form textarea.error:focus { border-color: #ff0000; } .contact-form label.error { display: block; font-weight: 500; font-size: 13px; text-transform: capitalize; line-height: 24px; color: #ff0000; padding-top: 7px; margin-bottom: 0; } /*** ==================================================================== Map Section ==================================================================== ***/ .map-section { position: relative; padding: 0 0 50px; } .map-section .contact-column { position: relative; margin-bottom: 50px; } .map-section .sec-title { margin-bottom: 40px; } .map-section .sec-title .divider { margin-top: 20px; } .map-section .sec-title .text { margin-top: 20px; } .map-section .contact-info { position: relative; } .map-section .contact-info li { position: relative; padding-left: 50px; margin-bottom: 20px; } .map-section .contact-info li p { display: block; font-size: 16px; line-height: 26px; color: #555555; font-weight: 400; margin: 0; } .map-section .contact-info li h4 { display: block; font-size: 24px; line-height: 30px; color: #081245; font-weight: 700; margin-bottom: 8px; } .map-section .contact-info li .icon { position: absolute; left: 0; top: 0; height: 40px; width: 40px; text-align: center; font-size: 20px; line-height: 40px; background-color: #f5f5f5; border-bottom: 2px solid #001376; color: #081245; } .map-section .contact-info li a { color: #777777; transition: all 300ms ease; } .map-section .contact-info li a:hover { color: #f20487; } .map-section .map-outer { position: relative; padding-right: 40px; } .map-outer iframe { height: 530px; width: 100%; background-color: #f9f9f9; } /*** ==================================================================== Clients Section ==================================================================== ***/ .clients-section { position: relative; padding: 0 0 20px; } .clients-section.alternate { padding: 100px 0 70px; background: #f5f5f5; } .clients-section .sponsors-outer { position: relative; margin-bottom: 50px; } .clients-section .sponsors-outer .owl-dots, .clients-section .sponsors-outer .owl-nav { display: none; } .client-block { position: relative; margin-bottom: 30px; } .client-block .image-box { position: relative; text-align: center; margin-bottom: 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.10); border: 1px solid transparent; transition: all 500ms ease; border-radius: 50px; background: #ffffff; } .client-block .image-box:hover { border: 1px solid #dddddd; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.20); } .client-block .image-box img { width: auto; opacity: 1; transition: all 300ms ease; } .client-block .image-box:hover img { opacity: .70; } /*** ==================================================================== Clients Section Two ==================================================================== ***/ .clients-section-two { position: relative; } .clients-section-two:before { position: absolute; left: 0; top: 0; height: 50%; width: 100%; background: #2f3558; content: ""; } .clients-section-two .auto-container { max-width: 1400px; } .clients-section-two .sponsors-outer { position: relative; background: #ffffff; border: 1px solid #dddddd; border-radius: 10px; padding: 0 30px; } .clients-section-two .owl-stage-outer {} .clients-section-two .slide-item { position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 70px; transition: all 300ms ease; } .clients-section-two .slide-item .image-box { position: relative; text-align: center; margin-bottom: 0; box-shadow: 0 0 30px rgba(0, 0, 0, 0.10); transition: all 500ms ease; } .clients-section-two .slide-item .image-box img { width: 100%; opacity: 1; transition: all 300ms ease; } .clients-section-two .slide-item:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .10); } .clients-section-two .default-nav .owl-nav { margin-top: -15px; } /*** ==================================================================== Subscribe Section ==================================================================== ***/ /*** ==================================================================== Subscribe Section Two ==================================================================== ***/ /*** ================================================================== Main Footer ================================================================== ***/ .main-footer { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/images/background/3.jpg); padding: 100px 0 0; } .main-footer .footer-content { position: relative; } .main-footer .footer-logo { position: relative; text-align: center; margin-bottom: 25px; } .main-footer .footer-logo a { display: inline-block; } .main-footer .footer-logo img { display: inline-block; } .main-footer .footer-content .text { position: relative; max-width: 700px; color: #ffffff; font-size: 16px; line-height: 30px; margin-bottom: 30px; margin: 0 auto 30px; } .main-footer .contact-list-one { justify-content: center; } .main-footer .contact-list-one li { margin-bottom: 50px; } .main-footer .logo { position: relative; margin-bottom: 30px; } .main-footer .footer-logo figure { margin: 0; } .main-footer .footer-logo img { display: block; max-width: 100%; } /*=== User LInks ===*/ /*=== Footer Bottom ===*/ .main-footer .footer-bottom { position: relative; width: 100%; } .main-footer .footer-bottom .inner-container { position: relative; display: flex; align-items: center; justify-content: space-between; padding-right: 30px; } /*.main-footer .footer-bottom .inner-container:before {*/ /* position: absolute;*/ /* right: 0;*/ /* top: 0;*/ /* width: 1000%;*/ /* height: 100%;*/ /* border-radius: 50px;*/ /* background: #4a7cbb;*/ /* background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #4a7cbb), to(#ff6c00));*/ /* background: -o-linear-gradient(top, #4a7cbb 1%, #2f3558 100%);*/ /* background: linear-gradient(180deg, #4a7cbb 1%, #2f3558 100%);*/ /* content: "";*/ /*}*/ .main-footer .footer-bottom .copyright-text { position: relative; padding: 20px 0; } .main-footer .footer-bottom .copyright-text p { position: relative; line-height: 20px; font-size: 16px; color: #ffffff; font-weight: 400; padding-bottom: 20px; } .main-footer .footer-bottom .copyright-text a { color: #ffffff; font-weight: 700; transition: all 300ms ease; } .main-footer .footer-bottom .copyright-text a:hover { text-decoration: underline; } .main-footer .footer-bottom .footer-nav { position: relative; } .main-footer .footer-bottom .footer-nav { position: relative; padding: 20px 0; display: flex; align-items: center; order: 2; } .main-footer .footer-bottom .footer-nav li { position: relative; padding-left: 22px; margin-left: 30px; } .main-footer .footer-bottom .footer-nav li a { position: relative; display: block; font-size: 16px; line-height: 20px; color: #ffffff; font-weight: 400; transition: all 300ms ease; } .main-footer .footer-bottom .footer-nav li:before { position: absolute; left: 0; top: 7px; height: 6px; width: 6px; background-color: #ea161c; content: ''; } .main-footer .footer-bottom .footer-nav li a:hover { color: #002121; } /*** ================================================================== Main Footer / Style Two ================================================================== ***/ .main-footer.style-two { background-image: url(/images/background/7.jpg); background-repeat: no-repeat; background-position: center; padding-top: 240px; margin-top: -240px; } .main-footer.style-two:before { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-image: url(/images/icons/pattern-6.png); background-repeat: no-repeat; background-position: center; content: ""; } .main-footer.style-two .footer-content { padding: 70px 0; } .main-footer.style-two .footer-bottom { background: #081245; padding: 15px 0; } .main-footer.style-two .copyright-text { position: relative; display: block; text-align: center; padding: 0; font-size: 16px; color: #ffc400; } .main-footer.style-two .copyright-text a { color: #ffc400; font-weight: 400; } /*** ================================================================== Main Footer / Style Three ================================================================== ***/ /*** ==================================================================== Coming Soon ==================================================================== ***/ /*** ==================================================================== Our Shop ==================================================================== ***/ /* Item Sorting */ /*Shop Item*/ /****** Shop Style *********/ /*** ==================================================================== Product Details ==================================================================== ***/ /*** ==================================================================== Product Tabs Style ==================================================================== ***/ .bootstrap-touchspin .input-group-btn-vertical { width: auto; right: 0px; position: absolute; z-index: 9; display: flex; flex-direction: column; align-items: center; } /*Add Review*/ /*** ==================================================================== Cart Section style ==================================================================== ***/ .bootstrap-touchspin .input-group-btn-vertical>.btn { height: 27px; line-height: 25px; width: 25px; padding: 0 !important; background: #e9e9e9; } .bootstrap-touchspin .input-group-btn-vertical i { left: 6px; top: 6px; } /*** ==================================================================== Checkout Page ==================================================================== ***/ /* Shop Order Box */ /*** ==================================================================== Login / Register Section ==================================================================== ***/ .register-section { position: relative; z-index: 9; background-color: #ffffff; padding: 60px 0px 40px; } .register-section .form-column { margin-bottom: 40px; } .register-section .form-column .sec-title { position: relative; margin-bottom: 30px; } .register-section .form-column .sec-title h2 {} .styled-form { position: relative; } .styled-form .form-group { position: relative; margin-bottom: 30px; font-size: 14px; color: #848484; } .styled-form .pull-left label { cursor: pointer; } .styled-form .form-group .adon-icon { position: absolute; top: 50%; margin-top: -10px; right: 10px; width: 20px; height: 20px; line-height: 20px; font-size: 15px; color: #999999; z-index: 2; } .styled-form input[type="text"], .styled-form input[type="email"], .styled-form input[type="password"], .styled-form input[type="tel"], .styled-form input[type="number"], .styled-form input[type="url"], .styled-form select, .styled-form textarea { position: relative; display: block; width: 100%; background: #ffffff; line-height: 30px; padding: 8px 20px; height: 50px; border: 1px solid #f4f4f4; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; } .styled-form select { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; background: #ffffff url(/images/icons/icon-select.png) right center no-repeat; cursor: pointer; } .styled-form select option { text-indent: 20px; } .styled-form textarea { resize: none; height: 110px; } .styled-form input:focus, .styled-form select:focus, .styled-form textarea:focus { border-color: #081245; } .styled-form .form-group .theme-btn { min-width: 150px; text-align: center; padding: 10px 34px; line-height: 20px; border-radius: 0px; cursor: pointer; } /*** ================================================================== Right To Left Style ================================================================== ***/ .rtl .styled-pagination, .rtl .owl-carousel { direction: ltr !important; } .rtl { direction: rtl; text-align: right; } .rtl .main-header .main-box:before, .rtl .contact-list-one li i { left: auto; right: 0; } .rtl .header-top .top-left { padding-left: 0; padding-right: 20px; } .rtl .header-top .top-right { padding-left: 0; padding-right: 70px; } .rtl .main-header .logo-box { margin-right: 0; margin-left: 70px; border-radius: 10px 10px 40px 0; } .rtl .main-header .main-box, .rtl .main-header .main-box:before { border-radius: 10px 10px 40px 0; } .rtl .social-icon-one li { margin-right: 0; margin-left: 10px; } .rtl .contact-list-one li { text-align: right; padding-left: 0; padding-right: 55px; margin-left: 60px; margin-right: 0; } .rtl .hidden-bar .contact-list-one li { padding-right: 50px; padding-left: 0; margin-left: 0; } .rtl .nav-toggler { margin-left: 0; } .rtl .btn-style-one i { margin-right: 0; margin-left: 10px; } .rtl .main-header .theme-btn { margin-left: 0; margin-right: 30px; } .rtl .main-menu .navigation>li { margin-right: 0; margin-left: 40px; } .rtl .main-menu { float: right; } .rtl .main-menu .navigation>li>ul { left: auto; right: 0; text-align: right; } .rtl .main-menu .navigation>li.dropdown:hover>ul { left: auto; right: 0px; } .rtl .main-menu .navigation>li>ul>li:hover>a { padding-left: 18px; padding-right: 30px; } .rtl .main-menu .navigation>li.dropdown>a:after { right: auto; left: -14px; } .rtl .main-menu .navigation>li>ul>li>a:before { right: auto; left: 10px; transform: rotate(180deg); } .rtl .main-menu .navigation>li>ul>li.dropdown>a:after { right: auto; left: 15px; } .rtl .main-menu .navigation>li>ul>li>ul { left: auto; right: 100%; } .rtl .speaker-block .social-links { right: auto; left: 30px; } .rtl .speaker-block .image-box { padding: 17px 0px 0 22px; } .rtl .speaker-block .image-box:before { right: 40px; left: 0px; } .rtl .schedule-tabs .tab-buttons li .date-box { padding-left: 0; padding-right: 65px; } .rtl .schedule-tabs .tab-buttons li .date { left: auto; right: 0; } .rtl .news-block .author .thumb { margin-left: 15px; margin-right: 0; } .rtl .news-block .author .name { margin-right: 0; margin-left: auto; } .rtl .news-block .post-info li { margin-right: 0; margin-left: 25px; } .rtl .news-block .post-info li span { margin-right: 0; margin-left: 10px; } .rtl .ui-selectmenu-text { margin-right: 0; margin-left: 20px; text-align: right; } .rtl .ui-button .ui-icon { display: none; } .rtl .testimonial-block .info-box .thumb { left: auto; right: 0; } .rtl .testimonial-block .info-box { padding-left: 0; padding-right: 125px; } .rtl .testimonial-block .text-box:after { left: auto; right: 25px; } .rtl .banner-section-two .theme-btn { margin-right: 0; margin-left: 30px; } .rtl .feature-block-five .inner-box h4:before { left: auto; right: 0; } .rtl .schedule-tabs .tab-buttons.style-two li:first-child { border-radius: 0 100px 100px 0; } .rtl .schedule-tabs .tab-buttons.style-two li:last-child { border-radius: 100px 0 0 100px; } .rtl .news-block.style-four .author { padding-right: 0; padding-left: 10px; border-radius: 10px 30px 30px 10px; } .rtl .feature-block-five .theme-btn i { margin-left: 0; margin-right: 10px; } .rtl .page-breadcrumb li:after { right: auto; left: -5px; } .rtl .sidebar .popular-posts .post .post-thumb, .rtl .blog-categories li:before, .rtl .sidebar-title:before { left: auto; right: 0; } .rtl .sidebar .search-box .form-group button { right: auto; left: 0; } .rtl .blog-categories li { padding-left: 0; padding-right: 20px; } .rtl .sidebar .popular-posts .post .post-inner { padding-left: 0; padding-right: 130px; } .rtl .sidebar .popular-posts .post-info i { margin-right: 0; margin-left: 10px; } .rtl .styled-form .form-group .adon-icon { right: auto; left: 10px; } .rtl .sidebar-page-container .news-block.style-four .tag { right: auto; left: 30px; } .rtl .map-section .contact-info li { padding-left: 0; padding-right: 90px; } .rtl .map-section .contact-info li .icon { left: auto; right: 0; } .rtl .mobile-nav-toggler { margin-left: 0; margin-right: 20px; } .rtl .mobile-menu .navigation li.dropdown .dropdown-btn { right: auto; left: 0; } .rtl .mobile-menu .nav-logo { text-align: right; } .rtl .mobile-menu .contact-list-one li { padding-right: 45px; } .rtl .search-popup .form-group input[type="submit"], .rtl .search-popup .form-group button { right: auto; left: 0; } /*** ==================================================================== Box Layout ==================================================================== ***/ .box-layout .page-wrapper{ max-width: 1280px; margin: 0 auto; background-color: #ffffff; overflow: hidden; box-shadow: 0 0 50px rgba(0,0,0,0.10); } .box-layout .main-header{ max-width: 1280px; left: 0; right: 0; margin: 0 auto; } .box-layout{ background-repeat: repeat; background-position: center; background-attachment: fixed; background-image: url(/images/icons/boxed-bg.html); } header .auto-container { max-width: 1400px; } .banner-section-two .auto-container { max-width: 1400px; } .enyeni{ font-size: 16px; color: #081245; font-weight: 700; } @media only screen and (max-width: 1139px){ .mobile-flow{ flex-flow: column; padding: 0!important; } .banner-carousel{ width: 100%; } } .detailpage{ text-align: right; max-width: 100%; position: relative; } .detailpage .social-links{ margin-bottom: 0; position: absolute; left: 0; top: 0; } .detailpage-image{ padding: 10px 30px; } .main-title{ position: relative; margin: 0px; background: none; font-weight: 600; line-height: 1.2em; font-family: "Exo", sans-serif; margin-bottom: 50px; padding-bottom: 15px; border-bottom: 2px solid #ff4301; color: #081245; font-size: 24px; } .scroll-side-menu{ max-height: 430px; overflow-x: auto; } .event-date{ display: block; } @media only screen and (max-width: 1200px) { .event-date{ display: flex; flex-direction: column; } .event-date .spanstyle{ margin-top: 5px; padding: 0px 3px; min-width: 100px; } } @media only screen and (max-width: 750px){ .scroll-side-menu{ max-height: 215px; overflow-x: auto; } } @media only screen and (max-width: 991px){ .sidebar .popular-posts{ display: none; } } .logo-box-animate { margin: 0; background: linear-gradient(135deg, #f04b50, #f48b6c, #4a7cbb, #ffffff); background-size: 500% 500%; -webkit-animation: animeBG 5s ease infinite; animation: animeBG 5s ease infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes animeBG { 0% {background-position: 0%} 100% {background-position: 100%} } @keyframes animeBG { 0% {background-position: 0%} 100% {background-position: 100%} } .banner-carousel .owl-item{ min-height: 200px; } .block-md-none{ display: block; } .none-md-block{ display: none; } @media screen and (max-width: 1345px) and (min-width: 1140px) { .main-menu .navigation>li { margin-right: 20px; } } @media only screen and (max-width: 1139px){ .schedule-tabs .tab-buttons.style-two li{ width: 155px; } /*.banner-section-two .image-layer{*/ /* display: none;*/ /*}*/ .banner-section-two .content-box{ width: 100%; } .header-style-one .header-top{ display: none; } .header-style-one .header-lower{ display: none; } .sticky-header .upper-right, .mobile-header{ display: flex; } .main-header .main-menu, .main-header .header-lower .main-box{ display: none !important; } .mobile-menu .navigation li.dropdown .dropdown-btn, .mobile-nav-toggler{ display: block; } .sticky-header .logo{ padding: 10px 5px; } .sticky-header .logo-box img{ max-height: 70px; } .sticky-header .logo-box{ width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 0; } .banner-section-two .content-box h2{ font-size: 64px; } .banner-section-two .content-box .title{ font-size: 18px; margin-bottom: 15px; } .banner-section-two .image-layer{ width: 420px; margin: auto; padding: 0; margin-bottom: 25px; } .banner-section-two .owl-nav{ display: none; } } @media only screen and (min-width: 768px){ .main-menu .navigation > li > ul, .main-menu .navigation > li > ul > li > ul{ display:block !important; visibility:hidden; opacity:0; } .block-md-none{ display: none; } .none-md-block{ display: block; } } @media only screen and (max-width: 1023px){ .anim-icons{ display: none; } .speaker-block .info-box{ text-align: center; } .main-footer .contact-list-one li{ margin-right: 30px; } .banner-section-two .slide-item{ padding:10px 0; } .banner-section-two .content-box h2{ font-size: 52px; } .banner-section-two .content-box .title{ font-size: 16px; } .page-title{ padding: 50px 0 10px; } .page-title h1{ font-size: 32px; margin-bottom: 10px; } .page-breadcrumb li{ font-size: 14px; } .page-breadcrumb li:after{ font-size: 14px; } .sidebar-page-container{ padding: 70px 0; } .map-section .map-outer{ padding: 0 !important; } } @media only screen and (max-width: 767px){ .sec-title h2 br{ display: none; } .sec-title h2{ font-size: 32px; line-height: 1.2em; } .schedule-tabs .tab-buttons li{ margin-bottom: -1px; } .schedule-tabs .tab-buttons li .date{ font-size: 25px; top: -3px; } .schedule-tabs .tab-buttons li .date-box{ padding-left: 0px; } .schedule-tabs .tab-buttons li .month{ font-size: 14px; } .schedule-tabs .tab-buttons li{ width: 150px; height: 110px; } .schedule-tabs .tab-buttons li .day{ left: 15px; right: 15px; font-size: 14px; min-width: 0; padding: 5px 10px; } .main-footer .contact-list-one li{ padding-left: 0; text-align: center; flex-direction: column; left: 0; } .main-footer .contact-list-one li i{ position: relative; display: block; margin-bottom: 10px; } .main-footer .footer-bottom .inner-container:before{ right: -50%; } .main-footer .footer-bottom .inner-container{ flex-direction: column; padding-right: 0; } .main-footer .footer-bottom .copyright-text{ order: 2; text-align: center; } .main-footer .footer-bottom .footer-nav{ flex-direction: column; padding-bottom: 0; } .main-footer .footer-bottom .footer-nav li{ padding: 0; margin: 0; margin-bottom: 5px; } .main-footer .footer-bottom .footer-nav li:before{ display: none; } .news-block.style-two .inner-box{ flex-direction: column; box-shadow: 0 0 10px rgba(0, 0, 0, .20); } .news-block.style-two .lower-content{ padding: 30px 30px 30px; } .banner-section-two .content-box h2{ font-size: 42px; } .banner-section-two .content-box h2{ font-size: 38px; } .banner-section-two .slide-item{ padding: 0; padding-top: 0px; } .banner-section-two .content-inner{ width: 100%; height: 100%; background-color: #2f3558; /*padding: 10px;*/ margin-top: 10px; margin-bottom: 20px; min-height: 140px; } .banner-section-two .image-layer{ min-height: auto; } .sidebar.padding-left{ padding-left: 0; } .styled-pagination{ margin-top: 30px; } } @media only screen and (max-width: 599px){ .enyeni{ font-size: 16px; } .main-footer .contact-list-one{ flex-direction: column; margin-bottom: 0px; } .main-footer .contact-list-one li{ margin-right: 0; margin-bottom: 20px; } .sec-title .text, .sec-title p{ font-size: 14px; line-height: 24px; } .sec-title .text br, .sec-title p br{ display: none; } .scroll-to-top{ right: 20px; bottom: 20px; } .schedule-tabs .tab-buttons.style-two li{ border-radius: 0 !important; } .page-title{ padding: 50px 0 10px; } .sidebar .popular-posts .post .post-inner{ padding-left: 0; padding-top: 0; min-height: auto; } .sidebar .popular-posts .post .post-thumb{ position: relative; width: 70px; } .sidebar .categories{ padding: 20px 25px; } } @media only screen and (max-width: 479px){ .register-section .form-column .sec-title h2, .sec-title h2{ font-size: 28px; } .news-block h4{ font-size: 22px; } .testimonial-block .text-box{ padding: 20px 20px 20px; } .testimonial-block .text-box p{ font-size: 14px; line-height: 22px; } .testimonial-block .info-box{ padding-left: 90px; padding-top: 0; min-height: 70px; } .testimonial-block .info-box .thumb{ height: 70px; width: 70px; } .news-block .lower-content{ padding: 30px 20px 20px; } .sidebar-page-container .news-block.style-four .tag{ bottom: auto; top: 0; right: 0; } } /*** ================================================================== Right To Left Style / Responsive ================================================================== ***/ @media only screen and (max-width: 1139px){ .rtl .sticky-header .logo{ padding: 10px 5px; } .rtl .sticky-header .logo-box{ margin: 0; } } @media only screen and (max-width: 1023px){ .rtl .anim-icons{ display: none; } .rtl .main-footer .contact-list-one li{ margin-left: 30px; margin-right: 0; } .rtl .banner-section-two .slide-item{ padding: 150px 0; } .rtl .sidebar-page-container{ padding: 70px 0; } .rtl .main-footer .footer-bottom .footer-nav li{ text-align: left; } } @media only screen and (max-width: 767px){ .schedule-tabs .tab-buttons.style-two li { width: 105px; } .feature-block h4{ margin-bottom: 0; } .feature-block .inner-box{ padding:25px 10px 15px 10px; } .feature-block{ margin-bottom: 15px; } .rtl .schedule-tabs .tab-buttons li .date-box{ padding-right: 50px; } .rtl .schedule-tabs .tab-buttons li .day{ left: 15px; right: 15px; padding: 5px 10px; } .rtl .main-footer .contact-list-one li{ padding-right: 0; text-align: center; right: 0; } .rtl .main-footer .footer-bottom .inner-container:before{ left: -50%; } .rtl .main-footer .footer-bottom .inner-container{ padding-left: 0; } .rtl .main-footer .footer-bottom .copyright-text{ text-align: center; } .rtl .main-footer .footer-bottom .footer-nav li{ padding: 0; margin: 0; } .rtl .news-block.style-two .lower-content{ padding: 30px 30px 30px; } .rtl .banner-section-two .slide-item{ padding: 0; } .rtl .banner-section-two .content-inner{ padding: 100px 15px; } .rtl .sidebar.padding-left{ padding-right: 0; } } @media only screen and (max-width: 599px){ .rtl .main-footer .contact-list-one li{ margin-left: 0; margin-bottom: 20px; } .rtl .scroll-to-top{ right: 20px; } .rtl .schedule-tabs .tab-buttons.style-two li{ border-radius: 0 !important; } .rtl .page-title{ padding: 50px 0 10px; } .rtl .sidebar .popular-posts .post .post-inner{ padding-right: 0; } } @media only screen and (max-width: 479px){ .rtl .testimonial-block .text-box{ padding: 20px 20px 20px; } .rtl .testimonial-block .info-box{ padding-right: 90px; } .rtl .news-block .lower-content{ padding: 30px 20px 20px; } .rtl .sidebar-page-container .news-block.style-four .tag{ left: 0; } } #calendar { transform: translate3d(0, 0, 0); width: 100%; margin: 0; height: auto; overflow: hidden; min-width: 400px; } .header2 { height: 80px; width: 100%; background: #4a7cbb; text-align: center; position:relative; z-index: 100; } .header2 h1 { color: #ffffff; margin: 0; padding: 0; font-size: 25px; line-height: 40px; font-weight: 100; letter-spacing: 1px; } .header2 h2 { color: #ffffff; margin: 0; padding: 0; font-size: 25px; line-height: 30px; font-weight: 800; letter-spacing: 1px; } .left, .right { position: absolute; width: 0px; height: 0px; border-style: solid; top: 50%; margin-top: -7.5px; cursor: pointer; } .left { border-width: 7.5px 10px 7.5px 0; border-color: transparent rgba(255, 255, 255, 1) transparent transparent; left: 20px; } .right { border-width: 7.5px 0 7.5px 10px; border-color: transparent transparent transparent rgba(255, 255, 255, 1); right: 20px; } .month { /*overflow: hidden;*/ opacity: 0; } .month.new { -webkit-animation: fadeIn 1s ease-out; opacity: 1; } .month.in.next { -webkit-animation: moveFromTopFadeMonth .4s ease-out; animation: moveFromTopFadeMonth .4s ease-out; opacity: 1; } .month.out.next { -webkit-animation: moveToTopFadeMonth .4s ease-in; animation: moveToTopFadeMonth .4s ease-in; opacity: 1; } .month.in.prev { -webkit-animation: moveFromBottomFadeMonth .4s ease-out; animation: moveFromBottomFadeMonth .4s ease-out; opacity: 1; } .month.out.prev { -webkit-animation: moveToBottomFadeMonth .4s ease-in; animation: moveToBottomFadeMonth .4s ease-in; opacity: 1; } .week { background: #ffffff; border-bottom: 1px solid #ededed; } .day { display: inline-block; width: calc(100% / 7); padding: 5px; text-align: center; vertical-align: top; cursor: pointer; background: #ffffff; position: relative; z-index: 100; } .day.other { color: rgba(255, 255, 255, .3); } .day.today { color: rgba(156, 202, 235, 1); } .day-name { font-size: 9px; text-transform: uppercase; margin-bottom: 5px; color: #000000; letter-spacing: .7px; } .day-number { font-size: 21px; line-height: 21px; letter-spacing: 1.5px; } .day .day-events { list-style: none; margin-top: 3px; text-align: center; height: 12px; line-height: 6px; overflow: hidden; } .day .day-events span { vertical-align: top; display: inline-block; padding: 0; margin: 0; width: 10px; height: 10px; line-height: 5px; margin: 0 1px; } .details { position: relative; width: 100%; height: 60px; background: rgba(164, 164, 164, 1); margin-top: 5px; border-radius: 4px; } .details.in { -webkit-animation: moveFromTopFade .5s ease both; animation: moveFromTopFade .5s ease both; } .details.out { -webkit-animation: moveToTopFade .5s ease both; animation: moveToTopFade .5s ease both; } .arrow { position: absolute; top: -5px; left: 50%; margin-left: -2px; width: 0px; height: 0px; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent rgba(164, 164, 164, 1) transparent; transition: all 0.7s ease; } .events { height: 60px; padding: 7px 0; overflow-y: auto; overflow-x: hidden; } .events.in { -webkit-animation: fadeIn .3s ease both; animation: fadeIn .3s ease both; } .events.in { -webkit-animation-delay: .3s; animation-delay: .3s; } .details.out .events { -webkit-animation: fadeOutShrink .4s ease both; animation: fadeOutShink .4s ease both; } .events.out { -webkit-animation: fadeOut .3s ease both; animation: fadeOut .3s ease both; } .event { font-size: 16px; line-height: 17px; letter-spacing: .5px; padding: 2px 16px; vertical-align: top; } .event.empty { color: #eee; } .event-category { height: 10px; width: 10px; display: inline-block; margin: 6px 0 0; vertical-align: top; } .event span { display: inline-block; padding: 0 0 0 7px; color: #ffffff; } .legend { position: absolute; bottom: 0; width: 100%; height: 30px; background: #ffffff; line-height: 30px; } .entry { position: relative; padding: 0 0 0 25px; font-size: 13px; display: inline-block; line-height: 30px; background: transparent; } .entry:after { position: absolute; content: ''; height: 5px; width: 5px; top: 12px; left: 14px; } .entry.blue:after { background: rgba(156, 202, 235, 1); } .entry.orange:after { background: rgba(247, 167, 0, 1); } .entry.green:after { background: rgba(153, 198, 109, 1); } .entry.yellow:after { background: rgba(249, 233, 0, 1); } /* Animations are cool! */ @-webkit-keyframes moveFromTopFade { from { opacity: .3; height:0px; margin-top:0px; -webkit-transform: translateY(-100%); } } @keyframes moveFromTopFade { from { height:0px; margin-top:0px; transform: translateY(-100%); } } @-webkit-keyframes moveToTopFade { to { opacity: .3; height:0px; margin-top:0px; opacity: 0.3; -webkit-transform: translateY(-100%); } } @keyframes moveToTopFade { to { height:0px; transform: translateY(-100%); } } @-webkit-keyframes moveToTopFadeMonth { to { opacity: 0; -webkit-transform: translateY(-30%) scale(.95); } } @keyframes moveToTopFadeMonth { to { opacity: 0; -moz-transform: translateY(-30%); } } @-webkit-keyframes moveFromTopFadeMonth { from { opacity: 0; -webkit-transform: translateY(30%) scale(.95); } } @keyframes moveFromTopFadeMonth { from { opacity: 0; -moz-transform: translateY(30%); } } @-webkit-keyframes moveToBottomFadeMonth { to { opacity: 0; -webkit-transform: translateY(30%) scale(.95); } } @keyframes moveToBottomFadeMonth { to { opacity: 0; -webkit-transform: translateY(30%); } } @-webkit-keyframes moveFromBottomFadeMonth { from { opacity: 0; -webkit-transform: translateY(-30%) scale(.95); } } @keyframes moveFromBottomFadeMonth { from { opacity: 0; -webkit-transform: translateY(-30%); } } @-webkit-keyframes fadeIn { from { opacity: 0; } } @keyframes fadeIn { from { opacity: 0; } } @-webkit-keyframes fadeOut { to { opacity: 0; } } @keyframes fadeOut { to { opacity: 0; } } @-webkit-keyframes fadeOutShink { to { opacity: 0; padding: 0px; height: 0px; } } @keyframes fadeOutShink { to { opacity: 0; padding: 0px; height: 0px; } } .daynames{ display: flex; width: 100%; } .name-day{ width: calc( 100% / 7); color: #FFFFFF; } @media only screen and (max-width: 1300px) { .day{ padding: 2px; } } @media only screen and (max-width: 500px){ .banner-section-two .image-layer{ width: 70%; padding: 0 0px; } .header2{ height: 70px; } .header2 h1{ font-size: 18px; line-height: 34px; } .header2 h2 { font-size: 20px; line-height: 35px; } .daynames{ font-size: 14px; line-height:20px; } .left, .right{ top: 30%; } .day-number{ font-size: 20px; letter-spacing: 1px; line-height:20px; } #calendar{ min-width: 200px; /*margin-top: 25px;*/ } .day .day-events { margin-top: 0px; height: 9px; line-height: 6px; } .event-category{ height: 8px; width: 8px; display: inline-block; margin: 4px 0 0; vertical-align: top; } .events{ height: 52px; padding: 3px 0; } .event span{ font-size: 14px; } .details{ height: 52px; } .mobile-header .logo img{ max-height: 70px; } .mobile-header{ padding: 2px 20px; } .feature-block h4{ font-size: 18px; } .feature-block .icon-box .icon { font-size: 50px; } .feature-section{ padding: 20px 0 20px; } .testimonial-section { padding: 30px 0; } .schedule-tabs .btns-box { margin-bottom: 20px; } .news-block{ margin-bottom: 0; } .main-footer{ padding: 50px 0 0 0; } .schedule-tabs .tab-buttons li .date-box{ min-height: 1px; } .main-footer .footer-logo{ margin-bottom: 15px; } .main-footer .footer-content .text{ margin: 0 auto; } .main-footer .footer-bottom .copyright-text{ padding: 10px 0; } } i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { font-family: flaticon !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #2f3558; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #b30000; } .calendar-color-1 { background: rgba(156, 202, 235, 1); } .calendar-color-2 { background: rgba(247, 167, 0, 1); } .calendar-color-3 { background: rgba(153, 198, 109, 1); } .calendar-color-4 { background: rgb(86, 86, 86); } .calendar-color-5 { background: rgba(249, 233, 0, 1); } .calendar-color-6 { background: rgb(249, 0, 0); } .calendar-color-7 { background: rgb(183, 60, 33); } .calendar-color-8 {background: #39325c;} .calendar-color-9 {background: #0a0a0a;} .calendar-color-10 {background: #37ff00;} .calendar-color-11 {background: #6924a1;} .calendar-color-12 {background: #a5a5a5;} .calendar-color-13 {background: #ff00a6;} .calendar-color-14 {background: #0046ff;} .calendar-color-15 {background: #af811f;} .testimonial-carousel-2 .owl-nav.disabled{ display: block !important; }