diff --git a/application/include/controlleurs/beers.php b/application/include/controlleurs/beers.php new file mode 100644 index 0000000..c01f667 --- /dev/null +++ b/application/include/controlleurs/beers.php @@ -0,0 +1,7 @@ +'blade',"templating_b"=>'twig',"templating_c"=>'edge'); +Logger::addLog('ok', 'Hello world'); \ No newline at end of file diff --git a/application/include/controlleurs/docs.php b/application/include/controlleurs/docs.php new file mode 100644 index 0000000..c01f667 --- /dev/null +++ b/application/include/controlleurs/docs.php @@ -0,0 +1,7 @@ +'blade',"templating_b"=>'twig',"templating_c"=>'edge'); +Logger::addLog('ok', 'Hello world'); \ No newline at end of file diff --git a/application/include/modeles/beers.model b/application/include/modeles/beers.model new file mode 100644 index 0000000..e4f701c --- /dev/null +++ b/application/include/modeles/beers.model @@ -0,0 +1,5 @@ +name : beers +page_title : module_title +description : module_description +params : module_params + diff --git a/application/include/modeles/docs.model b/application/include/modeles/docs.model new file mode 100644 index 0000000..e334cbd --- /dev/null +++ b/application/include/modeles/docs.model @@ -0,0 +1,5 @@ +name : docs +page_title : module_title +description : module_description +params : module_params + diff --git a/application/include/vues/layout/body.blade.php b/application/include/vues/layout/body.blade.php index f90eab0..8d0036b 100644 --- a/application/include/vues/layout/body.blade.php +++ b/application/include/vues/layout/body.blade.php @@ -1,27 +1,220 @@ @extends('system') @section('body') + +
+ +
+
+
+ +
+ +
+
+
+
+ + + + - Policy - CGU - @show +
+
+ @yield('content') +
+
+ + + + -
- @yield('content')
- + @endsection \ No newline at end of file diff --git a/application/include/vues/system/system.blade.php b/application/include/vues/system/system.blade.php index f23ccdd..b297a18 100644 --- a/application/include/vues/system/system.blade.php +++ b/application/include/vues/system/system.blade.php @@ -2,10 +2,17 @@ {{$page_title}} + + + + @section('top-css') - @endsection + + + + @show @@ -17,6 +24,11 @@ @yield('body') @section('bottom-javascript') + + + + + @show diff --git a/application/include/vues/view/beers.blade.php b/application/include/vues/view/beers.blade.php new file mode 100644 index 0000000..ad9a33e --- /dev/null +++ b/application/include/vues/view/beers.blade.php @@ -0,0 +1,37 @@ +@extends('body') + +@section('sidebar') + @parent + +

This is appended to the master sidebar.

+@endsection + +@section('content') + + + + +@endsection \ No newline at end of file diff --git a/application/include/vues/view/docs.blade.php b/application/include/vues/view/docs.blade.php new file mode 100644 index 0000000..a8e4457 --- /dev/null +++ b/application/include/vues/view/docs.blade.php @@ -0,0 +1,16 @@ +@extends('body') + +@section('sidebar') + @parent + +

This is appended to the master sidebar.

+@endsection + +@section('content') + Foo Controlleur + @if (isset($id)) + {{$id}} + @else + id not exist + @endif +@endsection \ No newline at end of file diff --git a/console/bin.php b/console/bin.php old mode 100644 new mode 100755 diff --git a/console/skel/symfony-app/config/packages/framework.yaml b/console/skel/symfony-app/config/packages/framework.yaml index 6089f4b..4bd0a4c 100644 --- a/console/skel/symfony-app/config/packages/framework.yaml +++ b/console/skel/symfony-app/config/packages/framework.yaml @@ -6,7 +6,8 @@ framework: # Enables session support. Note that the session will ONLY be started if you read or write from it. # Remove or comment this section to explicitly disable session support. session: - handler_id: null + storage_id: session.storage.php_bridge + handler_id: ~ cookie_secure: auto cookie_samesite: lax diff --git a/public/assets/css/custom.css b/public/assets/css/custom.css new file mode 100644 index 0000000..5c293df --- /dev/null +++ b/public/assets/css/custom.css @@ -0,0 +1,8 @@ +/* + +1. Add your custom Css styles below +2. Place the this code in your template: + + + +*/ \ No newline at end of file diff --git a/public/assets/css/fonts.css b/public/assets/css/fonts.css new file mode 100644 index 0000000..f3d7c70 --- /dev/null +++ b/public/assets/css/fonts.css @@ -0,0 +1,115 @@ + +/* Fonts - Find/Replace your website fonts with your custom font name. */ + +/*Body*/ +body { + font-size: 1em; + font-family: "Nunito", "Helvetica", "Arial", sans-serif; +} + +/*Paragraphs*/ +p { + font-family: "Nunito", "Helvetica", "Arial", sans-serif; +} + +/*Headings*/ +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +/*Main Menu*/ +#mainMenu nav>ul>li>a { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; + font-size: 12px; + font-weight: 600; + letter-spacing: 0.6px; +} + +#mainMenu nav>ul>li .dropdown-menu>li>a, +#mainMenu nav>ul>li .dropdown-menu>li>span, +#mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; + font-size: 13px; + font-weight: 600; +} + +.header-extras>ul>li>a:not(.btn), +.header-extras>ul>li .topbar-dropdown>.title { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; + font-size: 12px; + font-weight: 700; +} + +/*Page Menu*/ +.page-menu nav>ul>li { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +.page-menu nav>ul>li .dropdown-menu { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +/*Sidebar Menu*/ +.sidebar-menu { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +/*Buttons*/ +button, +a.btn:not([href]):not([tabindex]), +.btn { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +/*slider*/ +.inspiro-slider .slide .slide-captions .strong { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +/*Page Title*/ +#page-title .page-title>h1 { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; + font-size: 44px; + line-height: 56px; + font-weight: 400; +} + +/*Footer*/ +#footer { + font-size: 14px; + font-weight: 400; + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +#footer p { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; +} + +#footer .widget .widget-title, +#footer .widget h4 { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; + font-size: 14px; + letter-spacing: 1px; + font-weight: 600; +} + +#footer .widget .widget-title ul li a, +#footer .widget h4 ul li a { + font-family: "Poppins", "Helvetica", "Arial", sans-serif; + font-size: 15px; +} \ No newline at end of file diff --git a/public/assets/css/main.css b/public/assets/css/main.css new file mode 100644 index 0000000..8fb9fe3 --- /dev/null +++ b/public/assets/css/main.css @@ -0,0 +1,64 @@ +.section-title { + text-align:center; + font-family:Panton,sans-serif; + font-size:100px; + color:#ff974a; + padding-top:100px; + padding-bottom:30px +} +.donate-container { + position: relative; + max-width: 800px; + margin: 0 auto; +} +.donate-container .donate-beer { + position: absolute; + left: -190px; + bottom: -30px; + width: 250px; +} +.donate-container .button:focus, .donate-container .button:hover { + text-decoration: none; + background: #fff; + color: #ff974a; +} +.button-secondary { + background: #f48d40; +} +.beer-button { + display: inline-block; + position: relative; + width: 250px; + border: 2px solid transparent; + margin: 0 auto; + margin-left: auto; + padding: 23px 30px; + color: #fff; + font-weight: 400; + font-size: 16px; + line-height: 1.2; + text-decoration: none; + border-radius: 50px; + text-align: center; + -webkit-transition: color 150ms,background-color 150ms; + -o-transition: color 150ms,background-color 150ms; + transition: color 150ms,background-color 150ms; +} +.donate-container .donate-description { + width: 100%; + padding: 30px 50px 50px; + background: #f4f7fa; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} +.donate-container .donate-footer { + text-align: center; + padding: 30px 50px 50px; + background: #ff974a -webkit-gradient(linear,right top,left bottom,from(#ff974a),to(#ffb864)); + background: #ff974a -webkit-linear-gradient(top right,#ff974a,#ffb864); + background: #ff974a -o-linear-gradient(top right,#ff974a,#ffb864); + background: #ff974a linear-gradient(to bottom left,#ff974a,#ffb864); + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + width: 100%; +} \ No newline at end of file diff --git a/public/assets/css/plugins.css b/public/assets/css/plugins.css new file mode 100644 index 0000000..abce384 --- /dev/null +++ b/public/assets/css/plugins.css @@ -0,0 +1,16 @@ +/*! + * Bootstrap v4.4.1 (https://getbootstrap.com/) + * Copyright 2011-2019 The Bootstrap Authors + * Copyright 2011-2019 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:no-repeat 50%/50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group:first-child .list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card>.list-group:last-child .list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal .list-group-item.active{margin-top:0}.list-group-horizontal .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm .list-group-item.active{margin-top:0}.list-group-horizontal-sm .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md .list-group-item.active{margin-top:0}.list-group-horizontal-md .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg .list-group-item.active{margin-top:0}.list-group-horizontal-lg .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl .list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl .list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl .list-group-item.active{margin-top:0}.list-group-horizontal-xl .list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl .list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush .list-group-item{border-right-width:0;border-left-width:0;border-radius:0}.list-group-flush .list-group-item:first-child{border-top-width:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.toast{max-width:350px;overflow:hidden;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;overflow-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} + /*! + * animate.css -http://daneden.me/animate + * Version - 3.6.2 + * Licensed under the MIT license - http://opensource.org/licenses/MIT + * + * Copyright (c) 2018 Daniel Eden + */.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.delay-1s{animation-delay:1s}.animated.delay-2s{animation-delay:2s}.animated.delay-3s{animation-delay:3s}.animated.delay-4s{animation-delay:4s}.animated.delay-5s{animation-delay:5s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}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(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-duration:.75s;animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{transform:translateZ(0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{transform:translateZ(0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{transform:translateZ(0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}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)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-duration:.75s;animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-duration:.75s;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:translateZ(0);opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:translateZ(0);opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:translateZ(0);opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:translateZ(0);opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-duration:2s;animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}/*! + * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */.fa-fw,.fa-li{text-align:center}.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-dice:before{content:"\f522"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skull:before{content:"\f54c"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:'Font Awesome 5 Brands'}.fa,.far,.fas{font-family:'Font Awesome 5 Free'}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-weight:900} \ No newline at end of file diff --git a/public/assets/css/rtl.css b/public/assets/css/rtl.css new file mode 100644 index 0000000..f78575a --- /dev/null +++ b/public/assets/css/rtl.css @@ -0,0 +1,985 @@ +/*********************************************************************** +** POLO Html5 Template ** +** Author: INSPIRO MEDIA ** +** URL: //www.inspiro-media.com ** +** Note: You should add dir=ltr on the index.html page ** +************************************************************************ + +/*! + * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/) + * Copyright 2011-2019 The Bootstrap Authors + * Copyright 2011-2019 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) + * RTL-ized by Arash Laylazi (https://github.com/PerseusTheGreat) + * RTL rev. 1 (https://github.com/PerseusTheGreat/bootstrap-rtl) + */ +*, +::after, +::before { + box-sizing: border-box +} + +html { + font-family: sans-serif; + line-height: 1.15; + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: transparent; + direction: rtl +} + +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block +} + +body { + text-align: right; +} + +[tabindex="-1"]:focus:not(:focus-visible) { + outline: 0 !important +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 0; + margin-bottom: .5rem +} + +p { + margin-top: 0; + margin-bottom: 1rem +} + +abbr[data-original-title], +abbr[title] { + text-decoration: underline; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + border-bottom: 0; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit +} + +dl, +ol, +ul { + margin-top: 0; + margin-bottom: 1rem +} + +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0 +} + +dt { + font-weight: 700 +} + +dd { + margin-right: 0; + margin-bottom: .5rem +} + +blockquote { + margin: 0 0 1rem +} + +b, +strong { + font-weight: bolder +} + +small { + font-size: 80% +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline +} + +sub { + bottom: -.25em +} + +sup { + top: -.5em +} + +a { + color: #007bff; + text-decoration: none; + background-color: transparent +} + +a:hover { + color: #0056b3; + text-decoration: underline +} + +a:not([href]) { + color: inherit; + text-decoration: none +} + +a:not([href]):hover { + color: inherit; + text-decoration: none +} + +code, +kbd, +pre, +samp { + font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + font-size: 1em +} + +pre { + margin-top: 0; + margin-bottom: 1rem; + overflow: auto +} + +figure { + margin: 0 0 1rem +} + +img { + vertical-align: middle; + border-style: none +} + +svg { + overflow: hidden; + vertical-align: middle +} + +table { + border-collapse: collapse +} + +caption { + padding-top: .75rem; + padding-bottom: .75rem; + color: #6c757d; + text-align: right; + caption-side: bottom +} + +th { + text-align: inherit +} + +label { + display: inline-block; + margin-bottom: .5rem +} + +button { + border-radius: 0 +} + +button:focus { + outline: 1px dotted; + outline: 5px auto -webkit-focus-ring-color +} + +button, +input, +optgroup, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit +} + +button, +input { + overflow: visible +} + +button, +select { + text-transform: none +} + +select { + word-wrap: normal +} + +[type=button], +[type=reset], +[type=submit], +button { + -webkit-appearance: button +} + +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled), +button:not(:disabled) { + cursor: pointer +} + +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner, +button::-moz-focus-inner { + padding: 0; + border-style: none +} + +input[type=checkbox], +input[type=radio] { + box-sizing: border-box; + padding: 0 +} + +input[type=date], +input[type=datetime-local], +input[type=month], +input[type=time] { + -webkit-appearance: listbox +} + +textarea { + overflow: auto; + resize: vertical +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0 +} + +legend { + display: block; + width: 100%; + max-width: 100%; + padding: 0; + margin-bottom: .5rem; + font-size: 1.5rem; + line-height: inherit; + color: inherit; + white-space: normal +} + +progress { + vertical-align: baseline +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none +} + +[type=search]::-webkit-search-decoration { + -webkit-appearance: none +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button +} + +output { + display: inline-block +} + +summary { + display: list-item; + cursor: pointer +} + +template { + display: none +} + +[hidden] { + display: none !important +} + +[type=email], +[type=file], +[type=number], +[type=password], +[type=tel], +[type=url], +code, +samp, +var { + text-align: left; + direction: ltr +} + +kbd { + display: inline-block +} + + +/*Floats*/ + +.float-right { + float: left !important; +} + +.float-left { + float: right !important; +} + +.float-none { + float: none !important; +} + +.text-right { + text-align: left !important; +} + +.text-left { + text-align: right !important; +} + + +.right { + float: left !important; +} + +.left { + float: right !important; +} + + +/* ---------------------------------------------------------------- + Header +-----------------------------------------------------------------*/ + +#header .header-inner #logo, +#header #header-wrap #logo, +#mainMenu nav>ul>li { + float: right; +} + +.header-extras, +#mainMenu { + float: left; +} + +#mainMenu nav>ul>li .dropdown-menu>li>a, +#mainMenu nav>ul>li .dropdown-menu>li>span, +#mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a { + text-align: right; +} + +#mainMenu nav>ul>li .dropdown-submenu:before { + left: 16px; + right: auto; + transform: rotate(180deg); +} + +#mainMenu nav>ul>li .dropdown-submenu:not(.hover-active):hover:before { + left: 12px; + right: auto; +} + +#mainMenu nav>ul>li .dropdown-submenu>.dropdown-menu { + right: 100%; + left: auto +} + +#mainMenu nav>ul>li .dropdown-submenu>.dropdown-menu.menu-invert { + right: auto; + left: 100%; +} + +@media (max-width: 991px) { + + #mainMenu:not(.menu-overlay)>.container { + text-align: right !important; + width: 100%; + max-width: 100% + } + + #mainMenu:not(.menu-overlay) nav>ul>li.dropdown::before { + right: auto; + left: 0; + } + + #mainMenu:not(.menu-overlay) nav>ul li>.dropdown-menu>.dropdown-submenu::before { + left: 0; + right: auto; + } + +} + +.header-extras .p-dropdown .p-dropdown-content, +.header-extras .p-dropdown ul.p-dropdown-content { + right: auto; + left: -28px; +} + +#header[data-fullwidth="true"] #mainMenu:not(.menu-left):not(.menu-center) nav>ul>li.mega-menu-item>.dropdown-menu { + left: 0; + right: auto; +} + +.dropdown-menu { + text-align: right; +} + + +/*Topbar*/ + +.topbar-dropdown { + float: right; +} + +.topbar-dropdown.float-right { + float: left !important; +} + + +#topbar .social-icons { + float: left; +} + +#topbar:not(.topbar-transparent) .social-icons li a { + border-right: 0; + border-left: 1px solid rgba(180, 180, 180, 0.2); +} + +#topbar:not(.topbar-transparent) .social-icons li:last-child a { + border-right: 1px solid rgba(180, 180, 180, 0.2); +} + +#topbar:not(.topbar-transparent) .social-icons li:first-child a { + border-right: 0; +} + +#topbar .top-menu { + float: right; +} + +#topbar .top-menu>li>a { + margin-right: 0; + margin-left: 16px; +} + +/* ---------------------------------------------------------------- + Inspiro Slider +-----------------------------------------------------------------*/ + +.slide-captions.text-left { + text-align: right !important; +} + + +/* forms */ +select { + background-position: left center !important; +} + +.input-group-append .btn, +.input-group-append button { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; + border-bottom-right-radius: 0px !important; + border-top-right-radius: 0px !important; +} + +.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text { + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 0px; + border-top-right-radius: 0px; +} + +.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} + +.input-group-prepend + input {border-top-left-radius: 4px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 0px; + border-top-right-radius: 0px; +} + +.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; + + border-bottom-right-radius: 0px; + border-top-right-radius: 0px; +} + +.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group-append { + margin-right: -2px; + margin-left: 0px; +} + +.form-check-input { + margin-right: -1.25rem; + margin-left: 0; +} +.form-check { + padding-left: 0; + padding-right: 1.25rem; +} + +[type="email"], [type="file"], [type="number"], [type="password"], [type="tel"], [type="url"], code, samp, var { + text-align: right; + direction: rtl; +} +/* ---------------------------------------------------------------- + Page title and breadcrumb +-----------------------------------------------------------------*/ +.breadcrumb { + text-align: right; +} + +.breadcrumb ul .breadcrumb-item+.breadcrumb-item::before, +.breadcrumb ul .breadcrumb-item+li::before, +.breadcrumb ul li+.breadcrumb-item::before, +.breadcrumb ul li+li::before, +.breadcrumb ol .breadcrumb-item+.breadcrumb-item::before, +.breadcrumb ol .breadcrumb-item+li::before, +.breadcrumb ol li+.breadcrumb-item::before, +.breadcrumb ol li+li::before { + display: none; +} + +.breadcrumb ul li+li::after, +.breadcrumb ol li+li::after { + content: "\e92f"; + font-family: inspiro-icons; + margin: 0 5px; +} + +/* ---------------------------------------------------------------------- + ICON BOX +-------------------------------------------------------------------------*/ + +/*small size*/ +.icon-box.small:not(.center)>h3, +.icon-box.small:not(.center)>h4 { + margin: 0 60px 4px 12px; +} + +.icon-box.small:not(.center)>p { + margin: 0 60px 20px 0; +} + +/*medium size*/ +.icon-box.medium:not(.center)>h3, +.icon-box.medium:not(.center)>h4 { + margin: 0px 84px 10px 10px; +} + +.icon-box.medium:not(.center)>p { + margin: 0 84px 20px 0; +} + +/*large size */ +.icon-box.large:not(.center)>h3, +.icon-box.large:not(.center)>h4 { + margin: 0 110px 10px 12px; +} + +.icon-box.large:not(.center)>p { + margin: 0 110px 20px 0; +} + + + +/* Icon Box - box type */ + +.icon-box.box-type { + padding: 20px; +} + +.icon-box.box-type .icon { + margin-top: 20px; +} + + +.icon-box.box-type .icon>i { + -ms-transform: rotate(180deg); + /* IE 9 */ + -webkit-transform: rotate(180deg); + /* Chrome, Safari, Opera */ + transform: rotate(180deg); +} + + +.icon-box.box-type h3 { + margin: 0 83px 10px 12px; +} + +.icon-box.box-type p { + margin: 0 83px 20px 0 +} + +/* ---------------------------------------------------------------------- + Buttons +-------------------------------------------------------------------------*/ +.btn { + margin-left: 8px; + margin-right: 0px; +} + +.modal-header .close { + left: 8px; + top: 18px; + right: auto; +} + +/* ---------------------------------------------------------------------- + pie-chart +-------------------------------------------------------------------------*/ + +.pie-chart span.percent:after { + content: none; +} + +.pie-chart span.percent:before { + content: "%"; +} + + + +/* ---------------------------------------------------------------- + Content +-----------------------------------------------------------------*/ +.post-meta div { + border-left: none; + border-right: 0 none; + float: right; + margin-left: 18px; + margin-right: 0; + padding: 8px 0 8px 18px; +} + +.post-thumbnail-entry { + float: none; +} + + +.post-thumbnail-list .post-thumbnail-entry img+.post-thumbnail-content { + padding-left: 0; + padding-right: 100px; +} + +.sidebar .widget .post-thumbnail-list .post-thumbnail-entry img+.post-thumbnail-content { + padding-left: 0; +} + +.post-thumbnail-list .post-thumbnail-entry>img { + float: right; + margin-left: 20px; + margin-right: 0; +} + + +.post-thumbnail .post-image, +.post-thumbnail .post-video, +.post-thumbnail .post-audio, +.post-thumbnail .post-embed, +.post-thumbnail .post-slider { + float: right; + width: 40%; +} + +.post-thumbnail .post-content-details { + width: 60%; + padding-right: 20px; + padding-left: 0; + float: right; +} + +.post-thumbnail .post-meta { + float: left; + padding-right: 20px; + padding-left: 0; + width: 60%; +} + +.post-modern.post-thumbnail .post-meta { + float: right; + padding-right: 10px; + padding-left: 0; +} + + +/* ---------------------------------------------------------------------- + Portfolio +-------------------------------------------------------------------------*/ +.portfolio-item .portfolio-date a, +.portfolio-item .portfolio-item .portfolio-date i { + margin-left: 5px; +} + +.portfolio-item p i .fa-tag:before { + margin-left: 8px; +} + +.portfolio-item .portfolio-description { + float: right; + text-align: right; +} + +.pricing-table ul li i:before { + margin-left: 10px; +} + +.filter-active-title { + float: left; +} + +.portfolio-attributes .attribute { + text-align: right; +} + +.accordion .ac-item .ac-title { + padding-left: 0px; + padding-right: 0; +} + +.accordion .ac-item .ac-title::before { + right: auto; + left: 0; +} + +.accordion .ac-item .ac-title>i { + margin-right: 0; + margin-left: 8px; +} + +/* progres bar */ + +.p-progress-bar .progress-number, +.p-progress-bar .progress-type, +.progress-bar .progress-number, +.progress-bar .progress-type { + float: left; +} + +.p-progress-bar-container.title-up .p-progress-bar .progress-number, +.p-progress-bar-container.title-up .p-progress-bar .progress-type, +.p-progress-bar-container.title-up .progress-bar .progress-number, +.p-progress-bar-container.title-up .progress-bar .progress-type, +.progress-bar-container.title-up .p-progress-bar .progress-number, +.progress-bar-container.title-up .p-progress-bar .progress-type, +.progress-bar-container.title-up .progress-bar .progress-number, +.progress-bar-container.title-up .progress-bar .progress-type { + right: auto; + left: 15px; +} + +.p-progress-bar-container.title-up .p-progress-bar .progress-number, +.p-progress-bar-container.title-up .progress-bar .progress-number, +.progress-bar-container.title-up .p-progress-bar .progress-number, +.progress-bar-container.title-up .progress-bar .progress-number { + left: 26px; + right: auto; +} + +/* ---------------------------------------------------------------------- +Lists +-------------------------------------------------------------------------*/ +.widget-tweeter li:before, +.widget-twitter li:before { + margin-left: 0x; + margin-right: -20px; + position: absolute; + font-family: "Font Awesome 5 Free"; + content: "\f099"; + +} + +/*Timeline*/ + +.timeline .timeline-item { + margin: 3rem 5rem 3rem 2rem; +} + +.timeline .timeline-item .timeline-icon { + right: 0px; + left: auto; +} + +.timeline::before { + left: auto; + right: 16px; +} + + +/* ---------------------------------------------------------------------- + Shop +-------------------------------------------------------------------------*/ +.product .product-rate { + float: right; +} + +.product .product-price { + text-align: left; + float: left; +} + +.product .product-reviews { + float: left; +} + +.product-size li { + float: right; + margin: 0 0 0 6px; +} + +form a small { + margin-top: 10px; + float: left !important; +} + + + + +.widget-shop .product .product-image { + float: right; + padding-left: 10px; + padding-right: 0; +} + +/* Extras */ +.mfp-content { + text-align: right; +} + +.input-group .input-group-btn .btn, +.input-group .input-group-btn button { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.input-group>.custom-select:not(:last-child), +.input-group>.form-control:not(:last-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + + +.list-icon li { + margin-right: 20px; + margin-left: 0; +} + +.list-icon li::before { + margin-left: 0; + margin-right: -20px; +} + +.list-icon i { + margin-left: 14px; + margin-right: -20px; +} + +.tabs .nav-tabs .nav-link i { + margin-right: 0; + margin-left: 6px; +} + +.social-icons li { + float: right; +} + + +.p-dropdown { + float: right; +} + +.p-dropdown.p-dropdown-invert .p-dropdown-content, +.p-dropdown.p-dropdown-invert ul.p-dropdown-content { + left: auto; + right: 0; +} + +.p-dropdown .p-dropdown-content, +.p-dropdown ul.p-dropdown-content { + text-align: right; +} + +.p-dropdown .p-dropdown-content ul>li a i, +.p-dropdown .p-dropdown-content>li a i, +.p-dropdown ul.p-dropdown-content ul>li a i, +.p-dropdown ul.p-dropdown-content>li a i { + margin-left: 6px; + margin-right: 0px; +} + + +.icon-set-container .icon-preview .icon-class { + padding-left: 0px; + padding-right: 50px; +} + +.icon-set-container .row>[class^="col-"] { + flex: 1 1 calc(20% - 19px); +} + + +#scrollTop { + left: 26px; + right: auto; +} \ No newline at end of file diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 77292c1..4705664 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -1,45 +1,14928 @@ -/** - * List used for the stroll menu - */ -ul.stroll { - position: relative; - width: 250px; - height: 800px; - margin: 0rem; - padding: 0rem; - overflow-x: hidden; - overflow-y: scroll; +@charset "UTF-8"; +/* Mixins */ +/* Fonts */ +/* --------------------------------------------------------------- + Google Fonts +-----------------------------------------------------------------*/ +@import "https://fonts.googleapis.com/css?family=Poppins:100,200,400,500,600,700,800|Nunito:300,400,600,700,800"; +/* Base */ +/*********************************************************************** +** ** +** POLO Html5 Template ** +** Author: INSPIRO MEDIA ** +** URL: //www.inspiro-media.com ** +** ** +************************************************************************/ +/* Content & Layout */ +/* ---------------------------------------------------------------- + BODY +-----------------------------------------------------------------*/ +html { + overflow-x: hidden; } + +body .body-inner, +body #wrapper { + padding: 0; + margin: 0; } +body .container-wide { + width: 100%; + margin: 0 auto; + padding: 0 60px; } + +@media (max-width: 1024px) { + #wrapper, + .body-inner { + width: 100%; + margin: 0; } + + .container-wide { + padding: 0 30px; } } +@media (min-width: 1024px) { + body.boxed .body-inner { + float: none; + width: 1200px; + margin: 0 auto; } + + body.modern .body-inner .container { + max-width: 1500px; } + + body.frame:before, body.frame:after { + border: 10px solid #fff; + content: ""; + position: fixed; + width: auto; + height: 20px; + z-index: 200; + box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1); + left: 0; + right: 0; } + body.frame:after { + bottom: 0; } + body.frame .body-inner { + padding: 20px; } + body.frame .body-inner:before, body.frame .body-inner:after { + border: 10px solid #fff; + content: ""; + position: fixed; + width: 20px; + z-index: 200; + box-shadow: 0px 10px 14px 0 rgba(0, 0, 0, 0.1); + top: 20px; + bottom: 20px; + left: 0; + right: auto; } + body.frame .body-inner:after { + left: auto; + right: 0; + box-shadow: 0px 10px 14px 0 rgba(0, 0, 0, 0.1); } + body.frame #scrollTop { + right: 46px; } } +.container-fullwidth { + margin: 0 auto; } + .container-fullwidth .row { + padding-left: 15px; + padding-right: 15px; } + +/* Sections */ +section { + padding: 80px 0; + position: relative; + width: 100%; + overflow: hidden; + z-index: 1; + background-color: #ffffff; } + +@media (max-width: 768px) { + section { + padding: 40px 0; } } +@media (max-width: 1024px) { + .container { + padding: 0 30px; } } +body.dark { + background-color: #181818; + color: #999999; } + body.dark section { + background-color: #181818; + color: #999999; } + + /* ---------------------------------------------------------------------- + Page title +-------------------------------------------------------------------------*/ +#page-title { + clear: both; + padding: 80px 0; + background-color: #f8f9fa; + position: relative; + /* page header left*/ + /* page header right*/ } + #page-title .page-title { + text-align: center; + padding: 0; } + #page-title .page-title > h1 { + font-family: "Poppins", sans-serif; + font-size: 2.5rem; + line-height: 1.2; + font-weight: 400; + margin-bottom: 1rem; } + #page-title .page-title > span { + font-weight: 400; + font-size: 14px; } + #page-title .breadcrumb { + text-align: center; + margin-bottom: 0; + padding: 0; } + #page-title.page-title-left .page-title { + float: left; + text-align: left; + clear: both; } + #page-title.page-title-left .breadcrumb { + float: left; + text-align: left; + display: block; } + #page-title.page-title-right .page-title { + float: right; + text-align: right; + clear: both; } + #page-title.page-title-right .breadcrumb { + float: right; + text-align: right; } + #page-title.dark .page-title > h1 { + color: #1f1f1f; } + #page-title.dark .page-title > span { + color: #1f1f1f; } + #page-title.dark .breadcrumb ul li + li:before { + color: #1f1f1f; } + #page-title.dark .breadcrumb ul li a { + color: #1f1f1f; } + #page-title[data-bg-parallax] .page-title > h1 { + color: #ffffff; } + #page-title[data-bg-parallax] .page-title > span { + color: #ffffff; } + #page-title[data-bg-parallax] .breadcrumb ul li + li:before { + color: #ffffff; } + #page-title[data-bg-parallax] .breadcrumb ul li a { + color: #ffffff; } + #page-title[data-bg-parallax], #page-title[data-bg-video] { + background-color: #1f1f1f; } + +#header[data-transparent="true"] + #page-title { + top: -120px; + margin-bottom: -124px; + position: relative; + padding: 220px 0 160px 0; } + +@media (max-width: 1024px) { + #page-title .page-title > h1 { + font-size: 26px; + line-height: 34px; } + + #header[data-transparent="true"] + #page-title { + top: -120px; + margin-bottom: -124px; + padding: 160px 0 80px 0; } } +/*-------------------------------------------------------- + Content +---------------------------------------------------------*/ +#page-content:not(.no-sidebar) { + padding: 40px 0 40px 0; } + #page-content:not(.no-sidebar).sidebar-left > .container > .row, + #page-content:not(.no-sidebar).sidebar-left > .container-wide > .row, + #page-content:not(.no-sidebar).sidebar-left > .container-fluid > .row { + flex-direction: row-reverse; } + #page-content:not(.no-sidebar).sidebar-right > .container > .row, + #page-content:not(.no-sidebar).sidebar-right > .container-wide > .row, + #page-content:not(.no-sidebar).sidebar-right > .container-fluid > .row { + flex-direction: row; } + #page-content:not(.no-sidebar).sidebar-right > .container > .row, + #page-content:not(.no-sidebar).sidebar-right > .container-wide > .row, + #page-content:not(.no-sidebar).sidebar-right > .container-fluid > .row { + flex-direction: row; } + #page-content:not(.no-sidebar).sidebar-both > .container > .row, + #page-content:not(.no-sidebar).sidebar-both > .container-wide > .row, + #page-content:not(.no-sidebar).sidebar-both > .container-fluid > .row { + flex-direction: row; } + +#content { + overflow: hidden; + padding: 60px 0; + position: relative; } + #content .container, + #content .container-wide, + #content .container-fluid { + position: relative; } + +.page-content-shadow { + box-shadow: 0 82px 53px 10px rgba(0, 0, 0, 0.3); } + +.content { + padding-right: 25px; + margin-bottom: 26px; } + +.sidebar { + padding-left: 25px; } + .sidebar .content { + padding-right: 25px; + padding-left: 15px; } + .sidebar .sidebar { + padding-left: 25px; + padding-right: 15px; } + .sidebar.sidebar-modern { + padding-left: 15px; + padding-right: 15px; } + .sidebar.sidebar-modern:before { + background-color: #f8f9fa; + width: 100%; + content: ""; + position: absolute; + z-index: -10; + bottom: -10px; + left: 0; + right: 0; + top: -20px; + border-radius: 4px; } + +.sidebar-left .content { + padding-left: 25px; + padding-right: 15px; } +.sidebar-left .sidebar { + padding-right: 25px; + padding-left: 15px; } + .sidebar-left .sidebar.sidebar-modern { + padding-left: 15px; + padding-right: 15px; } + +.sidebar-both .sidebar { + padding-left: 15px; + padding-right: 25px; } + .sidebar-both .sidebar.sidebar-modern { + padding-left: 15px; + padding-right: 15px; } +.sidebar-both .content { + padding-right: 25px; + padding-left: 25px; } + .sidebar-both .content + .sidebar { + padding-left: 25px; + border-right-width: 0; + padding-right: 15px; } + .sidebar-both .content + .sidebar.sidebar-modern { + padding-left: 15px; + padding-right: 15px; } + +@media (max-width: 1024px) { + #page-content:not(.no-sidebar).sidebar-both > .container > .row .content, + #page-content:not(.no-sidebar).sidebar-both > .container-wide > .row .content, + #page-content:not(.no-sidebar).sidebar-both > .container-fluid > .row .content { + order: -1; } + + .content, + .sidebar { + width: 100% !important; + padding-left: 15px; + padding-right: 15px; } + + .sidebar-right .sidebar, + .sidebar-right .content, + .sidebar-both .content, + .sidebar-both .content + .sidebar { + padding-right: 15px; + padding-left: 15px; } + + .sidebar-both .sidebar:before, + .sidebar-right .sidebar:before, + .sidebar:before { + right: 0; + border-right-width: 0; + border-left-width: 0; + left: 0; } + .sidebar-both .sidebar .widgets, + .sidebar-right .sidebar .widgets, + .sidebar .widgets { + float: left; } + + .sidebar-both .content + .sidebar { + border-right-width: 0; } + .sidebar-both .content + .sidebar:before { + border-right-width: 0; + border-left-width: 0; } } +@media (max-width: 1024px) { + #page-content { + padding: 20px 0 20px 0; } } +.grid-layout { + overflow: hidden; + margin-bottom: -2px !important; } + .grid-layout > * { + opacity: 0; + transition: opacity .5s ease; } + .grid-layout .grid-loader { + transition: opacity .1s ease; + opacity: 1; + z-index: -1; } + .grid-layout.grid-loaded > * { + opacity: 1; } + .grid-layout.grid-loaded .grid-loader { + opacity: 0; } + +.grid-layout, +.portfolioo, +.posts { + position: relative; + display: block; + clear: both; + padding: 0; } + +.grid-mix-size .portfolio-item:nth-child(2n) .new-badge { + right: 70px !important; } +.grid-mix-size .portfolio-item:nth-child(2n) > .portfolio-item-wrap { + -webkit-transform: scale(0.75); + transform: scale(0.8); } + +/*Grid columns: 5*/ +.grid-6-columns .grid-item, +.post-6-columns .post-item, +.portfolio-6-columns .portfolio-item { + width: 16.6666666666%; } + .grid-6-columns .grid-item.large-width, + .post-6-columns .post-item.large-width, + .portfolio-6-columns .portfolio-item.large-width { + width: 33.333333333%; } + +/*Grid columns: 5*/ +.grid-5-columns .grid-item, +.post-5-columns .post-item, +.portfolio-5-columns .portfolio-item { + width: 20%; } + .grid-5-columns .grid-item.large-width, + .post-5-columns .post-item.large-width, + .portfolio-5-columns .portfolio-item.large-width { + width: 40%; } + +/*Grid columns: 4*/ +.grid-4-columns .grid-item, +.post-4-columns .post-item, +.portfolio-4-columns .portfolio-item { + width: 25%; } + .grid-4-columns .grid-item.large-width, + .post-4-columns .post-item.large-width, + .portfolio-4-columns .portfolio-item.large-width { + width: 50%; } + +/*Grid columns: 3*/ +.grid-3-columns .grid-item, +.post-3-columns .post-item, +.portfolio-3-columns .portfolio-item { + width: 33.333333333%; } + .grid-3-columns .grid-item.large-width, + .post-3-columns .post-item.large-width, + .portfolio-3-columns .portfolio-item.large-width { + width: 66.6666666666%; } + +/*Grid columns: 2*/ +.grid-2-columns .grid-item, +.post-2-columns .post-item, +.portfolio-2-columns .portfolio-item { + width: 50.00%; } + .grid-2-columns .grid-item.large-width, + .post-2-columns .post-item.large-width, + .portfolio-2-columns .portfolio-item.large-width { + width: 100%; } + +/*Grid columns: 1*/ +.grid-1-columns .grid-item, +.post-1-columns .post-item, +.portfolio-1-columns .portfolio-item { + width: 100%; } + .grid-1-columns .grid-item.large-width, + .post-1-columns .post-item.large-width, + .portfolio-1-columns .portfolio-item.large-width { + width: 100%; } + +@media (max-width: 1380px) { + .grid-5-columns .grid-item, + .post-5-columns .post-item, + .portfolio-5-columns .portfolio-item { + width: 25%; } + .grid-5-columns .grid-item.large-width, + .post-5-columns .post-item.large-width, + .portfolio-5-columns .portfolio-item.large-width { + width: 50%; } } +/*Tablet Landscape*/ +@media (max-width: 1024px) { + /*Grid columns: 6,5,4*/ + .grid-6-columns .grid-item, + .post-6-columns .post-item, + .portfolio-6-columns .portfolio-item, + .grid-5-columns .grid-item, + .post-5-columns .post-item, + .portfolio-5-columns .portfolio-item, + .grid-4-columns .grid-item, + .post-4-columns .post-item, + .portfolio-4-columns .portfolio-item { + width: 33.3333333333%; } + .grid-6-columns .grid-item.large-width, + .post-6-columns .post-item.large-width, + .portfolio-6-columns .portfolio-item.large-width, + .grid-5-columns .grid-item.large-width, + .post-5-columns .post-item.large-width, + .portfolio-5-columns .portfolio-item.large-width, + .grid-4-columns .grid-item.large-width, + .post-4-columns .post-item.large-width, + .portfolio-4-columns .portfolio-item.large-width { + width: 66.6666666666%; } + + /*Grid columns: 3,2*/ + .grid-3-columns .grid-item, + .post-3-columns .post-item, + .portfolio-3-columns .portfolio-item, + .grid-2-columns .grid-item, + .post-2-columns .post-item, + .portfolio-2-columns .portfolio-item { + width: 50%; } + .grid-3-columns .grid-item.large-width, + .post-3-columns .post-item.large-width, + .portfolio-3-columns .portfolio-item.large-width, + .grid-2-columns .grid-item.large-width, + .post-2-columns .post-item.large-width, + .portfolio-2-columns .portfolio-item.large-width { + width: 100%; } } +/*Tablet Portrait*/ +@media (max-width: 767px) { + /*Grid columns: 6,5,4*/ + .grid-6-columns .grid-item, + .post-6-columns .post-item, + .portfolio-6-columns .portfolio-item, + .grid-5-columns .grid-item, + .post-5-columns .post-item, + .portfolio-5-columns .portfolio-item, + .grid-4-columns .grid-item, + .post-4-columns .post-item, + .portfolio-4-columns .portfolio-item { + width: 50%; } + .grid-6-columns .grid-item.large-width, + .post-6-columns .post-item.large-width, + .portfolio-6-columns .portfolio-item.large-width, + .grid-5-columns .grid-item.large-width, + .post-5-columns .post-item.large-width, + .portfolio-5-columns .portfolio-item.large-width, + .grid-4-columns .grid-item.large-width, + .post-4-columns .post-item.large-width, + .portfolio-4-columns .portfolio-item.large-width { + width: 100%; } + + /*Grid columns: 3,2*/ + .grid-3-columns .grid-item, + .post-3-columns .post-item, + .portfolio-3-columns .portfolio-item, + .grid-2-columns .grid-item, + .post-2-columns .post-item, + .portfolio-2-columns .portfolio-item { + width: 50%; } + .grid-3-columns .grid-item.large-width, + .post-3-columns .post-item.large-width, + .portfolio-3-columns .portfolio-item.large-width, + .grid-2-columns .grid-item.large-width, + .post-2-columns .post-item.large-width, + .portfolio-2-columns .portfolio-item.large-width { + width: 100%; } } +/*Tablet Portrait*/ +@media (max-width: 480px) { + /*Grid columns: 6,5,4,3,2*/ + .grid-6-columns .grid-item, + .post-6-columns .post-item, + .portfolio-6-columns .portfolio-item, + .grid-5-columns .grid-item, + .post-5-columns .post-item, + .portfolio-5-columns .portfolio-item, + .grid-4-columns .grid-item, + .post-4-columns .post-item, + .portfolio-4-columns .portfolio-item, + .grid-3-columns .grid-item, + .post-3-columns .post-item, + .portfolio-3-columns .portfolio-item, + .grid-2-columns .grid-item, + .post-2-columns .post-item, + .portfolio-2-columns .portfolio-item { + width: 100%; } + .grid-6-columns .grid-item.large-width, + .post-6-columns .post-item.large-width, + .portfolio-6-columns .portfolio-item.large-width, + .grid-5-columns .grid-item.large-width, + .post-5-columns .post-item.large-width, + .portfolio-5-columns .portfolio-item.large-width, + .grid-4-columns .grid-item.large-width, + .post-4-columns .post-item.large-width, + .portfolio-4-columns .portfolio-item.large-width, + .grid-3-columns .grid-item.large-width, + .post-3-columns .post-item.large-width, + .portfolio-3-columns .portfolio-item.large-width, + .grid-2-columns .grid-item.large-width, + .post-2-columns .post-item.large-width, + .portfolio-2-columns .portfolio-item.large-width { + width: 100%; } + + .grid-xs-2-columns .grid-item, + .post-xs-2-columns .post-item, + .portfolio-xs-2-columns .portfolio-item { + width: 50%; } + .grid-xs-2-columns .grid-item.large-width, + .post-xs-2-columns .post-item.large-width, + .portfolio-xs-2-columns .portfolio-item.large-width { + width: 100%; } + + .grid-xs-3-columns .grid-item, + .post-xs-3-columns .post-item, + .portfolio-xs-3-columns .portfolio-item { + width: 33.3333333333%; } + .grid-xs-3-columns .grid-item.large-width, + .post-xs-3-columns .post-item.large-width, + .portfolio-xs-3-columns .portfolio-item.large-width { + width: 66.6666666666%; } + + .grid-xs-4-columns .grid-item, + .post-xs-4-columns .post-item, + .portfolio-xs-4-columns .portfolio-item { + width: 25%; } + .grid-xs-4-columns .grid-item.large-width, + .post-xs-4-columns .post-item.large-width, + .portfolio-xs-4-columns .portfolio-item.large-width { + width: 25%; } } +/*Grid item */ +.grid-item .post-item { + width: 100%; + padding: 0; } + +.grid-item > img, +.grid-item > a > img { + width: 100%; + height: auto; } + +.grid-item > .widget { + margin: 0; } + +.grid-item { + height: auto !important; } + +/* ---------------------------------------------------------------- + Grid Filter +-----------------------------------------------------------------*/ +.grid-filter { + clear: both; + display: block; + width: 100%; + margin-bottom: 26px; + position: relative; } + .grid-filter ul { list-style: none; - line-height: 0.5rem; -} -ul.stroll li.stroll { + padding: 0; position: relative; - padding: 10px; - margin: 0rem; - background: #eee; - color: #252525; + height: auto; } + .grid-filter li { + position: relative; + margin-right: 6px; + border: 0; + margin-bottom: -1px; + display: inline-block; } + .grid-filter li a { + font-weight: 600; + display: block; + position: relative; + padding: 8px 10px; + font-size: 13px; + line-height: 15px; + color: #484848; + border-radius: 50px; + transition: all .3s ease; + border-width: 2px; + border-style: solid; + border-color: transparent; } + .grid-filter li:hover a, + .grid-filter li:hover a:hover, + .grid-filter li:hover a:active, + .grid-filter li:hover a:focus, .grid-filter li.active a, + .grid-filter li.active a:hover, + .grid-filter li.active a:active, + .grid-filter li.active a:focus { + background-color: #2250fc; + color: #ffffff; } + .grid-filter li.active { + cursor: pointer; + pointer-events: none; } + .grid-filter li.active a { + color: #ffffff; + pointer-events: none; } + .grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a { + border-color: #2250fc; + color: #2250fc; + background-color: transparent; } + .grid-filter.gf-lines li a { + border-radius: 0; + border: none; + background-color: transparent !important; } + .grid-filter.gf-lines li a:after { + content: ''; + position: absolute; + top: auto; + bottom: -2px; + left: 50%; + width: 0; + height: 2px; + transition: all 0.3s ease; } + .grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a { + color: #2250fc; } + .grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after { + width: 100%; + left: 0%; + background-color: #2250fc; } + .grid-filter.gf-line-bottom { + border-bottom: 2px solid #ebebeb; } + .grid-filter.gf-classic li a { + color: #484848; + border-radius: 4px; } + .grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a { + background-color: #2250fc; + color: #ffffff; } + .grid-filter.gf-light li a { + color: #ffffff; + background-color: transparent; } + .grid-filter.gf-light li:hover a, .grid-filter.gf-light li.active a { + color: #ffffff; + border-color: #ffffff; + background-color: transparent; } + .grid-filter.gf-dark li a { + color: #1f1f1f; + background-color: transparent; } + .grid-filter.gf-dark li:hover, .grid-filter.gf-dark li.active { + background-color: transparent; } + .grid-filter.gf-dark li:hover a, .grid-filter.gf-dark li.active a { + background-color: transparent; + color: #1f1f1f; + border-color: #1f1f1f; } + .grid-filter.gf-default li a { + color: none; + border-radius: 0; + background-color: transparent; } + .grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a { + background-color: transparent; + color: #2250fc; } + .grid-filter.gf-creative li a { + border-radius: 0; + border: none; } + .grid-filter.gf-creative li a:after { + background: #1f1f1f; + content: ""; + height: 2px; + left: 0; + opacity: 0; + position: absolute; + top: 100%; + transform: translateY(10px); + transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; + width: 100%; } + .grid-filter.gf-creative li:hover, .grid-filter.gf-creative li.active { + background-color: transparent; } + .grid-filter.gf-creative li:hover a, .grid-filter.gf-creative li.active a { + color: #484848; + background-color: transparent; } + .grid-filter.gf-creative li:hover a:after, .grid-filter.gf-creative li.active a:after { + opacity: 1; + transform: translateY(0px); } + .grid-filter.gf-list li { + clear: both; + margin-bottom: 3px; } + .grid-filter.center li { + text-align: center; + float: none; } + +.grid-active-title { + font-size: 3rem; + font-weight: 100; + opacity: 0.1; + position: absolute; + right: 0; + top: -6px; } + +.content .grid-active-title { + font-size: 42px; } + +.sidebar-both .grid-active-title { + display: none; } + +@media (max-width: 1024px) { + .grid-active-title { + display: none; } + + .grid-filter li { + width: 33.33%; + margin-right: 0; + margin-bottom: 4px; } + .grid-filter li a { + text-align: center; + transition: none; } } +@media (max-width: 479px) { + .grid-filter li { + width: 50%; + margin-right: 0; } } +/* ---------------------------------------------------------------- + Extras +-----------------------------------------------------------------*/ +.infinite-scroll-message, +#showMore { + height: 80px; + padding-top: 36px; + text-align: center; } + .infinite-scroll-message p, + #showMore p { + margin: 0; } + +.grid-loader { + border-radius: 50%; + width: 2.5em; + height: 2.5em; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation: load7 1.8s infinite ease-in-out; + animation: load7 1.8s infinite ease-in-out; + position: absolute; + top: 60px; + left: 48%; + color: #dadada; + font-size: 6px; + text-indent: -9999em; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation-delay: -0.16s; + animation-delay: -0.16s; } + .grid-loader:before, .grid-loader:after { + border-radius: 50%; + width: 2.5em; + height: 2.5em; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation: load7 1.8s infinite ease-in-out; + animation: load7 1.8s infinite ease-in-out; } + .grid-loader:before, .grid-loader:after { + content: ''; + position: absolute; + top: 0; } + .grid-loader:before { + left: -3.5em; + -webkit-animation-delay: -0.32s; + animation-delay: -0.32s; } + .grid-loader:after { + left: 3.5em; } + +@-webkit-keyframes load7 { + 0%, + 80%, + 100% { + box-shadow: 0 2.5em 0 -1.3em; } + 40% { + box-shadow: 0 2.5em 0 0; } } +@keyframes load7 { + 0%, + 80%, + 100% { + box-shadow: 0 2.5em 0 -1.3em; } + 40% { + box-shadow: 0 2.5em 0 0; } } +/* Header */ +/* ---------------------------------------------------------------- +Topbar +-----------------------------------------------------------------*/ +#topbar { + position: relative; + z-index: 200; + background-color: #ffffff; + /*colored*/ } + #topbar .top-menu { + list-style: outside none none; + margin: 0; + padding: 0; + float: left; } + #topbar .top-menu > li { + display: inline-block; + height: 40px; + line-height: 40px; } + #topbar .top-menu > li > a { + color: #484848; + display: block; + font-size: 12px; + font-weight: 500; + height: 40px; + margin-right: 16px; } + #topbar .top-links { + position: relative; } + #topbar .social-icons { + float: right; + height: 100%; + overflow: hidden; } + #topbar .social-icons li, + #topbar .social-icons li a { + float: left; + list-style: outside none none; } + #topbar .social-icons li a { + border-radius: 0px; + font-size: 15px; + height: 40px; + line-height: 40px; + text-align: center; + width: 35px; + overflow: hidden; + margin: 0; + } +#topbar .social-icons li a i { + position: relative; + top: 15px; +} + #topbar.dark { + background-color: #1f1f1f; } + #topbar.dark .top-menu > li > a, + #topbar.dark .social-icons li a { + color: #ffffff !important; } + #topbar.topbar-colored, #topbar.topbar-colored.dark { + background-color: #2250fc; } + +.topbar-dropdown { + color: #747474; + float: left; + font-size: 13px; + font-weight: 400; + position: relative; } + .topbar-dropdown .title { + border-left: 1px solid #eeeeee; + padding: 0 20px; + cursor: pointer; + line-height: 40px; } + .topbar-dropdown .title a { + color: #747474; } + .topbar-dropdown .title a:hover { + text-decoration: underline; } + .topbar-dropdown .title b { + font-weight: 600; } + .topbar-dropdown .title .fa { + margin-left: 7px; + position: relative; + top: -1px; } + .topbar-dropdown .title .fa:first-child { + margin-left: 0; + margin-right: 7px; } + .topbar-dropdown:first-child .title { + border-color: transparent; + padding-left: 0; } + .topbar-dropdown .title img, + .topbar-dropdown .list-entry img { + display: inline-block; + vertical-align: middle; + margin-right: 7px; + position: relative; + top: -1px; } + .topbar-dropdown .dropdown-list { + position: absolute; + width: auto; + left: 0px; + top: auto; + border-radius: 3px; + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border: solid 1px #eee; + padding: 0px 16px; + z-index: 1; + text-align: left; + opacity: 0; + -moz-transition: all 300ms ease-out; + -o-transition: all 300ms ease-out; + -webkit-transition: all 300ms ease-out; + transition: all 300ms ease-out; + -ms-transition: all 300ms ease-out; + transform-origin: 50% 0% 0px; + -moz-transform-origin: 50% 0% 0px; + -webkit-transform-origin: 50% 0% 0px; + -ms-transform-origin: 50% 0% 0px; + z-index: 1; + visibility: hidden; } + .topbar-dropdown:hover .dropdown-list, .topbar-dropdown:hover .topbar-form { + opacity: 1; + transform: scale(1); + -moz-transform: scale(1); + -webkit-transform: scale(1); + -ms-transform: scale(1); + visibility: visible; } + .topbar-dropdown .list-entry { + line-height: 30px; + white-space: nowrap; + display: block; + color: #747474; + padding: 2px 0; + border-top: 1px #f0f0f0 solid; } + .topbar-dropdown .list-entry:hover { + color: #222; } + .topbar-dropdown .list-entry:first-child { + border-top: none; } + .topbar-dropdown .topbar-form { + position: absolute; + width: 240px; + padding: 20px 20px 10px 20px; + right: auto; + top: 40px; + border-radius: 3px; + background-color: #ffffff; + -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border: solid 1px #eee; + z-index: 1; + text-align: left; + opacity: 0; + -moz-transition: all 300ms ease-out; + -o-transition: all 300ms ease-out; + -webkit-transition: all 300ms ease-out; + transition: all 300ms ease-out; + -ms-transition: all 300ms ease-out; + transform-origin: 50% 0% 0px; + -moz-transform-origin: 50% 0% 0px; + -webkit-transform-origin: 50% 0% 0px; + -ms-transform-origin: 50% 0% 0px; + visibility: hidden; } + .topbar-dropdown input { + margin-bottom: 2px; } + .topbar-dropdown .form-group { + margin-bottom: 10px; } + .topbar-dropdown .checkbox { + display: inline-block; + margin-bottom: 0; + margin-top: 0; + vertical-align: middle; + margin-top: -12px; } + .topbar-dropdown.float-right .title { + padding: 0 0px 0 20px !important; } + .topbar-dropdown .dropdown-invert.topbar-form { + left: auto; + right: -20px; } + +#topbar.topbar-fullwidth > .container { + max-width: 100%; + padding: 0 30px; } + +#topbar { + border-bottom: 1px solid #eeeeee; } + #topbar.topbar-dark, #topbar.dark { + background-color: #252525; + border-color: rgba(231, 231, 231, 0.25); } + #topbar.topbar-dark .top-menu > li > a, + #topbar.topbar-dark .social-icons li a, #topbar.dark .top-menu > li > a, + #topbar.dark .social-icons li a { + color: #ffffff !important; } + #topbar .topbar-light .top-menu > li > a, + #topbar .topbar-light .social-icons li a { + color: #111 !important; } + +.topbar-transparent { + margin-top: -2px; } + .topbar-transparent.topbar-dark .topbar-dropdown .title a, .topbar-transparent.topbar-dark .topbar-dropdown { + color: #ffffff; } + .topbar-transparent .topbar-dropdown .title { + border-color: rgba(231, 231, 231, 0.25); } + .topbar-transparent .topbar-dropdown:first-child .title { + border-color: transparent; } + +#topbar.topbar-dark.topbar-colored { + border-bottom: 0; } +#topbar.dark { + border-bottom: 1px solid rgba(231, 231, 231, 0.05); } + #topbar.dark.topbar-transparent { + background-color: transparent; + border-bottom: 1px solid rgba(144, 144, 144, 0.25); } + +#topbar ~ #header[data-transparent="true"] + #slider, +#topbar ~ #header[data-transparent="true"] + .fullscreen, +#topbar ~ #header[data-transparent="true"] + .halfscreen, +#topbar ~ #header[data-transparent="true"] + #google-map { + top: -120px; + margin-bottom: -120px; } + +@media (max-width: 1024px) { + #topbar.topbar-transparent.dark { + background-color: #ffffff !important; } + #topbar.topbar-transparent.dark .top-menu > li > a, + #topbar.topbar-transparent.dark .social-icons li a { + color: #484848 !important; } } +/* ---------------------------------------------------------------- + Header +-----------------------------------------------------------------*/ +#header { + position: relative; + width: 100%; + z-index: 199 !important; + height: 80px; + line-height: 80px; } + #header .container { + position: relative; } + #header .header-inner, + #header #header-wrap { + height: 80px; + background-color: #fff; + /* backface-visibility: hidden; + -webkit-backface-visibility: hidden; */ + left: 0; + right: 0; + transition: all .4s ease-in-out; + /*logo*/ } + #header .header-inner #logo, + #header #header-wrap #logo { + float: left; + font-size: 28px; + position: relative; + z-index: 1; + transition: all .4s ease-in-out; + height: 80px; } + #header .header-inner #logo a > img, + #header #header-wrap #logo a > img { + vertical-align: inherit; + transition: all .4s ease-in-out; + height: 80px; + width: auto; } + #header .header-inner #logo a > img, + #header .header-inner #logo a [class*="logo-"], + #header #header-wrap #logo a > img, + #header #header-wrap #logo a [class*="logo-"] { + display: none; } + #header .header-inner #logo a .logo-default, + #header #header-wrap #logo a .logo-default { + display: block; } + #header .header-inner #logo a, + #header .header-inner #logo a span, + #header #header-wrap #logo a, + #header #header-wrap #logo a span { + font-family: "Poppins", sans-serif; + font-size: 40px; + color: #1f1f1f; + font-weight: 800; + letter-spacing: 1.5px; } + #header[data-fullwidth="true"] .header-inner .container, + #header[data-fullwidth="true"] #header-wrap .container { + max-width: 100%; + padding: 0 30px; } + #header.header-modern:not(.header-active) { + margin: 40px auto 0; + width: 1200px; } + #header.header-modern:not(.header-active) .header-inner, + #header.header-modern:not(.header-active) #header-wrap { + border-radius: 4px; } + #header.header-modern:not(.header-active) + .inspiro-slider, + #header.header-modern:not(.header-active) + #slider, + #header.header-modern:not(.header-active) + .fullscreen, + #header.header-modern:not(.header-active) + .halfscreen, + #header.header-modern:not(.header-active) + #google-map { + top: -130px; + margin-bottom: -130px; } + #header.header-mini { + line-height: 60px; + height: 60px; } + #header.header-mini .header-inner, + #header.header-mini #header-wrap { + height: 60px; } + #header.header-mini .header-inner #mainMenu > .container nav > ul > li > a, + #header.header-mini #header-wrap #mainMenu > .container nav > ul > li > a { + font-size: 11px; } + #header.header-mini .header-inner #mainMenu > .container nav > ul > li .dropdown-submenu:before, + #header.header-mini #header-wrap #mainMenu > .container nav > ul > li .dropdown-submenu:before { + top: -6px; } + #header.header-mini .header-inner #logo, + #header.header-mini #header-wrap #logo { + height: 60px; } + #header.header-mini .header-inner #logo a > img, + #header.header-mini #header-wrap #logo a > img { + height: 60px; } + #header.header-mini .header-inner #logo a, + #header.header-mini .header-inner #logo a span, + #header.header-mini #header-wrap #logo a, + #header.header-mini #header-wrap #logo a span { + font-size: 30px; } + #header.header-mini .header-inner #mainMenu-trigger, + #header.header-mini #header-wrap #mainMenu-trigger { + height: 60px; } + #header.header-mini .header-inner .header-extras, + #header.header-mini #header-wrap .header-extras { + height: 60px; } + #header.header-alternative { + line-height: 60px; + height: 60px; } + #header.header-alternative .header-inner, + #header.header-alternative #header-wrap { + height: 60px; } + #header.header-alternative .header-inner #mainMenu > .container nav > ul > li .dropdown-submenu:before, + #header.header-alternative #header-wrap #mainMenu > .container nav > ul > li .dropdown-submenu:before { + top: -6px; } + #header.header-alternative .header-inner #logo, + #header.header-alternative #header-wrap #logo { + height: 60px; } + #header.header-alternative .header-inner #logo a > img, + #header.header-alternative #header-wrap #logo a > img { + height: 60px; + padding-top: 10px; + padding-bottom: 10px; } + #header.header-alternative .header-inner #mainMenu-trigger, + #header.header-alternative #header-wrap #mainMenu-trigger { + height: 60px; } + #header.header-alternative .header-inner .header-extras, + #header.header-alternative #header-wrap .header-extras { + height: 60px; } + #header[data-transparent="true"]:not(.sticky-active) .header-inner, + #header[data-transparent="true"]:not(.sticky-active) #header-wrap { + background-color: transparent; } + #header[data-transparent="true"] + .inspiro-slider, + #header[data-transparent="true"] + #slider, + #header[data-transparent="true"] + .fullscreen, + #header[data-transparent="true"] + .halfscreen, + #header[data-transparent="true"] + #google-map { + top: -80px; + margin-bottom: -80px; } + #header.header-logo-right .header-inner #logo, + #header.header-logo-right #header-wrap #logo { + float: right; } + #header.header-logo-right .header-inner .header-extras, + #header.header-logo-right #header-wrap .header-extras { + float: left; } + #header.header-logo-right .header-inner #mainMenu nav, + #header.header-logo-right #header-wrap #mainMenu nav { + float: left; } + #header.header-shadow .header-inner, + #header.header-shadow #header-wrap { + box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12) !important; } + #header[data-transparent="true"]:not(.sticky-active) .header-inner, + #header[data-transparent="true"]:not(.sticky-active) #header-wrap, #header[data-transparent="true"]:not(.sticky-active).dark .header-inner, + #header[data-transparent="true"]:not(.sticky-active).dark #header-wrap { + background-color: transparent; } + #header[data-transparent="true"] + .inspiro-slider, + #header[data-transparent="true"] + #slider, + #header[data-transparent="true"] + .fullscreen, + #header[data-transparent="true"] + .halfscreen, + #header[data-transparent="true"] + #google-map { + top: -80px; + margin-bottom: -80px; } + #header.header-sticky .header-inner, + #header.header-sticky #header-wrap { + transition: top .8s ease-in-out; + top: -140px; } + #header.header-sticky.sticky-active .header-inner, #header.header-sticky.sticky-active #header-wrap { + box-shadow: 0 12px 6px rgba(0, 0, 0, 0.06); + top: 0; + position: fixed; + margin: 0 auto; + width: 100%; } + #header.header-always-fixed .header-inner, + #header.header-always-fixed #header-wrap { + position: fixed !important; + top: 0 !important; } + +.dark #header .header-inner, +.dark #header #header-wrap, +#header.dark .header-inner, +#header.dark #header-wrap { + background-color: #181818; } + .dark #header .header-inner #logo a > img, + .dark #header .header-inner #logo a [class*="logo-"], + .dark #header #header-wrap #logo a > img, + .dark #header #header-wrap #logo a [class*="logo-"], + #header.dark .header-inner #logo a > img, + #header.dark .header-inner #logo a [class*="logo-"], + #header.dark #header-wrap #logo a > img, + #header.dark #header-wrap #logo a [class*="logo-"] { + display: none; } + .dark #header .header-inner #logo a .logo-dark, + .dark #header #header-wrap #logo a .logo-dark, + #header.dark .header-inner #logo a .logo-dark, + #header.dark #header-wrap #logo a .logo-dark { + display: block; } + .dark #header .header-inner #logo a, + .dark #header .header-inner #logo a span, + .dark #header #header-wrap #logo a, + .dark #header #header-wrap #logo a span, + #header.dark .header-inner #logo a, + #header.dark .header-inner #logo a span, + #header.dark #header-wrap #logo a, + #header.dark #header-wrap #logo a span { + color: #ffffff; } + .dark #header .header-inner .lines, + .dark #header .header-inner .lines:before, + .dark #header .header-inner .lines:after, + .dark #header #header-wrap .lines, + .dark #header #header-wrap .lines:before, + .dark #header #header-wrap .lines:after, + #header.dark .header-inner .lines, + #header.dark .header-inner .lines:before, + #header.dark .header-inner .lines:after, + #header.dark #header-wrap .lines, + #header.dark #header-wrap .lines:before, + #header.dark #header-wrap .lines:after { + background-color: #ffffff; } +.dark #header[data-transparent="true"]:not(.sticky-active) .header-inner, +.dark #header[data-transparent="true"]:not(.sticky-active) #header-wrap, +#header.dark[data-transparent="true"]:not(.sticky-active) .header-inner, +#header.dark[data-transparent="true"]:not(.sticky-active) #header-wrap { + background-color: transparent; } + +@media (min-width: 1200px) { + body.boxed #header .header-inner { + max-width: 1200px; + margin: auto; } + + body.modern #header .header-inner > .container { + max-width: 1500px; + padding: 0 15px; } + + body.frame #header.header-sticky.sticky-active .header-inner { + left: 20px; + right: 20px; + top: 20px; } } +/* ---------------------------------------------------------------- +HEADER: Responsive +-----------------------------------------------------------------*/ +@media (max-width: 1024px) { + #header .header-inner, + #header #header-wrap { + height: auto; } + #header #logo { + position: absolute !important; + width: 80%; + text-align: center; + margin: 0 !important; + float: none; + height: 80px; + left: 10%; + right: 0; + padding: 0 !important; } + #header #logo > a { + display: inline-block; } + #header #logo > a img { + max-height: 80px; + padding-bottom: 6px; } + #header #logo .logo-responsive { + display: block; } + #header #logo .logo-responsive-dark { + display: block; } + #header.header-mobile-logo-left #header #logo { + width: auto; + text-align: left; + left: 30px; + right: auto; } + #header.header-mobile-logo-left .header-extras { + float: right; + margin-left: 20px; } + #header.header-alternative .header-inner, + #header.header-alternative #header-wrap { + height: auto; } + #header.header-modern { + margin: 0 !important; + width: 100% !important; } + #header.header-modern .header-inner, + #header.header-modern #header-wrap { + border-radius: 0px !important; } + #header.header-logo-right .header-inner .header-extras, + #header.header-logo-right #header-wrap .header-extras { + float: right; } + #header.header-mini .header-inner, + #header.header-mini #header-wrap { + height: auto !important; } } +@media (max-width: 1024px) { + #header[data-transparent="true"] + main { + top: -120px; + margin-bottom: -124px; + position: relative; } + #header[data-transparent="true"] + main > #page-title { + padding: 160px 0 80px 0; } + #header[data-transparent="true"] + .fullscreen { + top: -80px; + margin-bottom: -80px; } } +/* ---------------------------------------------------------------- +Main Menu +-----------------------------------------------------------------*/ +#mainMenu { + padding: 0; + /*Menu Styles*/ + /*Menu Positions*/ + /*Menu options*/ } + #mainMenu > .container { + padding: 0 !important; } + #mainMenu [class*="col-lg-"] { + line-height: 24px !important; } + #mainMenu nav { + float: right; } + #mainMenu nav > ul { + list-style: none; + padding: 0; + margin: 0; } + #mainMenu nav > ul > li { + float: left; + border: 0; + transition: all .3s ease; + margin-left: 6px; + position: relative; } + #mainMenu nav > ul > li > a { + position: relative; + font-family: "Poppins", sans-serif; + padding: 10px 12px; + text-transform: uppercase; + font-size: 12px; + font-weight: 600; + letter-spacing: 0.6px; + color: #000000; + border-radius: 0; + border-width: 0; + border-style: solid; + border-color: transparent; + transition: all .3s ease; + line-height: normal; } + #mainMenu nav > ul > li > a > i { + margin-left: 2px; + margin-right: 6px; + min-width: 14px; + font-size: 14px; } + #mainMenu nav > ul > li > a:after, #mainMenu nav > ul > li > a:before { + transition: all .3s ease; } + #mainMenu nav > ul > li.hover-active > a, + #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, + #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, + #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, + #mainMenu nav > ul > li:focus > span { + color: #2250fc; } + #mainMenu nav > ul > li.dropdown:before { + content: "\e930"; + transform: rotate(90deg); + font-family: "inspiro-icons"; + opacity: 0.6; + position: absolute; + right: 16px; + color: #262626; + font-size: 16px; + display: none; } + #mainMenu nav > ul > li .dropdown-menu { + background-position: right bottom; + background-repeat: no-repeat; + min-width: 230px; + top: auto; + background-color: #ffffff; + border: 0; + color: #000000; + border-style: solid; + border-color: #eeeeee; + border-width: 1px !important; + left: auto; + margin: 0; + margin-top: -6px; + border-radius: 4px; + box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1); + padding: 10px; + display: none; + position: absolute; } + #mainMenu nav > ul > li .dropdown-menu > li > a, + #mainMenu nav > ul > li .dropdown-menu > li > span, + #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { + font-size: 12px; + line-height: 14px; + font-weight: 500; + font-style: normal; + color: #444; + font-family: "Poppins", sans-serif; + padding: 12px 20px 12px 18px; + display: block; + transition: .3s ease; } + #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, + #mainMenu nav > ul > li .dropdown-menu > li > span:focus, + #mainMenu nav > ul > li .dropdown-menu > li > span:hover, + #mainMenu nav > ul > li .dropdown-menu > li > span:active, + #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, + #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, + #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active { + background-color: transparent; + color: #2250fc; + cursor: pointer; } + #mainMenu nav > ul > li .dropdown-menu > li > a > i, + #mainMenu nav > ul > li .dropdown-menu > li > span > i, + #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a > i { + margin-left: -4px; + margin-right: 6px; + min-width: 14px; } + #mainMenu nav > ul > li .dropdown-menu > li.current > a, + #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, + #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, + #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, + #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, + #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span { + color: #2250fc; } + #mainMenu nav > ul > li .dropdown-menu.menu-last { + right: 0; + left: auto; } + #mainMenu nav > ul > li.mega-menu-item { + position: static; } + #mainMenu nav > ul > li.mega-menu-item > .dropdown-menu { + left: 0; + right: 0; + overflow: hidden; + width: 1140px; + transition-duration: 0.3s !important; } + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content { + padding: 20px; } + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title { + font-family: "Poppins", sans-serif; + color: #000000; + font-size: 13px; + line-height: 14px; + font-weight: 600; + text-transform: uppercase; + padding-bottom: 12px; } + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content li ~ .mega-menu-title { + margin-top: 12px; } + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a, + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span, + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a { + padding: 10px 0px 10px 0px; } + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a > i, + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span > i, + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a > i { + margin-left: 0px; + margin-right: 8px; } + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a { + padding-top: 0; } + #mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a { + padding-bottom: 0; } + #mainMenu nav > ul > li .dropdown-submenu { + position: relative; } + #mainMenu nav > ul > li .dropdown-submenu:before { + line-height: 40px; + content: "\e930"; + font-family: "inspiro-icons"; + opacity: 0.6; + position: absolute; + right: 16px; + color: #262626; + font-size: 12px; + transition: all .2s ease; } + #mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu { + margin-left: -6px; + left: 100%; + top: -1px; + z-index: 1; } + #mainMenu nav > ul > li .dropdown-submenu > .dropdown-menu.menu-invert { + right: 100%; + left: auto; } + #mainMenu nav > ul > li .dropdown-submenu:not(.hover-active):hover:before { + right: 12px; } + #mainMenu nav > ul > li .dropdown-submenu:not(.hover-active):hover > ul { + display: block; + animation: fade-in-out .3s ease; } + #mainMenu nav > ul > li:not(.hover-active):hover > ul { + display: block; + animation: fade-in-out .3s ease; } + #mainMenu nav > ul > li:last-child { + margin-right: 0; } + #mainMenu nav > ul > a.btn { + margin-top: 4px; } + #mainMenu nav > ul li ul { + list-style: none; + padding: 0; } + #mainMenu nav > ul .badge { + font-size: 8px; + padding: 2px 4px; + line-height: 9px; + margin: -2px 4px; } + #mainMenu.menu-fullwidth nav > ul > li.mega-menu-item > .dropdown-menu { + left: 0 !important; + right: 0 !important; + width: 100%; } + #mainMenu.menu-rounded nav > ul > li > a { + border-radius: 4px; + border-width: 2px; } + #mainMenu.menu-rounded nav > ul > li.current > a, #mainMenu.menu-rounded nav > ul > li:hover > a, #mainMenu.menu-rounded nav > ul > li:focus > a { + background-color: #2250fc; + color: #ffffff; } + #mainMenu.menu-outline nav > ul > li > a { + border-radius: 50px; + border-width: 2px; } + #mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a { + color: #2250fc; + border-color: #2250fc; + background-color: transparent; } + #mainMenu.menu-sub-title nav > ul > li { + line-height: 64px; } + #mainMenu.menu-sub-title nav > ul > li > a > .menu-sub-title { + font-size: 10px; + padding: 0px; + margin-top: -14px !important; + line-height: 0; + height: 0; + text-transform: none; + display: block; + opacity: 0.5; + font-weight: 400; + margin: 0; + margin-top: 0px; + margin-bottom: 0px; + margin-bottom: -50px; + margin-left: 12px; + margin-right: 14px; } + #mainMenu.menu-lines nav > ul > li { + margin-left: 4px; } + #mainMenu.menu-lines nav > ul > li > a { + border-radius: 0; + border: none; } + #mainMenu.menu-lines nav > ul > li > a:after { + content: ''; + position: absolute; + top: auto; + bottom: -2px; + left: 50%; + width: 0; + height: 2px; } + #mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a { + color: #2250fc; } + #mainMenu.menu-lines nav > ul > li.current > a:after, #mainMenu.menu-lines nav > ul > li:hover > a:after, #mainMenu.menu-lines nav > ul > li:focus > a:after { + width: 100%; + left: 0%; + background-color: #2250fc; } + #mainMenu.menu-creative nav > ul > li { + margin-left: 4px; } + #mainMenu.menu-creative nav > ul > li > a:after { + background-color: #ffffff; + content: ""; + height: 2px; + left: 0; + opacity: 0; + position: absolute; + top: 100%; + transform: translateY(10px); + transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; + width: 100%; + bottom: -2px; } + #mainMenu.menu-creative nav > ul > li.current > a:after, #mainMenu.menu-creative nav > ul > li:hover > a:after, #mainMenu.menu-creative nav > ul > li:focus > a:after { + opacity: 1; + transform: translateY(0px); } + #mainMenu.menu-hover-background nav > ul > li { + margin-left: 0; } + #mainMenu.menu-hover-background nav > ul > li > a { + background: none; } + #mainMenu.menu-hover-background nav > ul > li.current, #mainMenu.menu-hover-background nav > ul > li:hover, #mainMenu.menu-hover-background nav > ul > li:focus { + background-color: #2250fc; } + #mainMenu.menu-hover-background nav > ul > li.current > a, #mainMenu.menu-hover-background nav > ul > li:hover > a, #mainMenu.menu-hover-background nav > ul > li:focus > a { + color: #ffffff !important; } + #mainMenu.menu-hover-background nav > ul .dropdown-menu { + margin-top: 0; + border-radius: 0; } + #mainMenu.menu-overlay nav { + opacity: 0 !important; + pointer-events: none; + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100% !important; + background: rgba(31, 31, 31, 0.99); + transition: opacity 0.5s ease; } + #mainMenu.menu-overlay nav > ul { + transition: transform 1s ease; + transform: translateY(-80%); + top: -80%; + position: relative; } + #mainMenu.menu-overlay nav > ul > li { + float: none; + text-align: center; + max-width: 400px; + margin: 0 auto; + padding: 0px; + line-height: 40px; } + #mainMenu.menu-overlay nav > ul > li > a { + opacity: 0; + font-size: 32px; + padding-top: 12px; + padding-bottom: 12px; + letter-spacing: 2px; + text-transform: none; + color: #ffffff; } + #mainMenu.menu-overlay nav > ul > li .dropdown-menu, + #mainMenu.menu-overlay nav > ul > li .dropdown-submenu { + display: none !important; + visibility: hidden !important; + opacity: 0 !important; } + #mainMenu.menu-left nav { + float: left; + margin-left: 20px; } + #mainMenu.menu-left nav > ul > li.mega-menu-item { + position: static; } + #mainMenu.menu-left nav > ul > li.mega-menu-item > .dropdown-menu { + right: auto; + left: 0; } + #mainMenu.menu-center > .container { + float: none !important; + text-align: center; } + #mainMenu.menu-center nav { + float: none; + display: inline-block; + vertical-align: top; } + #mainMenu.menu-onclick nav > ul > li:hover:not(.hover-active) > ul, + #mainMenu.menu-onclick nav > ul > li .dropdown-submenu:hover > ul { + opacity: 0 !important; + visibility: hidden !important; + display: inherit !important; } + #mainMenu.menu-onclick nav > ul > li.hover-active > ul, + #mainMenu.menu-onclick nav > ul > li .hover-active.dropdown-submenu > ul { + opacity: 1 !important; + visibility: visible !important; + display: block; } + #mainMenu.menu-rounded-dropdown nav > ul > li .dropdown-menu { + border-radius: 6px; } + #mainMenu.menu-rounded-dropdown nav > ul > li > .dropdown-menu { + margin-top: -6px !important; } + #mainMenu.menu-lowercase nav > ul > li > a { + text-transform: unset; + letter-spacing: 0; + font-size: 14px; + font-weight: 500; } + +/* ---------------------------------------------------------------- +Dots Menu +-----------------------------------------------------------------*/ +#dotsMenu { + position: fixed; + right: 36px; + top: 50%; + bottom: auto; + transform: translateY(-50%); + z-index: 99; } + #dotsMenu:before { + content: ""; + background: rgba(31, 31, 31, 0.7); + position: absolute; + width: 32px; + right: -8px; + height: 100%; + border-radius: 20px; + top: -24px; + box-shadow: 0 4px 9px 0 rgba(43, 43, 49, 0.1), 0 7px 14px 0 rgba(43, 43, 49, 0.13); } + #dotsMenu ul { + list-style: none; + padding-bottom: 6px; } + #dotsMenu ul li { + text-align: right; + padding: 0px; + width: 15px; + height: 15px; + margin-bottom: 12px; + background-color: #eeeeee; + border-radius: 50%; + transform: scale(0.6); + transition: transform 0.3s, background-color 0.5s; } + #dotsMenu ul li:hover { + background-color: #2250fc; + transform: scale(1); } + #dotsMenu ul li.current { + background-color: #2250fc; } + #dotsMenu ul li a { + position: absolute; + width: 40px; + height: 40px; + line-height: 1.5; + border-radius: 50%; + left: -14px; + top: -14px; } + #dotsMenu ul li a span { + position: absolute; + width: auto; + top: 8px; + right: 25px; + white-space: nowrap; + margin-right: 14px; + font-size: 12px; + font-weight: 800; + color: #ffffff; + transition: transform 0.2s, opacity 0.2s; + opacity: 0; + transform-origin: 100% 50%; + background-color: rgba(0, 0, 0, 0.6); + border-radius: 100px; + line-height: 26px; + padding: 0 12px; + text-transform: uppercase; } + #dotsMenu ul li a:hover:before { + transform: scale(1); } + #dotsMenu ul li a:hover:before { + background-color: #2250fc; } + #dotsMenu ul li a:hover > span { + opacity: 1; + transform: scale(1); } + +@media (max-width: 1024px) { + #dotsMenu ul li a span { + display: none; } } +.mainMenu-open #dotsMenu { + z-index: -1 !important; } + +/* ---------------------------------------------------------------- +Overlay Menu +-----------------------------------------------------------------*/ +.menu-overlay-active #topbar.topbar-transparent.topbar-fullwidth, +.menu-overlay-active #header[data-fullwidth="true"][data-transparent="true"] .header-inner, +.menu-overlay-active #header[data-fullwidth="true"][data-transparent="true"] .header-inner .header-extras, +.menu-overlay-active #header[data-fullwidth="true"][data-transparent="true"] #header-wrap, +.menu-overlay-active #header[data-fullwidth="true"][data-transparent="true"] #header-wrap .header-extras { + border: 0; } +.menu-overlay-active #header.header-sticky.dark .header-inner, .menu-overlay-active #header.header-sticky.dark #header-wrap { + background-color: transparent; } +.menu-overlay-active #header #logo { + z-index: -1 !important; } +.menu-overlay-active #header #mainMenu { + z-index: 200; } + .menu-overlay-active #header #mainMenu nav { + opacity: 1 !important; + display: inherit !important; + pointer-events: auto; } + .menu-overlay-active #header #mainMenu nav > ul { + transform: translateY(-50%); + top: 50%; } + .menu-overlay-active #header #mainMenu nav > ul > li > a { + opacity: 1; } +.menu-overlay-active #header .header-extras li > *:not(#menu-overlay-trigger) { + opacity: 0; + visibility: hidden; + z-index: -1; } +.menu-overlay-active #header #menu-overlay-trigger .lines, .menu-overlay-active #header #menu-overlay-trigger .lines:before, .menu-overlay-active #header #menu-overlay-trigger .lines:after { + background-color: #ffffff; } + +/*Menu split*/ +.header-logo-center #logo, +.menu-split #logo { + position: absolute !important; + width: 100%; + text-align: center; + margin: 0; + float: none; + height: 100px; } + .header-logo-center #logo > a, + .menu-split #logo > a { + display: inline-block; } +.header-logo-center #mainMenu nav, +.menu-split #mainMenu nav { + float: none; + margin: 0; + position: relative; + z-index: 1; } + .header-logo-center #mainMenu nav > ul, + .menu-split #mainMenu nav > ul { + z-index: 198; } + .header-logo-center #mainMenu nav > ul:first-child, + .menu-split #mainMenu nav > ul:first-child { + float: left; } + .header-logo-center #mainMenu nav > ul:last-child, + .menu-split #mainMenu nav > ul:last-child { + float: right; } + +/*Menu Dark*/ +.dark #mainMenu nav > ul > li > a, +#mainMenu.dark nav > ul > li > a { + color: #ffffff; } +.dark #mainMenu nav > ul > li.hover-active > a, +.dark #mainMenu nav > ul > li.hover-active > span, .dark #mainMenu nav > ul > li.current > a, +.dark #mainMenu nav > ul > li.current > span, .dark #mainMenu nav > ul > li:hover > a, +.dark #mainMenu nav > ul > li:hover > span, .dark #mainMenu nav > ul > li:focus > a, +.dark #mainMenu nav > ul > li:focus > span, +#mainMenu.dark nav > ul > li.hover-active > a, +#mainMenu.dark nav > ul > li.hover-active > span, +#mainMenu.dark nav > ul > li.current > a, +#mainMenu.dark nav > ul > li.current > span, +#mainMenu.dark nav > ul > li:hover > a, +#mainMenu.dark nav > ul > li:hover > span, +#mainMenu.dark nav > ul > li:focus > a, +#mainMenu.dark nav > ul > li:focus > span { + color: #e2e2e2; } +.dark #mainMenu nav > ul > li.dropdown:before, +#mainMenu.dark nav > ul > li.dropdown:before { + color: #ffffff; } + +.dark:not(.submenu-light) #mainMenu, +#mainMenu.dark { + /*Menu Styles*/ } + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu, + #mainMenu.dark nav > ul > li .dropdown-menu { + background-color: #181818; + border-color: #272727; } + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a, + #mainMenu.dark nav > ul > li .dropdown-menu > li > a, + #mainMenu.dark nav > ul > li .dropdown-menu > li > span, + #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { + color: #9896a6; } + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:focus, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:hover, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:active, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:focus, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:hover, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > span:active, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active, + #mainMenu.dark nav > ul > li .dropdown-menu > li > a:focus, + #mainMenu.dark nav > ul > li .dropdown-menu > li > a:hover, + #mainMenu.dark nav > ul > li .dropdown-menu > li > a:active, + #mainMenu.dark nav > ul > li .dropdown-menu > li > span:focus, + #mainMenu.dark nav > ul > li .dropdown-menu > li > span:hover, + #mainMenu.dark nav > ul > li .dropdown-menu > li > span:active, + #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, + #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, + #mainMenu.dark nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active { + color: #e2e2e2; } + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.current > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.current > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:hover > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:hover > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:focus > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:focus > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:active > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li:active > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span, + #mainMenu.dark nav > ul > li .dropdown-menu > li.current > a, + #mainMenu.dark nav > ul > li .dropdown-menu > li.current > span, + #mainMenu.dark nav > ul > li .dropdown-menu > li:hover > a, + #mainMenu.dark nav > ul > li .dropdown-menu > li:hover > span, + #mainMenu.dark nav > ul > li .dropdown-menu > li:focus > a, + #mainMenu.dark nav > ul > li .dropdown-menu > li:focus > span, + #mainMenu.dark nav > ul > li .dropdown-menu > li:active > a, + #mainMenu.dark nav > ul > li .dropdown-menu > li:active > span, + #mainMenu.dark nav > ul > li .dropdown-menu > li.hover-active > a, + #mainMenu.dark nav > ul > li .dropdown-menu > li.hover-active > span { + color: #e2e2e2; } + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:before, + #mainMenu.dark nav > ul > li .dropdown-submenu:before { + color: #9896a6; } + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.current > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.current > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:hover > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:hover > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:focus > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:focus > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:active > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu:active > span, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.hover-active > a, + .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-submenu.hover-active > span, + #mainMenu.dark nav > ul > li .dropdown-submenu.current > a, + #mainMenu.dark nav > ul > li .dropdown-submenu.current > span, + #mainMenu.dark nav > ul > li .dropdown-submenu:hover > a, + #mainMenu.dark nav > ul > li .dropdown-submenu:hover > span, + #mainMenu.dark nav > ul > li .dropdown-submenu:focus > a, + #mainMenu.dark nav > ul > li .dropdown-submenu:focus > span, + #mainMenu.dark nav > ul > li .dropdown-submenu:active > a, + #mainMenu.dark nav > ul > li .dropdown-submenu:active > span, + #mainMenu.dark nav > ul > li .dropdown-submenu.hover-active > a, + #mainMenu.dark nav > ul > li .dropdown-submenu.hover-active > span { + color: #e2e2e2; } + .dark:not(.submenu-light) #mainMenu nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title, + #mainMenu.dark nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title { + color: #ffffff; } + .dark:not(.submenu-light) #mainMenu.menu-rounded nav > ul > li.current > a, .dark:not(.submenu-light) #mainMenu.menu-rounded nav > ul > li:hover > a, .dark:not(.submenu-light) #mainMenu.menu-rounded nav > ul > li:focus > a, + #mainMenu.dark.menu-rounded nav > ul > li.current > a, + #mainMenu.dark.menu-rounded nav > ul > li:hover > a, + #mainMenu.dark.menu-rounded nav > ul > li:focus > a { + background-color: #2250fc; + color: #ffffff; } + .dark:not(.submenu-light) #mainMenu.menu-outline nav > ul > li.current > a, .dark:not(.submenu-light) #mainMenu.menu-outline nav > ul > li:hover > a, .dark:not(.submenu-light) #mainMenu.menu-outline nav > ul > li:focus > a, + #mainMenu.dark.menu-outline nav > ul > li.current > a, + #mainMenu.dark.menu-outline nav > ul > li:hover > a, + #mainMenu.dark.menu-outline nav > ul > li:focus > a { + color: #2250fc; + border-color: #2250fc; } + .dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li.current > a, .dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:hover > a, .dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:focus > a, + #mainMenu.dark.menu-lines nav > ul > li.current > a, + #mainMenu.dark.menu-lines nav > ul > li:hover > a, + #mainMenu.dark.menu-lines nav > ul > li:focus > a { + color: #2250fc; } + .dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li.current > a:after, .dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:hover > a:after, .dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:focus > a:after, + #mainMenu.dark.menu-lines nav > ul > li.current > a:after, + #mainMenu.dark.menu-lines nav > ul > li:hover > a:after, + #mainMenu.dark.menu-lines nav > ul > li:focus > a:after { + background-color: #2250fc; } + .dark:not(.submenu-light) #mainMenu.menu-creative nav > ul > li > a:after, + #mainMenu.dark.menu-creative nav > ul > li > a:after { + background-color: #ffffff; } + .dark:not(.submenu-light) #mainMenu.menu-hover-background nav > ul > li.current, .dark:not(.submenu-light) #mainMenu.menu-hover-background nav > ul > li:hover, .dark:not(.submenu-light) #mainMenu.menu-hover-background nav > ul > li:focus, + #mainMenu.dark.menu-hover-background nav > ul > li.current, + #mainMenu.dark.menu-hover-background nav > ul > li:hover, + #mainMenu.dark.menu-hover-background nav > ul > li:focus { + background-color: #2250fc; } + .dark:not(.submenu-light) #mainMenu.menu-hover-background nav > ul > li.current > a, .dark:not(.submenu-light) #mainMenu.menu-hover-background nav > ul > li:hover > a, .dark:not(.submenu-light) #mainMenu.menu-hover-background nav > ul > li:focus > a, + #mainMenu.dark.menu-hover-background nav > ul > li.current > a, + #mainMenu.dark.menu-hover-background nav > ul > li:hover > a, + #mainMenu.dark.menu-hover-background nav > ul > li:focus > a { + color: #ffffff !important; } + .dark:not(.submenu-light) #mainMenu.menu-overlay nav, + #mainMenu.dark.menu-overlay nav { + background: rgba(31, 31, 31, 0.99); } + +#menu-overlay-trigger { + z-index: 299 !important; } + +/*Menu on header fullwidth */ +@media (min-width: 1024px) { + #header[data-fullwidth="true"] #mainMenu:not(.menu-left):not(.menu-center) nav > ul > li.mega-menu-item > .dropdown-menu { + left: auto; + right: 0; } + #header[data-fullwidth="true"] #mainMenu.menu-center nav > ul > li.mega-menu-item > .dropdown-menu { + right: auto; + left: 50%; + transform: translateX(-50%); } } +/* ---------------------------------------------------------------- +Main menu - Vertical +-----------------------------------------------------------------*/ +#mainMenu.menu-vertical:not(.menu-overlay) { + max-height: 3000px; + clear: both; + display: block; + width: 100%; + opacity: 1; + overflow: hidden; + transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86); } + #mainMenu.menu-vertical:not(.menu-overlay) > .container { + text-align: left !important; + width: 100%; + max-width: 100%; } + #mainMenu.menu-vertical:not(.menu-overlay) nav { + line-height: 40px; + float: none; + width: 100%; + padding-bottom: 20px; + opacity: 1 !important; + transform: translateY(0) !important; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul { + float: none; + width: 100%; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li { + padding: 0; + margin: 0; + clear: both; + float: none; + display: block; + border: 0; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li > a { + display: block; + padding: 12px 0; + font-size: 14px; + border: 0; + border-radius: 0; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li > a:after { + display: none; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li > a .menu-sub-title { + display: none !important; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.dropdown:before { + right: 14px; + display: block; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-menu { + background-image: none !important; + max-height: 0; + overflow: hidden; + opacity: 0; + transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); + position: static; + clear: both; + float: none; + box-shadow: none; + border: 0 !important; + min-width: 100%; + margin: 0; + border-radius: 0px; + padding: 0 16px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a, + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span, + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { + line-height: 16px; + font-size: 14px; + padding: 12px 0; + display: block; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item { + position: relative; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content { + padding: 0 0 0 15px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title { + padding-top: 12px; + padding-bottom: 12px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > a, + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > span, + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a { + padding: 10px 0px 10px 0px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a { + padding-top: 12px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a { + padding-bottom: 12px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-submenu { + position: relative; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul > li .dropdown-submenu:before { + right: 0; + top: 0; + font-size: 16px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul li > .dropdown-menu { + border: 0 none; + background-color: transparent; + display: block; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu { + position: relative; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before { + right: 0; + transform: rotate(90deg); + font-size: 16px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu { + visibility: visible; + opacity: 1; + max-height: 2000px; } + #mainMenu.menu-vertical:not(.menu-overlay) nav > ul [class*="col-lg"] { + width: 100%; + max-width: 100%; + min-width: 100%; + flex: 100%; + padding: 0; + margin: 0; } + #mainMenu.menu-vertical:not(.menu-overlay).menu-sub-title nav > ul > li { + line-height: unset !important; } + #mainMenu.menu-vertical:not(.menu-overlay).menu-sub-title nav > ul > li .dropdown-submenu:before { + top: 0; } + #mainMenu.menu-vertical:not(.menu-overlay).menu-rounded nav > ul > li.current > a, #mainMenu.menu-vertical:not(.menu-overlay).menu-rounded nav > ul > li:hover > a, #mainMenu.menu-vertical:not(.menu-overlay).menu-rounded nav > ul > li:focus > a { + background-color: unset !important; } + #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li.current, #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li:hover, #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li:focus { + background-color: unset; } + #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li.current > a, #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li:hover > a, #mainMenu.menu-vertical:not(.menu-overlay).menu-hover-background nav > ul > li:focus > a { + color: unset !important; } + #mainMenu.menu-vertical:not(.menu-overlay).menu-left nav { + margin-left: 0; } + +#mainMenu-trigger { + position: absolute; + opacity: 0; + visibility: hidden; + height: 80px; + z-index: 1; + float: right; } + #mainMenu-trigger button { + background: none; + border: 0; + padding: 0; } + #mainMenu-trigger button:focus { + outline: 0; } + #mainMenu-trigger button i { + font-size: 17px; } + +/* ---------------------------------------------------------------- +Main Menu: Responsive +-----------------------------------------------------------------*/ +@media (max-width: 1024px) { + #mainMenu-trigger { + position: relative; + opacity: 1; + visibility: visible; } + + /*Main Menu*/ + #mainMenun.menu-center nav { + margin: 0px; } + + #mainMenu:not(.menu-overlay) { + max-height: 0; + clear: both; + display: block; + width: 100%; + opacity: 1; + overflow: hidden; + transition: max-height 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86), opacity 0.8s cubic-bezier(0.79, 0.14, 0.15, 0.86); } + #mainMenu:not(.menu-overlay) > .container { + text-align: left !important; + width: 100%; + max-width: 100%; } + #mainMenu:not(.menu-overlay) nav { + line-height: 40px; + float: none; + width: 100%; + padding-bottom: 20px; + transition: .7s ease; + opacity: 0; + transform: translateY(-18px); } + #mainMenu:not(.menu-overlay) nav > ul { + float: none; + width: 100%; } + #mainMenu:not(.menu-overlay) nav > ul > li { + padding: 0; + margin: 0; + clear: both; + float: none; + display: block; + border: 0; } + #mainMenu:not(.menu-overlay) nav > ul > li > a { + display: block; + padding: 12px 0; + font-size: 14px; + border: 0; + border-radius: 0; } + #mainMenu:not(.menu-overlay) nav > ul > li > a:after { + display: none; } + #mainMenu:not(.menu-overlay) nav > ul > li > a .menu-sub-title { + display: none !important; } + #mainMenu:not(.menu-overlay) nav > ul > li.dropdown:before { + right: 14px; + display: block; } + #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu { + background-image: none !important; + max-height: 0; + overflow: hidden; + opacity: 0; + transition: max-height 0.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); + position: static; + clear: both; + float: none; + box-shadow: none; + border: 0 !important; + min-width: 100%; + margin: 0; + border-radius: 0px; + padding: 0 16px; } + #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a, + #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span, + #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a { + line-height: 16px; + font-size: 14px; + padding: 12px 0; + display: block; } + #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item { + position: relative; } + #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content { + padding: 0 0 0 15px; } + #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content .mega-menu-title { + padding-top: 12px; + padding-bottom: 12px; } + #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > a, + #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content > span, + #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a { + padding: 10px 0px 10px 0px; } + #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:first-child > a { + padding-top: 12px; } + #mainMenu:not(.menu-overlay) nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li:last-child > a { + padding-bottom: 12px; } + #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu { + position: relative; } + #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-submenu:before { + right: 0; + top: 0; + font-size: 16px; } + #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu { + border: 0 none; + background-color: transparent; + display: block; } + #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu { + position: relative; } + #mainMenu:not(.menu-overlay) nav > ul li > .dropdown-menu > .dropdown-submenu:before { + right: 0; + transform: rotate(90deg); + font-size: 16px; } + #mainMenu:not(.menu-overlay) nav > ul li.hover-active > .dropdown-menu { + visibility: visible; + opacity: 1; + max-height: 2000px; } + #mainMenu:not(.menu-overlay) nav > ul [class*="col-lg"] { + width: 100%; + max-width: 100%; + min-width: 100%; + flex: 100%; + padding: 0; + margin: 0; } + #mainMenu:not(.menu-overlay).menu-animate nav { + opacity: 1; + transform: translateY(0); } + #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li { + line-height: unset !important; } + #mainMenu:not(.menu-overlay).menu-sub-title nav > ul > li .dropdown-submenu:before { + top: 0; } + #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li.current > a, #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:hover > a, #mainMenu:not(.menu-overlay).menu-rounded nav > ul > li:focus > a { + background-color: unset !important; } + #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus { + background-color: unset; } + #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li.current > a, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:hover > a, #mainMenu:not(.menu-overlay).menu-hover-background nav > ul > li:focus > a { + color: unset !important; } + #mainMenu:not(.menu-overlay).menu-left nav { + margin-left: 0; } + + .mainMenu-open #header #mainMenu { + width: calc(100% + 14px); + display: block; + opacity: 1; + overflow-y: scroll; } + .mainMenu-open #header .header-inner, + .mainMenu-open #header #header-wrap { + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); + background-color: #fff !important; } + .mainMenu-open.dark .header-inner, + .mainMenu-open.dark #header-wrap, + .mainMenu-open #header:not(.submenu-light).dark .header-inner, + .mainMenu-open #header:not(.submenu-light).dark #header-wrap { + background-color: #181818 !important; } + .mainMenu-open #dotsMenu { + z-index: -1; } + + #dotsMenu { + right: 20px; } + #dotsMenu:before { + background: none; } } +@media (max-width: 1024px) { + .mainMenu-open #header #logo [class*="logo-"] { + display: none; } + .mainMenu-open #header #logo .logo-default { + display: block; } } +@keyframes fade-in-out { + 0% { + opacity: 0; } + 100% { + opacity: 1; } } +.header-extras { + float: right; + z-index: 199; + position: relative; + height: 80px; + /* Shoping cart*/ } + .header-extras > ul { + list-style: none; + padding: 0; + margin: 0; } + .header-extras > ul > li { + float: left; + border: 0; + top: 33px; + position: relative; } + .header-extras > ul > li a, + .header-extras > ul > li i { + color: #484848; } + .header-extras > ul > li > a:not(.btn), + .header-extras > ul > li > .p-dropdown { + padding-left: 6px; + padding-right: 6px; } + .header-extras > ul > li .p-dropdown a > span { + position: absolute; + top: -40px; + font-size: 9px; + opacity: 1; + right: -2px; } + .header-extras > ul > li > a:not(.btn), + .header-extras > ul > li .topbar-dropdown > .title { + font-family: "Poppins", sans-serif; + font-size: 12px; + position: relative; + display: block; + font-style: normal; + text-transform: uppercase; + font-weight: 700; } + .header-extras > ul > li > a:not(.btn) i, + .header-extras > ul > li .topbar-dropdown > .title i { + font-size: 14px; + position: relative; } + .header-extras > ul > li > a:not(.btn) i:nth-of-type(2), + .header-extras > ul > li .topbar-dropdown > .title i:nth-of-type(2) { + visibility: hidden; + position: absolute; } + .header-extras > ul > li > a:not(.btn).toggle-active i:nth-of-type(2), + .header-extras > ul > li .topbar-dropdown > .title.toggle-active i:nth-of-type(2) { + visibility: visible; + position: relative; } + .header-extras > ul > li > a:not(.btn).toggle-active i:nth-of-type(1), + .header-extras > ul > li .topbar-dropdown > .title.toggle-active i:nth-of-type(1) { + visibility: hidden; + position: absolute; } + .header-extras > ul > li .btn { + margin-bottom: 0px; } + .header-extras #shopping-cart { + position: relative; } + .header-extras #shopping-cart > a { + position: relative; } + .header-extras #shopping-cart > a .shopping-cart-items { + position: absolute; + z-index: 1; + background: #2250fc; + border-radius: 50%; + color: #ffffff; + font-size: 9px; + font-weight: 600; + height: 13px; + line-height: 10px; + padding: 2px 4px; + right: -6px; + top: -6px; + width: 13px; } + .header-extras .topbar-dropdown .title { + line-height: inherit !important; + letter-spacing: 1px; + padding: 0; + color: #1f1f1f; } + .header-extras .topbar-dropdown .dropdown-list { + right: -10px; + margin-top: -20px; + left: auto; + box-shadow: 0px -6px 16px rgba(0, 0, 0, 0.1); + margin-top: -16px; } + .header-extras .topbar-dropdown .dropdown-list:before { + content: " "; + width: 0; + height: 0; + border-left: 9px solid transparent; + border-right: 9px solid transparent; + border-bottom: 9px solid #ffffff; + top: -9px; + right: 14px; + position: absolute; } + +.dark .header-extras .p-dropdown a > span, +.dark .header-extras a > i { + color: #ffffff; } +.dark .header-extras .lines, +.dark .header-extras .lines:before, +.dark .header-extras .lines:after { + background-color: #ffffff; } + +@media (max-width: 1024px) { + .header-extras { + float: left; } + .header-extras > ul .p-dropdown > a > i, + .header-extras > ul > li > a > i { + font-size: 16px !important; } + .header-extras > ul .p-dropdown:first-child > a, + .header-extras > ul > li:first-child > a { + padding-left: 0; } } +/* ---------------------------------------------------------------- + Search +-----------------------------------------------------------------*/ +#search { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + background: #fff; + line-height: normal; + position: fixed; + z-index: 1000; + top: 0; + left: 0; + width: 100%; + height: 100vh; + pointer-events: none; + opacity: 0; + transition: opacity 0.5s; } + #search #search-logo { + top: -1px; + left: 30px; + opacity: 0; + transition: opacity 0.5s; + position: absolute; + line-height: 80px; + height: 80px; + width: auto; } + #search #search-logo img { + width: 100%; + height: 100%; } + #search .search-form { + opacity: 0; + transform: scale3d(0.8, 0.8, 1); + transition: opacity 0.5s, transform 0.5s; + margin: 80px 0; } + #search .search-form .text-muted { + opacity: .4; } + #search .search-form .form-control { + border-width: 0px 0px 2px 0px; + border-radius: 0px; + font-size: 34px; + padding: 10px 0; + border-color: #cecece; + font-weight: 700; + margin-bottom: 20px; + background-color: transparent; } + #search .search-form .form-control:focus { + background-color: transparent; + outline: none; + box-shadow: none; } + #search .search-form .form-control:-webkit-input-placeholder { + color: #999999; } + #search .search-form .form-control:-moz-placeholder { + color: #999999; } + #search .search-form .form-control:-ms-input-placeholder { + color: #999999; } + #search .btn-search-close { + font-size: 2em; + position: absolute; + top: 20px; + right: 30px; + display: none; + padding: 12px; + line-height: 12px; + background-color: #2250fc; + border: 0; + cursor: pointer; + border-radius: 5px; + color: #ffffff; + opacity: 0; + transform: scale3d(0.8, 0.8, 1); + transition: opacity 0.5s, transform 0.5s; } + #search .search-suggestion-wrapper { + display: none; } + +/* ---------------------------------------------------------------- + Search / Open state +-----------------------------------------------------------------*/ +body.search-open #topbar { + z-index: 199; } +body.search-open #search { + z-index: 201; + pointer-events: auto; + opacity: 1; } + body.search-open #search #search-logo { + display: block; + opacity: 1; } + body.search-open #search .search-form { + opacity: 1; + transform: scale3d(1, 1, 1); } + body.search-open #search .btn-search-close { + display: block; + opacity: 1; + transform: scale3d(1, 1, 1); } + body.search-open #search .search-suggestion { + opacity: 1; + transform: translate3d(0, 0, 0); } + body.search-open #search .search-suggestion:nth-child(2) { + transition-delay: 0.1s; } + body.search-open #search .search-suggestion:nth-child(3) { + transition-delay: 0.2s; } + +/* ---------------------------------------------------------------- + Search Responsive +-----------------------------------------------------------------*/ +@media (max-width: 1024px) { + #search #search-logo { + margin: 0 auto !important; + max-width: 130px; + left: auto; } + #search .search-form { + margin: 40px; } + #search .search-form .form-control { + font-size: 24px; + margin-bottom: 8px; } + #search .search-form .text-muted { + font-size: 10px; } + #search .btn-search-close { + font-size: 1em; + padding: 8px; + line-height: 8px; } } +/* ---------------------------------------------------------------- +Side Push Panel +-----------------------------------------------------------------*/ +#side-panel { + opacity: 0; + background-color: #eeeeee; + height: 100%; + width: 300px; + position: fixed; + left: -300px; + height: 100%; + transition: left 0.4s, right 0.4s; + overflow: hidden; + z-index: 1; + /*dark version*/ } + #side-panel #close-panel { + position: absolute; + top: 0; + right: 0; + z-index: 100; } + #side-panel #close-panel > i { + cursor: pointer; + display: block; + width: 40px; + height: 40px; + font-size: 18px; + line-height: 40px; + color: #1f1f1f; + text-align: center; + background-color: rgba(0, 0, 0, 0.1); + border-radius: 0 0 0 2px; } + #side-panel .side-panel-wrap { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 100%; + overflow-y: auto; + overflow-x: hidden; + padding: 30px; } + #side-panel .side-panel-wrap .logo { + margin-bottom: 20px; } + #side-panel.dark { + background-color: #181818; } + #side-panel.dark #close-panel > i { + color: #eeeeee; + background-color: rgba(255, 255, 255, 0.1); } + +.side-panel { + /* Static */ + /* Reval */ } + .side-panel .body-inner, + .side-panel #wrapper { + height: 100%; + position: relative; + transition: left 0.4s, right 0.4s; + left: 0; } + .side-panel.side-panel-static #side-panel { + left: 0 !important; + right: auto !important; } + .side-panel.side-panel-static #close-panel, + .side-panel.side-panel-static #side-panel-trigger { + display: none; } + .side-panel.side-panel-static .body-inner, + .side-panel.side-panel-static #wrapper { + padding-left: 300px; + transition: left 0.4s, right 0.4s; } + .side-panel.side-panel-static .body-inner > section > .container, + .side-panel.side-panel-static .body-inner > footer .footer-content > .container, + .side-panel.side-panel-static .body-inner > footer .copyright-content > .container, + .side-panel.side-panel-static .body-inner > div > .container, + .side-panel.side-panel-static #wrapper > section > .container, + .side-panel.side-panel-static #wrapper > footer .footer-content > .container, + .side-panel.side-panel-static #wrapper > footer .copyright-content > .container, + .side-panel.side-panel-static #wrapper > div > .container { + padding-left: 30px; + width: auto; + padding-right: 30px; } + .side-panel.side-panel-static .body-inner #header.header-sticky .header-inner > .container, + .side-panel.side-panel-static .body-inner #header.header-sticky #header-wrap > .container, + .side-panel.side-panel-static #wrapper #header.header-sticky .header-inner > .container, + .side-panel.side-panel-static #wrapper #header.header-sticky #header-wrap > .container { + padding-left: 330px; } + .side-panel.side-panel-static.side-panel-right #side-panel { + right: 0 !important; + left: auto !important; } + .side-panel.side-panel-static.side-panel-right .body-inner, + .side-panel.side-panel-static.side-panel-right #wrapper { + padding-left: 0; + padding-right: 300px; } + .side-panel.side-panel-static.side-panel-right .body-inner #header.header-sticky .header-inner > .container, + .side-panel.side-panel-static.side-panel-right .body-inner #header.header-sticky #header-wrap > .container, + .side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky .header-inner > .container, + .side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky #header-wrap > .container { + padding-right: 330px; + padding-left: 30px; } + .side-panel.side-panel-reval #side-panel { + z-index: -1; + left: 0; + right: auto; } + .side-panel.side-panel-reval .body-inner, + .side-panel.side-panel-reval #wrapper { + left: 0; + right: auto; + transition: left 0.4s, right 0.4s; } + .side-panel.side-panel-admin { + transition: all 0.4s ease; } + .side-panel.side-panel-admin #side-panel { + width: 80px; + left: 0; + right: auto; + transition: all 0.4s ease; } + .side-panel.side-panel-admin #side-panel #mainMenu nav > ul > li > a > i { + font-size: 22px; } + .side-panel.side-panel-admin #side-panel .side-panel-wrap .logo { + margin-left: -16px; } + .side-panel.side-panel-admin .body-inner, + .side-panel.side-panel-admin #wrapper { + padding-left: 80px; + left: 0; + right: auto; + transition: all 0.4s ease; } + .side-panel.side-panel-admin .body-inner #header .header-inner, + .side-panel.side-panel-admin .body-inner #header #header-wrap, + .side-panel.side-panel-admin #wrapper #header .header-inner, + .side-panel.side-panel-admin #wrapper #header #header-wrap { + left: 80px; + transition: all 0.4s ease; } + .side-panel.side-panel-active { + /* Effect 1: Slide in on top */ + /* Effect 2: Reval */ } + .side-panel.side-panel-active.side-panel-slide-in #side-panel { + left: 0; + right: auto; } + .side-panel.side-panel-active.side-panel-reval .body-inner, + .side-panel.side-panel-active.side-panel-reval #wrapper { + left: 300px; + right: auto; + box-shadow: -7px -2px 12px 0 rgba(0, 0, 0, 0.1); } + .side-panel.side-panel-active.side-panel-reval .body-inner #header.header-sticky .header-inner, + .side-panel.side-panel-active.side-panel-reval .body-inner #header.header-sticky #header-wrap, + .side-panel.side-panel-active.side-panel-reval #wrapper #header.header-sticky .header-inner, + .side-panel.side-panel-active.side-panel-reval #wrapper #header.header-sticky #header-wrap { + left: 300px; + right: -300px; } + .side-panel.side-panel-active.side-panel-admin #side-panel { + width: 300px; + left: 0; + right: auto; } + .side-panel.side-panel-active.side-panel-admin .body-inner, + .side-panel.side-panel-active.side-panel-admin #wrapper { + padding-left: 300px; + left: 0; + right: auto; } + .side-panel.side-panel-active.side-panel-admin .body-inner #header .header-inner, + .side-panel.side-panel-active.side-panel-admin .body-inner #header #header-wrap, + .side-panel.side-panel-active.side-panel-admin #wrapper #header .header-inner, + .side-panel.side-panel-active.side-panel-admin #wrapper #header #header-wrap { + left: 300px; } + .side-panel.side-panel-active.side-panel-admin .body-inner #header.header-sticky .header-inner, + .side-panel.side-panel-active.side-panel-admin .body-inner #header.header-sticky #header-wrap, + .side-panel.side-panel-active.side-panel-admin #wrapper #header.header-sticky .header-inner, + .side-panel.side-panel-active.side-panel-admin #wrapper #header.header-sticky #header-wrap { + left: 300px; } + .side-panel.side-panel-active.side-panel-push #side-panel { + left: 0; + right: auto; } + .side-panel.side-panel-active.side-panel-push .body-inner, + .side-panel.side-panel-active.side-panel-push #wrapper { + left: 300px; } + .side-panel.side-panel-active.side-panel-push .body-inner #header.header-sticky .header-inner > .container, + .side-panel.side-panel-active.side-panel-push .body-inner #header.header-sticky #header-wrap > .container, + .side-panel.side-panel-active.side-panel-push #wrapper #header.header-sticky .header-inner > .container, + .side-panel.side-panel-active.side-panel-push #wrapper #header.header-sticky #header-wrap > .container { + left: 300px; + right: 0; } + .side-panel.side-panel-right #side-panel { + right: -300px; + left: auto; } + .side-panel.side-panel-right #side-panel #close-panel { + left: 0; + right: auto; } + .side-panel.side-panel-right .body-inner, + .side-panel.side-panel-right #wrapper { + left: auto; + right: 0; } + .side-panel.side-panel-right .body-inner #header.header-sticky .header-inner > .container, + .side-panel.side-panel-right .body-inner #header.header-sticky #header-wrap > .container, + .side-panel.side-panel-right #wrapper #header.header-sticky .header-inner > .container, + .side-panel.side-panel-right #wrapper #header.header-sticky #header-wrap > .container { + transition: left 0.4s, right 0.4s; } + .side-panel.side-panel-right.side-panel-reval #side-panel { + left: auto; + right: 0; } + .side-panel.side-panel-right.side-panel-reval .body-inner, + .side-panel.side-panel-right.side-panel-reval #wrapper { + left: auto; + right: 0; + transition: left 0.4s, right 0.4s; + box-shadow: 12px -2px 12px 0 rgba(0, 0, 0, 0.1); } + .side-panel.side-panel-right.side-panel-active.side-panel-slide-in #side-panel { + right: 0; + left: auto; } + .side-panel.side-panel-right.side-panel-active.side-panel-reval .body-inner, + .side-panel.side-panel-right.side-panel-active.side-panel-reval #wrapper { + right: 300px; + left: auto; } + .side-panel.side-panel-right.side-panel-active.side-panel-reval .body-inner #header.header-sticky .header-inner, + .side-panel.side-panel-right.side-panel-active.side-panel-reval .body-inner #header.header-sticky #header-wrap, + .side-panel.side-panel-right.side-panel-active.side-panel-reval #wrapper #header.header-sticky .header-inner, + .side-panel.side-panel-right.side-panel-active.side-panel-reval #wrapper #header.header-sticky #header-wrap { + right: 300px; + left: -300px; } + .side-panel.side-panel-right.side-panel-active.side-panel-admin .body-inner, + .side-panel.side-panel-right.side-panel-active.side-panel-admin #wrapper { + right: 300px; + left: auto; } + .side-panel.side-panel-right.side-panel-active.side-panel-admin .body-inner #header.header-sticky .header-inner, + .side-panel.side-panel-right.side-panel-active.side-panel-admin .body-inner #header.header-sticky #header-wrap, + .side-panel.side-panel-right.side-panel-active.side-panel-admin #wrapper #header.header-sticky .header-inner, + .side-panel.side-panel-right.side-panel-active.side-panel-admin #wrapper #header.header-sticky #header-wrap { + right: 300px; + left: -300px; } + .side-panel.side-panel-right.side-panel-active.side-panel-push #side-panel { + right: 0; + left: auto; } + .side-panel.side-panel-right.side-panel-active.side-panel-push .body-inner, + .side-panel.side-panel-right.side-panel-active.side-panel-push #wrapper { + right: 300px; + left: auto; } + .side-panel.side-panel-right.side-panel-active.side-panel-push .body-inner #header.header-sticky .header-inner > .container, + .side-panel.side-panel-right.side-panel-active.side-panel-push .body-inner #header.header-sticky #header-wrap > .container, + .side-panel.side-panel-right.side-panel-active.side-panel-push #wrapper #header.header-sticky .header-inner > .container, + .side-panel.side-panel-right.side-panel-active.side-panel-push #wrapper #header.header-sticky #header-wrap > .container { + transition: left 0.4s, right 0.4s; + right: 300px; + left: auto; } + +body.side-panel-static .body-inner .container, +body.side-panel-static #wrapper .container { + max-width: 1210px; + padding: 0 35px; + width: auto !important; } + +@media (max-width: 1024px) { + #side-panel { + width: 300px; + left: -300px; } + #side-panel .side-panel-wrap { + padding: 30px; + right: 0; } + + .side-panel { + /* Static */ } + .side-panel #side-panel-trigger { + display: block !important; } + .side-panel.side-panel-static #side-panel { + left: -300px !important; + right: auto !important; } + .side-panel.side-panel-static .body-inner, + .side-panel.side-panel-static #wrapper { + padding-left: 0px; } + .side-panel.side-panel-static .body-inner #header.header-sticky .header-inner > .container, + .side-panel.side-panel-static .body-inner #header.header-sticky #header-wrap > .container, + .side-panel.side-panel-static #wrapper #header.header-sticky .header-inner > .container, + .side-panel.side-panel-static #wrapper #header.header-sticky #header-wrap > .container { + padding-left: auto; } + .side-panel.side-panel-static.side-panel-right #side-panel { + right: -300px !important; + left: auto !important; } + .side-panel.side-panel-static.side-panel-right .body-inner, + .side-panel.side-panel-static.side-panel-right #wrapper { + padding-right: 0px; } + .side-panel.side-panel-static.side-panel-right .body-inner #header.header-sticky .header-inner > .container, + .side-panel.side-panel-static.side-panel-right .body-inner #header.header-sticky #header-wrap > .container, + .side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky .header-inner > .container, + .side-panel.side-panel-static.side-panel-right #wrapper #header.header-sticky #header-wrap > .container { + padding-right: auto; } + .side-panel.side-panel-active.side-panel-static #close-panel { + display: block !important; } + .side-panel.side-panel-active.side-panel-static #side-panel { + left: 0 !important; + right: auto; } + .side-panel.side-panel-active.side-panel-static .body-inner, + .side-panel.side-panel-active.side-panel-static #wrapper { + left: 300px; } + .side-panel.side-panel-active.side-panel-static .body-inner #header.header-sticky .header-inner > .container, + .side-panel.side-panel-active.side-panel-static .body-inner #header.header-sticky #header-wrap > .container, + .side-panel.side-panel-active.side-panel-static #wrapper #header.header-sticky .header-inner > .container, + .side-panel.side-panel-active.side-panel-static #wrapper #header.header-sticky #header-wrap > .container { + left: 300px; + right: 0; } } +#sidepanel { + position: fixed; + height: 100%; + width: 320px; + max-width: 80vw; + left: 100%; + top: 0; + transition: transform 0.5s; + perspective: 1000; + z-index: 1000; + box-shadow: -4px 0 14px -1px rgba(0, 0, 0, 0.06); } + #sidepanel.panel-open { + transform: translateX(-100%); } + #sidepanel .panel-close-x { + cursor: pointer; + position: absolute; + top: 80px; + left: -36px; + z-index: 1001; + background-color: #fff; + height: 40px; + width: 40px; + text-align: center; + line-height: 40px; + color: #9896a6; + box-shadow: -4px 0 14px -1px rgba(0, 0, 0, 0.06); + border-radius: 5px 0 0 5px; } + #sidepanel .container { + position: absolute; + height: 100%; + width: 100%; + z-index: 1001; + background-color: #fff; + padding: 30px 20px; } + +.dark #sidepanel .panel-close-x, +#sidepanel.dark .panel-close-x { + color: #ffffff; + background-color: #181818; } +.dark #sidepanel .container, +#sidepanel.dark .container { + background-color: #181818; } + +/* ---------------------------------------------------------------- +Page Menu +-----------------------------------------------------------------*/ +.page-menu { + position: relative; + background-color: #fff; + border-bottom: 1px solid #ececec; + border-top: 1px solid #ececec; + height: 52px; + line-height: 48px; } + .page-menu a:not(.btn) { + color: #484848; } + .page-menu.no-border { + border: 0; } + .page-menu > .container { + position: relative; } + .page-menu .menu-title { + display: none; } + .page-menu nav { + background-color: #fff; + text-align: center; } + .page-menu nav > ul { + list-style: none; + padding: 0; + margin: 0; + position: relative; } + .page-menu nav > ul > li { + transition: all .3s ease; + position: relative; + border: 0; + display: inline-block; + float: none; + padding: 0px 2px; + font-family: "Poppins", sans-serif; } + .page-menu nav > ul > li:last-child { + margin-right: 0; } + .page-menu nav > ul > li > a { + position: relative; + padding: 6px 16px; + font-size: 13px; + line-height: 12px; + color: #484848; + border-radius: 50px; + transition: all 0.3s ease; + border-width: 2px; + border-style: solid; + border-color: transparent; + font-weight: 500; } + .page-menu nav > ul > li > a:after, .page-menu nav > ul > li > a:before { + transition: all .3s ease; } + .page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a { + color: #2250fc; } + .page-menu nav > ul > li.dropdown { + line-height: 50px; } + .page-menu nav > ul > li.dropdown a { + padding-right: 20px; } + .page-menu nav > ul > li.dropdown:before { + font-size: 12px; + transition: all .2s ease; + content: "\e92e"; + font-family: "inspiro-icons"; + right: 10px; + top: 1px; + position: absolute; + color: #484848; + z-index: 2; } + .page-menu nav > ul > li .dropdown-menu { + position: absolute; + text-align: left; + list-style: none; + font-family: "Poppins", sans-serif; + padding: 14px 20px; + width: auto; + top: 50px; + left: 0; + margin: 0; + border-radius: 4px; + background-color: #fff; + border: 1px solid #ececec; + min-width: 180px; + box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1); } + .page-menu nav > ul > li .dropdown-menu > li { + width: 100%; } + .page-menu nav > ul > li .dropdown-menu > li a, + .page-menu nav > ul > li .dropdown-menu > li > span { + line-height: 26px; + white-space: nowrap; + display: block; + padding: 4px 10px; + font-size: 13px; + font-weight: 400; } + .page-menu nav > ul > li .dropdown-menu.menu-last { + right: 0; + left: auto; } + .page-menu nav > ul > li:last-child { + margin-right: 0; } + .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a { + border-color: transparent; + color: #ffffff; + background-color: #2250fc; } + .page-menu.menu-rounded nav > ul > li:hover.dropdown:before, .page-menu.menu-rounded nav > ul > li.active.dropdown:before { + color: #ffffff; } + .page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a { + border-color: #2250fc; + color: #2250fc; + background-color: transparent; } + .page-menu.menu-lines nav > ul > li > a { + border-radius: 0; + border: none; + background-color: transparent; } + .page-menu.menu-lines nav > ul > li > a:after { + content: ''; + position: absolute; + top: auto; + bottom: -11px; + left: 50%; + width: 0; + height: 1px; + transition: all 0.3s ease; } + .page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a { + color: #2250fc; } + .page-menu.menu-lines nav > ul > li:hover > a:after, .page-menu.menu-lines nav > ul > li.active > a:after { + width: 100%; + left: 0%; + background-color: #2250fc; } + .page-menu.menu-solid nav > ul > li > a { + color: #484848; + border-radius: 4px; } + .page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a { + background-color: #2250fc; + color: #ffffff; } + .page-menu.menu-light nav > ul > li > a { + color: #484848; + background-color: transparent; } + .page-menu.menu-light nav > ul > li:hover > a, .page-menu.menu-light nav > ul > li.active > a { + border-color: #ebebeb; } + .page-menu.inverted { + background-color: #181818; } + .page-menu.inverted nav { + background-color: #181818; } + .page-menu.inverted nav > ul > li > a { + border: 0; + color: #ffffff; + background-color: transparent; } + .page-menu.inverted nav > ul > li:hover > a, .page-menu.inverted nav > ul > li.active > a { + border-color: transparent; + background-color: #252525; } + .page-menu.inverted nav > ul > li .dropdown-menu { + background-color: #181818; + border: 1px solid #2b2b2b; + box-shadow: 0 14px 20px rgba(255, 255, 255, 0.1); } + .page-menu.inverted nav > ul > li .dropdown-menu a { + color: #ffffff; } + .page-menu.menu-creative nav > ul > li > a { + border-radius: 0; + border: none; + background-color: transparent; } + .page-menu.menu-creative nav > ul > li > a:after { + background: #1f1f1f; + content: ""; + height: 2px; + left: 0; + opacity: 0; + position: absolute; + top: 100%; + transform: translateY(10px); + transition: opacity 0.3s ease 0s, transform 0.3s ease 0s; + width: 100%; } + .page-menu.menu-creative nav > ul > li:hover > a, .page-menu.menu-creative nav > ul > li.active > a { + color: #484848; } + .page-menu.menu-creative nav > ul > li:hover > a:after, .page-menu.menu-creative nav > ul > li.active > a:after { + opacity: 1; + transform: translateY(0px); } + +#pageMenu-trigger { + float: right; + cursor: pointer; + font-size: 15px; + height: 48px; + line-height: 48px; + opacity: 0; + text-align: center; + width: 36px; + z-index: 12; + display: none; } + #pageMenu-trigger i { + color: #9896a6; } + +body:not(.breakpoint-xs):not(.breakpoint-sm):not(.breakpoint-md) .page-menu nav > ul > li:hover > ul { + display: block; + animation: fade-in-out .3s ease; + z-index: 3; } + +@media (max-width: 1024px) { + .page-menu #pageMenu-trigger { + opacity: 1; + display: block; } + .page-menu #pageMenu-trigger i { + color: #484848; } + .page-menu nav { + border-radius: 4px 0px 4px 4px; + border: 1px solid #ececec; + box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1); + text-align: left; + display: none; + position: absolute; + float: right; + width: 190px; + top: 40px; + height: auto; + z-index: 11; + line-height: 26px; + right: 30px; } + .page-menu nav > ul { + padding: 14px 20px; + top: 0; + min-width: 100%; + overflow: hidden; } + .page-menu nav > ul > li { + width: 100%; + padding: 0; } + .page-menu nav > ul > li > a, + .page-menu nav > ul > li > span { + line-height: 20px; + width: 100%; + display: block; + padding: 6px 6px; + border: none; } + .page-menu nav > ul > li.dropdown:before { + right: 4px; + color: #484848; + pointer-events: none; + line-height: 36px; } + .page-menu nav > ul > li.dropdown.hover-active { + color: #484848; } + .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu { + min-width: 100%; + width: 100%; + padding-left: 24px; + display: block; + position: relative; + top: 0; + box-shadow: none; + border: 0; + margin-top: 0; + padding: 0; } + .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu > li > a, + .page-menu nav > ul > li.dropdown.hover-active .dropdown-menu > li > span { + font-size: 12px; + padding: 4px 14px; } + .page-menu nav > ul > li > ul { + background-color: #ffffff; + border: 0; + border-style: solid; + border-color: #eeeeee; + border-width: 1px !important; + box-shadow: 0 33px 32px rgba(0, 0, 0, 0.1); + left: auto; + margin: 0; + margin-top: -6px; + border-radius: 4px; + padding: 0; + z-index: 1; } + .page-menu nav > ul > li > ul > li > a, + .page-menu nav > ul > li > ul > li > span { + width: 100%; } + .page-menu.menu-rounded nav > ul > li > a, .page-menu.menu-outline nav > ul > li > a, .page-menu.menu-lines nav > ul > li > a, .page-menu.menu-solid nav > ul > li > a, .page-menu.menu-light nav > ul > li > a, .page-menu.menu-creative nav > ul > li > a, .page-menu.inverted nav > ul > li > a { + color: #484848; + border-radius: 0; } + .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a, .page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a, .page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a, .page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a, .page-menu.menu-light nav > ul > li:hover > a, .page-menu.menu-light nav > ul > li.active > a, .page-menu.menu-creative nav > ul > li:hover > a, .page-menu.menu-creative nav > ul > li.active > a, .page-menu.inverted nav > ul > li:hover > a, .page-menu.inverted nav > ul > li.active > a { + color: #2250fc; + background-color: initial; + border: 0; } + .page-menu.menu-rounded nav > ul > li:hover > a:after, .page-menu.menu-rounded nav > ul > li.active > a:after, .page-menu.menu-outline nav > ul > li:hover > a:after, .page-menu.menu-outline nav > ul > li.active > a:after, .page-menu.menu-lines nav > ul > li:hover > a:after, .page-menu.menu-lines nav > ul > li.active > a:after, .page-menu.menu-solid nav > ul > li:hover > a:after, .page-menu.menu-solid nav > ul > li.active > a:after, .page-menu.menu-light nav > ul > li:hover > a:after, .page-menu.menu-light nav > ul > li.active > a:after, .page-menu.menu-creative nav > ul > li:hover > a:after, .page-menu.menu-creative nav > ul > li.active > a:after, .page-menu.inverted nav > ul > li:hover > a:after, .page-menu.inverted nav > ul > li.active > a:after { + display: none; } + .page-menu.menu-rounded nav > ul > li:hover.dropdown:before, .page-menu.menu-rounded nav > ul > li.active.dropdown:before, .page-menu.menu-outline nav > ul > li:hover.dropdown:before, .page-menu.menu-outline nav > ul > li.active.dropdown:before, .page-menu.menu-lines nav > ul > li:hover.dropdown:before, .page-menu.menu-lines nav > ul > li.active.dropdown:before, .page-menu.menu-solid nav > ul > li:hover.dropdown:before, .page-menu.menu-solid nav > ul > li.active.dropdown:before, .page-menu.menu-light nav > ul > li:hover.dropdown:before, .page-menu.menu-light nav > ul > li.active.dropdown:before, .page-menu.menu-creative nav > ul > li:hover.dropdown:before, .page-menu.menu-creative nav > ul > li.active.dropdown:before, .page-menu.inverted nav > ul > li:hover.dropdown:before, .page-menu.inverted nav > ul > li.active.dropdown:before { + color: #484848; } + .page-menu.inverted { + background-color: #181818; } + .page-menu.inverted nav { + background-color: #181818; + border: 1px solid #2b2b2b; + box-shadow: 0 33px 32px rgba(255, 255, 255, 0.1); } + .page-menu.inverted nav > ul > li a { + color: #ffffff; } + .page-menu.inverted nav > ul > li ul { + background-color: #181818; } + .page-menu.page-menu-active nav { + display: block; } } +.sidebar-menu { + font-family: "Poppins", sans-serif; } + .sidebar-menu label { + display: block; + text-transform: uppercase; + font-size: 14px; + font-weight: 700; + letter-spacing: .5px; } + .sidebar-menu label ~ label { + margin-top: 30px; } + .sidebar-menu li { + padding: 0; + display: block; + font-size: 14px; } + .sidebar-menu li + li { + margin-top: 8px; } + .sidebar-menu li a { + color: #484848; + display: block; } + .sidebar-menu li a > i { + margin-right: 10px; + width: 16px; } + +.sidebar-modern .sidebar-menu { + padding: 0 10px; } + +/* Typography */ +/* ---------------------------------------------------------------- + Typography : Reset +-----------------------------------------------------------------*/ +*, +h1, +h2, +h3, +h4, +h5, +h6, +a { + margin: 0; + padding: 0; + text-decoration: none; } + +article, +aside, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section { + display: block; } + +/* ---------------------------------------------------------------- + Typography : Font size +-----------------------------------------------------------------*/ +html { + font-size: 88%; } + +@media all and (max-width: 768px) { + html { + font-size: 81.25%; } } +body { + font-size: 1rem; + line-height: 1.65714286em; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: "Poppins", sans-serif; + color: #484848; } + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "Poppins", sans-serif; + color: #1f1f1f; + margin: 0; + letter-spacing: 0.5px; } + h1 small, + h2 small, + h3 small, + h4 small, + h5 small, + h6 small, + .h1 small, + .h2 small, + .h3 small, + .h4 small, + .h5 small, + .h6 small { + font-weight: 100; } + +h1, +.h1 { + font-size: 3.14285714em; + line-height: 1.31818182em; } + h1:not(:last-child), + .h1:not(:last-child) { + margin-bottom: 20px; } + +h2, +.h2 { + font-size: 2.35714286em; + line-height: 1.36363636em; + font-weight: 500; } + h2:not(:last-child), + .h2:not(:last-child) { + margin-bottom: 16px; } + +h3, +.h3 { + font-size: 1.78571429em; + line-height: 1.5em; + font-weight: 500; } + h3:not(:last-child), + .h3:not(:last-child) { + margin-bottom: 12px; } + +h4, +.h4 { + font-size: 1.35714286em; + line-height: 1.68421053em; + font-weight: 600; } + h4:not(:last-child), + .h4:not(:last-child) { + margin-bottom: 8px; } + +h5, +.h5 { + font-size: 1em; + line-height: 1.85714286em; + font-weight: 500; } + h5:not(:last-child), + .h5:not(:last-child) { + margin-bottom: 6px; } + +h6, +.h6 { + font-size: 0.85714286em; + line-height: 2.16666667em; + font-weight: 500; } + h6:not(:last-child), + .h6:not(:last-child) { + margin-bottom: 6px; } + +.lead { + font-weight: 400; } + +@media all and (max-width: 767px) { + h1, + .h1 { + font-size: 2.35714286em; + line-height: 1.36363636em; } + + h2, + .h2 { + font-size: 1.78571429em; + line-height: 1.5em; } + + h3, + .h3 { + font-size: 1.35714286em; + line-height: 1.85714286em; } + + .lead { + font-size: 1.35714286em; + line-height: 1.68421053em; } } +.display-4 { + font-weight: 400; } + +p { + font-size: 1rem; + font-style: normal; + font-weight: 400; + text-transform: none; + line-height: 1.7; + letter-spacing: 0; + color: #777777; + font-family: "Poppins", sans-serif; } + +ul.bullets { + list-style: inside; } + +strong { + font-weight: 600; } + +del { + text-decoration-line: line-through; } + +a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active { + text-decoration: none; + outline: none; + color: #2250fc; } +a:not(.btn):not(.badge):not(.btn):not([href]):not([tabindex]) { + color: #484848; } + +.font-pacifico { + font-family: 'Dancing Script' !important; } + +.font-nothing-you-could-do, +.font-nothing-you-could-do a, +.font-nothing-you-could-do h1, +.font-nothing-you-could-do h2, +.font-nothing-you-could-do h3, +.font-nothing-you-could-do h4, +.font-nothing-you-could-do h5, +.font-nothing-you-could-do h6, +h1.font-nothing-you-could-do, +h2.font-nothing-you-could-do, +h3.font-nothing-you-could-do, +h4.font-nothing-you-could-do, +h5.font-nothing-you-could-do, +h6.font-nothing-you-could-do { + font-family: 'Nothing You Could Do', cursive !important; + font-weight: normal !important; } + +.font-herr-von-muellerhoff, +.font-herr-von-muellerhoff a, +.font-herr-von-muellerhoff h1, +.font-herr-von-muellerhoff h2, +.font-herr-von-muellerhoff h3, +.font-herr-von-muellerhoff h4, +.font-herr-von-muellerhoff h5, +.font-herr-von-muellerhoff h6, +h1.font-herr-von-muellerhoff, +h2.font-herr-von-muellerhoff, +h3.font-herr-von-muellerhoff, +h4.font-herr-von-muellerhoff, +h5.font-herr-von-muellerhoff, +h6.font-herr-von-muellerhoff { + font-family: 'Herr Von Muellerhoff', cursive !important; + font-weight: normal !important; } + +.font-cedarville, +.font-cedarville a, +.font-cedarville h1, +.font-cedarville h2, +.font-cedarville h3, +.font-cedarville h4, +.font-cedarville h5, +.font-cedarville h6, +h1.font-cedarville, +h2.font-cedarville, +h3.font-cedarville, +h4.font-cedarville, +h5.font-cedarville, +h6.font-cedarville { + font-family: 'Cedarville Cursive', cursive; } + +.font-parisienne, +.font-parisienne a, +.font-parisienne h1, +.font-parisienne h2, +.font-parisienne h3, +.font-parisienne h4, +.font-parisienne h5, +.font-parisienne h6, +h1.font-parisienne, +h2.font-parisienne, +h3.font-parisienne, +h4.font-parisienne, +h5.font-parisienne, +h6.font-parisienne { + font-family: 'Parisienne', cursive; } + +/* Sliders */ +/* ---------------------------------------------------------------- + SLIDER +-----------------------------------------------------------------*/ +.inspiro-slider { + width: 100%; + height: 72vh; + overflow: hidden; + transition: opacity .3s ease; + min-height: 100%; + width: 100%; } + .inspiro-slider.slider-halfscreen { + height: 72vh; } + .inspiro-slider.slider-fullscreen { + height: 100vh; } + .inspiro-slider.is-fade .slide { + opacity: 0 !important; + transition: opacity 0.5s ease !important; } + .inspiro-slider.is-fade .slide.is-selected { + opacity: 1 !important; } + .inspiro-slider .slide { + width: 100%; + height: 100%; + background-repeat: no-repeat; + background-size: cover; + background-position: 50% 20%; + z-index: 1; + width: 100%; + display: flex !important; } + .inspiro-slider .slide .container, + .inspiro-slider .slide .container-wide { + padding-top: 140px; + padding-bottom: 140px; + align-self: center !important; } + .inspiro-slider .slide .slide-captions { + position: relative; + text-align: left; } + .inspiro-slider .slide .slide-captions h1 { + font-size: 80px; + font-weight: 700; + line-height: 80px; + margin-bottom: 30px; + color: #ffffff; } + .inspiro-slider .slide .slide-captions h2 { + font-size: 60px; + font-weight: 700; + line-height: 68px; + margin-bottom: 30px; + color: #ffffff; } + .inspiro-slider .slide .slide-captions h3, + .inspiro-slider .slide .slide-captions h4, + .inspiro-slider .slide .slide-captions h5, + .inspiro-slider .slide .slide-captions h6 { + color: #ffffff; } + .inspiro-slider .slide .slide-captions .strong { + color: #ffffff; + display: block; + font-size: 12px !important; + font-weight: 500; + letter-spacing: 2px; + line-height: 12px; + margin-bottom: 20px; + position: relative; + text-transform: uppercase; } + .inspiro-slider .slide .slide-captions .strong::after { + border-top: 3px solid #fff; + content: ""; + display: block; + margin-bottom: 0; + margin-top: 8px; + width: 26px; } + .inspiro-slider .slide .slide-captions > p { + color: #ffffff; + font-size: 20px; + font-weight: 400; + margin-bottom: 40px; } + .inspiro-slider .slide .slide-captions .text-dark.strong::after, .inspiro-slider .slide .slide-captions.text-dark .strong::after { + border-top-color: #111; } + .inspiro-slider .slide .slide-captions.text-left .strong::after { + margin-left: 0; + margin-right: auto; } + .inspiro-slider .slide .slide-captions.text-center .strong::after { + margin-left: auto; + margin-right: auto; } + .inspiro-slider .slide .slide-captions.text-right .strong::after { + margin-left: auto; + margin-right: 0; } + .inspiro-slider .slide .slide-captions .slide-caption-hide { + opacity: 0; + visibility: hidden; } + .inspiro-slider .slide .slide-captions img { + width: inherit !important; } + .inspiro-slider .slide.is-selected { + z-index: 2; } + .inspiro-slider.slider-loaded, .inspiro-slider.flickity-enabled { + opacity: 1; } + .inspiro-slider .slide-link { + width: 100%; + height: 100%; + top: 0; + left: 0; + position: absolute; + z-index: 1; } + .inspiro-slider .flickity-button { + width: 78px; + height: 78px; + line-height: 78px; + background: transparent; + color: #ffffff; + box-shadow: none; + padding: 0; } + .inspiro-slider .flickity-button::before { + line-height: 78px; + font-size: 28px; + color: #ffffff; } + .inspiro-slider .flickity-page-dots { + bottom: 30px; } + .inspiro-slider .flickity-page-dots .dot { + box-shadow: inset 0 0 0 2px #ffffff; } + .inspiro-slider .flickity-page-dots .dot:after { + background-color: #ffffff; + box-shadow: 0 0 1px #ffffff; } + .inspiro-slider .slide-captions > * { + opacity: 0; } + +#slider { + position: relative; + width: 100%; + overflow: hidden; + padding: 0px; + background-color: #fff; + z-index: 1; } + +#home { + width: 100%; + height: 100%; + color: #FFF; } + +/* ---------------------------------------------------------------- + BOXED SLIDER +-----------------------------------------------------------------*/ +.boxed-slider { + height: 600px; + width: 100%; } + .boxed-slider .polo-carousel-item { + height: 600px; } + .boxed-slider .owl-bg-img { + height: 100%; + background-repeat: no-repeat; + background-size: cover; } + +.polo-carousel-item img { + height: 100%; } + +/* ---------------------------------------------------------------- + Inspiro Slider - Responsive Classes +-----------------------------------------------------------------*/ +@media (max-width: 1024px) { + .inspiro-slider .flickity-prev-next-button { + display: none; } + .inspiro-slider .container, + .inspiro-slider .container-wide { + padding: 20px; } + .inspiro-slider .slide .slide-captions { + text-align: center; } + .inspiro-slider .slide .slide-captions .strong::after { + margin-left: auto; + margin-right: auto; } + .inspiro-slider .slide .slide-captions h1, + .inspiro-slider .slide .slide-captions h2 { + font-size: 40px; + line-height: 40px; + margin-bottom: 14px; } + .inspiro-slider .slide .slide-captions > p { + font-size: 16px; + font-weight: 400; + line-height: 24px; + margin-bottom: 16px; } + .inspiro-slider .slide .slide-captions .btn { + padding: 6px 14px !important; + font-size: 10px !important; + line-height: 1.5; } + .inspiro-slider .slide .slide-captions h3, + .inspiro-slider .slide .slide-captions h4, + .inspiro-slider .slide .slide-captions h5, + .inspiro-slider .slide .slide-captions h6 { + color: #ffffff; } } +.fullscreen { + width: 100%; + height: 100%; + overflow: hidden; + -webkit-box-align: center !important; + -ms-flex-align: center !important; + align-items: center !important; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 100vh; } + .fullscreen .container, + .fullscreen .container-wide { + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; + margin-top: 80px; + margin-bottom: 40px; } + .fullscreen .container-fullscreen { + width: 100%; } + +.halfscreen { + width: 100%; + height: 72%; + overflow: hidden; + -webkit-box-align: center !important; + -ms-flex-align: center !important; + align-items: center !important; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + min-height: 72vh; } + .halfscreen .container, + .halfscreen .container-wide { + margin-top: 2%; + -ms-flex-preferred-size: 0; + flex-basis: 0; + -webkit-box-flex: 1; + -ms-flex-positive: 1; + flex-grow: 1; } + .halfscreen .container-fullscreen { + width: 100%; } + +@media (max-width: 1024px) { + #header[data-transparent="true"] + main { + top: -120px; + margin-bottom: -124px; + position: relative; } + #header[data-transparent="true"] + main > #page-title { + padding: 220px 0 160px 0; } + #header[data-transparent="true"] + .fullscreen { + top: -80px; + margin-bottom: -80px; } } +/* Portfolio */ +/* ---------------------------------------------------------------- +Portfolio +-----------------------------------------------------------------*/ +.portfolio-item, +.grid-item { + width: 100%; + float: left; + height: auto; + padding: 0 0 20px 0; + cursor: pointer; + /*hover state*/ + /*Portfolio Effects*/ + /*Styles*/ } + .portfolio-item a:not(.btn), + .grid-item a:not(.btn) { + color: #484848; } + .portfolio-item .portfolio-item-wrap, + .portfolio-item .grid-item-wrap, + .grid-item .portfolio-item-wrap, + .grid-item .grid-item-wrap { + position: relative; + overflow: hidden; } + .portfolio-item .portfolio-item-wrap > a, + .portfolio-item .grid-item-wrap > a, + .grid-item .portfolio-item-wrap > a, + .grid-item .grid-item-wrap > a { + z-index: 6; + width: 100%; + height: 100%; + position: absolute; } + .portfolio-item .portfolio-image, + .portfolio-item .portfolio-video, + .portfolio-item .grid-image, + .portfolio-item .grid-video, + .portfolio-item .flickity-viewport, + .grid-item .portfolio-image, + .grid-item .portfolio-video, + .grid-item .grid-image, + .grid-item .grid-video, + .grid-item .flickity-viewport { + position: relative; + overflow: hidden; } + .portfolio-item .portfolio-image:after, + .portfolio-item .portfolio-video:after, + .portfolio-item .grid-image:after, + .portfolio-item .grid-video:after, + .portfolio-item .flickity-viewport:after, + .grid-item .portfolio-image:after, + .grid-item .portfolio-video:after, + .grid-item .grid-image:after, + .grid-item .grid-video:after, + .grid-item .flickity-viewport:after { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: #000000; + transition: all 0.3s ease; + opacity: 0; + content: ' '; + z-index: 2; } + .portfolio-item .portfolio-image img, + .portfolio-item .portfolio-video img, + .portfolio-item .grid-image img, + .portfolio-item .grid-video img, + .portfolio-item .flickity-viewport img, + .grid-item .portfolio-image img, + .grid-item .portfolio-video img, + .grid-item .grid-image img, + .grid-item .grid-video img, + .grid-item .flickity-viewport img { + position: relative; + transition: all 0.5s ease-out; + width: 100%; + z-index: 1; + display: block; + height: auto; } + .portfolio-item .portfolio-slider .flickity-page-dots, + .portfolio-item .grid-slider .flickity-page-dots, + .grid-item .portfolio-slider .flickity-page-dots, + .grid-item .grid-slider .flickity-page-dots { + bottom: 30px; + margin-bottom: 0 !important; + margin-top: 0 !important; } + .portfolio-item .portfolio-video, + .portfolio-item .grid-video, + .grid-item .portfolio-video, + .grid-item .grid-video { + margin-bottom: -7px; } + .portfolio-item .portfolio-video video, + .portfolio-item .portfolio-video iframe, + .portfolio-item .grid-video video, + .portfolio-item .grid-video iframe, + .grid-item .portfolio-video video, + .grid-item .portfolio-video iframe, + .grid-item .grid-video video, + .grid-item .grid-video iframe { + width: 100%; + background-color: #000000; } + .portfolio-item .portfolio-description, + .portfolio-item .grid-description, + .portfolio-item .portfolio-links, + .grid-item .portfolio-description, + .grid-item .grid-description, + .grid-item .portfolio-links { + left: 0; + margin: 0 auto; + padding: 20px; + opacity: 0; + position: absolute; + right: 0; + text-align: center; + top: 48%; + transform: translate3d(0px, -38%, 0px); + transition: all 250ms ease-in-out 0s; + visibility: hidden; + width: 70%; + z-index: 3; } + .portfolio-item .portfolio-description h3, + .portfolio-item .grid-description h3, + .portfolio-item .portfolio-links h3, + .grid-item .portfolio-description h3, + .grid-item .grid-description h3, + .grid-item .portfolio-links h3 { + font-size: 16px; + font-style: normal; + font-weight: 700; + letter-spacing: 1px; + line-height: 18px; + text-transform: uppercase; + margin-bottom: 4px; } + .portfolio-item .portfolio-description h3, + .portfolio-item .portfolio-description p, + .portfolio-item .portfolio-description span, + .portfolio-item .grid-description h3, + .portfolio-item .grid-description p, + .portfolio-item .grid-description span, + .portfolio-item .portfolio-links h3, + .portfolio-item .portfolio-links p, + .portfolio-item .portfolio-links span, + .grid-item .portfolio-description h3, + .grid-item .portfolio-description p, + .grid-item .portfolio-description span, + .grid-item .grid-description h3, + .grid-item .grid-description p, + .grid-item .grid-description span, + .grid-item .portfolio-links h3, + .grid-item .portfolio-links p, + .grid-item .portfolio-links span { + color: #ffffff; } + .portfolio-item .portfolio-description a, + .portfolio-item .grid-description a, + .portfolio-item .portfolio-links a, + .grid-item .portfolio-description a, + .grid-item .grid-description a, + .grid-item .portfolio-links a { + margin: 3px; } + .portfolio-item .portfolio-description a.btn, + .portfolio-item .grid-description a.btn, + .portfolio-item .portfolio-links a.btn, + .grid-item .portfolio-description a.btn, + .grid-item .grid-description a.btn, + .grid-item .portfolio-links a.btn { + margin-top: 10px; } + .portfolio-item .portfolio-description a i, + .portfolio-item .grid-description a i, + .portfolio-item .portfolio-links a i, + .grid-item .portfolio-description a i, + .grid-item .grid-description a i, + .grid-item .portfolio-links a i { + background-color: #ffffff; + color: #484848; + border-radius: 50%; + color: #444; + font-size: 18px; + height: 40px; + line-height: 40px !important; + width: 40px; + transition: all 250ms ease-in-out 0s; + border: 1px solid #ededed; } + .portfolio-item .portfolio-description a:hover i, + .portfolio-item .grid-description a:hover i, + .portfolio-item .portfolio-links a:hover i, + .grid-item .portfolio-description a:hover i, + .grid-item .grid-description a:hover i, + .grid-item .portfolio-links a:hover i { + background-color: #2250fc; + color: #ffffff; + border: 1px solid #2250fc; } + .portfolio-item .portfolio-description span, + .portfolio-item .portfolio-description p, + .portfolio-item .grid-description span, + .portfolio-item .grid-description p, + .portfolio-item .portfolio-links span, + .portfolio-item .portfolio-links p, + .grid-item .portfolio-description span, + .grid-item .portfolio-description p, + .grid-item .grid-description span, + .grid-item .grid-description p, + .grid-item .portfolio-links span, + .grid-item .portfolio-links p { + opacity: 0; + transition: all 0.8s ease; + transition-delay: 0.1s; + margin-bottom: 0; + padding-bottom: 0; } + .portfolio-item .portfolio-description a > i, + .portfolio-item .grid-description a > i, + .portfolio-item .portfolio-links a > i, + .grid-item .portfolio-description a > i, + .grid-item .grid-description a > i, + .grid-item .portfolio-links a > i { + font-size: 14px !important; } + .portfolio-item .portfolio-meta, + .portfolio-item .grid-meta, + .grid-item .portfolio-meta, + .grid-item .grid-meta { + padding-top: 20px; } + .portfolio-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after, + .portfolio-item:not(.no-overlay):hover .portfolio-image:after, + .portfolio-item:not(.no-overlay):hover .portfolio-video:after, + .portfolio-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after, + .portfolio-item:not(.no-overlay):hover .grid-image:after, + .portfolio-item:not(.no-overlay):hover .grid-video:after, + .grid-item:not(.no-overlay):hover .portfolio-slider .flickity-viewport:after, + .grid-item:not(.no-overlay):hover .portfolio-image:after, + .grid-item:not(.no-overlay):hover .portfolio-video:after, + .grid-item:not(.no-overlay):hover .grid-slider .flickity-viewport:after, + .grid-item:not(.no-overlay):hover .grid-image:after, + .grid-item:not(.no-overlay):hover .grid-video:after { + opacity: 0.5; } + .portfolio-item:not(.no-overlay):hover .portfolio-description, + .portfolio-item:not(.no-overlay):hover .grid-description, + .portfolio-item:not(.no-overlay):hover .portfolio-links, + .grid-item:not(.no-overlay):hover .portfolio-description, + .grid-item:not(.no-overlay):hover .grid-description, + .grid-item:not(.no-overlay):hover .portfolio-links { + transform: translate3d(0, -50%, 0); + opacity: 1; + visibility: visible; } + .portfolio-item:not(.no-overlay):hover .portfolio-description h3, + .portfolio-item:not(.no-overlay):hover .grid-description h3, + .portfolio-item:not(.no-overlay):hover .portfolio-links h3, + .grid-item:not(.no-overlay):hover .portfolio-description h3, + .grid-item:not(.no-overlay):hover .grid-description h3, + .grid-item:not(.no-overlay):hover .portfolio-links h3 { + transform: translateY(0px); } + .portfolio-item:not(.no-overlay):hover .portfolio-description span, + .portfolio-item:not(.no-overlay):hover .portfolio-description p, + .portfolio-item:not(.no-overlay):hover .grid-description span, + .portfolio-item:not(.no-overlay):hover .grid-description p, + .portfolio-item:not(.no-overlay):hover .portfolio-links span, + .portfolio-item:not(.no-overlay):hover .portfolio-links p, + .grid-item:not(.no-overlay):hover .portfolio-description span, + .grid-item:not(.no-overlay):hover .portfolio-description p, + .grid-item:not(.no-overlay):hover .grid-description span, + .grid-item:not(.no-overlay):hover .grid-description p, + .grid-item:not(.no-overlay):hover .portfolio-links span, + .grid-item:not(.no-overlay):hover .portfolio-links p { + opacity: 1; } + .portfolio-item.classic-style .portfolio-item-wrap, + .portfolio-item.classic-style .grid-item-wrap, + .grid-item.classic-style .portfolio-item-wrap, + .grid-item.classic-style .grid-item-wrap { + position: relative; + overflow: initial !important; } + .portfolio-item.classic-style .portfolio-image, + .portfolio-item.classic-style .portfolio-video, + .portfolio-item.classic-style .grid-image, + .portfolio-item.classic-style .grid-video, + .portfolio-item.classic-style .flickity-viewport, + .grid-item.classic-style .portfolio-image, + .grid-item.classic-style .portfolio-video, + .grid-item.classic-style .grid-image, + .grid-item.classic-style .grid-video, + .grid-item.classic-style .flickity-viewport { + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + border-radius: 5px; + transition: all 0.3s ease; + position: relative; + /* img { + } */ } + .portfolio-item.classic-style .portfolio-image:after, + .portfolio-item.classic-style .portfolio-video:after, + .portfolio-item.classic-style .grid-image:after, + .portfolio-item.classic-style .grid-video:after, + .portfolio-item.classic-style .flickity-viewport:after, + .grid-item.classic-style .portfolio-image:after, + .grid-item.classic-style .portfolio-video:after, + .grid-item.classic-style .grid-image:after, + .grid-item.classic-style .grid-video:after, + .grid-item.classic-style .flickity-viewport:after { + display: none; } + .portfolio-item.classic-style:hover .portfolio-image, + .portfolio-item.classic-style:hover .portfolio-video, + .portfolio-item.classic-style:hover .grid-image, + .portfolio-item.classic-style:hover .grid-video, + .portfolio-item.classic-style:hover .flickity-viewport, + .grid-item.classic-style:hover .portfolio-image, + .grid-item.classic-style:hover .portfolio-video, + .grid-item.classic-style:hover .grid-image, + .grid-item.classic-style:hover .grid-video, + .grid-item.classic-style:hover .flickity-viewport { + box-shadow: 0 32px 58px rgba(0, 0, 0, 0.19); + transform: translateY(-6px); } + .portfolio-item.classic-style:hover .portfolio-description, + .portfolio-item.classic-style:hover .grid-description, + .grid-item.classic-style:hover .portfolio-description, + .grid-item.classic-style:hover .grid-description { + transform: translate3d(0, 0, 0); + opacity: 1; + visibility: visible; } + .portfolio-item.text-bottom .portfolio-description, + .portfolio-item.text-bottom .grid-description, + .grid-item.text-bottom .portfolio-description, + .grid-item.text-bottom .grid-description { + bottom: 0; + left: 0; + top: auto; + text-align: left; + transform: translate3d(0, 0, 0); + width: 100%; } + .portfolio-item.text-bottom:hover .portfolio-description, + .portfolio-item.text-bottom:hover .grid-description, + .grid-item.text-bottom:hover .portfolio-description, + .grid-item.text-bottom:hover .grid-description { + transform: translate3d(0, -4%, 0); + opacity: 1; + visibility: visible; } + .portfolio-item.img-zoom-out .portfolio-image img, + .portfolio-item.img-zoom-out .grid-image img, + .grid-item.img-zoom-out .portfolio-image img, + .grid-item.img-zoom-out .grid-image img { + transform: scale(1.1); } + .portfolio-item.img-zoom-out:hover .portfolio-image img, + .portfolio-item.img-zoom-out:hover .grid-image img, + .grid-item.img-zoom-out:hover .portfolio-image img, + .grid-item.img-zoom-out:hover .grid-image img { + transform: scale(1); } + .portfolio-item.reveal-effect .portfolio-item-wrap, + .portfolio-item.reveal-effect .grid-item-wrap, + .grid-item.reveal-effect .portfolio-item-wrap, + .grid-item.reveal-effect .grid-item-wrap { + position: relative; } + .portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-image, + .portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-video, + .portfolio-item.reveal-effect .portfolio-item-wrap .grid-image, + .portfolio-item.reveal-effect .portfolio-item-wrap .grid-video, + .portfolio-item.reveal-effect .grid-item-wrap .portfolio-image, + .portfolio-item.reveal-effect .grid-item-wrap .portfolio-video, + .portfolio-item.reveal-effect .grid-item-wrap .grid-image, + .portfolio-item.reveal-effect .grid-item-wrap .grid-video, + .grid-item.reveal-effect .portfolio-item-wrap .portfolio-image, + .grid-item.reveal-effect .portfolio-item-wrap .portfolio-video, + .grid-item.reveal-effect .portfolio-item-wrap .grid-image, + .grid-item.reveal-effect .portfolio-item-wrap .grid-video, + .grid-item.reveal-effect .grid-item-wrap .portfolio-image, + .grid-item.reveal-effect .grid-item-wrap .portfolio-video, + .grid-item.reveal-effect .grid-item-wrap .grid-image, + .grid-item.reveal-effect .grid-item-wrap .grid-video { + width: 100%; + max-width: 100%; + display: block; + z-index: 1; + position: relative; } + .portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-image:after, + .portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-video:after, + .portfolio-item.reveal-effect .portfolio-item-wrap .grid-image:after, + .portfolio-item.reveal-effect .portfolio-item-wrap .grid-video:after, + .portfolio-item.reveal-effect .grid-item-wrap .portfolio-image:after, + .portfolio-item.reveal-effect .grid-item-wrap .portfolio-video:after, + .portfolio-item.reveal-effect .grid-item-wrap .grid-image:after, + .portfolio-item.reveal-effect .grid-item-wrap .grid-video:after, + .grid-item.reveal-effect .portfolio-item-wrap .portfolio-image:after, + .grid-item.reveal-effect .portfolio-item-wrap .portfolio-video:after, + .grid-item.reveal-effect .portfolio-item-wrap .grid-image:after, + .grid-item.reveal-effect .portfolio-item-wrap .grid-video:after, + .grid-item.reveal-effect .grid-item-wrap .portfolio-image:after, + .grid-item.reveal-effect .grid-item-wrap .portfolio-video:after, + .grid-item.reveal-effect .grid-item-wrap .grid-image:after, + .grid-item.reveal-effect .grid-item-wrap .grid-video:after { + opacity: 0.3; } + .portfolio-item.reveal-effect .portfolio-item-wrap .portfolio-description, + .portfolio-item.reveal-effect .portfolio-item-wrap .grid-description, + .portfolio-item.reveal-effect .grid-item-wrap .portfolio-description, + .portfolio-item.reveal-effect .grid-item-wrap .grid-description, + .grid-item.reveal-effect .portfolio-item-wrap .portfolio-description, + .grid-item.reveal-effect .portfolio-item-wrap .grid-description, + .grid-item.reveal-effect .grid-item-wrap .portfolio-description, + .grid-item.reveal-effect .grid-item-wrap .grid-description { + pointer-events: none; } + .portfolio-item.reveal-effect:hover .portfolio-slider .flickity-viewport:after, + .portfolio-item.reveal-effect:hover .portfolio-image:after, + .portfolio-item.reveal-effect:hover .portfolio-video:after, + .portfolio-item.reveal-effect:hover .grid-slider .flickity-viewport:after, + .portfolio-item.reveal-effect:hover .grid-image:after, + .portfolio-item.reveal-effect:hover .grid-video:after, + .grid-item.reveal-effect:hover .portfolio-slider .flickity-viewport:after, + .grid-item.reveal-effect:hover .portfolio-image:after, + .grid-item.reveal-effect:hover .portfolio-video:after, + .grid-item.reveal-effect:hover .grid-slider .flickity-viewport:after, + .grid-item.reveal-effect:hover .grid-image:after, + .grid-item.reveal-effect:hover .grid-video:after { + opacity: 0.2; + z-index: 8; } + .portfolio-item.reveal-effect:hover .portfolio-description, + .portfolio-item.reveal-effect:hover .grid-description, + .grid-item.reveal-effect:hover .portfolio-description, + .grid-item.reveal-effect:hover .grid-description { + opacity: 1; + transform: translate3d(0, -33%, 0); } + .portfolio-item.img-rotate .portfolio-image img, + .portfolio-item.img-rotate .grid-image img, + .grid-item.img-rotate .portfolio-image img, + .grid-item.img-rotate .grid-image img { + transform: rotate(0deg) scale(1); + transition: transform 0.7s ease 0s; } + .portfolio-item.img-rotate:hover .portfolio-image img, + .portfolio-item.img-rotate:hover .grid-image img, + .grid-item.img-rotate:hover .portfolio-image img, + .grid-item.img-rotate:hover .grid-image img { + transform: rotate(-9deg) scale(1.2); } + .portfolio-item.img-zoom .portfolio-image img, + .portfolio-item.img-zoom .grid-image img, + .grid-item.img-zoom .portfolio-image img, + .grid-item.img-zoom .grid-image img { + transform: scale(1); } + .portfolio-item.img-zoom:hover .portfolio-image img, + .portfolio-item.img-zoom:hover .grid-image img, + .grid-item.img-zoom:hover .portfolio-image img, + .grid-item.img-zoom:hover .grid-image img { + transform: scale(1.1); } + .portfolio-item.overlay-light .portfolio-image:after, + .portfolio-item.overlay-light .portfolio-slider .flickity-viewport:after, + .portfolio-item.overlay-light .grid-image:after, + .portfolio-item.overlay-light .grid-slider .flickity-viewport:after, + .grid-item.overlay-light .portfolio-image:after, + .grid-item.overlay-light .portfolio-slider .flickity-viewport:after, + .grid-item.overlay-light .grid-image:after, + .grid-item.overlay-light .grid-slider .flickity-viewport:after { + background-color: #ffffff; } + .portfolio-item.overlay-light .portfolio-description h3, + .portfolio-item.overlay-light .grid-description h3, + .grid-item.overlay-light .portfolio-description h3, + .grid-item.overlay-light .grid-description h3 { + color: #000000; } + .portfolio-item.overlay-light .portfolio-description p, + .portfolio-item.overlay-light .portfolio-description span, + .portfolio-item.overlay-light .grid-description p, + .portfolio-item.overlay-light .grid-description span, + .grid-item.overlay-light .portfolio-description p, + .grid-item.overlay-light .portfolio-description span, + .grid-item.overlay-light .grid-description p, + .grid-item.overlay-light .grid-description span { + color: #434343; } + .portfolio-item.overlay-light:hover .portfolio-image:after, + .portfolio-item.overlay-light:hover .portfolio-slider .flickity-viewport:after, + .portfolio-item.overlay-light:hover .grid-image:after, + .portfolio-item.overlay-light:hover .grid-slider .flickity-viewport:after, + .grid-item.overlay-light:hover .portfolio-image:after, + .grid-item.overlay-light:hover .portfolio-slider .flickity-viewport:after, + .grid-item.overlay-light:hover .grid-image:after, + .grid-item.overlay-light:hover .grid-slider .flickity-viewport:after { + opacity: 0.9; } + .portfolio-item.overlay-grey .portfolio-image:after, + .portfolio-item.overlay-grey .portfolio-slider .flickity-viewport:after, + .portfolio-item.overlay-grey .grid-image:after, + .portfolio-item.overlay-grey .grid-slider .flickity-viewport:after, + .grid-item.overlay-grey .portfolio-image:after, + .grid-item.overlay-grey .portfolio-slider .flickity-viewport:after, + .grid-item.overlay-grey .grid-image:after, + .grid-item.overlay-grey .grid-slider .flickity-viewport:after { + background-color: #F7F9FB; } + .portfolio-item.overlay-grey .portfolio-description h3, + .portfolio-item.overlay-grey .grid-description h3, + .grid-item.overlay-grey .portfolio-description h3, + .grid-item.overlay-grey .grid-description h3 { + color: #484848; } + .portfolio-item.overlay-grey .portfolio-description p, + .portfolio-item.overlay-grey .portfolio-description span, + .portfolio-item.overlay-grey .grid-description p, + .portfolio-item.overlay-grey .grid-description span, + .grid-item.overlay-grey .portfolio-description p, + .grid-item.overlay-grey .portfolio-description span, + .grid-item.overlay-grey .grid-description p, + .grid-item.overlay-grey .grid-description span { + color: #a8a8a8; } + .portfolio-item.overlay-grey:hover .portfolio-image:after, + .portfolio-item.overlay-grey:hover .portfolio-slider .flickity-viewport:after, + .portfolio-item.overlay-grey:hover .grid-image:after, + .portfolio-item.overlay-grey:hover .grid-slider .flickity-viewport:after, + .grid-item.overlay-grey:hover .portfolio-image:after, + .grid-item.overlay-grey:hover .portfolio-slider .flickity-viewport:after, + .grid-item.overlay-grey:hover .grid-image:after, + .grid-item.overlay-grey:hover .grid-slider .flickity-viewport:after { + opacity: 1; } + .portfolio-item.overlay-white .portfolio-image:after, + .portfolio-item.overlay-white .portfolio-slider .flickity-viewport:after, + .portfolio-item.overlay-white .grid-image:after, + .portfolio-item.overlay-white .grid-slider .flickity-viewport:after, + .grid-item.overlay-white .portfolio-image:after, + .grid-item.overlay-white .portfolio-slider .flickity-viewport:after, + .grid-item.overlay-white .grid-image:after, + .grid-item.overlay-white .grid-slider .flickity-viewport:after { + background-color: #ffffff; } + .portfolio-item.overlay-white .portfolio-description h3, + .portfolio-item.overlay-white .grid-description h3, + .grid-item.overlay-white .portfolio-description h3, + .grid-item.overlay-white .grid-description h3 { + color: #484848; } + .portfolio-item.overlay-white .portfolio-description p, + .portfolio-item.overlay-white .portfolio-description span, + .portfolio-item.overlay-white .grid-description p, + .portfolio-item.overlay-white .grid-description span, + .grid-item.overlay-white .portfolio-description p, + .grid-item.overlay-white .portfolio-description span, + .grid-item.overlay-white .grid-description p, + .grid-item.overlay-white .grid-description span { + color: #a8a8a8; } + .portfolio-item.overlay-white:hover .portfolio-image:after, + .portfolio-item.overlay-white:hover .portfolio-slider .flickity-viewport:after, + .portfolio-item.overlay-white:hover .grid-image:after, + .portfolio-item.overlay-white:hover .grid-slider .flickity-viewport:after, + .grid-item.overlay-white:hover .portfolio-image:after, + .grid-item.overlay-white:hover .portfolio-slider .flickity-viewport:after, + .grid-item.overlay-white:hover .grid-image:after, + .grid-item.overlay-white:hover .grid-slider .flickity-viewport:after { + opacity: 1; } + .portfolio-item.overlay-dark .portfolio-image:after, + .portfolio-item.overlay-dark .portfolio-slider .flickity-viewport:after, + .portfolio-item.overlay-dark .grid-image:after, + .portfolio-item.overlay-dark .grid-slider .flickity-viewport:after, + .grid-item.overlay-dark .portfolio-image:after, + .grid-item.overlay-dark .portfolio-slider .flickity-viewport:after, + .grid-item.overlay-dark .grid-image:after, + .grid-item.overlay-dark .grid-slider .flickity-viewport:after { + background-color: #000000; } + .portfolio-item.overlay-dark .portfolio-description h3, + .portfolio-item.overlay-dark .grid-description h3, + .grid-item.overlay-dark .portfolio-description h3, + .grid-item.overlay-dark .grid-description h3 { + color: #ffffff; } + .portfolio-item.overlay-dark .portfolio-description p, + .portfolio-item.overlay-dark .portfolio-description span, + .portfolio-item.overlay-dark .grid-description p, + .portfolio-item.overlay-dark .grid-description span, + .grid-item.overlay-dark .portfolio-description p, + .grid-item.overlay-dark .portfolio-description span, + .grid-item.overlay-dark .grid-description p, + .grid-item.overlay-dark .grid-description span { + color: #a8a8a8; } + .portfolio-item.overlay-dark:hover .portfolio-image:after, + .portfolio-item.overlay-dark:hover .portfolio-slider .flickity-viewport:after, + .portfolio-item.overlay-dark:hover .grid-image:after, + .portfolio-item.overlay-dark:hover .grid-slider .flickity-viewport:after, + .grid-item.overlay-dark:hover .portfolio-image:after, + .grid-item.overlay-dark:hover .portfolio-slider .flickity-viewport:after, + .grid-item.overlay-dark:hover .grid-image:after, + .grid-item.overlay-dark:hover .grid-slider .flickity-viewport:after { + opacity: 1; } + .portfolio-item.overlay-padding .portfolio-image:after, + .portfolio-item.overlay-padding .grid-image:after, + .grid-item.overlay-padding .portfolio-image:after, + .grid-item.overlay-padding .grid-image:after { + bottom: 15px; + height: auto; + left: 15px; + right: 15px; + top: 15px; + width: auto; } + .portfolio-item.overlay-border .portfolio-image:after, + .portfolio-item.overlay-border .grid-image:after, + .grid-item.overlay-border .portfolio-image:after, + .grid-item.overlay-border .grid-image:after { + opacity: 1; + background-color: transparent; + position: absolute; } + .portfolio-item.overlay-border .portfolio-description, + .grid-item.overlay-border .portfolio-description { + display: flex; + position: absolute; + left: 30px; + right: 30px; + top: 30px; + bottom: 30px; + border: 0 solid #00BCD4; + transition: border .4s ease; } + .portfolio-item.overlay-border:hover .portfolio-description, + .grid-item.overlay-border:hover .portfolio-description { + border-width: 10px; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } + .portfolio-item.open-cursor .portfolio-wrap > a, + .portfolio-item.open-cursor .grid-wrap > a, + .grid-item.open-cursor .portfolio-wrap > a, + .grid-item.open-cursor .grid-wrap > a { + cursor: crosshair; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 5; } + .portfolio-item.no-overlay .portfolio-slider .flickity-viewport:after, + .portfolio-item.no-overlay .grid-slider .flickity-viewport:after, + .grid-item.no-overlay .portfolio-slider .flickity-viewport:after, + .grid-item.no-overlay .grid-slider .flickity-viewport:after { + display: none; } + .portfolio-item.no-overlay .portfolio-image, + .portfolio-item.no-overlay .grid-image, + .grid-item.no-overlay .portfolio-image, + .grid-item.no-overlay .grid-image { + position: relative; + overflow: hidden; } + .portfolio-item.no-overlay .portfolio-image:after, + .portfolio-item.no-overlay .grid-image:after, + .grid-item.no-overlay .portfolio-image:after, + .grid-item.no-overlay .grid-image:after { + display: none; } + .portfolio-item.no-overlay .portfolio-description, + .portfolio-item.no-overlay .grid-description, + .grid-item.no-overlay .portfolio-description, + .grid-item.no-overlay .grid-description { + opacity: 1; + padding: 6px; + position: relative; + transform: translateY(-10px); + visibility: inherit; + width: 100%; } + .portfolio-item.no-overlay .portfolio-description h3, + .portfolio-item.no-overlay .grid-description h3, + .grid-item.no-overlay .portfolio-description h3, + .grid-item.no-overlay .grid-description h3 { + color: #484848; + font-size: 16px; + font-style: normal; + font-weight: 700; + letter-spacing: 1px; + line-height: 18px; + margin-bottom: 4px; + text-transform: uppercase; } + .portfolio-item.no-overlay .portfolio-description span, + .portfolio-item.no-overlay .grid-description span, + .grid-item.no-overlay .portfolio-description span, + .grid-item.no-overlay .grid-description span { + color: #484848; + font-size: 13px; + font-style: normal; + font-weight: 400; + letter-spacing: 0; + line-height: 15px; + text-transform: capitalize; + opacity: 1; } + .portfolio-item.no-overlay .portfolio-description p, + .portfolio-item.no-overlay .grid-description p, + .grid-item.no-overlay .portfolio-description p, + .grid-item.no-overlay .grid-description p { + color: #484848; + font-weight: 500; + font-size: 14px; + opacity: 1; } + .portfolio-item.no-overlay:hover .portfolio-description, + .portfolio-item.no-overlay:hover .grid-description, + .grid-item.no-overlay:hover .portfolio-description, + .grid-item.no-overlay:hover .grid-description { + transform: translate3d(0, -10px, 0); + opacity: 1; + visibility: visible; } + .portfolio-item.no-overlay:hover .portfolio-description h3, + .portfolio-item.no-overlay:hover .grid-description h3, + .grid-item.no-overlay:hover .portfolio-description h3, + .grid-item.no-overlay:hover .grid-description h3 { + transform: translateY(0px); } + .portfolio-item.no-overlay:hover .portfolio-description span, + .portfolio-item.no-overlay:hover .portfolio-description p, + .portfolio-item.no-overlay:hover .grid-description span, + .portfolio-item.no-overlay:hover .grid-description p, + .grid-item.no-overlay:hover .portfolio-description span, + .grid-item.no-overlay:hover .portfolio-description p, + .grid-item.no-overlay:hover .grid-description span, + .grid-item.no-overlay:hover .grid-description p { + opacity: 1; } + .portfolio-item.overlay-links:hover .portfolio-description, + .portfolio-item.overlay-links:hover .grid-description, + .grid-item.overlay-links:hover .portfolio-description, + .grid-item.overlay-links:hover .grid-description { + transform: none; + opacity: 1; + visibility: visible; } + .portfolio-item.overlay-links:hover .portfolio-description h3, + .portfolio-item.overlay-links:hover .grid-description h3, + .grid-item.overlay-links:hover .portfolio-description h3, + .grid-item.overlay-links:hover .grid-description h3 { + transform: none; } + .portfolio-item.overlay-links:hover .portfolio-description span, + .portfolio-item.overlay-links:hover .portfolio-description p, + .portfolio-item.overlay-links:hover .grid-description span, + .portfolio-item.overlay-links:hover .grid-description p, + .grid-item.overlay-links:hover .portfolio-description span, + .grid-item.overlay-links:hover .portfolio-description p, + .grid-item.overlay-links:hover .grid-description span, + .grid-item.overlay-links:hover .grid-description p { + opacity: 1; } + .portfolio-item.overlay-links .portfolio-description, + .portfolio-item.overlay-links .grid-description, + .grid-item.overlay-links .portfolio-description, + .grid-item.overlay-links .grid-description { + opacity: 1; + padding: 20px; + position: relative; + transform: none; + visibility: inherit; + width: 100%; } + .portfolio-item.overlay-links .portfolio-description a, + .portfolio-item.overlay-links .grid-description a, + .grid-item.overlay-links .portfolio-description a, + .grid-item.overlay-links .grid-description a { + margin: 0px; } + .portfolio-item.overlay-links .portfolio-description h3, + .portfolio-item.overlay-links .grid-description h3, + .grid-item.overlay-links .portfolio-description h3, + .grid-item.overlay-links .grid-description h3 { + color: #484848; } + .portfolio-item.overlay-links .portfolio-description span, + .portfolio-item.overlay-links .grid-description span, + .grid-item.overlay-links .portfolio-description span, + .grid-item.overlay-links .grid-description span { + color: #484848; + opacity: 1; } + .portfolio-item.overlay-links .portfolio-description p, + .portfolio-item.overlay-links .grid-description p, + .grid-item.overlay-links .portfolio-description p, + .grid-item.overlay-links .grid-description p { + color: #484848; + opacity: 1; } + .portfolio-item.revert .portfolio-slider .flickity-viewport:after, + .portfolio-item.revert .portfolio-image:after, + .portfolio-item.revert .portfolio-video:after, + .portfolio-item.revert .grid-slider .flickity-viewport:after, + .portfolio-item.revert .grid-image:after, + .portfolio-item.revert .grid-video:after, + .grid-item.revert .portfolio-slider .flickity-viewport:after, + .grid-item.revert .portfolio-image:after, + .grid-item.revert .portfolio-video:after, + .grid-item.revert .grid-slider .flickity-viewport:after, + .grid-item.revert .grid-image:after, + .grid-item.revert .grid-video:after { + opacity: 0.5; } + .portfolio-item.revert .portfolio-description, + .portfolio-item.revert .grid-description, + .portfolio-item.revert .portfolio-links, + .grid-item.revert .portfolio-description, + .grid-item.revert .grid-description, + .grid-item.revert .portfolio-links { + transform: translate3d(0, -50%, 0); + opacity: 1; + visibility: visible; } + .portfolio-item.revert .portfolio-description h3, + .portfolio-item.revert .grid-description h3, + .portfolio-item.revert .portfolio-links h3, + .grid-item.revert .portfolio-description h3, + .grid-item.revert .grid-description h3, + .grid-item.revert .portfolio-links h3 { + transform: translateY(0px); } + .portfolio-item.revert .portfolio-description span, + .portfolio-item.revert .portfolio-description p, + .portfolio-item.revert .grid-description span, + .portfolio-item.revert .grid-description p, + .portfolio-item.revert .portfolio-links span, + .portfolio-item.revert .portfolio-links p, + .grid-item.revert .portfolio-description span, + .grid-item.revert .portfolio-description p, + .grid-item.revert .grid-description span, + .grid-item.revert .grid-description p, + .grid-item.revert .portfolio-links span, + .grid-item.revert .portfolio-links p { + opacity: 1; } + .portfolio-item.revert:hover .portfolio-slider .flickity-viewport:after, + .portfolio-item.revert:hover .portfolio-image:after, + .portfolio-item.revert:hover .portfolio-video:after, + .portfolio-item.revert:hover .grid-slider .flickity-viewport:after, + .portfolio-item.revert:hover .grid-image:after, + .portfolio-item.revert:hover .grid-video:after, + .grid-item.revert:hover .portfolio-slider .flickity-viewport:after, + .grid-item.revert:hover .portfolio-image:after, + .grid-item.revert:hover .portfolio-video:after, + .grid-item.revert:hover .grid-slider .flickity-viewport:after, + .grid-item.revert:hover .grid-image:after, + .grid-item.revert:hover .grid-video:after { + opacity: 0; } + .portfolio-item.revert:hover .portfolio-description, + .portfolio-item.revert:hover .grid-description, + .portfolio-item.revert:hover .portfolio-links, + .grid-item.revert:hover .portfolio-description, + .grid-item.revert:hover .grid-description, + .grid-item.revert:hover .portfolio-links { + transform: translate3d(0, -50%, 0); + opacity: 0; } + .portfolio-item.revert:hover .portfolio-description h3, + .portfolio-item.revert:hover .grid-description h3, + .portfolio-item.revert:hover .portfolio-links h3, + .grid-item.revert:hover .portfolio-description h3, + .grid-item.revert:hover .grid-description h3, + .grid-item.revert:hover .portfolio-links h3 { + transform: translateY(0px); } + .portfolio-item.revert:hover .portfolio-description span, + .portfolio-item.revert:hover .portfolio-description p, + .portfolio-item.revert:hover .grid-description span, + .portfolio-item.revert:hover .grid-description p, + .portfolio-item.revert:hover .portfolio-links span, + .portfolio-item.revert:hover .portfolio-links p, + .grid-item.revert:hover .portfolio-description span, + .grid-item.revert:hover .portfolio-description p, + .grid-item.revert:hover .grid-description span, + .grid-item.revert:hover .grid-description p, + .grid-item.revert:hover .portfolio-links span, + .grid-item.revert:hover .portfolio-links p { + opacity: 0; } + .portfolio-item.shadow, + .grid-item.shadow { + box-shadow: none !important; } + .portfolio-item.shadow .portfolio-item-wrap, + .portfolio-item.shadow .grid-item-wrap, + .grid-item.shadow .portfolio-item-wrap, + .grid-item.shadow .grid-item-wrap { + box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.6); } + .portfolio-item.outline .portfolio-item-wrap, + .portfolio-item.outline .grid-item-wrap, + .grid-item.outline .portfolio-item-wrap, + .grid-item.outline .grid-item-wrap { + border: 1px solid #ebebeb; + padding: 1px; } + .portfolio-item.light-bg .portfolio-item-wrap, + .portfolio-item.light-bg .grid-item-wrap, + .grid-item.light-bg .portfolio-item-wrap, + .grid-item.light-bg .grid-item-wrap { + background-color: #fff; + border: 1px solid #f3f3f3; } + .portfolio-item.light-bg .portfolio-item-wrap .portfoio-description, + .portfolio-item.light-bg .grid-item-wrap .portfoio-description, + .grid-item.light-bg .portfolio-item-wrap .portfoio-description, + .grid-item.light-bg .grid-item-wrap .portfoio-description { + margin-bottom: 20px; } + .portfolio-item.grey-bg .portfolio-item-wrap, + .portfolio-item.grey-bg .grid-item-wrap, + .grid-item.grey-bg .portfolio-item-wrap, + .grid-item.grey-bg .grid-item-wrap { + background-color: #f3f3f3; } + .portfolio-item.grey-bg .portfolio-item-wrap .portfoio-description, + .portfolio-item.grey-bg .grid-item-wrap .portfoio-description, + .grid-item.grey-bg .portfolio-item-wrap .portfoio-description, + .grid-item.grey-bg .grid-item-wrap .portfoio-description { + margin-bottom: 20px; } + +.alterneting-size .portfolio-item:nth-child(2n) .portfolio-item-wrap, +.alterneting-size .grid-item:nth-child(2n) .grid-item-wrap { + transform: scale(0.75); } + +.portfolio-slider, +.grid-slider { + width: 100%; } + .portfolio-slider.shadow, + .grid-slider.shadow { + box-shadow: 10px 10px 10px rgba(235, 235, 235, 0.5); } + .portfolio-slider.outline, + .grid-slider.outline { + border: 3px solid #fff; } + +/*Sidebar version*/ +.content.col-lg-9 .portfolio-item .portfolio-description h3, +.content.col-lg-9 .portfolio-item .grid-description h3, +.content.col-lg-9 .grid-item .portfolio-description h3, +.content.col-lg-9 .grid-item .grid-description h3 { + font-size: 13px; + line-height: 14px; } + +.container-fluid .content.col-lg-9 .portfolio-item .portfolio-description h3, +.container-fluid .content.col-lg-9 .portfolio-item .grid-description h3, +.container-fluid .content.col-lg-9 .grid-item .portfolio-description h3, +.container-fluid .content.col-lg-9 .grid-item .grid-description h3 { + font-size: 16px; + line-height: 22px; } + +.sidebar-both .portfolio-item .portfolio-description h3, +.sidebar-both .portfolio-item .grid-description h3, +.sidebar-both .grid-item .portfolio-description h3, +.sidebar-both .grid-item .grid-description h3 { + font-size: 13px; + line-height: 14px; } +.sidebar-both .portfolio-item .portfolio-description p, +.sidebar-both .portfolio-item .portfolio-description span, +.sidebar-both .portfolio-item .grid-description p, +.sidebar-both .portfolio-item .grid-description span, +.sidebar-both .grid-item .portfolio-description p, +.sidebar-both .grid-item .portfolio-description span, +.sidebar-both .grid-item .grid-description p, +.sidebar-both .grid-item .grid-description span { + font-size: 12px; } + +/*Portfolio page*/ +.portfolio-content { + position: relative; } + .portfolio-content img { + width: 100%; } + +.portfolio-attributes { + color: #484848; + font-size: 12px; + overflow: hidden; + text-transform: uppercase; + margin-bottom: 20px; } + .portfolio-attributes a:not(.btn) { + color: #484848; } + .portfolio-attributes .attribute { + float: left; + margin-bottom: 20px; + padding-right: 20px; + text-align: left; + width: auto; } + .portfolio-attributes .attribute strong { + opacity: 0.6; + border-bottom: 1px solid rgba(31, 31, 31, 0.05); + display: block; + width: auto; + margin-bottom: 10px; + font-size: 11px; } + .portfolio-attributes.style1 .attribute { + display: inline-flex; + float: none; + margin-bottom: 6px; } + .portfolio-attributes.style1 .attribute strong { + border: 0; + margin-right: 8px; + width: auto; } + .portfolio-attributes.style2 .attribute { + float: none; + width: 100%; } + .portfolio-attributes.style2 .attribute strong { + border: 0; + width: 100%; } + +.project-description { + margin-bottom: 40px; } + .project-description h2 { + font-size: 32px; + font-weight: 600; + margin-bottom: 20px; } + .project-description h3 { font-size: 18px; - z-index: 2; -} -ul.stroll li.actived { - background: #ddd !important; -} -ul.stroll li.stroll:nth-child(odd) { - background: #fff; -} + font-weight: 400; + margin-bottom: 20px; } -.bd-highlight{ - margin: 0.25rem; -} +/*Portfolio Ajax Page*/ +.portfolio-ajax-page [class*="col-"] { + padding: 0; } +.portfolio-ajax-page .project-description { + padding: 24px 40px; + margin-bottom: 0; } + .portfolio-ajax-page .project-description > p { + padding-bottom: 6px; } + .portfolio-ajax-page .project-description .portfolio-attributes { + margin-top: 20px; } + .portfolio-ajax-page .project-description .portfolio-attributes .attribute { + margin-bottom: 0; + width: 100%; } + .portfolio-ajax-page .project-description .portfolio-attributes .attribute > strong { + min-width: 68px; } -.btn-search{ - background: #bfb451; - border-color: #bfb451; -} -.btn-search:hover{ - background: #978c44; - border-color: #978c44; -} -.search_link{ +/* Blog & comments */ +/* ---------------------------------------------------------------- + Blog +-----------------------------------------------------------------*/ +.post-item { + float: left; + width: 100%; + height: auto; + padding: 0 0 20px 0; + /*Styles*/ + /*Types*/ } + .post-item .post-item-wrap { + background-color: #ffffff; + position: relative; } + .post-item img { + width: 100%; + height: auto; } + .post-item .post-image, + .post-item .post-slider, + .post-item .post-video, + .post-item .post-audio, + .post-item .post-quote-img { + margin: 0; + position: relative; + padding: 0; } + .post-item .post-image .post-meta-category, + .post-item .post-slider .post-meta-category, + .post-item .post-video .post-meta-category, + .post-item .post-audio .post-meta-category, + .post-item .post-quote-img .post-meta-category { + background-color: #2250fc; + color: #ffffff; + font-size: 13px; + padding: 2px 16px; + border-radius: 50px; + position: absolute; + right: 10px; + top: 11px; + z-index: 3; + margin-right: 0; } + .post-item .post-image .post-meta-category i, + .post-item .post-slider .post-meta-category i, + .post-item .post-video .post-meta-category i, + .post-item .post-audio .post-meta-category i, + .post-item .post-quote-img .post-meta-category i { + margin-right: 4px; } + .post-item .post-image .post-meta-category a, + .post-item .post-slider .post-meta-category a, + .post-item .post-video .post-meta-category a, + .post-item .post-audio .post-meta-category a, + .post-item .post-quote-img .post-meta-category a { + color: #ffffff; } + .post-item .post-quote-img .post-meta-category { + background-color: #ffffff; + color: #2250fc; } + .post-item .post-quote-img .post-meta-category a { + color: #2250fc; } + .post-item .post-video video, + .post-item .post-video iframe { + width: 100%; + background-color: #000000; } + .post-item .post-audio > a > img { + margin-bottom: -28px; } + .post-item .post-audio audio, + .post-item .post-audio iframe { + width: 100%; } + .post-item .post-audio audio { + margin-bottom: -6px; } + .post-item .post-item-description { + padding: 24px; + line-height: 28px; + color: #676767; } + .post-item .post-item-description > h2, + .post-item .post-item-description > h2 > a { + font-size: 18px; + letter-spacing: -0.1px; + line-height: 23px; + margin-bottom: 16px; + color: #444; + font-weight: 600; } + .post-item .post-item-description .post-meta-date, + .post-item .post-item-description .post-meta-comments, + .post-item .post-item-description .post-meta-category { + color: #C2C2C2; + position: relative; + top: -4px; + font-size: 12px; + margin-right: 8px; } + .post-item .post-item-description .post-meta-date i, + .post-item .post-item-description .post-meta-comments i, + .post-item .post-item-description .post-meta-category i { + margin-right: 4px !important; } + .post-item .post-item-description .post-meta-date a, + .post-item .post-item-description .post-meta-comments a, + .post-item .post-item-description .post-meta-category a { + color: #C2C2C2; } + .post-item .post-item-description .post-post-likes { + float: right; + font-size: 14px; + color: #aaa; } + .post-item .post-item-description .post-post-likes i { + margin-right: 8px; + color: #aaa; } + .post-item.shadow { + box-shadow: none; } + .post-item.shadow .post-item-wrap { + box-shadow: 0 1px 10px #efefef !important; } + .post-item.grey-bg .post-item-wrap { + background-color: #f7f7f7; } + .post-item.border { + border: none !important; } + .post-item.border .post-item-wrap { + border: 1px solid #f2f2f2; } + .post-item.border > .post-item-wrap > .post-item-description { + padding: 24px !important; + width: 100% !important; } + .post-item.quote .post-item-wrap { + background-color: #2250fc; + border-radius: 4px; + border-width: 0; } + .post-item.quote .post-quote-img img { + width: auto; + margin-left: 40px; + margin-top: 40px; } + .post-item.quote .post-item-description { + padding: 40px; } + .post-item.quote .post-item-description .post-meta-date, + .post-item.quote .post-item-description .post-meta-comments, + .post-item.quote .post-item-description .post-meta-category { + color: #ffffff; + opacity: 0.8; } + .post-item.quote .post-item-description .post-meta-date a, + .post-item.quote .post-item-description .post-meta-date p, + .post-item.quote .post-item-description .post-meta-comments a, + .post-item.quote .post-item-description .post-meta-comments p, + .post-item.quote .post-item-description .post-meta-category a, + .post-item.quote .post-item-description .post-meta-category p { + color: #ffffff; } + .post-item.quote .post-item-description > h3, + .post-item.quote .post-item-description > h3 > a, + .post-item.quote .post-item-description a, + .post-item.quote .post-item-description p, + .post-item.quote .post-item-description .item-link { + color: #ffffff; } + .post-item.quote .post-item-description .post-author { + font-size: 14px; + height: 40px; } + .post-item.quote .post-item-description .post-author > img { + height: 28px; + margin-right: 8px; + width: 28px; } + +.post-items-transparent .post-item .post-item-wrap { + border: 0; + background-color: transparent; } + .post-items-transparent .post-item .post-item-wrap .post-item-description > p, + .post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-date, + .post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-comments, + .post-items-transparent .post-item .post-item-wrap .post-item-description .post-meta-category { + opacity: .7; } + +/*Single Post*/ +.single-post .post-item { + /*padding: 0 0 20px 0;*/ } + .single-post .post-item img { + width: 100%; + height: auto; } + .single-post .post-item .post-item-description { + padding: 22px 0; + line-height: 28px; + color: #676767; } + .single-post .post-item .post-item-description p { + font-size: 16px; } + .single-post .post-item .post-item-description > h2, + .single-post .post-item .post-item-description > h2 > a { + font-size: 34px; + letter-spacing: 0; + line-height: 38px; + margin-bottom: 12px; + margin-top: 8px; + color: #1f1f1f; } + .single-post .post-item .post-item-description .post-meta-date, + .single-post .post-item .post-item-description .post-meta-comments, + .single-post .post-item .post-item-description .post-meta-category { + color: #777; + font-size: 13px; + margin-right: 16px; } + .single-post .post-item .post-item-description .post-meta-date a, + .single-post .post-item .post-item-description .post-meta-comments a, + .single-post .post-item .post-item-description .post-meta-category a { + color: #777; } + .single-post .post-item .post-item-description .post-meta-share { + float: right; } + .single-post .post-item .post-item-description .post-meta-share .btn { + display: inline-block; + margin-right: 0; } + .single-post .post-item .post-item-description .post-meta { + border-bottom: 1px solid #f3f3f3; + clear: both; + display: block; + margin-bottom: 26px; + padding: 12px 0; + position: relative; + width: 100%; } + .single-post .post-item .post-tags { + display: block; + margin-bottom: 40px; + position: relative; + width: 100%; } + .single-post .post-item .post-tags a { + font-weight: 400; + color: #484848; + border: 1px solid #ececec; + border-radius: 4px; + font-size: 12px; + margin-bottom: 10px; + padding: 3px 10px; + background-color: #f8f9fa; } + +/*Thumbnail Version*/ +.post-thumbnails a { + color: #484848; } +.post-thumbnails .post-item { + width: 100%; + padding: 0 0 20px 0; } + .post-thumbnails .post-item .post-image, + .post-thumbnails .post-item .post-slider, + .post-thumbnails .post-item .post-video, + .post-thumbnails .post-item .post-audio { + float: left; + width: 46%; } + .post-thumbnails .post-item:not(.quote) .post-item-description { + float: left; + padding-top: 0; + width: 54% !important; } + +#blog .blog .post-item { + width: 25%; + padding: 0 20px 20px 0; } + +/*Single Page*/ +.post-post-title h1 { + font-size: 48px; + letter-spacing: -.03em; + line-height: 1; + font-weight: 700; } + +.post-image { + margin-bottom: 20px; } + .post-image img { + width: 100%; } + +.post-metaa { + margin-bottom: 20px; + min-height: 60px; } + .post-metaa div { + border-right: 1px solid #f6f6f6; + float: left; + margin-right: 18px; + padding: 8px 18px 8px 0; } + .post-metaa :last-child { + border-right: 0; } + .post-metaa .social-icons { + margin-top: 8px; } + .post-metaa .post-comments i, + .post-metaa .post-shares i { + margin-right: 4px; + font-size: 20px; + float: left; } + .post-metaa .post-comments .post-shares-number, + .post-metaa .post-comments .post-comments-number, + .post-metaa .post-shares .post-shares-number, + .post-metaa .post-shares .post-comments-number { color: #000; -} \ No newline at end of file + font-size: 18px; + font-weight: 700; + display: block; } + .post-metaa .post-comments .post-shares-label, + .post-metaa .post-comments .post-comments-label, + .post-metaa .post-shares .post-shares-label, + .post-metaa .post-shares .post-comments-label { + color: #aaa; + font-size: 12px; + text-transform: uppercase; + display: block; } + +.post-author { + border-top: 1px solid #eee; + font-size: 14px; + height: 40px; + margin-top: 15px; + padding-bottom: 0; + padding-top: 16px; } + .post-author a { + color: #484848; } + .post-author p { + position: relative; } + .post-author > img { + border-radius: 50%; + height: 28px; + float: left; + margin-right: 8px; + width: 28px; } + +.post-content { + clear: both; + display: block; + padding: 0 40px 0 0; } + +.sidebar > h3:nth-of-type(2) { + margin-top: 17px; } + +/* ---------------------------------------------------------------------- + GRID ARTICLE BOXES +-------------------------------------------------------------------------*/ +.grid-articles { + position: relative; } + +.grid-articles .post-entry { + float: left; + width: 25%; + position: relative; } + +.grid-articles .post-entry:first-child { + width: 50%; } + +.grid-articles.carousel .post-entry:first-child { + width: 100%; } + +.grid-articles.grid-articles-v2 .post-entry:nth-child(1), +.grid-articles.grid-articles-v2 .post-entry:nth-child(2) { + width: 50%; } + +.grid-articles .post-entry-overlay { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; } + +.grid-articles .post-entry .post-entry-meta { + height: auto; + bottom: 0; + left: 0; + padding: 0 30px 30px; + position: absolute; + width: 100%; + z-index: 2; } + +.grid-articles .post-entry:before { + content: ""; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.9) 100%); + opacity: 0.4; + transition: opacity 0.4s ease; + z-index: 1; } + +.grid-articles .post-entry:before { + content: ""; + height: auto; + bottom: 0; + left: 0; + position: absolute; + width: 100%; + z-index: 1; } + +.grid-articles .post-entry:hover:before { + opacity: 1; + z-index: 1; } + +.grid-articles .post-entry .post-entry-meta .post-entry-meta-category { + margin-bottom: 10px; } + +.grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2, +.grid-articles .post-entry .post-entry-meta .post-entry-meta-title h2 a { + color: #fff; + font-size: 16px; + font-weight: 600; + line-height: 1.2; + margin: 0; } + +.grid-articles .post-entry:first-child .post-entry-meta .post-entry-meta-title h2, +.grid-articles .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 a, +.grid-articles.grid-articles-v2 .post-entry:nth-child(2) .post-entry-meta .post-entry-meta-title h2 a { + font-size: 22px; } + +/*with space*/ +.grid-articles.grid-articles-space .post-entry .post-entry-overlay { + border-color: #fff; + border-style: solid; + border-width: 4px; } + +.grid-articles.grid-articles-space .post-entry:first-child .post-entry-overlay { + border-width: 4px 4px 4px 0px; } + +.grid-articles.grid-articles-space .post-entry:nth-child(3) .post-entry-overlay, +.grid-articles.grid-articles-space .post-entry:nth-child(5) .post-entry-overlay { + border-width: 4px 0 4px 4px; } + +.grid-articles .post-date { + color: #fff; + opacity: 0.6; } + +.grid-articles .post-entry-meta .product-description, +.post-entry-meta .product-description a { + color: #fff !important; } + +@media (max-width: 1024px) { + /* Grid post*/ + .grid-articles:not(.post-carousel) .post-entry { + width: 50%; } + + .grid-articles:not(.post-carousel) .post-entry:first-child { + width: 100%; } + + .grid-articles:not(.post-carousel) .post-entry:first-child .post-entry-meta .post-entry-meta-title h2 { + font-size: 20px; } + + .grid-articles:not(.post-carousel) .post-entry .post-entry-meta .post-entry-meta-title h2 { + font-size: 13px; } + + .grid-articles:not(.post-carousel) .post-entry .post-entry-overlay { + border-width: 0 !important; } + + .post-thumbnails .post-item:not(.quote) .post-item-description { + width: 100% !important; } } +/*--------------------------------------------------- + POST NEWS THUMBNAIL BOXES + -------------------------------------------------*/ +.post-thumbnail .post-thumbnail-entry > img { + margin-bottom: 14px; + max-height: 240px; + width: 100%; } +.post-thumbnail .post-thumbnail-entry .post-thumbnail-content p { + margin-bottom: 6px; } +.post-thumbnail ~ .post-thumbnail-list { + border-top: 1px solid #F7F9FB; } + .post-thumbnail ~ .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a { + font-weight: 400; + opacity: 0.7; + line-height: 20px; } + .post-thumbnail ~ .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a:hover { + opacity: 1; } + +/*Post thumbnail list*/ +.post-thumbnail-list { + position: relative; } + .post-thumbnail-list .post-thumbnail-entry img + .post-thumbnail-content { + padding-left: 90px; } + .post-thumbnail-list .post-thumbnail-entry > img { + float: left; + display: block; + height: 60px; + width: 80px; + margin-right: 16px; + border-radius: 2px; } + .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a { + font-size: 14px; + font-weight: 500; + margin: -4px 0 0; } + +.post-thumbnail-entry { + border-bottom: 1px solid #F7F9FB; + float: left; + margin-bottom: 16px; + padding-bottom: 10px; + position: relative; + clear: both; } + .post-thumbnail-entry a { + color: #484848; } + .post-thumbnail-entry:last-child { + border-bottom: 0; } + .post-thumbnail-entry .post-thumbnail-content > a { + display: block; } + .post-thumbnail-entry .post-thumbnail-content .post-date, + .post-thumbnail-entry .post-thumbnail-content .post-category { + color: #aaa; + font-size: 13px; } + .post-thumbnail-entry .post-thumbnail-content .post-date i, + .post-thumbnail-entry .post-thumbnail-content .post-category i { + margin-right: 2px; } + .post-thumbnail-entry .post-thumbnail-content .post-date ~ .post-category { + margin-left: 6px; } + .post-thumbnail-entry .post-thumbnail-content .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a { + font-size: 14px; + font-weight: 600; + margin: 0; + line-height: 12px !important; } + +/*Responsive*/ +@media (max-width: 767px) { + .post-thumbnails .post-item { + width: 100%; } + .post-thumbnails .post-item .post-image, + .post-thumbnails .post-item .post-slider, + .post-thumbnails .post-item .post-video, + .post-thumbnails .post-item .post-audio { + float: none; + width: 100%; } + .post-thumbnails .post-item:not(.quote) .post-item-description { + padding-top: 24px; + float: none; + width: 100%; } } +/*------------------------------------------------------ + Comments +------------------------------------------------------*/ +.comments { + margin: 0; } + .comments .comment_number { + font-size: 18px; + margin: 0 0 30px; } + .comments .comment_number span { + color: #2250fc; } + .comments .comment { + padding: 10px 0; + background-color: #fff; } + .comments .comment .image { + border-radius: 65px; + display: block; + float: left; + height: 65px; + overflow: hidden; + width: 65px; } + .comments .comment .text { + padding: 0 0 0 86px; + min-height: 80px; + position: relative; } + .comments .comment .text .name { + display: block; + color: #303030; + font-size: 16px; + font-weight: 700; + margin-bottom: -4px; } + .comments .comment .comment_date { + color: #888; + font-size: 12px; } + .comments .comment .text .comment-reply-link { + color: #2250fc; + font-size: 9px; + text-transform: uppercase; + font-weight: 700; + padding: 0 0 0 5px; + opacity: .7; } + .comments .comment .text .comment-reply-link:hover { + opacity: 1; } + .comments .comment .text .text_holder { + display: block; + margin: 3px 0 0 0; } + .comments .comment .comment { + margin-left: 90px; } + +.post-item .comments { + padding: 40px 0; + border-top: 1px solid #eee; } + +.respond-form { + padding-top: 40px; } + +.respond-comment { + font-size: 18px; + margin: 0 0 30px; } + .respond-comment span { + color: #2250fc; } + +@media (max-width: 1024px) { + .comments { + padding: 22px 0 30px; + margin: 0; } + .comments .comment .image { + border-radius: 48px; + height: 48px; + width: 48px; + margin-right: 14px; } + .comments .comment .text { + padding: 0; } + .comments .comment .comment { + margin-left: 30px; } } +/* Shop */ +.shop { + position: relative; } + +.product { + margin-bottom: 40px; + position: relative; + display: block; } + .product a:not(.btn) { + color: #484848; } + .product .product-image { + position: relative; + width: 100%; + height: auto; + overflow: hidden; } + .product .product-image > a, + .product .product-image img { + display: block; + width: 100%; + height: 100%; } + .product .product-image > a, + .product .product-wishlist a { + -webkit-transition: all .4s ease; + -o-transition: all .4s ease; + transition: all .4s ease; } + .product .product-image > a:nth-of-type(2) { + top: 0; + left: 0; + opacity: 0; + z-index: -1; + position: absolute; } + .product .product-image:hover > a:nth-of-type(2) { + opacity: 1; + z-index: 2; } + .product .product-wishlist a { + border: 2px solid #333; + border-radius: 50%; + height: 30px; + left: 12px; + line-height: 28px; + position: absolute; + text-align: center; + top: 12px; + width: 30px; + z-index: -1; + opacity: 0; } + .product:hover .product-wishlist, + .product:hover .product-wishlist a { + z-index: 3; + opacity: 1; } + .product .product-description { + padding: 8px 0 10px; } + .product .product-title { + max-width: 80%; } + .product .product-title h3, + .product .product-title h3 a { + font-size: 18px; + margin-bottom: 0; } + .product .product-category { + display: block; + opacity: 0.5; } + .product .product-price { + width: 26%; + float: right; + margin-bottom: 0; + margin-top: -26px; + text-align: right; } + .product .product-price ins { + color: #444; + font-size: 18px; + font-weight: 600; + margin-bottom: 4px; + text-decoration: none; } + .product .product-price del { + display: block; + font-size: 12px; + font-weight: 400; + margin: -20px 0 -4px; + opacity: 0.6; } + .product .product-rate { + height: 23px; + float: left; + color: #FFC300; } + .product .product-reviews, + .product .product-reviews a { + color: #73848e; + float: right; + font-size: 13px; } + .product .product-sale, + .product .product-new, + .product .product-hot, + .product .product-out-stock { + border-radius: 50%; + color: #ffffff; + font-size: 11px; + font-weight: 600; + height: 42px; + right: 10px; + line-height: 42px; + position: absolute; + text-align: center; + text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14); + top: 10px; + width: 42px; + z-index: 5; } + .product .product-sale, + .product .product-sale-off { + background: #ffc300; } + .product .product-new { + background: #00c0e9; } + .product .product-hot { + background: #d6284b; } + .product .product-out-stock { + background: #a5a5a5 none repeat scroll 0 0; + border-radius: 4px; + padding: 0 18px; + width: auto; } + .product .product-sale-off { + border-radius: 12px 0 0; + bottom: 0px; + color: #ffffff; + font-size: 16px; + font-weight: 600; + height: 42px; + line-height: 42px; + position: absolute; + right: 0px; + text-align: center; + text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14); + width: 88px; + z-index: 5; } + .product .product-overlay { + position: absolute; + width: 100%; + height: 44px; + line-height: 44px; + top: auto; + bottom: -44px; + left: 0; + z-index: 6; + transition: bottom .3s ease; } + .product .product-overlay a { + transition: bottom .3s ease; + color: #fff; + display: block; + font-size: 13px; + background-color: rgba(0, 0, 0, 0.7); + text-align: center; } + .product .product-overlay a:hover { + background-color: #111; + color: #fff; + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } + .product:hover .product-overlay { + bottom: 0px; } + +/*Grid Columns*/ +.grid-5-columns .product .product-title h3, +.grid-5-columns .product .product-title h3 a, +.grid-5-columns .product .product-price ins, +.grid-6-columns .product .product-title h3, +.grid-6-columns .product .product-title h3 a, +.grid-6-columns .product .product-price ins { + font-size: 14px; } +.grid-5-columns .product .product-reviews, +.grid-5-columns .product .product-reviews a, +.grid-6-columns .product .product-reviews, +.grid-6-columns .product .product-reviews a { + font-size: 11px; + float: left; } + +.grid-5-columns .product .product-reviews, +.grid-5-columns .product .product-reviews a { + float: right; } + +.shop-category { + position: relative; } + +.shop-category-box { + position: relative; + margin-bottom: 20px; } + .shop-category-box img { + width: 100%; } + .shop-category-box .shop-category-box-title { + background-color: rgba(255, 255, 255, 0.9); + bottom: 10px; + padding: 4px 0; + position: absolute; + text-align: center; + width: 100%; } + +.shop-category-box-title h6 { + margin-bottom: 0; } + +.shop-cart th, +.shop-cart .table td { + vertical-align: middle; } + +.shop-cart .cart-product-remove { + text-align: center; } +.shop-cart .cart-product-thumbnail > a { + color: #484848; + float: left; + margin-right: 12px; } +.shop-cart .cart-product-thumbnail img { + max-width: 52px; } +.shop-cart .cart-product-thumbnail .cart-product-thumbnail-name { + padding: 24px; } + +.cart-product-description { + max-width: 200px; + font-size: 12px; } + .cart-product-description span { + display: block; } + +.cart-product-quantity .minus, +.cart-product-quantity .plus { + background-color: #ffffff; + border: 1px solid #eee; + margin: 0 -4px; + padding: 5px 12px; } +.cart-product-quantity .qty { + border: 1px solid #eee; + max-width: 40px; + padding: 5px; + text-align: center; } + +.payment-method td { + padding: 12px 20px !important; } + +.product-page:not(.widget-shop) .product-title h3 { + font-size: 28px; + margin-bottom: 0; } + +.product-size { + display: block; + list-style: outside none none; + margin: 0 20px 15px 0; + overflow: hidden; + padding-left: 0; } + .product-size li { + float: left; + margin: 0 -1px 0 0; } + .product-size li label span { + cursor: pointer; + display: block; + font-size: 1.2em; + font-weight: 400; + height: 40px; + line-height: 37px; + margin: 0; + text-align: center; + transition: all 0.3s ease 0s; + width: 40px; } + .product-size li label input { + left: -9000px; + position: absolute; } + .product-size li label span { + border: 1px solid #eee; + color: #909090; } + .product-size li label span:hover { + background-color: #eee; } + .product-size li label input:checked + span { + background-color: #eee; + border-color: #eee; } + +.product .comment .product-rate { + float: right; } + +.ajax-quick-view .product { + margin-bottom: 0px; + margin-top: 20px; } + +.widget-shop { + position: relative; } + .widget-shop .product { + position: relative; + border-bottom: 1px solid #eee; + float: left; + margin-bottom: 12px; + min-height: 96px; + padding-bottom: 12px; } + .widget-shop .product:last-child { + border-bottom: 0; + margin-bottom: -4px; + padding-bottom: 0; } + .widget-shop .product .product-description { + padding-top: 0px; } + .widget-shop .product .product-image { + float: left; + padding-right: 10px; + width: 26%; } + .widget-shop .product .product-description { + display: table-cell; + padding-bottom: 0; + vertical-align: top; + width: 74%; } + .widget-shop .product .product-title, + .widget-shop .product .product-category { + font-size: 12px; + margin-bottom: 5px; + margin-top: -8px; } + .widget-shop .product .product-title h3, + .widget-shop .product .product-title h3 a, + .widget-shop .product .product-category h3, + .widget-shop .product .product-category h3 a { + font-size: 15px; + line-height: 18px; } + .widget-shop .product .product-category { + margin-top: -6px; } + .widget-shop .product .product-price { + clear: both; + float: none; + margin-bottom: 0; + margin-top: 0; + text-align: left; } + .widget-shop .product .product-price ins { + font-size: 14px; + margin-bottom: 4px; } + .widget-shop .product .product-price del { + display: unset; + font-size: 12px; + margin: -8px 5px -8px 0; } + +.widget-tweeter .list-tweets { + padding-left: 0; } + +.widget-categories .list { + padding: 0; } + +#footer .widget-categories a { + color: #888; } + +/* + .twitter-widget ul { + margin: 0; + padding: 0; + } + .twitter-widget li { + list-style: none; + clear: both; + } + .twitter-widget li img, + .twitter-widget li .tweets_txt { + float: left; + margin-bottom: 10px; + } + .twitter-widget li img { + -webkit-border-radius: 30px; + -moz-border-radius: 30px; + border-radius: 30px; + } + .twitter-widget li .tweets_txt { + width: 350px; + margin-left: 10px; + } + .twitter-widget li .tweets_txt span { + font-style: italic; + color: #666; + display: block; + } +*/ +.shop-promo-box { + min-height: 360px; + background-repeat: no-repeat; + padding: 50px; + border: 8px solid #eee; } + .shop-promo-box > h2 { + font-weight: 800; + margin-bottom: 0; } + +/* Forum */ +/* ---------------------------------------------------------------- + Forum +-----------------------------------------------------------------*/ +.forum { + border-radius: 4px; + padding: 20px 26px; + background-color: #fff; } + .forum .fa { + width: 1em; + text-align: center; } + .forum table th { + width: 6em; + width: 14em; } + .forum thead tr > th { + background-color: #2250fc; + color: #fff; + border-bottom: 0; } + .forum thead tr:first-child th:first-child { + border-top-left-radius: 4px; } + .forum thead tr:last-child th:last-child { + border-top-right-radius: 4px; } + .forum thead tr h3 { + color: #fff; + margin-bottom: 0px; + font-size: 22px; } + .forum h4 > small { + display: block; } + +/* Helpers */ +/* ---------------------------------------------------------------- +Helpers +-----------------------------------------------------------------*/ +.background-theme { + background-color: #2250fc !important; } + +.align-items-bottom { + align-items: flex-end !important; + height: 100%; } + +.rounded { + overflow: hidden; } + +.hidden { + display: none; } + +.visible { + opacity: 1; } + +.text-center { + text-align: center; } + +.text-left.nav-tabs .nav-item { + text-align: left !important; } + +.text-right.nav-tabs .nav-item { + text-align: right !important; } + +.left { + float: left !important; } + +.right { + float: right !important; } + +.center { + float: none !important; + margin: 0 auto; } + +.block { + display: block; } + +.align-center { + display: inline-flex; + text-align: center; } + +.vcenter { + display: inline-block; + vertical-align: middle; + float: none; } + +.vertical-align { + position: relative; + top: 50%; + transform: translateY(-50%); } + +.text-bottom { + display: table-cell; + vertical-align: bottom; + margin: auto; + z-index: 3; + position: relative; } + +.bg-light { + background-color: #f8f9fa; } + +.text-background-light { + background-color: #fff; + padding: 0 4px; } + +.text-background-dark { + background-color: #444; + padding: 0 4px; } + +.text-shadow-light { + text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.53); } + +.text-shadow-dark { + text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.53); } + +.background-primary { + background-color: #2250fc !important; } + +.background-secondary { + background-color: #5A6268 !important; } + +.background-success { + background-color: #81c868 !important; } + +.background-info { + background-color: #53b0f8 !important; } + +.background-warning { + background-color: #ffb20e !important; } + +.background-danger { + background-color: #CE041C !important; } + +.background-white { + background-color: #fff !important; } + +.background-light { + background-color: #f8f9fa !important; } + +.background-grey { + background-color: #F7F9FB !important; } + +.background-dark { + background-color: #181818 !important; } + +.background-black { + background-color: #000 !important; } + +.background-pattern { + background-image: url(/images/overlay-pattern/gplay.png); } + +.background-pattern-1 { + background-image: url(/images/overlay-pattern/3px-tile.png); } + +.background-pattern-2 { + background-image: url(/images/overlay-pattern/asfalt-dark.png); } + +.background-pattern-3 { + background-image: url(/images/overlay-pattern/axiom-pattern.png); } + +.shadow { + box-shadow: 0 4px 16px #e2e2e2; } + +.post-shadow { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } + +.shadow-bottom { + box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1); } + +.shadow-inside { + box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); } + +.shadow-inside-top { + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08); } + +.shadow-inside-bottom { + box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.08); } + +.text-xs, +.text-xs span { + font-size: 30px; + line-height: 30px; } + +.text-medium-light { + font-size: 50px !important; + font-weight: 100; + line-height: 1.1; } + +.text-medium { + font-size: 50px !important; + font-weight: 800; + line-height: 1.1; + margin-bottom: 20px; } + +.text-md, +.text-md span, +.text-md span span { + font-size: 74px !important; + line-height: 86px !important; } + +.text-lg-light, +.text-lg-light span, +.text-lg-light span span { + font-size: 90px !important; + line-height: 100px !important; + font-weight: 120 !important; } + +.text-lg, +.text-lg span, +.text-lg span span { + font-size: 90px; + line-height: 100px; + letter-spacing: -.02em; + font-weight: 700; } + +.text-lg-x2, +.text-lg-x2 span { + color: #ffffff; + font-size: 120px; + line-height: 140px; + margin-bottom: 10px; } + +.text-lg-x3, +.text-lg-x3 span { + color: #ffffff; + font-size: 200px; + line-height: 220px; } + +.text-xl, +.text-xl span { + font-size: 100px; + line-height: 110px; } + +.text-small { + font-size: 16px; + font-weight: 800; + line-height: 1.1; } + +.text-light, +.text-light h1, +.text-light h2, +.text-light h3, +.text-light h4, +.text-light h5, +.text-light h6, +.text-light .lead, +.text-light p, +.text-light a:not(.btn), +.text-light a:not(.btn):hover:not(.btn-light), +.text-light i, +.text-light li, +.text-light label, +.text-light div:not(.alert), +.text-light span:not(.btn-label) { + color: #fff !important; } + +.text-dark, +.text-dark h1, +.text-dark h2, +.text-dark h3, +.text-dark h4, +.text-dark h5, +.text-dark h6, +.text-dark p, +.text-dark .lead, +.text-dark a:not(.btn), +.text-dark a:not(.btn-danger), +.text-dark a:not(.btn):hover:not(.btn-light), +.text-dark i, +.text-dark li, +.text-dark label, +.text-dark div:not(.alert), +.text-dark span:not(.btn-label) { + color: #111 !important; } + +.text-grey, +.text-grey h1, +.text-grey h2, +.text-grey h3, +.text-grey h4, +.text-grey h5, +.text-grey h6, +.text-grey .lead, +.text-grey p, +.text-grey a:not(.button), +.text-grey a:not(.btn-light):hover, +.text-grey i, +.text-grey li, +.text-grey label, +.text-grey div:not(.alert), +.text-grey span:not(.btn-label) { + color: #ccc; } + +.text-white h1, +.text-white h2, +.text-white h3, +.text-white h4, +.text-white h5, +.text-white h6, +.text-white p, +.text-white a, +.text-white i { + color: #fff !important; } + +.with-errors li { + color: #981a1a !important; } + +.text-bold { + font-weight: bold !important; } + +.text-azure { + color: #0095C8 !important; } + +.text-orange { + color: #FF6600 !important; } + +.text-theme { + color: #2250fc !important; } + +.text-blue { + color: #5F8295 !important; } + +.text-pink { + color: #DD5A82 !important; } + +.text-purple { + color: #DD5A82 !important; } + +.text-bricky { + color: #894550 !important; } + +.text-yellow { + color: #FFB848 !important; } + +.text-red { + color: #CA0027 !important; } + +/*font weight*/ +.font-weight-100 { + font-weight: 100 !important; } + +.font-weight-300 { + font-weight: 300 !important; } + +.font-weight-400 { + font-weight: 400 !important; } + +.font-weight-500 { + font-weight: 500 !important; } + +.font-weight-600 { + font-weight: 600 !important; } + +.font-weight-700 { + font-weight: 700 !important; } + +.font-weight-800 { + font-weight: 800 !important; } + +.border-box { + border: 1px solid #eee; + border-radius: 2px; + padding: 30px; } + +.border-left { + border-left: 1px solid #eee; } + +.border-top { + border-top: 1px solid #eee; } + +.border-right { + border-width: 0 1px 0 0; + border-color: #eee; + border-style: solid; } + +.border-bottom { + border-bottom: 1px solid #eee; } + +.border-dotted { + border-style: dotted; } + +.slider-size-half { + max-height: 560px; } + +.no-margin { + margin: 0px !important; } + +.m-b-0 { + margin-bottom: 0px !important; } + +.m-b-5 { + margin-bottom: 5px !important; } + +.m-b-10 { + margin-bottom: 10px !important; } + +.m-b-15 { + margin-bottom: 15px !important; } + +.m-b-20 { + margin-bottom: 20px !important; } + +.m-b-25 { + margin-bottom: 25px !important; } + +.m-b-30 { + margin-bottom: 30px !important; } + +.m-b-35 { + margin-bottom: 35px !important; } + +.m-b-40 { + margin-bottom: 40px !important; } + +.m-b-50 { + margin-bottom: 50px !important; } + +.m-b-60 { + margin-bottom: 60px !important; } + +.m-b-70 { + margin-bottom: 70px !important; } + +.m-b-80 { + margin-bottom: 80px !important; } + +.m-b-90 { + margin-bottom: 90px !important; } + +.m-b-100 { + margin-bottom: 100px !important; } + +.m-b-150 { + margin-bottom: 150px !important; } + +.m-b-200 { + margin-bottom: 200px !important; } + +.m-t-0 { + margin-top: 0px !important; } + +.m-t-5 { + margin-top: 5px !important; } + +.m-t-10 { + margin-top: 10px !important; } + +.m-t-15 { + margin-top: 15px !important; } + +.m-t-20 { + margin-top: 20px !important; } + +.m-t-25 { + margin-top: 25px !important; } + +.m-t-30 { + margin-top: 30px !important; } + +.m-t-35 { + margin-top: 35px !important; } + +.m-t-40 { + margin-top: 40px !important; } + +.m-t-50 { + margin-top: 50px !important; } + +.m-t-60 { + margin-top: 60px !important; } + +.m-t-70 { + margin-top: 70px !important; } + +.m-t-80 { + margin-top: 80px !important; } + +.m-t-90 { + margin-top: 90px !important; } + +.m-t-100 { + margin-top: 100px !important; } + +.m-l-0 { + margin-left: 0px !important; } + +.m-l-5 { + margin-left: 5px !important; } + +.m-l-10 { + margin-left: 10px !important; } + +.m-l-15 { + margin-left: 15px !important; } + +.m-l-20 { + margin-left: 20px !important; } + +.m-l-25 { + margin-left: 25px !important; } + +.m-l-30 { + margin-left: 30px !important; } + +.m-l-35 { + margin-left: 35px !important; } + +.m-l-40 { + margin-left: 40px !important; } + +.m-l-50 { + margin-left: 50px !important; } + +.m-l-60 { + margin-left: 60px !important; } + +.m-l-70 { + margin-left: 70px !important; } + +.m-l-80 { + margin-left: 80px !important; } + +.m-l-90 { + margin-left: 90px !important; } + +.m-l-100 { + margin-left: 100px !important; } + +.m-r-0 { + margin-right: 0px !important; } + +.m-r-5 { + margin-right: 5px !important; } + +.m-r-10 { + margin-right: 10px !important; } + +.m-r-15 { + margin-right: 15px !important; } + +.m-r-20 { + margin-right: 20px !important; } + +.m-r-25 { + margin-right: 25px !important; } + +.m-r-30 { + margin-right: 30px !important; } + +.m-r-35 { + margin-right: 35px !important; } + +.m-r-40 { + margin-right: 40px !important; } + +.m-r-50 { + margin-right: 50px !important; } + +.m-r-60 { + margin-right: 60px !important; } + +.m-r-70 { + margin-right: 70px !important; } + +.m-r-80 { + margin-right: 80px !important; } + +.m-r-90 { + margin-right: 90px !important; } + +.m-r-100 { + margin-right: 100px !important; } + +.m-0 { + margin: 0px !important; } + +.m-5 { + margin: 5px !important; } + +.m-10 { + margin: 10px !important; } + +.m-15 { + margin: 15px !important; } + +.m-20 { + margin: 20px !important; } + +.m-25 { + margin: 25px !important; } + +.m-30 { + margin: 30px !important; } + +.m-35 { + margin: 35px !important; } + +.m-40 { + margin: 40px !important; } + +.m-50 { + margin: 50px !important; } + +.m-60 { + margin: 60px !important; } + +.m-70 { + margin: 70px !important; } + +.m-80 { + margin: 80px !important; } + +.m-90 { + margin: 90px !important; } + +.m-100 { + margin: 100px !important; } + +/*Margins*/ +.col-no-margin { + padding: 0 !important; } + .col-no-margin [class^="col-"] { + margin: 0 !important; + padding: 0 !important; } + +.row.col-no-margin { + margin: 0 !important; + padding: 0 !important; } + +.row.col-mdall-margins [class^="col-"] { + margin: 0 0 20px 0 !important; } + +.no-padding-top { + padding-top: 0 !important; } + +.no-padding-bottom { + padding-bottom: 0 !important; } + +.no-padding { + padding: 0 !important; } + +.p-0 { + padding: 0px !important; } + +.p-5 { + padding: 5px !important; } + +.p-10 { + padding: 10px !important; } + +.p-15 { + padding: 15px !important; } + +.p-20 { + padding: 20px !important; } + +.p-25 { + padding: 25px !important; } + +.p-30 { + padding: 30px !important; } + +.p-35 { + padding: 35px !important; } + +.p-40 { + padding: 40px !important; } + +.p-50 { + padding: 50px !important; } + +.p-60 { + padding: 60px !important; } + +.p-70 { + padding: 70px !important; } + +.p-80 { + padding: 80px !important; } + +.p-90 { + padding: 90px !important; } + +.p-100 { + padding: 100px !important; } + +.p-150 { + padding: 150px !important; } + +.p-200 { + padding: 200px !important; } + +.p-b-0 { + padding-bottom: 0px !important; } + +.p-b-5 { + padding-bottom: 5px !important; } + +.p-b-10 { + padding-bottom: 10px !important; } + +.p-b-15 { + padding-bottom: 15px !important; } + +.p-b-20 { + padding-bottom: 20px !important; } + +.p-b-25 { + padding-bottom: 25px !important; } + +.p-b-30 { + padding-bottom: 30px !important; } + +.p-b-35 { + padding-bottom: 35px !important; } + +.p-b-40 { + padding-bottom: 40px !important; } + +.p-b-50 { + padding-bottom: 50px !important; } + +.p-b-60 { + padding-bottom: 60px !important; } + +.p-b-70 { + padding-bottom: 70px !important; } + +.p-b-80 { + padding-bottom: 80px !important; } + +.p-b-90 { + padding-bottom: 90px !important; } + +.p-b-100 { + padding-bottom: 100px !important; } + +.p-b-110 { + padding-bottom: 110px !important; } + +.p-b-120 { + padding-bottom: 120px !important; } + +.p-b-130 { + padding-bottom: 130px !important; } + +.p-b-140 { + padding-bottom: 140px !important; } + +.p-b-150 { + padding-bottom: 150px !important; } + +.p-b-200 { + padding-bottom: 200px !important; } + +.p-t-0 { + padding-top: 0px !important; } + +.p-t-5 { + padding-top: 5px !important; } + +.p-t-10 { + padding-top: 10px !important; } + +.p-t-15 { + padding-top: 15px !important; } + +.p-t-20 { + padding-top: 20px !important; } + +.p-t-25 { + padding-top: 25px !important; } + +.p-t-30 { + padding-top: 30px !important; } + +.p-t-35 { + padding-top: 35px !important; } + +.p-t-40 { + padding-top: 40px !important; } + +.p-t-50 { + padding-top: 50px !important; } + +.p-t-60 { + padding-top: 60px !important; } + +.p-t-70 { + padding-top: 70px !important; } + +.p-t-80 { + padding-top: 80px !important; } + +.p-t-90 { + padding-top: 90px !important; } + +.p-t-100 { + padding-top: 100px !important; } + +.p-t-110 { + padding-top: 110px !important; } + +.p-t-120 { + padding-top: 120px !important; } + +.p-t-130 { + padding-top: 130px !important; } + +.p-t-140 { + padding-top: 140px !important; } + +.p-t-150 { + padding-top: 150px !important; } + +.p-t-200 { + padding-top: 200px !important; } + +.p-r-0 { + padding-right: 0px !important; } + +.p-r-5 { + padding-right: 5px !important; } + +.p-r-10 { + padding-right: 10px !important; } + +.p-r-15 { + padding-right: 15px !important; } + +.p-r-20 { + padding-right: 20px !important; } + +.p-r-25 { + padding-right: 25px !important; } + +.p-r-30 { + padding-right: 30px !important; } + +.p-r-35 { + padding-right: 35px !important; } + +.p-r-40 { + padding-right: 40px !important; } + +.p-r-50 { + padding-right: 50px !important; } + +.p-r-60 { + padding-right: 60px !important; } + +.p-r-70 { + padding-right: 70px !important; } + +.p-r-80 { + padding-right: 80px !important; } + +.p-r-90 { + padding-right: 90px !important; } + +.p-r-100 { + padding-right: 100px !important; } + +.p-l-0 { + padding-left: 0px !important; } + +.p-l-5 { + padding-left: 5px !important; } + +.p-l-10 { + padding-left: 10px !important; } + +.p-l-15 { + padding-left: 15px !important; } + +.p-l-20 { + padding-left: 20px !important; } + +.p-l-25 { + padding-left: 25px !important; } + +.p-l-30 { + padding-left: 30px !important; } + +.p-l-35 { + padding-left: 35px !important; } + +.p-l-40 { + padding-left: 40px !important; } + +.p-l-50 { + padding-left: 50px !important; } + +.p-l-60 { + padding-left: 60px !important; } + +.p-l-70 { + padding-left: 70px !important; } + +.p-l-80 { + padding-left: 80px !important; } + +.p-l-90 { + padding-left: 90px !important; } + +.p-l-100 { + padding-left: 100px !important; } + +.b-r-2 { + border-radius: 2px !important; } + +.b-r-3 { + border-radius: 3px !important; } + +.b-r-4 { + border-radius: 4px !important; } + +.b-r-5 { + border-radius: 5px !important; } + +.b-r-6 { + border-radius: 6px !important; } + +.b-r-7 { + border-radius: 7px !important; } + +.b-r-8 { + border-radius: 8px !important; } + +.b-r-9 { + border-radius: 9px !important; } + +.b-r-10 { + border-radius: 10px !important; } + +.b-radius { + border-radius: 50% !important; } + +.float-right { + float: right !important; } + +.float-left { + float: left !important; } + +.float-none { + float: none !important; } + +.fullwidth { + width: 100% !important; } + +/*Line height*/ +.lh80 { + line-height: 80px !important; } + +.line { + clear: both; + position: relative; + width: 100%; + margin: 50px 0; + border-top: 1px solid #e3e3e3; } + +/*Resposnive settings*/ +@media (max-width: 1024px) { + .text-lg, + .text-lg span { + font-size: 80px !important; + line-height: 60px !important; } + + .text-lg-x2, + .text-lg-x2 span, + .text-lg-x3, + .text-lg-x3 span { + font-size: 70px !important; + line-height: 70px !important; } + + .p-t-200 { + padding-top: 80px !important; } + + .p-b-200 { + padding-bottom: 80px !important; } + + .text-sm-center { + text-align: center !important; } + + /*helper classes*/ + .sm-text-center { + text-align: center !important; } + + .sm-text-left { + text-align: left !important; } + + .sm-text-right { + text-align: right !important; } + + .sm-left { + float: left !important; } + + .sm-right { + float: right !important; } + + .sm-center { + float: none !important; + margin: 0 auto; } + + .row.vertical-align { + display: block; } + + .sm-m-b-0 { + margin-bottom: 0px !important; } + + .sm-m-b-5 { + margin-bottom: 5px !important; } + + .sm-m-b-10 { + margin-bottom: 10px !important; } + + .sm-m-b-15 { + margin-bottom: 15px !important; } + + .sm-m-b-20 { + margin-bottom: 20px !important; } + + .sm-m-b-25 { + margin-bottom: 25px !important; } + + .sm-m-b-30 { + margin-bottom: 30px !important; } + + .sm-m-b-35 { + margin-bottom: 35px !important; } + + .sm-m-b-40 { + margin-bottom: 40px !important; } + + .sm-m-b-50 { + margin-bottom: 50px !important; } + + .sm-m-b-60 { + margin-bottom: 60px !important; } + + .sm-m-b-70 { + margin-bottom: 70px !important; } + + .sm-m-b-80 { + margin-bottom: 80px !important; } + + .sm-m-b-90 { + margin-bottom: 90px !important; } + + .sm-m-b-100 { + margin-bottom: 100px !important; } + + .sm-m-b-150 { + margin-bottom: 150px !important; } + + .sm-m-b-200 { + margin-bottom: 200px !important; } + + .sm-m-t-0 { + margin-top: 0px !important; } + + .sm-m-t-5 { + margin-top: 5px !important; } + + .sm-m-t-10 { + margin-top: 10px !important; } + + .sm-m-t-15 { + margin-top: 15px !important; } + + .sm-m-t-20 { + margin-top: 20px !important; } + + .sm-m-t-25 { + margin-top: 25px !important; } + + .sm-m-t-30 { + margin-top: 30px !important; } + + .sm-m-t-35 { + margin-top: 35px !important; } + + .sm-m-t-40 { + margin-top: 40px !important; } + + .sm-m-t-50 { + margin-top: 50px !important; } + + .sm-m-t-60 { + margin-top: 60px !important; } + + .sm-m-t-70 { + margin-top: 70px !important; } + + .sm-m-t-80 { + margin-top: 80px !important; } + + .sm-m-t-90 { + margin-top: 90px !important; } + + .sm-m-t-100 { + margin-top: 100px !important; } + + .sm-m-l-0 { + margin-left: 0px !important; } + + .sm-m-l-5 { + margin-left: 5px !important; } + + .sm-m-l-10 { + margin-left: 10px !important; } + + .sm-m-l-15 { + margin-left: 15px !important; } + + .sm-m-l-20 { + margin-left: 20px !important; } + + .sm-m-l-25 { + margin-left: 25px !important; } + + .sm-m-l-30 { + margin-left: 30px !important; } + + .sm-m-l-35 { + margin-left: 35px !important; } + + .sm-m-l-40 { + margin-left: 40px !important; } + + .sm-m-l-50 { + margin-left: 50px !important; } + + .sm-m-l-60 { + margin-left: 60px !important; } + + .sm-m-l-70 { + margin-left: 70px !important; } + + .sm-m-l-80 { + margin-left: 80px !important; } + + .sm-m-l-90 { + margin-left: 90px !important; } + + .sm-m-l-100 { + margin-left: 100px !important; } + + .sm-m-r-0 { + margin-right: 0px !important; } + + .sm-m-r-5 { + margin-right: 5px !important; } + + .sm-m-r-10 { + margin-right: 10px !important; } + + .sm-m-r-15 { + margin-right: 15px !important; } + + .sm-m-r-20 { + margin-right: 20px !important; } + + .sm-m-r-25 { + margin-right: 25px !important; } + + .sm-m-r-30 { + margin-right: 30px !important; } + + .sm-m-r-35 { + margin-right: 35px !important; } + + .sm-m-r-40 { + margin-right: 40px !important; } + + .sm-m-r-50 { + margin-right: 50px !important; } + + .sm-m-r-60 { + margin-right: 60px !important; } + + .sm-m-r-70 { + margin-right: 70px !important; } + + .sm-m-r-80 { + margin-right: 80px !important; } + + .sm-m-r-90 { + margin-right: 90px !important; } + + .sm-m-r-100 { + margin-right: 100px !important; } + + .sm-m-0 { + margin: 0px !important; } + + .sm-m-5 { + margin: 5px !important; } + + .sm-m-10 { + margin: 10px !important; } + + .sm-m-15 { + margin: 15px !important; } + + .sm-m-20 { + margin: 20px !important; } + + .sm-m-25 { + margin: 25px !important; } + + .sm-m-30 { + margin: 30px !important; } + + .sm-m-35 { + margin: 35px !important; } + + .sm-m-40 { + margin: 40px !important; } + + .sm-m-50 { + margin: 50px !important; } + + .sm-m-60 { + margin: 60px !important; } + + .sm-m-70 { + margin: 70px !important; } + + .sm-m-80 { + margin: 80px !important; } + + .sm-m-90 { + margin: 90px !important; } + + .sm-m-100 { + margin: 100px !important; } } +@media (max-width: 768px) { + .text-lg, + .text-lg span { + font-size: 40px !important; + line-height: 40px !important; } + + .text-lg-x2, + .text-lg-x2 span, + .text-lg-x3, + .text-lg-x3 span { + font-size: 30px !important; + line-height: 30px !important; } + + .text-medium, + .text-medium-light { + font-size: 40px !important; } + + .text-medium, + .text-medium-light { + font-size: 30px !important; } + + /*helper classes*/ + .xs-text-center { + text-align: center !important; } + + .xs-text-left { + text-align: left !important; } + + .xs-text-right { + text-align: right !important; } + + /*paddings*/ + .p-xs-20 { + padding: 20px !important; } } +.space { + width: 100%; + display: block; + clear: both; + height: 60px; + position: relative; } + +@media (max-width: 768px) { + .text-md, + .text-md span, + .text-md span span { + font-size: 46px !important; + line-height: 58px !important; } } +@media (max-width: 576px) { + .text-md, + .text-md span, + .text-md span span { + font-size: 32px !important; + line-height: 40px !important; } } +/* Footer */ +/* ---------------------------------------------------------------- + FOOTER +-----------------------------------------------------------------*/ +#footer { + display: block; + position: relative; + background-color: #f8f9fa; + font-size: 14px; + line-height: 32px; + font-weight: 400; + font-family: "Poppins", sans-serif; } + #footer a:not(.btn) { + color: #484848; } + #footer p { + font-family: "Poppins", sans-serif; } + #footer a:not(.btn) { + font-weight: 400; } + #footer .footer-content { + padding: 60px 0 40px 0; } + #footer .widget .widget-title, + #footer .widget h4 { + font-size: 14px; + letter-spacing: 1px; + font-weight: 600; } + #footer .widget .widget-title ul li a, + #footer .widget h4 ul li a { + font-family: "Poppins", sans-serif; + font-size: 15px; + line-height: 32px; + color: #999; } + #footer .copyright-content { + min-height: 80px; + padding: 30px 0; + background-color: #eff1f4; + font-size: 13px; } + #footer .logo { + margin-bottom: 54px; + margin-top: 12px; + max-width: 80px; } + #footer .footer-logo { + border-right: 1px solid #333; + margin-bottom: 20px; + margin-right: 18px; + padding-right: 16px; } + +.dark #footer, +#footer.inverted, +#footer.dark { + background-color: #181818; } + .dark #footer p, + #footer.inverted p, + #footer.dark p { + color: #999; } + .dark #footer a:not(.btn), + #footer.inverted a:not(.btn), + #footer.dark a:not(.btn) { + color: #999; + font-weight: 400; } + .dark #footer h1, + .dark #footer h2, + .dark #footer h3, + .dark #footer h4, + .dark #footer h5, + .dark #footer h6, + #footer.inverted h1, + #footer.inverted h2, + #footer.inverted h3, + #footer.inverted h4, + #footer.inverted h5, + #footer.inverted h6, + #footer.dark h1, + #footer.dark h2, + #footer.dark h3, + #footer.dark h4, + #footer.dark h5, + #footer.dark h6 { + color: #fff; } + .dark #footer .widget .widget-title, + .dark #footer .widget h4, + #footer.inverted .widget .widget-title, + #footer.inverted .widget h4, + #footer.dark .widget .widget-title, + #footer.dark .widget h4 { + color: #fff; } + .dark #footer .copyright-content, + #footer.inverted .copyright-content, + #footer.dark .copyright-content { + background-color: #1E1E1E; } + +/* Widgets */ +/* ---------------------------------------------------------------- + Widgets +-----------------------------------------------------------------*/ +.widget { + margin-bottom: 30px; + position: relative; } + .widget .widget-title, + .widget > h4 { + font-size: 14px; + font-style: normal; + font-weight: 600; + text-transform: uppercase; + line-height: 24px; + letter-spacing: 1px; + margin-bottom: 20px; } + .widget:after, .widget:before { + clear: both; + content: " "; + display: table; } + .widget .flickity-page-dots { + margin-bottom: 20px; } + .widget a { + color: #484848; } + .widget p { + margin-bottom: 20px; } + +.sidebar .widget { + border-bottom: 1px solid #eee; + margin-bottom: 30px; + padding-bottom: 30px; } + .sidebar .widget:last-child { + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 0; } + .sidebar .widget #testimonials .testimonial-item > img { + border-radius: 50%; + display: block; + float: none; + height: 50px !important; + margin: 0 auto 20px; + width: 50px !important; } + +.tags a { + border: 2px solid #ececec; + border-radius: 50px; + font-size: 13px; + font-weight: 400; + letter-spacing: 1px; + outline: none; + padding: 5px 14px; + margin: 0 2px 5px 0; + background-color: transparent; + color: #484848; + display: inline-block; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; } + .tags a:hover, .tags a:focus, .tags a:active, .tags a.active { + background-color: #2250fc; + border-color: #2250fc; + color: #ffffff !important; } + +.widget-archive ul { + padding-left: 0; } + +body.breakpoint-md .sidebar .widget { + float: left; + width: 330px; } +body.breakpoint-sm .sidebar .widget { + width: 100%; } +body.breakpoint-md .sidebar .widget:nth-child(odd), body.breakpoint-sm .sidebar .widget:nth-child(odd) { + margin-right: 30px; } + +.flickr-widget, +.widget-instagram { + opacity: 0; + min-height: 225px; + transition: opacity .3s ease; + margin-bottom: 20px; } + .flickr-widget.widget-instagram-loaded, .flickr-widget.flickr-widget-loaded, + .widget-instagram.widget-instagram-loaded, + .widget-instagram.flickr-widget-loaded { + opacity: 1; } + .flickr-widget a img, + .widget-instagram a img { + width: 25%; + height: auto; + padding: 3px; + border-radius: 6px; } + .flickr-widget .col-lg-3 > a img, + .widget-instagram .col-lg-3 > a img { + padding: 2px; + width: 25%; } + .flickr-widget .col-lg-4 > a > img, + .widget-instagram .col-lg-4 > a > img { + width: 25%; } + +body.breakpoint-sm .col-3 .flickr-widget img .widget-instagram img { + width: 16.666%; } + +.widget .footer-widget .social-icon { + background-color: rgba(0, 0, 0, 0.2); } + +.widget.widget-newsletter button { + margin-left: -1px; } +.widget.widget-newsletter button { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } +.widget.widget-newsletter .btn { + text-transform: none; } +.widget.widget-newsletter .form-control { + height: 40px; } +.widget.widget-newsletter .btn { + font-size: 12px; + font-weight: 600; + height: 40px; + padding: 8px 16px; } +.widget.widget-newsletter label.error { + color: #e42c3e; + display: none !important; + font-weight: 400; + margin-top: 5px; } + +.background-dark .widget.widget-newsletter .input-group-prepend { + background-color: #ffffff; + color: #ffffff; } +.background-dark .widget.widget-newsletter .form-transparent-fields .form-control { + border-left: 0; + padding-left: 0; } + +.form-control.error, +.sm-form-control.error { + border-color: #e42c3e; } + +.widget-newsletter small { + display: block; } + +.widget.widget-search button { + margin-left: -1px; } +.widget.widget-search button { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } +.widget.widget-search .btn { + text-transform: none; } +.widget.widget-search .btn { + font-size: 12px; + font-weight: 600; + height: 40px; + padding: 8px 16px; } + +.background-dark .widget.widget-search .input-group-prepend { + background-color: rgba(0, 0, 0, 0.35); + border-color: rgba(0, 0, 0, 0.25); + color: #999; } + +#widget-contact-form { + clear: left; } + +.widget-tweeter, +.widget-twitter { + min-height: 248px; } + +.widget-tweeter:not([data-avatar="true"]) li { + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; } + +.widget-tweeter:not([data-avatar="true"]) li:before, +.widget-twitter:not([data-avatar="true"]) li:before { + margin-left: -22px; + position: absolute; + font-family: "Font Awesome 5 Brands"; + content: "\f099"; } + +.widget-tweeter[data-avatar="true"] li img, +.widget-twitter[data-avatar="true"] li img { + border-radius: 50%; + left: -4px; + position: absolute; + width: 26px; + z-index: 3; } + +.widget-tweeter[data-avatar="true"] li, +.widget-twitter[data-avatar="true"] li { + padding-left: 10px; } + +.widget-tweeter li, +.widget-twitter li { + line-height: 1.66; + margin-bottom: 20px; } + +.widget-tweeter li:last-child, +.widget-twitter li:last-child { + margin-bottom: 0px; } + +.widget-tweeter ul, +.widget-twitter ul { + list-style: none; + padding-left: 22px; + margin-bottom: 0; } + +.widget-tweeter small, +.widget-twitter small { + display: block; + color: #9896a6 !important; + width: 100%; + margin-top: 10px; } + +.widget-newsletter .input-group-prepend i { + color: #555 !important; } + +/*Widget: Contact us*/ +.widget-gallery a > img { + float: left; + height: auto; + width: 33.3333333%; + padding: 3px; } + +.p-dropdown-content .widget-myaccount { + min-width: 220px; } + +.widget-myaccount { + min-width: 220px; + text-align: center; } + .widget-myaccount ul > li, + .widget-myaccount > li { + display: block; } + .widget-myaccount ul > li:first-child label, + .widget-myaccount > li:first-child label { + margin-top: 0; } + .widget-myaccount ul > li label, + .widget-myaccount > li label { + color: #999999; + font-size: 11px; + text-transform: uppercase; + margin-top: 14px; + margin-bottom: 0; } + .widget-myaccount ul > li a, + .widget-myaccount > li a { + line-height: 26px; + white-space: nowrap; + display: block; + padding: 2px 8px; } + .widget-myaccount ul > li a i, + .widget-myaccount > li a i { + margin-right: 6px; } + +.bootstrap-datetimepicker-widget .datepicker { + width: 100%; } + +.p-dropdown-content .widget-mycart { + min-width: 246px; } + +.widget-mycart { + width: 100%; + position: relative; } + .widget-mycart .cart-item { + margin-top: 8px; + display: inline-table; + width: 100%; } + .widget-mycart .cart-item .cart-image { + width: 50px; + height: 50px; + float: left; + overflow: hidden; + border-radius: 4px; } + .widget-mycart .cart-item .cart-image img { + width: 100%; } + .widget-mycart .cart-item .cart-product-meta { + float: left; + padding-left: 20px; } + .widget-mycart .cart-item .cart-product-meta > a { + font-weight: 500; + display: block; } + .widget-mycart .cart-item .cart-product-meta span { + opacity: .7; } + .widget-mycart .cart-item .cart-item-remove { + width: 20px; + float: right; + font-size: 12px; } + .widget-mycart .cart-item .cart-item-remove i { + color: #484848 !important; } + .widget-mycart .cart-total { + display: flex; + align-items: center; + justify-content: space-between; + padding-top: 4px; + margin: 10px 0; } + .widget-mycart .cart-total .cart-total-labels { + text-align: left; } + .widget-mycart .cart-total .cart-total-labels span { + margin-bottom: 2px; + display: block; + font-weight: 500; } + .widget-mycart .cart-total .cart-total-labels span strong { + font-size: 16px; + font-weight: 600; } + .widget-mycart .cart-total .cart-total-prices { + text-align: right; } + .widget-mycart .cart-total .cart-total-prices span { + margin-bottom: 2px; + display: block; + font-weight: 500; } + .widget-mycart .cart-total .cart-total-prices span strong { + font-weight: 600; + font-size: 16px; } + .widget-mycart .cart-buttons .btn { + margin-bottom: 0; } + +.p-dropdown-content .widget-notification { + min-width: 246px; } + +.widget-notification { + width: 100%; + position: relative; } + .widget-notification .notification-item { + display: flex; + align-items: flex-start; + margin-top: 12px; + width: 100%; + position: relative; } + .widget-notification .notification-item.notification-new::before { + content: " "; + background-color: #CE041C; + width: 10px; + height: 10px; + position: absolute; + border-radius: 50%; + right: 0; + top: 5px; } + .widget-notification .notification-item .notification-image { + width: 36px; + height: 36px; + border-radius: 100%; + overflow: hidden; } + .widget-notification .notification-item .notification-image img { + width: 100%; } + .widget-notification .notification-item .notification-meta { + flex: 1px; + padding-left: 12px; } + .widget-notification .notification-item .notification-meta > a { + font-weight: 500; + display: block; } + .widget-notification .notification-item .notification-meta span { + opacity: .6; + font-size: 11px; } + +/*Widget Tabs*/ +.widget .tabs-content { + margin-bottom: 0; + padding-bottom: 0; } + +.sidebar .widget .tabs li > a { + /*font-size: 11px;*/ + padding: 10px; } + +.sidebar .widget .tabs .tabs-navigation li { + float: left; + display: inherit; } + +.widget .post-thumbnail-content a { + font-size: 13px; + line-height: 20px; + display: block; } + +.sidebar .widget .post-thumbnail-list .post-thumbnail-entry > img { + height: 48px; + margin-right: 10px; + width: 64px; } + +.sidebar .widget .post-thumbnail-list .post-thumbnail-entry img + .post-thumbnail-content { + padding-left: 72px; } + +.sidebar .widget .post-thumbnail-entry .post-thumbnail-content .post-date, +.post-thumbnail-entry .post-thumbnail-content .post-category { + font-size: 11px; } + +.sidebar .widget .post-thumbnail-entry:last-child { + margin-bottom: 0; + padding-bottom: 0; } + +/*Dark*/ +.dark .widget .widget-title, +.dark .widget > h4 { + color: #ffffff; } + +@media (max-width: 1024px) { + .widget { + float: left; + width: 100%; } } +/* Extras */ +/*------------------------------------------------------ + Extras +------------------------------------------------------*/ +.lazy { + opacity: 0; + transition: opacity 3s ease-in; } + .lazy.img-loaded { + opacity: 1; } + +.item-link { + color: #484848; + font-size: 12px; + letter-spacing: 1px; + text-transform: uppercase !important; } + .item-link i { + position: relative; + right: 0; + transition: right 0.3s ease 0s; } + .item-link:hover { + color: #2250fc; } + .item-link:hover i { + right: -6px; } + +.background-image { + background-position: center center; + background-repeat: no-repeat; + background-size: cover; } + +.background-fixed { + background-attachment: fixed; + background-position: center top; + background-size: cover; } + +.no-parallax { + background-size: cover !important; + background-attachment: scroll !important; + background-position: center center !important; } + +.background-colored { + background-color: #2250fc; } + +#particles-dots { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: transparent; + z-index: -1; } + +.particles canvas { + position: absolute; + top: 0; + left: 0; } + +/* ---------------------------------------------------------------- + MULTISCROLL +-----------------------------------------------------------------*/ +#multiscroll .ms-left .ms-section { + background-position: 100% center !important; } + +#multiscroll .ms-right .ms-section { + background-position: 0 center !important; } + +/* ---------------------------------------------------------------- +Scroll top +-----------------------------------------------------------------*/ +#scrollTop { + z-index: -1; + opacity: 0; + position: fixed; + text-align: center; + line-height: 12px !important; + right: 26px; + bottom: 0; + color: #fff; + cursor: pointer; + border-radius: 100px; + height: 40px; + width: 40px; + background-color: rgba(0, 0, 0, 0.25); + background-repeat: no-repeat; + background-position: center; + transition: opacity 0.3s, bottom 0.5s, box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.1s linear; + background-color: rgba(0, 0, 0, 0.25) !important; + overflow: hidden; } + #scrollTop i { + line-height: 39px !important; + width: 39px !important; + height: 39px !important; + font-size: 16px !important; + top: 0px !important; + left: 0px !important; + text-align: center !important; + position: relative; + z-index: 10; + background-color: transparent !important; + transform: translate(0, 0px); + transition: transform 0.2s ease; } + #scrollTop:hover { + transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1), background-color 0.05s linear 0.25s; + background-color: transparent !important; } + #scrollTop:hover i { + transform: translate(0, -39px) !important; } + #scrollTop:after, #scrollTop:before { + display: block; + content: ' '; + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + z-index: 1; + background-color: #2250fc; + transform: scale(0); + transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); + border-radius: 100px; } + #scrollTop:before { + background-color: rgba(255, 255, 255, 0.25); + transform: scale(1); + transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); + opacity: 0; + z-index: 2; } + #scrollTop:hover:after { + transform: scale(1); } + #scrollTop:active:before { + opacity: 1; } + +/* ---------------------------------------------------------------- +Misc +-----------------------------------------------------------------*/ +.show-grid[class*="col-lg-"] .show-grid-block { + background-color: #eeeeee; + border: 1px solid #ffffff; + display: block; + line-height: 40px; + min-height: 40px; + text-align: center; } + +.fontawesome-icon-list i { + font-size: 18px; + display: inline-block; + font-size: 1.3em; + margin-right: 5px; + position: relative; + text-align: center; + top: 2px; + width: 30px; + padding: 16px 0px; } + +[class^="icon"] { + display: inline-block; } + +/* ---------------------------------------------------------------------- +Images +-------------------------------------------------------------------------*/ +.img-thumbnail { + border: 1px solid #eee; + padding: 1px; } + +/* ---------------------------------------------------------------------- +NEWS MARKETING BOX +-------------------------------------------------------------------------*/ +.marketing-box { + background-color: #f1f1f1; + border: 1px solid #eee; + clear: both; + color: #999; + height: 100px; + line-height: 100px; + text-align: center; + width: 100%; + margin-bottom: 20px; } + +/* ---------------------------------------------------------------------- +NEWS MARKETING BOX +-------------------------------------------------------------------------*/ +.news-ticker { + border-bottom: 1px solid #eee; + position: relative; } + +.news-ticker-title { + background-color: #f5f5f5; + float: left; + margin-right: 12px; + height: 100%; } + +.news-ticker-title h4 { + font-size: 14px; + font-weight: 700; + line-height: 14px; + padding: 20px 30px 17px; } + +.news-ticker-content { + margin-bottom: 0; + padding: 14px; + width: 100%; } + +.news-ticker-content .polo-carousel-item { + margin-right: 40px; } + .news-ticker-content .polo-carousel-item a { + white-space: nowrap; + padding-right: 40px !important; } + .news-ticker-content .polo-carousel-item:before { + color: #d82731; + content: "\e9be"; + font-family: inspiro-icons !important; + font-size: 10px; + margin-left: -32px; + position: absolute; } + +@media (max-width: 1024px) { + .news-ticker { + display: none; } } +/* ---------------------------------------------------------------------- +DEMO GRID +-------------------------------------------------------------------------*/ +.grid-system-demo [class*="col-"] .grid-col-demo { + background-color: #eee; + display: block; + line-height: 54px; + min-height: 54px; + text-align: center; } + +.grid-system-demo .row { + padding-bottom: 42px; } + +.grid-system-demo-live .row { + padding-bottom: 42px; } + +/* ---------------------------------------------------------------------- +BOXED GRID +-------------------------------------------------------------------------*/ +.boxed-grid .row { + margin-right: -10px; + margin-left: -10px; } + +.boxed-grid [class*="col-"] { + padding-left: 10px; + padding-right: 10px; } + +.boxed-grid [class*="col-"] a { + margin-bottom: 20px; } + +.boxed-grid a { + overflow: hidden; + display: block; + position: relative; } + +.boxed-grid a img { + width: 100%; + height: auto; + transition: all 0.6s ease; } + +.boxed-grid a:hover img { + transform: scale(1.2); } + +.boxed-grid a .title { + position: absolute; + top: 40%; + left: 30px; + font-size: 28px; + font-weight: 800; + text-transform: uppercase; + color: #fff; } + +/* ---------------------------------------------------------------------- +PAGE 404 +-------------------------------------------------------------------------*/ +.page-error-404 { + color: #eee; + display: block; + font-size: 300px; + font-weight: 800; + line-height: 0.7; } + +body.breakpoint-sm .page-error-404 { + font-size: 200px; + line-height: 0.8; + margin-bottom: 20px; } + +body.breakpoint-xs .page-error-404 { + font-size: 140px; + line-height: 0.8; + margin-bottom: 20px; } + +/* ---------------------------------------------------------------- +Scrolldown icon animation +-----------------------------------------------------------------*/ +.scrolldown-animation { + animation: 1s ease-in-out 0s normal none infinite running scrolldown-keyframes; + bottom: 40px; + height: 40px; + left: 50%; + margin-left: -20px; + position: absolute; + width: 45px; + z-index: 60; } + +@keyframes scrolldown-keyframes { + 0%, + 100% { + transform: translateY(-8px); } + 50% { + transform: translateY(0px); } } +@keyframes scrolldown-keyframes { + 0%, + 100% { + transform: translateY(-8px); } + 50% { + transform: translateY(0px); } } +/*animated background*/ +.animated-background { + animation: 120s linear 0s normal none infinite running animatedBackground; + background-repeat: repeat-x; + background-size: cover; } + +@keyframes animatedBackground { + 0% { + background-position: 0 0; } + 100% { + background-position: -3000px 0; } } +@keyframes animatedBackground { + 0% { + background-position: 0 0; } + 100% { + background-position: -3000px 0; } } +/* ---------------------------------------------------------------- +Image Block +-----------------------------------------------------------------*/ +.image-block { + background-color: #f4f4f4; } + +.image-block .col-lg-6 { + padding: 60px; } + +.image-block-content { + margin-bottom: 30px; + padding: 0 50px; } + +.image-block-content .feature-icon { + border-radius: 100%; + color: #fff; + display: inline-block; + height: 60px; + line-height: 60px; + text-align: center; + width: 60px; + background-color: #eee; } + +.image-block-content .feature-icon i { + font-size: 28px; + margin-top: 16px; } + +.image-block-content .feature-content { + padding-left: 85px; } + +.image-block-content .feature-content h3 { + margin-bottom: 0; } + +.image-absolute { + position: absolute; + top: 0px; + left: 0px; + width: 426px; + height: 556px; } + +/*hero headings*/ +.heading-fancy-border { + border: 15px solid #111; + margin: 0 10%; + padding: 60px 0px; } + +.text-light .heading-fancy-border { + border-color: #fff !important; } + +/*hero heading 2*/ +.hero-heading-2 { + padding: 20px; + background-color: #111; + border-radius: 8px; } + +.hero-heading-2 > i { + font-size: 160px; + opacity: 0.1; + position: absolute; + right: 23px; + top: 2px; } + +/*hero heading 3*/ +.hero-heading-3 { + background-color: #fff; + border: 36px solid #fff; + box-shadow: 0 0 0 1px #111 inset; + color: #111; + opacity: 0.7; + padding: 72px; + width: auto; + margin: 40px; + text-align: center; } + +.hero-heading-3 h2, +.hero-heading-3 h3 { + text-transform: uppercase; + font-size: 92px; + text-align: center; + margin: 0; + line-height: 72px; } + +@media (max-width: 1024px) { + .hero-heading-3 { + background-color: #fff; + border: 30px solid #fff; + padding: 30px; + width: 100%; + margin: 0; } + + .hero-heading-3 h2, + .hero-heading-3 h3 { + font-size: 40px !important; + line-height: 40px !important; } } +/*working-hours list*/ +.working-hours ul { + padding: 0; } + +.working-hours li { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); + display: inline-block; + padding: 10px 0; + width: 100%; } + +.working-hours li:before { + content: "\f017"; + font-family: "Font Awesome 5 Free"; + margin-right: 15px; } + +.working-hours li span { + float: right; } + +.working-hours p { + font-size: 13px; + color: #111; } + +/*price menu list*/ +.price-menu-list { + padding: 0; + list-style: none; } + +.price-menu-list li { + margin-bottom: 40px; } + +.price-menu-list li > h2 { + margin-bottom: 0; } + +.price-menu-list li > p { + margin-bottom: 8px; + opacity: 0.6; } + +.price-menu-list li > img { + border-radius: 50%; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + width: 100px; + height: 100px; + float: left; } + +/* ---------------------------------------------------------------------- +Responsive utilities +-------------------------------------------------------------------------*/ +.responsive-utilities th small { + color: #999; + display: block; + font-weight: 400; } + +.responsive-utilities td.is-visible { + background-color: #dff0d8 !important; + color: #468847; } + +/* ---------------------------------------------------------------- +Bootstrap row colums fixes +-----------------------------------------------------------------*/ +.col-lg-2-5 { + width: 20%; + float: left; + padding-left: 15px; + padding-right: 15px; } + +/* ---------------------------------------------------------------- +Creative Profile Page +-----------------------------------------------------------------*/ +.profile-content { + width: 100%; + padding: 0; + position: relative; } + .profile-content .profile-image { + background-position: 50% 20%; + background-repeat: repeat-y; + background-size: cover; + height: 100%; + left: 0; + position: fixed; + top: 0; + width: 67.6666%; + z-index: 2; + display: table; } + .profile-content .profile-image .profile-name { + padding: 15px; + position: absolute; + width: 100%; + bottom: 0; } + .profile-content .profile-image .profile-name h3 { + color: #fff; + font-size: 120px; + opacity: 0.7; + line-height: 1; + text-shadow: 0 22px 25px rgba(0, 0, 0, 0.13); } + .profile-content .profile-bio { + float: right; + height: auto; + margin: 50px; + overflow: hidden; + padding: 0 0 0 100px; + position: relative; + right: 0; + top: 0; + width: 33.3333%; + z-index: 1; } + .profile-content .profile-bio .profile-bio-footer { + padding: 20px 0 0; + width: 100%; } + +@media (max-width: 1024px) { + .profile-content .profile-image { + height: 300px; + position: relative; + width: 100%; + display: table; } + + .profile-content .profile-image .profile-name h3 { + font-size: 40px; + text-align: center; } + + .profile-content .profile-bio { + display: block; + float: none; + height: auto; + margin: 15px auto; + padding: 15px; + width: 750px; } } +/* ---------------------------------------------------------------- +Text-Rotator +-----------------------------------------------------------------*/ +.morphext > .animated { + display: inline-block; + opacity: 1; } + +.ohidden { + position: relative; + overflow: hidden !important; } + +/* ---------------------------------------------------------------- +Play Button +-----------------------------------------------------------------*/ +.play-button { + position: relative; + width: 90px; + height: 90px; + display: inline-block; + border-width: 7px; + border-style: solid; + border-color: #ffffff; + border-radius: 50%; + transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } + .play-button > i { + font-size: 22px; + color: #ffffff; + display: block; + position: absolute; + top: 50%; + left: 50%; + margin-left: 2px; + transform: translateY(-50%) translateX(-50%); } + .play-button.dark { + border-color: #1f1f1f; } + .play-button.dark > i { + color: #1f1f1f; } + .play-button:hover { + transform: scale(1.15); + transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; } + +.lines-button { + appearance: none; + border: none; + cursor: pointer; + display: flex; + justify-content: center; + align-items: center; + height: 100%; + transition: 0.3s; + user-select: none; + width: 16px; + background: transparent; + outline: none; } + .lines-button > * { + display: block; } + .lines-button:hover, .lines-button:focus { + outline: none; } + .lines-button::-moz-focus-inner { + border: 0; } + +.lines { + display: inline-block; + height: 2px; + width: 20px; + border-radius: 4px; + transition: 0.3s; + position: relative; + top: -4px; } + .lines::before, .lines::after { + display: inline-block; + height: 2px; + width: 20px; + border-radius: 4px; + transition: 0.3s; + content: ''; + position: absolute; + left: 0; + transform-origin: 2.85714px center; + width: 100%; } + .lines::before { + top: 6px; } + .lines::after { + top: -6px; } + .lines, .lines:before, .lines:after { + background-color: #111; } + +.toggle-active .lines { + -webkit-transform: scale3d(0.8, 0.8, 0.8); + transform: scale3d(0.8, 0.8, 0.8); } + +.x { + width: auto; } + +.x.toggle-active .lines { + background: transparent !important; } + +.x.toggle-active .lines::before, +.x.toggle-active .lines::after { + transform-origin: 50% 50%; + top: 0; + width: 26px; } + +.x.toggle-active .lines::before { + transform: rotate3d(0, 0, 1, 45deg); } + +.x.toggle-active .lines::after { + transform: rotate3d(0, 0, 1, -45deg); } + +.toggle-item i { + position: relative; } + .toggle-item i:nth-of-type(2) { + visibility: hidden; + position: absolute; } +.toggle-item.toggle-active i:nth-of-type(2) { + visibility: visible; + position: relative; } +.toggle-item.toggle-active i:nth-of-type(1) { + visibility: hidden; + position: absolute; } + +.image-hover-zoom { + position: relative; + overflow: hidden; + cursor: url("../images/expand.png"), default; + /*hover state*/ } + .image-hover-zoom img { + transition: all .4s ease; + opacity: 1; } + .image-hover-zoom:hover img { + opacity: .3; } + +/* ---------------------------------------------------------------- + VM PLAYER (VIMEO PLAYER) +-----------------------------------------------------------------*/ +.vimeo_player_wrapper { + z-index: -1 !important; } + +.vimeo_player_wrapper ~ iframe { + display: none; } + +iframe { + width: 100%; } + +/* ---------------------------------------------------------------- + Others +-----------------------------------------------------------------*/ +.block-shadow { + -moz-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2); + box-shadow: 0 25px 75px 0 rgba(0, 0, 0, 0.2); + margin-left: -100px; } + +.portfolio-item .new-badge { + background-image: url("../preview/images/new-badge.png"); + background-position: 0 0; + background-repeat: no-repeat; + height: 61px; + position: absolute; + right: 12px; + top: 3px; + width: 55px; + z-index: 100; } + +/* ---------------------------------------------------------------- + Bar Rating +-----------------------------------------------------------------*/ +.bar-rating { + height: 23px; + float: left; + color: #FFC300; } + +/* ---------------------------------------------------------------- + Bar Rating +-----------------------------------------------------------------*/ +.image-left-offset { + margin-left: -15px; } + .image-left-offset img { + width: 100%; + max-width: none; + z-index: 1; + position: relative; + display: block; } + +.image-right-offset { + margin-right: -15px; } + .image-right-offset img { + width: 100%; + max-width: none; + z-index: 1; + position: relative; + display: block; } + +/* ---------------------------------------------------------------------- + Full Calendar +-------------------------------------------------------------------------*/ +#external-events .fc-event { + margin-bottom: 10px; + cursor: grab; } + +.fc-view, +.fc-view > table { + z-index: 0 !important; } + +.fc-toolbar .fc-button { + font-size: 12px !important; + padding: 4px 14px; + height: 34px; + font-family: "Poppins", sans-serif; + background-color: #ffffff !important; + border-color: #ebebeb !important; + color: #4c5667 !important; + text-shadow: none !important; + background-image: unset !important; + box-shadow: unset !important; } + .fc-toolbar .fc-button:hover, .fc-toolbar .fc-button:focus, .fc-toolbar .fc-button:active, .fc-toolbar .fc-button.active { + border-color: #ebedf2 !important; + background-color: #f4f5f8 !important; + color: #4c5667 !important; } + +.fc-day-header { + padding-top: 10px !important; + padding-bottom: 10px !important; } + .fc-day-header span { + font-weight: 600; } + +.fc-list-heading td { + font-weight: 600; } + +td.fc-today { + border-style: none; } + +.fc-event { + padding: 4px 10px; } + +.fc-event, +.fc-event:hover, +.fc-title, +.fc-more { + color: #484848; } + +.fc-popover .fc-header { + padding: 6px 9px; } + +.fc-event { + background-color: #fff; + border-width: 1px; + border-color: #ececec; + box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08); + border-left-width: 1px !important; + padding: 5px 12px !important; + border-radius: 4px !important; + margin: 5px; } + +.fc-event-dot { + background-color: #181818; } + +.fc-divider, +.fc-list-heading td, +.fc-popover .fc-header { + background-color: #F7F9FB !important; } + +.fc-toolbar h2 { + font-size: 1.2em; } + +.fc-event-primary.fc-event { + background-color: #2250fc; + border-color: #2250fc; + color: #ffffff; } + .fc-event-primary.fc-event span { + color: #ffffff; } +.fc-event-primary .fc-event-dot { + background-color: #2250fc; } + +.fc-event-secondary.fc-event { + background-color: #5A6268; + border-color: #5A6268; + color: #ffffff; } + .fc-event-secondary.fc-event span { + color: #ffffff; } +.fc-event-secondary .fc-event-dot { + background-color: #2250fc; } + +.fc-event-warning.fc-event { + background-color: #ffb20e; + border-color: #ffb20e; + color: #ffffff; } + .fc-event-warning.fc-event span { + color: #ffffff; } +.fc-event-warning .fc-event-dot { + background-color: #ffb20e; } + +.fc-event-danger.fc-event { + background-color: #CE041C; + border-color: #CE041C; + color: #ffffff; } + .fc-event-danger.fc-event span { + color: #ffffff; } +.fc-event-danger .fc-event-dot { + background-color: #CE041C; } + +.fc-event-info.fc-event { + background-color: #53b0f8; + border-color: #53b0f8; + color: #ffffff; } + .fc-event-info.fc-event span { + color: #ffffff; } +.fc-event-info .fc-event-dot { + background-color: #53b0f8; } + +.fc-event-success.fc-event { + background-color: #81c868; + border-color: #81c868; + color: #ffffff; } + .fc-event-success.fc-event span { + color: #ffffff; } +.fc-event-success .fc-event-dot { + background-color: #81c868; } + +.simple-dropdown .title { + line-height: inherit !important; + letter-spacing: 1px; + padding: 0; + color: #1f1f1f; } +.simple-dropdown .dropdown-list { + right: -10px; + margin-top: -20px; + left: auto; + box-shadow: 0px -6px 16px rgba(0, 0, 0, 0.1); + margin-top: -16px; } + .simple-dropdown .dropdown-list:before { + content: " "; + width: 0; + height: 0; + border-left: 9px solid transparent; + border-right: 9px solid transparent; + border-bottom: 9px solid #ffffff; + top: -9px; + right: 14px; + position: absolute; } + +.p-dropdown { + float: left; + font-size: 13px; + font-weight: 400; + position: relative; } + .p-dropdown a:not(.btn) { + color: #484848; } + .p-dropdown .btn, + .p-dropdown .title { + padding-bottom: 10px; + cursor: pointer; + overflow: unset !important; } + .p-dropdown .btn:before { + top: 30px; + right: 5px; } + .p-dropdown .btn ~ .dropdown-content { + top: 42px; } + .p-dropdown .p-dropdown-content, + .p-dropdown ul.p-dropdown-content { + line-height: normal; + position: absolute; + min-width: 140px; + z-index: 5; + text-align: left; + opacity: 0; + transition: all 0.3s ease; + visibility: hidden; + transform: translateY(8px); + padding: 14px 20px; + width: min-content; + top: auto; + right: 0; + margin: 0; + border-radius: 4px; + background-color: #fff; + border: 1px solid #ececec; + min-width: 180px; + box-shadow: 0 14px 20px rgba(0, 0, 0, 0.1); } + .p-dropdown .p-dropdown-content hr, + .p-dropdown ul.p-dropdown-content hr { + margin-left: -20px; + margin-right: -20px; } + .p-dropdown .p-dropdown-content ul > li, + .p-dropdown .p-dropdown-content > li, + .p-dropdown ul.p-dropdown-content ul > li, + .p-dropdown ul.p-dropdown-content > li { + display: block; } + .p-dropdown .p-dropdown-content ul > li:first-child label, + .p-dropdown .p-dropdown-content > li:first-child label, + .p-dropdown ul.p-dropdown-content ul > li:first-child label, + .p-dropdown ul.p-dropdown-content > li:first-child label { + margin-top: 0; } + .p-dropdown .p-dropdown-content ul > li label, + .p-dropdown .p-dropdown-content > li label, + .p-dropdown ul.p-dropdown-content ul > li label, + .p-dropdown ul.p-dropdown-content > li label { + color: #999999; + font-size: 11px; + text-transform: uppercase; + margin-top: 14px; + margin-bottom: 0; } + .p-dropdown .p-dropdown-content ul > li a, + .p-dropdown .p-dropdown-content > li a, + .p-dropdown ul.p-dropdown-content ul > li a, + .p-dropdown ul.p-dropdown-content > li a { + line-height: 26px; + white-space: nowrap; + display: block; + padding: 2px 8px; } + .p-dropdown .p-dropdown-content ul > li a i, + .p-dropdown .p-dropdown-content > li a i, + .p-dropdown ul.p-dropdown-content ul > li a i, + .p-dropdown ul.p-dropdown-content > li a i { + margin-right: 6px; } + .p-dropdown.p-dropdown-invert .p-dropdown-content, + .p-dropdown.p-dropdown-invert ul.p-dropdown-content { + left: 0; + right: auto; } + .p-dropdown.p-dropdown-invert .p-dropdown-content:before, + .p-dropdown.p-dropdown-invert ul.p-dropdown-content:before { + content: " "; + right: auto; + left: 22px; } + .p-dropdown:hover .title:before { + opacity: 1; + visibility: visible; } + .p-dropdown:hover .p-dropdown-content { + opacity: 1; + transform: scale(1); + visibility: visible; } + +.header-extras .p-dropdown .p-dropdown-content, +.header-extras .p-dropdown ul.p-dropdown-content { + right: -26px; + margin-top: -8px; } + .header-extras .p-dropdown .p-dropdown-content:before, + .header-extras .p-dropdown ul.p-dropdown-content:before { + display: none; } + +.widget-form { + min-width: 200px; } + +table.table-bordered.dataTable tbody th, +table.table-bordered.dataTable tbody td { + border-bottom-width: 0; } + +table.table-bordered.dataTable th, +table.table-bordered.dataTable td { + border-left-width: 0; } + +.table-bordered th, +.table-bordered td { + border: 1px solid #ececec; + border-bottom-width: 1px; + border-left-width: 1px; } + +table.dataTable thead th, +table.dataTable thead td { + padding: 10px 18px; + border-bottom: 1px solid #ececec; + border-top: 0; + background-color: #F7F9FB; } + +table.dataTable tfoot th, +table.dataTable tfoot td { + border-top: 2px solid #ececec; + background-color: #F7F9FB; } + +.table-bordered { + border: 1px solid #ececec; } + +.dataTables_paginate, +.paging_simple_numbers .dataTables_info, +#datatable_paginate { + margin-top: 20px; } + +div.dataTables_wrapper div.dataTables_length select { + min-width: 60px; } + +.dataTables_wrapper .dataTable .group th, +.dataTables_wrapper .dataTable .group td { + background-color: #f8f9fa; } + +.dataTable input { + width: 100%; } + +.table th { + font-weight: 500; } + +/* Countdown */ +.p-countdown .p-countdown-show { + display: none; } + +/* Box */ +.p-cb { + position: relative; + margin: 12px 0; + background-color: #fff; + box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05); + border-radius: 5px; + padding: 20px; + transition: all 0.3s ease; + border: 1px solid #ececec; + cursor: pointer; } + .p-cb a { + color: #484848; } + .p-cb .cb-icon { + float: left; } + .p-cb .cb-icon i { + font-size: 34px; } + .p-cb .cb-icon ~ .cb-title, + .p-cb .cb-icon ~ .cb-content { + padding-left: 50px; } + .p-cb.cb-text .cb-title { + font-size: 20px; + margin-bottom: 10px; + font-weight: 600; } + .p-cb.cb-text .cb-content { + font-size: 12px; } + .p-cb.cb-text .cb-content p { + color: #777777; + margin-bottom: 0; } + .p-cb.cb-text:hover { + box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05); } + .p-cb.cb-text:hover a:not(.link) { + color: inherit; } + +.icon-set-container { + display: block; + width: calc(100% + 30px); + left: -15px; + position: relative; + display: flex; + flex-wrap: wrap; + align-content: center; + justify-content: center; } + .icon-set-container .icon-preview .icon-holder { + vertical-align: middle; + top: -4px; + height: 40px; + width: 40px; + background: rgba(0, 0, 0, 0.04); + display: inline-block; + line-height: 44px; + text-align: center; + border-radius: 4px; + font-size: 24px; + transition: .3s; + position: relative; + position: absolute; + top: 50%; + transform: translateY(-50%); } + .icon-set-container .icon-preview .icon-class { + max-width: 100%; + display: inline-block; + overflow: hidden; + font-size: 13px; + line-height: 20px; + top: 0; + vertical-align: middle; + padding-left: 50px; + font-weight: 500; } + .icon-set-container .row > [class^="col-"] { + position: relative; + font-size: 20px; + margin: 12px 12px; + background-color: #fff; + box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05); + border-radius: 5px; + flex: 1 1 calc(25% - 30px); + align-content: center; + justify-content: center; + display: flex; + flex-direction: column; + padding: 26px 18px; + transition: .3s; + color: #626262; } + .icon-set-container .row > [class^="col-"]:hover { + transform: translateY(-5px); + background-color: #2250fc; + color: #ffffff; + box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05); } + .icon-set-container .row > [class^="col-"]:hover .icon-holder { + background-color: #fff; + color: #2250fc; } + +.kenburns-bg { + background-position: 50% 20%; + background-repeat: repeat-y; + background-size: cover; + height: 100%; + position: absolute; + top: 0; + vertical-align: middle; + width: 100%; + z-index: -1; + transform: scale(1); + transition: 14s transform ease; } + +.kenburns-bg.kenburns-bg-animate { + transform: translate3d(0, 0, 0) scale(1.2); } + +.zoom-out { + animation-name: zoom-out; + transform: scale(1); + opacity: 1; } + +@-webkit-keyframes zoom-out { + 0% { + opacity: 0.1; } + 100% { + opacity: 1; } } +@-moz-keyframes zoom-out { + 0% { + opacity: 0.1; } + 100% { + opacity: 1; } } +@-o-keyframes zoom-out { + 0% { + opacity: 0.1; } + 100% { + opacity: 1; } } +@keyframes zoom-out { + 0% { + transform: scale(1.5); + opacity: 0.1; } + 100% { + transform: scale(1); + opacity: 1; } } +.fullscreen .container-fullscreen { + display: flex; + width: 100%; + height: 100%; } + .fullscreen .container-fullscreen .text-middle { + align-self: center; + margin: 0 auto; } + +/* Components */ +/* ---------------------------------------------------------------- + Bootstrap Notify +-----------------------------------------------------------------*/ +.alert [data-notify="progressbar"] { + height: 6px !important; + margin-top: 8px; } + +.progress .progress-bar { + height: 4px; + background-color: #a0d68d; } + +.bootstrap-notify { + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); + z-index: 1500; } + .bootstrap-notify.alert .close { + padding: 4px; } + .bootstrap-notify a, + .bootstrap-notify a:hover, + .bootstrap-notify a:visited { + color: #ffffff !important; + text-decoration: underline; } + +.element-container { + box-shadow: none; + display: block !important; + margin: unset !important; + position: relative !important; + top: unset !important; + right: unset !important; + width: auto !important; } + +/* ---------------------------------------------------------------- + Date picker +-----------------------------------------------------------------*/ +.input-daterange .input-group-addon { + min-width: 44px; } + +.datepicker { + width: 260px; + padding: 10px !important; } + .datepicker table { + width: 100%; } + .datepicker.datepicker-dropdown { + box-shadow: 0px 0px 15px 1px rgba(94, 94, 94, 0.15); } + .datepicker thead th, + .datepicker td, + .datepicker th { + border-top: none; + border-bottom: none; } + .datepicker td, + .datepicker th { + width: 34px !important; + height: 32px !important; + border-radius: 3px !important; } + .datepicker tbody tr > td.day:hover { + background: #ebedf2; } + .datepicker tbody tr > td.day.old { + color: #9c9c9c; } + .datepicker tbody tr > td.day.new { + color: #9c9c9c; } + .datepicker tbody tr > td.day.today.active, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.selected { + background: #2250fc !important; + color: #ffffff; } + .datepicker tbody tr > td.day.today.active:hover, .datepicker tbody tr > td.day.active:hover, .datepicker tbody tr > td.day.selected:hover { + background: #2250fc; + color: #ffffff; } + .datepicker tbody tr > td.day.today { + opacity: .8; } + .datepicker tbody tr > td.day.range { + background: #f4f5f8; } + .datepicker tbody tr > td.day.range.today { + background: #2250fc; + opacity: .4; } + .datepicker tbody tr > td span.month { + color: #575962; } + .datepicker tbody tr > td span.month.focused, .datepicker tbody tr > td span.month:hover { + background: #ebedf2; } + .datepicker tbody tr > td span.month.active { + background: #2250fc; + color: #fff; } + .datepicker tbody tr > td span.month.active:hover { + background: #2250fc; + color: #fff; } + .datepicker tfoot tr > th.clear:hover, .datepicker tfoot tr > th.today:hover { + background: #ebedf2; } + .datepicker.datepicker-inline { + border: 1px solid #f4f5f8; } + +.timepicker-picker a.btn { + background: transparent !important; + border: none !important; } + .timepicker-picker a.btn span::before { + color: #000; } + .timepicker-picker a.btn:hover { + background: #ebedf2; } +.timepicker-picker .separator:before, +.timepicker-picker .separator:after { + border: none !important; } + +.bootstrap-datetimepicker-widget.dropdown-menu { + width: auto; + padding: 0px; + box-shadow: 0px 0px 15px 1px rgba(94, 94, 94, 0.15); + z-index: 1110 !important; } + +.timepicker, +.datetimepicker { + width: 260px; + padding: 10px; } + +.datetimepicker.datetimepicker-orient-top { + margin-top: 8px; } +.datetimepicker table { + width: 100%; } +.datetimepicker td, +.datetimepicker th { + width: 34px !important; + height: 32px !important; + border-radius: 3px !important; } +.datetimepicker thead th.next > span, .datetimepicker thead th.prev > span { + display: inline-block; + font-family: inspiro-icons !important; + font-size: 16px; + text-decoration: inherit; + text-rendering: optimizeLegibility; + text-transform: none; } +.datetimepicker thead th.next > span:before { + content: "\e930"; } +.datetimepicker thead th.prev > span:before { + content: "\e92f"; } +.datetimepicker tbody tr > td.day.today { + position: relative; } + .datetimepicker tbody tr > td.day.today:before { + content: ''; + display: inline-block; + border: solid transparent; + border-width: 0 0 7px 7px; + border-bottom-color: #fff; + border-top-color: rgba(0, 0, 0, 0.2); + position: absolute; + bottom: 4px; + right: 4px; } +.datetimepicker tfoot tr > th.clear, .datetimepicker tfoot tr > th.today { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + font-weight: 500; } + +.input-daterange .input-group-addon { + min-width: 44px; } + +.datetimepicker tbody tr > td.day.today, +.datetimepicker table tr td.active:active, +.datetimepicker table tr td.active:hover:active, +.datetimepicker table tr td.active.disabled:active, +.datetimepicker table tr td.active.disabled:hover:active, +.datetimepicker table tr td.active.active, +.datetimepicker table tr td.active:hover.active, +.datetimepicker table tr td.active.disabled.active, +.datetimepicker table tr td.active.disabled:hover.active, +.datetimepicker table tr td span.active:active, +.datetimepicker table tr td span.active:hover:active, +.datetimepicker table tr td span.active.disabled:active, +.datetimepicker table tr td span.active.disabled:hover:active, +.datetimepicker table tr td span.active.active, +.datetimepicker table tr td span.active:hover.active, +.datetimepicker table tr td span.active.disabled.active, +.datetimepicker table tr td span.active.disabled:hover.active { + background: #2250fc !important; + color: #ffffff; } + +.datetimepicker table tr > td.today:hover, +.datetimepicker table tr > td.today:hover:hover, +.datetimepicker table tr > td.today.disabled:hover, +.datetimepicker table tr > td.today.disabled:hover:hover, +.datetimepicker table tr > td.today:active, +.datetimepicker table tr > td.today:hover:active, +.datetimepicker table tr > td.today.disabled:active, +.datetimepicker table tr > td.today.disabled:hover:active, +.datetimepicker table tr > td.today.active, +.datetimepicker table tr > td.today:hover.active, +.datetimepicker table tr > td.today.disabled.active, +.datetimepicker table tr > td.today.disabled:hover.active, +.datetimepicker table tr > td.today.disabled, +.datetimepicker table tr > td.today:hover.disabled, +.datetimepicker table tr > td.today.disabled.disabled, +.datetimepicker table tr > td.today.disabled:hover.disabled, +.datetimepicker table tr > td.today[disabled], +.datetimepicker table tr > td.today:hover[disabled], +.datetimepicker table tr > td.today.disabled[disabled], +.datetimepicker table tr > td.today.disabled:hover[disabled] { + background: #2250fc !important; + color: #ffffff; + opacity: .7; } + +.datetimepicker-dropdown-bottom-right:before { + top: -7px; + left: 6px; } + +.daterangepicker { + padding: 10px; + margin-top: 5px; } + .daterangepicker .daterangepicker_input .input-mini { + height: auto; + padding: .65rem 1rem; + padding-left: 2.2rem; + line-height: 1.25; } + .daterangepicker td, + .daterangepicker th { + width: 35px; + height: 35px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border: 0; + vertical-align: middle; + line-height: 0; } + .daterangepicker thead .fa.fa-chevron-left, .daterangepicker thead .fa.fa-chevron-right { + display: inline-block; + font: normal normal normal 16px/1 LineAwesome; + font-size: inherit; + text-decoration: inherit; + text-rendering: optimizeLegibility; + text-transform: none; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-smoothing: antialiased; } + .daterangepicker thead .fa.fa-chevron-left:before { + content: ""; } + .daterangepicker thead .fa.fa-chevron-right:before { + content: ""; } + .daterangepicker thead th { + font-weight: 500; } + .daterangepicker thead th.next, .daterangepicker thead th.prev { + font-size: 1.3rem; } + .daterangepicker tbody td.in-range.start-date.today { + -webkit-border-top-left-radius: 0; + -moz-border-top-left-radius: 0; + -ms-border-top-left-radius: 0; + -o-border-top-left-radius: 0; + border-top-left-radius: 0; + -webkit-border-bottom-left-radius: 0; + -moz-border-bottom-left-radius: 0; + -ms-border-bottom-left-radius: 0; + -o-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; } + .daterangepicker tbody td.in-range.end-date.today { + -webkit-border-top-right-radius: 0; + -moz-border-top-right-radius: 0; + -ms-border-top-right-radius: 0; + -o-border-top-right-radius: 0; + border-top-right-radius: 0; + -webkit-border-bottom-right-radius: 0; + -moz-border-bottom-right-radius: 0; + -ms-border-bottom-right-radius: 0; + -o-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; } + .daterangepicker tbody td.today { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + position: relative; } + .daterangepicker tbody td.today.in-range { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + position: relative; } + .daterangepicker tbody td.today.in-range:before { + content: ''; + display: inline-block; + border: solid transparent; + border-width: 0 0 7px 7px; + border-bottom-color: #fff; + border-top-color: rgba(0, 0, 0, 0.2); + position: absolute; + bottom: 4px; + right: 4px; } + .daterangepicker tbody td.today:before { + content: ''; + display: inline-block; + border: solid transparent; + border-width: 0 0 7px 7px; + border-bottom-color: #fff; + border-top-color: rgba(0, 0, 0, 0.2); + position: absolute; + bottom: 4px; + right: 4px; } + .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.monthselect, .daterangepicker select.yearselect { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + padding: .35rem .75rem; + outline: 0 !important; } + .daterangepicker .calendar-time { + margin: 15px 0 5px 0; } + .daterangepicker .calendar-time select.ampmselect, .daterangepicker .calendar-time select.hourselect, .daterangepicker .calendar-time select.minuteselect { + width: 70px; } + .daterangepicker .calendar-time i { + left: 3px; + top: 5px; + display: inline-block; + font: normal normal normal 16px/1 LineAwesome; + font-size: 1.4rem; + text-decoration: inherit; + text-rendering: optimizeLegibility; + text-transform: none; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + font-smoothing: antialiased; } + .daterangepicker .calendar-time i:before { + content: ""; } + .daterangepicker .ranges { + padding: 10px; + margin: 5px 5px 5px 10px; } + .daterangepicker .ranges ul { + width: 210px; } + .daterangepicker .ranges ul li { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -ms-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + background: 0 0; + padding: 8px 12px; + margin-bottom: 10px; + font-weight: 400; + border-color: transparent; } + .daterangepicker .ranges .range_inputs { + margin-top: 15px; } + .daterangepicker .ranges .range_inputs .btn { + padding: .6rem 1.6rem; + -webkit-border-radius: 40px; + -moz-border-radius: 40px; + -ms-border-radius: 40px; + -o-border-radius: 40px; + border-radius: 40px; + margin-right: 6px; } + .daterangepicker .daterangepicker_input .input-mini { + height: auto; + border: 1px solid #ebedf2; } + .daterangepicker .daterangepicker_input .input-mini.active, .daterangepicker .daterangepicker_input .input-mini:focus { + border: 1px solid #2250fc; } + .daterangepicker .daterangepicker_input i { + color: #b2b1c5; } + .daterangepicker thead th.next:hover, .daterangepicker thead th.prev:hover { + background: #ebedf2; } + .daterangepicker tbody td.available:hover, .daterangepicker tbody td:hover { + background: #ebedf2; } + .daterangepicker tbody td.off { + color: #7b7e8a; } + .daterangepicker tbody td.available { + color: #575962; } + .daterangepicker tbody td.today { + background: #2250fc; + color: #fff; } + .daterangepicker tbody td.today:before { + border-bottom-color: #fff; + border-top-color: rgba(0, 0, 0, 0.2); } + .daterangepicker tbody td.today.in-range { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; } + .daterangepicker tbody td.active, .daterangepicker tbody td.in-range, .daterangepicker tbody td.active:hover, .daterangepicker tbody td.in-range:hover { + background: #2250fc; + color: #fff; } + .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.monthselect, .daterangepicker select.yearselect { + border: 1px solid #ebedf2; } + .daterangepicker select.ampmselect.active, .daterangepicker select.ampmselect:focus { + border: 1px solid #2250fc; } + .daterangepicker select.hourselect.active, .daterangepicker select.hourselect:focus { + border: 1px solid #2250fc; } + .daterangepicker select.minuteselect.active, .daterangepicker select.minuteselect:focus { + border: 1px solid #2250fc; } + .daterangepicker select.monthselect.active, .daterangepicker select.monthselect:focus { + border: 1px solid #2250fc; } + .daterangepicker select.yearselect.active, .daterangepicker select.yearselect:focus { + border: 1px solid #2250fc; } + .daterangepicker .calendar-time i { + color: #b2b1c5; } + .daterangepicker .ranges li { + border: 1px solid #ebedf2; + color: #7b7e8a; } + .daterangepicker .ranges li:hover { + background: 0 0; + color: #7b7e8a; + background: #f9f9fd; } + .daterangepicker .ranges li.active { + background: #2250fc; + color: #fff; + border: 1px solid #2250fc; } + +/* ---------------------------------------------------------------- + Date range picker +-----------------------------------------------------------------*/ +.daterangepicker .ranges { + padding: 0; + margin: 0; } + .daterangepicker .ranges ul > li:last-child { + margin-bottom: 0 !important; } +.daterangepicker select.monthselect, +.daterangepicker select.yearselect { + padding: 5px 8px !important; + border: 0px; + margin-bottom: 4px; } +.daterangepicker td.in-range { + background: #f4f5f8 !important; + color: #212529 !important; } +.daterangepicker td.active:not(.off), +.daterangepicker td.active:hover, +.daterangepicker .active.end-date.in-range { + background: #2250fc !important; + color: #ffffff !important; } +.daterangepicker .drp-buttons .btn { + padding: 10px 10px; + line-height: 10px; } + +input.daterange:after, +input.dates:after { + font-family: inspiro-icons !important; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + content: "\e951"; + position: absolute; + right: 4px; + background: blue; } + +.daterangepicker .calendar-time select.ampmselect, +.daterangepicker .calendar-time select.hourselect, +.daterangepicker .calendar-time select.minuteselect { + min-height: 20px; + background-color: #fff !important; } + +/* Elements */ +/* ---------------------------------------------------------------- + Accordion +-----------------------------------------------------------------*/ +.accordion .ac-item { + margin-bottom: 10px; + padding: 12px 20px; + border-radius: 5px; + border: 1px solid #ececec; } + .accordion .ac-item .ac-title { + font-weight: 500; + position: relative; + padding-right: 10px; + margin: 0; + font-size: 1em; + cursor: pointer; + user-select: none; } + .accordion .ac-item .ac-title:before { + font-size: 18px; + content: "\e9be"; + font-family: "inspiro-icons"; + right: 0; + position: absolute; } + .accordion .ac-item .ac-title > i { + margin-right: 8px; } + .accordion .ac-item .ac-content { + padding-top: 12px; } + .accordion .ac-item .ac-content > p:last-child { + margin-bottom: 6px; } + .accordion .ac-item.ac-active .ac-title:before { + content: "\e9a1"; } +.accordion.accordion-shadow .ac-item { + box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05); } +.accordion.accordion-simple .ac-item { + padding: 14px 0; + margin-bottom: 0; + border-radius: 0; + border: 0; + border-bottom: 1px solid #ececec; } + .accordion.accordion-simple .ac-item:last-child { + border: 0; } +.accordion.accordion-flat .ac-item { + padding: 10px 0; + margin-bottom: 0; + border-radius: 0; + border: 0; } +.accordion.accordion-theme .ac-item { + background-color: #2250fc; + border: 0; } + .accordion.accordion-theme .ac-item .ac-title { + color: #ffffff; } + .accordion.accordion-theme .ac-item .ac-content, + .accordion.accordion-theme .ac-item .ac-content p { + color: #ffffff; } +.accordion.dark .ac-item { + background-color: #181818; + border: 0; } + .accordion.dark .ac-item .ac-title { + color: #ffffff; } + .accordion.dark .ac-item .ac-content, + .accordion.dark .ac-item .ac-content p { + color: #ffffff; } + +/* ---------------------------------------------------------------- + Alert +-----------------------------------------------------------------*/ +.alert { + color: #ffffff; + padding: 0.85rem 1.5rem; + z-index: 9999; } + .alert span[data-notify~="title"] { + display: block; + font-weight: bold; } + .alert span.fas { + font-size: 24px; + float: left; + padding-top: 10px; + min-width: 40px; + min-height: 40px; } + .alert .close { + color: #ffffff; + font-weight: 300; + padding: 12px 18px; } + .alert > .alert-icon { + float: left; } + .alert > .alert-icon i { + font-size: 34px; } + .alert > p { + padding-left: 54px; } + .alert.alert-primary { + background-color: #2250fc; + border-color: #093cfc; } + .alert.alert-secondary { + background-color: #5A6268; + border-color: #4e555a; } + .alert.alert-success { + background-color: #81c868; + border-color: #71c155; } + .alert.alert-info { + background-color: #53b0f8; + border-color: #3aa5f7; } + .alert.alert-danger { + background-color: #CE041C; + border-color: #b50419; } + .alert.alert-warning { + background-color: #ffb20e; + border-color: #f4a600; } + .alert.alert-light { + color: #9896a6; + background-color: #f8f9fa; + border-color: #ececec; } + .alert.alert-light .alert-link, + .alert.alert-light h1, + .alert.alert-light h2, + .alert.alert-light h3, + .alert.alert-light h4, + .alert.alert-light h5, + .alert.alert-light h6 { + color: #9896a6; } + .alert.alert-dark { + background-color: #9896a6; + border-color: #8a889a; } + .alert h1, + .alert h2, + .alert h3, + .alert h4, + .alert h5, + .alert h6, + .alert .alert-link { + color: #ffffff; } + .alert [data-notify="progressbar"] { + height: 2px !important; + margin-top: 8px; } + +.avatar { + flex-shrink: 0; + width: 2.7rem; + height: 2.7rem; + border-radius: 50%; } + .avatar .avatar-lg { + width: 3rem; + height: 3rem; } + .avatar .avatar-sm { + width: 1.5rem; + height: 1.5rem; } + +.avatar-lg { + width: 3rem; + height: 3rem; } + +.avatar-sm { + width: 1.5rem; + height: 1.5rem; } + +ul.avatars { + display: flex; + padding: 0; + list-style: none; } + ul.avatars > li:not(:last-child) { + margin-right: -0.375rem; } + +@media (min-width: 1024px) { + .avatar.avatar-lg { + width: 4.5rem; + height: 4.5rem; } } +/* ---------------------------------------------------------------------- + Buttons +-------------------------------------------------------------------------*/ +a:not([href]):not([tabindex]):not(.btn) { + color: none; } + +button.btn, +.btn:not(.close):not(.mfp-close), +a.btn:not([href]):not([tabindex]) { + font-family: "Poppins", sans-serif; + border-radius: 5px 5px 5px 5px; + font-size: 12px; + font-weight: 600; + letter-spacing: .5px; + text-decoration: none; + outline: none; + padding: 12px 18px; + position: relative; + text-transform: uppercase; + background-color: #2250fc; + border-color: #2250fc; + border-width: 1px; + border-style: solid; + color: #ffffff; + transition: all 0.3s; + margin-bottom: 6px; + outline: none; + line-height: 14px; + cursor: pointer; } + button.btn:after, + .btn:not(.close):not(.mfp-close):after, + a.btn:not([href]):not([tabindex]):after { + content: ''; + position: absolute; + z-index: -1; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; } + button.btn i, + .btn:not(.close):not(.mfp-close) i, + a.btn:not([href]):not([tabindex]) i { + text-shadow: none; } + button.btn.btn-xs, + .btn:not(.close):not(.mfp-close).btn-xs, + a.btn:not([href]):not([tabindex]).btn-xs { + font-size: 10px; + height: 24px; + line-height: 22px; + padding: 0 10px; } + button.btn.btn-sm, + .btn:not(.close):not(.mfp-close).btn-sm, + a.btn:not([href]):not([tabindex]).btn-sm { + font-size: 11px; + height: 30px; + line-height: 28px; + padding: 0 14px; } + button.btn.btn-lg, + .btn:not(.close):not(.mfp-close).btn-lg, + a.btn:not([href]):not([tabindex]).btn-lg { + font-size: 16px; + height: 58px; + letter-spacing: 2px; + line-height: 56px; + padding: 0 40px; } + button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close):hover, + .btn:not(.close):not(.mfp-close):focus, + .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]):hover, + a.btn:not([href]):not([tabindex]):focus, + a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active { + background-color: #0333e8; + border-color: #0333e8; + color: #ffffff; + text-decoration: none; } + button.btn.btn-outline, + .btn:not(.close):not(.mfp-close).btn-outline, + a.btn:not([href]):not([tabindex]).btn-outline { + background-color: transparent; + border-width: 2px; + border-style: solid; + border-color: #2250fc; + color: #2250fc; } + button.btn.btn-outline:hover, button.btn.btn-outline:focus, button.btn.btn-outline:active, button.btn.btn-outline.active, + .btn:not(.close):not(.mfp-close).btn-outline:hover, + .btn:not(.close):not(.mfp-close).btn-outline:focus, + .btn:not(.close):not(.mfp-close).btn-outline:active, + .btn:not(.close):not(.mfp-close).btn-outline.active, + a.btn:not([href]):not([tabindex]).btn-outline:hover, + a.btn:not([href]):not([tabindex]).btn-outline:focus, + a.btn:not([href]):not([tabindex]).btn-outline:active, + a.btn:not([href]):not([tabindex]).btn-outline.active { + background-color: #2250fc; + border-width: 2px; + border-style: solid; + border-color: #2250fc; + color: #fff; } + button.btn.btn-rounded, + .btn:not(.close):not(.mfp-close).btn-rounded, + a.btn:not([href]):not([tabindex]).btn-rounded { + border-radius: 2em !important; } + button.btn.btn-block, + .btn:not(.close):not(.mfp-close).btn-block, + a.btn:not([href]):not([tabindex]).btn-block { + width: 100%; + display: block; } + button.btn.btn-light, + .btn:not(.close):not(.mfp-close).btn-light, + a.btn:not([href]):not([tabindex]).btn-light { + background-color: #ffffff; + border-color: #ebebeb; + color: #4c5667; } + button.btn.btn-light:hover, button.btn.btn-light:focus, button.btn.btn-light:active, button.btn.btn-light.active, + .btn:not(.close):not(.mfp-close).btn-light:hover, + .btn:not(.close):not(.mfp-close).btn-light:focus, + .btn:not(.close):not(.mfp-close).btn-light:active, + .btn:not(.close):not(.mfp-close).btn-light.active, + a.btn:not([href]):not([tabindex]).btn-light:hover, + a.btn:not([href]):not([tabindex]).btn-light:focus, + a.btn:not([href]):not([tabindex]).btn-light:active, + a.btn:not([href]):not([tabindex]).btn-light.active { + border-color: #ebedf2; + background-color: #f4f5f8; + color: #4c5667; } + button.btn.btn-light.btn-outline, + .btn:not(.close):not(.mfp-close).btn-light.btn-outline, + a.btn:not([href]):not([tabindex]).btn-light.btn-outline { + border-color: #ffffff; + background-color: transparent; + color: #ffffff; } + button.btn.btn-light.btn-outline:hover, button.btn.btn-light.btn-outline:focus, button.btn.btn-light.btn-outline:active, button.btn.btn-light.btn-outline.active, + .btn:not(.close):not(.mfp-close).btn-light.btn-outline:hover, + .btn:not(.close):not(.mfp-close).btn-light.btn-outline:focus, + .btn:not(.close):not(.mfp-close).btn-light.btn-outline:active, + .btn:not(.close):not(.mfp-close).btn-light.btn-outline.active, + a.btn:not([href]):not([tabindex]).btn-light.btn-outline:hover, + a.btn:not([href]):not([tabindex]).btn-light.btn-outline:focus, + a.btn:not([href]):not([tabindex]).btn-light.btn-outline:active, + a.btn:not([href]):not([tabindex]).btn-light.btn-outline.active { + background-color: #ffffff; + color: #4c5667; } + button.btn.btn-light.btn-light-hover:hover, button.btn.btn-light.btn-light-hover:focus, button.btn.btn-light.btn-light-hover:active, button.btn.btn-light.btn-light-hover.active, + .btn:not(.close):not(.mfp-close).btn-light.btn-light-hover:hover, + .btn:not(.close):not(.mfp-close).btn-light.btn-light-hover:focus, + .btn:not(.close):not(.mfp-close).btn-light.btn-light-hover:active, + .btn:not(.close):not(.mfp-close).btn-light.btn-light-hover.active, + a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:hover, + a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:focus, + a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover:active, + a.btn:not([href]):not([tabindex]).btn-light.btn-light-hover.active { + background-color: #ffffff; + border-color: #ebebeb; + color: #4c5667; } + button.btn:not(.btn-shadow):focus, button.btn:not(.btn-shadow):focus:active, + .btn:not(.close):not(.mfp-close):not(.btn-shadow):focus, + .btn:not(.close):not(.mfp-close):not(.btn-shadow):focus:active, + a.btn:not([href]):not([tabindex]):not(.btn-shadow):focus, + a.btn:not([href]):not([tabindex]):not(.btn-shadow):focus:active { + box-shadow: none !important; } + button.btn.btn-transparent, + .btn:not(.close):not(.mfp-close).btn-transparent, + a.btn:not([href]):not([tabindex]).btn-transparent { + background-color: transparent; + border: 0; + color: #484848; } + button.btn.btn-transparent.btn-inverted, + .btn:not(.close):not(.mfp-close).btn-transparent.btn-inverted, + a.btn:not([href]):not([tabindex]).btn-transparent.btn-inverted { + color: #ffffff; } + button.btn.btn-primary, + .btn:not(.close):not(.mfp-close).btn-primary, + a.btn:not([href]):not([tabindex]).btn-primary { + background-color: #2250fc; + border-color: #2250fc; } + button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close).btn-primary:hover, + .btn:not(.close):not(.mfp-close).btn-primary:focus, + .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]).btn-primary:hover, + a.btn:not([href]):not([tabindex]).btn-primary:focus, + a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active { + background-color: #0333e8; + border-color: #0333e8; + color: #ffffff; } + button.btn.btn-secondary, + .btn:not(.close):not(.mfp-close).btn-secondary, + a.btn:not([href]):not([tabindex]).btn-secondary { + background-color: #5A6268; + border-color: #5A6268; } + button.btn.btn-secondary:hover, button.btn.btn-secondary:focus, button.btn.btn-secondary:not(:disabled):not(.disabled):active, button.btn.btn-secondary:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close).btn-secondary:hover, + .btn:not(.close):not(.mfp-close).btn-secondary:focus, + .btn:not(.close):not(.mfp-close).btn-secondary:not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close).btn-secondary:not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]).btn-secondary:hover, + a.btn:not([href]):not([tabindex]).btn-secondary:focus, + a.btn:not([href]):not([tabindex]).btn-secondary:not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]).btn-secondary:not(:disabled):not(.disabled).active { + background-color: #42484d; + border-color: #42484d; + color: #ffffff; } + button.btn.btn-success, + .btn:not(.close):not(.mfp-close).btn-success, + a.btn:not([href]):not([tabindex]).btn-success { + background-color: #81c868; + border-color: #81c868; } + button.btn.btn-success:hover, button.btn.btn-success:focus, button.btn.btn-success:not(:disabled):not(.disabled):active, button.btn.btn-success:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close).btn-success:hover, + .btn:not(.close):not(.mfp-close).btn-success:focus, + .btn:not(.close):not(.mfp-close).btn-success:not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close).btn-success:not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]).btn-success:hover, + a.btn:not([href]):not([tabindex]).btn-success:focus, + a.btn:not([href]):not([tabindex]).btn-success:not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]).btn-success:not(:disabled):not(.disabled).active { + background-color: #62b944; + border-color: #62b944; + color: #ffffff; } + button.btn.btn-info, + .btn:not(.close):not(.mfp-close).btn-info, + a.btn:not([href]):not([tabindex]).btn-info { + background-color: #53b0f8; + border-color: #53b0f8; } + button.btn.btn-info:hover, button.btn.btn-info:focus, button.btn.btn-info:not(:disabled):not(.disabled):active, button.btn.btn-info:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close).btn-info:hover, + .btn:not(.close):not(.mfp-close).btn-info:focus, + .btn:not(.close):not(.mfp-close).btn-info:not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close).btn-info:not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]).btn-info:hover, + a.btn:not([href]):not([tabindex]).btn-info:focus, + a.btn:not([href]):not([tabindex]).btn-info:not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]).btn-info:not(:disabled):not(.disabled).active { + background-color: #2299f6; + border-color: #2299f6; + color: #ffffff; } + button.btn.btn-warning, + .btn:not(.close):not(.mfp-close).btn-warning, + a.btn:not([href]):not([tabindex]).btn-warning { + background-color: #ffb20e; + border-color: #ffb20e; } + button.btn.btn-warning:hover, button.btn.btn-warning:focus, button.btn.btn-warning:not(:disabled):not(.disabled):active, button.btn.btn-warning:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close).btn-warning:hover, + .btn:not(.close):not(.mfp-close).btn-warning:focus, + .btn:not(.close):not(.mfp-close).btn-warning:not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close).btn-warning:not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]).btn-warning:hover, + a.btn:not([href]):not([tabindex]).btn-warning:focus, + a.btn:not([href]):not([tabindex]).btn-warning:not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]).btn-warning:not(:disabled):not(.disabled).active { + background-color: #da9400; + border-color: #da9400; + color: #ffffff; } + button.btn.btn-danger, + .btn:not(.close):not(.mfp-close).btn-danger, + a.btn:not([href]):not([tabindex]).btn-danger { + background-color: #CE041C; + border-color: #CE041C; } + button.btn.btn-danger:hover, button.btn.btn-danger:focus, button.btn.btn-danger:not(:disabled):not(.disabled):active, button.btn.btn-danger:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close).btn-danger:hover, + .btn:not(.close):not(.mfp-close).btn-danger:focus, + .btn:not(.close):not(.mfp-close).btn-danger:not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close).btn-danger:not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]).btn-danger:hover, + a.btn:not([href]):not([tabindex]).btn-danger:focus, + a.btn:not([href]):not([tabindex]).btn-danger:not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]).btn-danger:not(:disabled):not(.disabled).active { + background-color: #9c0315; + border-color: #9c0315; + color: #ffffff; } + button.btn.btn-dark, + .btn:not(.close):not(.mfp-close).btn-dark, + a.btn:not([href]):not([tabindex]).btn-dark { + background-color: #000000; + border-color: #000000; } + button.btn.btn-dark:hover, button.btn.btn-dark:focus, button.btn.btn-dark:active, button.btn.btn-dark.active, + .btn:not(.close):not(.mfp-close).btn-dark:hover, + .btn:not(.close):not(.mfp-close).btn-dark:focus, + .btn:not(.close):not(.mfp-close).btn-dark:active, + .btn:not(.close):not(.mfp-close).btn-dark.active, + a.btn:not([href]):not([tabindex]).btn-dark:hover, + a.btn:not([href]):not([tabindex]).btn-dark:focus, + a.btn:not([href]):not([tabindex]).btn-dark:active, + a.btn:not([href]):not([tabindex]).btn-dark.active { + background-color: #333333; + border-color: #333333; + color: #ffffff; } + button.btn.btn-dark.btn-outline, + .btn:not(.close):not(.mfp-close).btn-dark.btn-outline, + a.btn:not([href]):not([tabindex]).btn-dark.btn-outline { + background-color: transparent; + color: #000000; + border-color: #000000; } + button.btn.btn-dark.btn-outline:hover, button.btn.btn-dark.btn-outline:focus, button.btn.btn-dark.btn-outline:active, button.btn.btn-dark.btn-outline.active, + .btn:not(.close):not(.mfp-close).btn-dark.btn-outline:hover, + .btn:not(.close):not(.mfp-close).btn-dark.btn-outline:focus, + .btn:not(.close):not(.mfp-close).btn-dark.btn-outline:active, + .btn:not(.close):not(.mfp-close).btn-dark.btn-outline.active, + a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:hover, + a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:focus, + a.btn:not([href]):not([tabindex]).btn-dark.btn-outline:active, + a.btn:not([href]):not([tabindex]).btn-dark.btn-outline.active { + background-color: #000000; + border-color: #000000; + color: #ffffff; } + button.btn.btn-red, + .btn:not(.close):not(.mfp-close).btn-red, + a.btn:not([href]):not([tabindex]).btn-red { + background-color: #CA0027; + border-color: #CA0027; } + button.btn.btn-red:hover, button.btn.btn-red:focus, button.btn.btn-red:not(:disabled):not(.disabled):active, button.btn.btn-red:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close).btn-red:hover, + .btn:not(.close):not(.mfp-close).btn-red:focus, + .btn:not(.close):not(.mfp-close).btn-red:not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close).btn-red:not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]).btn-red:hover, + a.btn:not([href]):not([tabindex]).btn-red:focus, + a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]).btn-red:not(:disabled):not(.disabled).active { + background-color: #97001d; + border-color: #97001d; + color: #ffffff; } + button.btn.btn-round, + .btn:not(.close):not(.mfp-close).btn-round, + a.btn:not([href]):not([tabindex]).btn-round { + border-radius: 50%; + padding: 10px; } + button.btn.btn-round > i, + .btn:not(.close):not(.mfp-close).btn-round > i, + a.btn:not([href]):not([tabindex]).btn-round > i { + font-size: 14px; } + button.btn.btn-slide, + .btn:not(.close):not(.mfp-close).btn-slide, + a.btn:not([href]):not([tabindex]).btn-slide { + border-radius: 50px; + display: table-cell; + opacity: 1; + overflow: hidden; + padding: 22px; + position: relative; + transition: width 0.4s ease 0s, background 0.4s ease 0s; + width: 46px; + line-height: 18px; } + button.btn.btn-slide > i, + .btn:not(.close):not(.mfp-close).btn-slide > i, + a.btn:not([href]):not([tabindex]).btn-slide > i { + float: left; + left: 17px; + position: absolute; + top: 17px; + transition: all 0.8s ease 0s; } + button.btn.btn-slide > span, + .btn:not(.close):not(.mfp-close).btn-slide > span, + a.btn:not([href]):not([tabindex]).btn-slide > span { + left: 40px; + position: absolute; + text-align: left; + top: 13px; + transition: left 0.5s ease 0s, opacity 0.5s ease 0s; + white-space: nowrap; + opacity: 0; } + button.btn.btn-slide:hover, + .btn:not(.close):not(.mfp-close).btn-slide:hover, + a.btn:not([href]):not([tabindex]).btn-slide:hover { + width: 140px; + text-align: left; } + button.btn.btn-slide:hover > i, + .btn:not(.close):not(.mfp-close).btn-slide:hover > i, + a.btn:not([href]):not([tabindex]).btn-slide:hover > i { + transform: rotate(360deg); } + button.btn.btn-slide:hover > span, + .btn:not(.close):not(.mfp-close).btn-slide:hover > span, + a.btn:not([href]):not([tabindex]).btn-slide:hover > span { + opacity: 1; } + button.btn.btn-slide.btn-xs, + .btn:not(.close):not(.mfp-close).btn-slide.btn-xs, + a.btn:not([href]):not([tabindex]).btn-slide.btn-xs { + padding: 14px; + width: 30px; + line-height: 26px; } + button.btn.btn-slide.btn-xs > i, + .btn:not(.close):not(.mfp-close).btn-slide.btn-xs > i, + a.btn:not([href]):not([tabindex]).btn-slide.btn-xs > i { + left: 9px; + top: 8px; } + button.btn.btn-slide.btn-xs > span, + .btn:not(.close):not(.mfp-close).btn-slide.btn-xs > span, + a.btn:not([href]):not([tabindex]).btn-slide.btn-xs > span { + left: 28px; + top: 0px; } + button.btn.btn-slide.btn-xs:hover, + .btn:not(.close):not(.mfp-close).btn-slide.btn-xs:hover, + a.btn:not([href]):not([tabindex]).btn-slide.btn-xs:hover { + width: 110px; } + button.btn.btn-slide.btn-sm, + .btn:not(.close):not(.mfp-close).btn-slide.btn-sm, + a.btn:not([href]):not([tabindex]).btn-slide.btn-sm { + padding: 18px; + width: 36px; + line-height: 36px; } + button.btn.btn-slide.btn-sm > i, + .btn:not(.close):not(.mfp-close).btn-slide.btn-sm > i, + a.btn:not([href]):not([tabindex]).btn-slide.btn-sm > i { + left: 13px; + top: 13px; } + button.btn.btn-slide.btn-sm > span, + .btn:not(.close):not(.mfp-close).btn-slide.btn-sm > span, + a.btn:not([href]):not([tabindex]).btn-slide.btn-sm > span { + left: 36px; + top: 0px; } + button.btn.btn-slide.btn-sm:hover, + .btn:not(.close):not(.mfp-close).btn-slide.btn-sm:hover, + a.btn:not([href]):not([tabindex]).btn-slide.btn-sm:hover { + width: 110px; } + button.btn.btn-slide.btn-lg, + .btn:not(.close):not(.mfp-close).btn-slide.btn-lg, + a.btn:not([href]):not([tabindex]).btn-slide.btn-lg { + padding: 30px; + line-height: 52px; } + button.btn.btn-slide.btn-lg > i, + .btn:not(.close):not(.mfp-close).btn-slide.btn-lg > i, + a.btn:not([href]):not([tabindex]).btn-slide.btn-lg > i { + left: 23px; + top: 23px; } + button.btn.btn-slide.btn-lg > span, + .btn:not(.close):not(.mfp-close).btn-slide.btn-lg > span, + a.btn:not([href]):not([tabindex]).btn-slide.btn-lg > span { + left: 54px; + top: 3px; } + button.btn.btn-slide.btn-lg:hover, + .btn:not(.close):not(.mfp-close).btn-slide.btn-lg:hover, + a.btn:not([href]):not([tabindex]).btn-slide.btn-lg:hover { + width: 200px; } + button.btn.btn-reveal, + .btn:not(.close):not(.mfp-close).btn-reveal, + a.btn:not([href]):not([tabindex]).btn-reveal { + padding: 12px 34px; } + button.btn.btn-reveal span, + .btn:not(.close):not(.mfp-close).btn-reveal span, + a.btn:not([href]):not([tabindex]).btn-reveal span { + left: 0; + position: relative; + transition: opacity 0.2s ease-out 0s, left 0.2s ease-out 0s; } + button.btn.btn-reveal i, + .btn:not(.close):not(.mfp-close).btn-reveal i, + a.btn:not([href]):not([tabindex]).btn-reveal i { + line-height: 18px; + margin-top: -9px; + opacity: 0; + position: absolute; + right: 28px; + top: 50%; + transition: all 0.2s ease-out 0s; + width: 18px; } + button.btn.btn-reveal:hover span, + .btn:not(.close):not(.mfp-close).btn-reveal:hover span, + a.btn:not([href]):not([tabindex]).btn-reveal:hover span { + left: -10px; } + button.btn.btn-reveal:hover i, + .btn:not(.close):not(.mfp-close).btn-reveal:hover i, + a.btn:not([href]):not([tabindex]).btn-reveal:hover i { + opacity: 1 !important; + right: 18px; } + button.btn.btn-reveal.btn-xs, + .btn:not(.close):not(.mfp-close).btn-reveal.btn-xs, + a.btn:not([href]):not([tabindex]).btn-reveal.btn-xs { + line-height: 0px; } + button.btn.btn-reveal.btn-sm, + .btn:not(.close):not(.mfp-close).btn-reveal.btn-sm, + a.btn:not([href]):not([tabindex]).btn-reveal.btn-sm { + line-height: 0px; } + button.btn.btn-reveal.btn-lg, + .btn:not(.close):not(.mfp-close).btn-reveal.btn-lg, + a.btn:not([href]):not([tabindex]).btn-reveal.btn-lg { + line-height: 26px; + padding: 0 52px; } + button.btn.btn-reveal.btn-reveal-left span, + .btn:not(.close):not(.mfp-close).btn-reveal.btn-reveal-left span, + a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left span { + right: 0; + left: auto; + transition: opacity 0.2s ease-out 0s, right 0.2s ease-out 0s; } + button.btn.btn-reveal.btn-reveal-left i, + .btn:not(.close):not(.mfp-close).btn-reveal.btn-reveal-left i, + a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left i { + left: 28px; + right: auto; } + button.btn.btn-reveal.btn-reveal-left:hover span, + .btn:not(.close):not(.mfp-close).btn-reveal.btn-reveal-left:hover span, + a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left:hover span { + right: -10px; + left: auto; } + button.btn.btn-reveal.btn-reveal-left:hover i, + .btn:not(.close):not(.mfp-close).btn-reveal.btn-reveal-left:hover i, + a.btn:not([href]):not([tabindex]).btn-reveal.btn-reveal-left:hover i { + left: 18px; + right: auto; } + button.btn.btn-shadow, + .btn:not(.close):not(.mfp-close).btn-shadow, + a.btn:not([href]):not([tabindex]).btn-shadow { + -webkit-box-shadow: 0 4px 16px #efefef; + -moz-box-shadow: 0 4px 16px #efefef; + box-shadow: 0 4px 16px #efefef; } + button.btn.btn-shadow:hover, button.btn.btn-shadow:focus, button.btn.btn-shadow:not(:disabled):not(.disabled):active, button.btn.btn-shadow:not(:disabled):not(.disabled).active, + .btn:not(.close):not(.mfp-close).btn-shadow:hover, + .btn:not(.close):not(.mfp-close).btn-shadow:focus, + .btn:not(.close):not(.mfp-close).btn-shadow:not(:disabled):not(.disabled):active, + .btn:not(.close):not(.mfp-close).btn-shadow:not(:disabled):not(.disabled).active, + a.btn:not([href]):not([tabindex]).btn-shadow:hover, + a.btn:not([href]):not([tabindex]).btn-shadow:focus, + a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled):active, + a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled).active { + -webkit-box-shadow: 4px 8px 16px #dedede; + -moz-box-shadow: 4px 8px 16px #dedede; + box-shadow: 4px 8px 16px #dedede; } + button.btn.btn-icon-holder, + .btn:not(.close):not(.mfp-close).btn-icon-holder, + a.btn:not([href]):not([tabindex]).btn-icon-holder { + padding-right: 16px; } + button.btn.btn-icon-holder:before, + .btn:not(.close):not(.mfp-close).btn-icon-holder:before, + a.btn:not([href]):not([tabindex]).btn-icon-holder:before { + border-left: 1px solid rgba(255, 255, 255, 0.2); + content: ""; + height: 100%; + position: absolute; + right: 42px; + top: 0; } + button.btn.btn-icon-holder.btn-outline:before, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-outline:before, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline:before { + border-left: 2px solid #2250fc; } + button.btn.btn-icon-holder.btn-outline.btn-dark:before, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-outline.btn-dark:before, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline.btn-dark:before { + border-left: 2px solid #111; } + button.btn.btn-icon-holder.btn-light:before, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-light:before, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light:before { + border-left: 1px solid #f3f3f3; } + button.btn.btn-icon-holder.btn-light.btn-light-hover:before, button.btn.btn-icon-holder.btn-light.btn-light-hover:hover, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-light.btn-light-hover:before, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-light.btn-light-hover:hover, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light.btn-light-hover:before, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-light.btn-light-hover:hover { + border-left: 1px solid #f3f3f3; } + button.btn.btn-icon-holder i, + .btn:not(.close):not(.mfp-close).btn-icon-holder i, + a.btn:not([href]):not([tabindex]).btn-icon-holder i { + margin-left: 30px; + margin-right: -2px; } + button.btn.btn-icon-holder.btn-xs, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs { + padding-right: 10px; } + button.btn.btn-icon-holder.btn-xs:before, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs:before, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs:before { + right: 30px; } + button.btn.btn-icon-holder.btn-xs i, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-xs i, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-xs i { + margin-left: 20px; + margin-right: 2px; } + button.btn.btn-icon-holder.btn-sm, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm { + padding-right: 16px; } + button.btn.btn-icon-holder.btn-sm:before, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm:before, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm:before { + right: 36px; } + button.btn.btn-icon-holder.btn-sm i, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-sm i, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-sm i { + margin-left: 24px; + margin-right: 0; } + button.btn.btn-icon-holder.btn-lg, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg { + padding-right: 28px; } + button.btn.btn-icon-holder.btn-lg:before, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg:before, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg:before { + right: 50px; } + button.btn.btn-icon-holder.btn-lg i, + .btn:not(.close):not(.mfp-close).btn-icon-holder.btn-lg i, + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-lg i { + margin-left: 34px; + margin-right: -8px; } + button.btn.btn-creative, + .btn:not(.close):not(.mfp-close).btn-creative, + a.btn:not([href]):not([tabindex]).btn-creative { + padding: 24px 40px; + font-size: 15px; + font-weight: 600; } + button.btn.btn-creative:before, + .btn:not(.close):not(.mfp-close).btn-creative:before, + a.btn:not([href]):not([tabindex]).btn-creative:before { + right: 58px; } + button.btn.btn-creative i, + .btn:not(.close):not(.mfp-close).btn-creative i, + a.btn:not([href]):not([tabindex]).btn-creative i { + margin-left: 54px; + margin-right: -16px; } + button.btn.btn-facebook, + .btn:not(.close):not(.mfp-close).btn-facebook, + a.btn:not([href]):not([tabindex]).btn-facebook { + background-color: #3b5998 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-twitter, + .btn:not(.close):not(.mfp-close).btn-twitter, + a.btn:not([href]):not([tabindex]).btn-twitter { + background-color: #00aced !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-linkedin, + .btn:not(.close):not(.mfp-close).btn-linkedin, + a.btn:not([href]):not([tabindex]).btn-linkedin { + background-color: #007bb6 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-dribbble, + .btn:not(.close):not(.mfp-close).btn-dribbble, + a.btn:not([href]):not([tabindex]).btn-dribbble { + background-color: #ea4c89 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-googleplus, + .btn:not(.close):not(.mfp-close).btn-googleplus, + a.btn:not([href]):not([tabindex]).btn-googleplus { + background-color: #dd4b39 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-instagram, + .btn:not(.close):not(.mfp-close).btn-instagram, + a.btn:not([href]):not([tabindex]).btn-instagram { + background-color: #517fa4 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-pinterest, + .btn:not(.close):not(.mfp-close).btn-pinterest, + a.btn:not([href]):not([tabindex]).btn-pinterest { + background-color: #cb2027 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-dropbox, + .btn:not(.close):not(.mfp-close).btn-dropbox, + a.btn:not([href]):not([tabindex]).btn-dropbox { + background-color: #007ee5 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-flickr, + .btn:not(.close):not(.mfp-close).btn-flickr, + a.btn:not([href]):not([tabindex]).btn-flickr { + background-color: #ff0084 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-tumblr, + .btn:not(.close):not(.mfp-close).btn-tumblr, + a.btn:not([href]):not([tabindex]).btn-tumblr { + background-color: #32506d !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-skype, + .btn:not(.close):not(.mfp-close).btn-skype, + a.btn:not([href]):not([tabindex]).btn-skype { + background-color: #00aff0 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-youtube, + .btn:not(.close):not(.mfp-close).btn-youtube, + a.btn:not([href]):not([tabindex]).btn-youtube { + background-color: #bb0000 !important; + color: #ffffff !important; + border-width: 0; } + button.btn.btn-github, + .btn:not(.close):not(.mfp-close).btn-github, + a.btn:not([href]):not([tabindex]).btn-github { + background-color: #171515 !important; + color: #ffffff !important; + border-width: 0; } + button.btn + .btn, + .btn:not(.close):not(.mfp-close) + .btn, + a.btn:not([href]):not([tabindex]) + .btn { + margin-left: 4px; } + button.btn .badge, + .btn:not(.close):not(.mfp-close) .badge, + a.btn:not([href]):not([tabindex]) .badge { + position: absolute; + right: -4px; + top: -4px; } + button.btn.disabled, + .btn:not(.close):not(.mfp-close).disabled, + a.btn:not([href]):not([tabindex]).disabled { + cursor: not-allowed; + pointer-events: none; + opacity: .6; } + +.disabled .btn { + opacity: .3; } + +@media (max-width: 1024px) { + .btn.btn-reveal.btn-reveal-left:hover span { + left: auto; + right: auto; } + .btn.btn-reveal.btn-reveal-left:hover i { + display: none; } } +.dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow, +.dark:not(.submenu-light) .btn.btn-shadow { + box-shadow: 0 4px 16px #292929; } + .dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow:hover, .dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow:focus, .dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled):active, .dark:not(.submenu-light) a.btn:not([href]):not([tabindex]).btn-shadow:not(:disabled):not(.disabled).active, + .dark:not(.submenu-light) .btn.btn-shadow:hover, + .dark:not(.submenu-light) .btn.btn-shadow:focus, + .dark:not(.submenu-light) .btn.btn-shadow:not(:disabled):not(.disabled):active, + .dark:not(.submenu-light) .btn.btn-shadow:not(:disabled):not(.disabled).active { + box-shadow: 4px 8px 16px #1d1d1d; } + +.card { + border: 1px solid #ececec; + border-radius: 5px; + background-color: #ffffff; + margin-bottom: 20px; + box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15); } + .card .card-header { + background-color: #ffffff; + border-bottom: 1px solid #ececec; + font-weight: 600; + padding: 1.8rem 2rem; } + .card .card-header p:last-child { + margin-bottom: 0; } + .card .card-header .card-title { + font-size: 1.35714286em; + line-height: 1.68421053em; + font-weight: 500; } + .card .card-header .card-subtitle { + font-size: 1rem; + font-style: normal; + font-weight: 400; + color: #484848; } + .card .card-header-title { + font-size: 16px; + line-height: 23px; + margin-bottom: 0px; + font-weight: 600; } + .card .card-body { + padding: 1.8rem 2rem; } + .card .card-body-title { + font-size: 18px; + line-height: 26px; + font-weight: 600; } + .card .card-footer { + background-color: #ffffff; + border-top: 1px solid #ececec; } + +/* ---------------------------------------------------------------------- + Headings +-------------------------------------------------------------------------*/ +.heading { + margin-bottom: 100px; + text-align: center; } + .heading > h1, + .heading > h2 { + font-size: 40px; + text-transform: capitalize; + line-height: 46px; + font-weight: 300; } + .heading > h1, + .heading > h2, + .heading > h4, + .heading > p { + margin-bottom: default-bottom-margin; } + +.heading-text { + margin-bottom: 30px; } + .heading-text h1, + .heading-text h2, + .heading-text h3, + .heading-text h4, + .heading-text h5, + .heading-text h6 { + position: relative; + margin-bottom: 30px; } + .heading-text h1 { + font-size: 70px; + font-weight: 600; } + .heading-text h2 { + font-size: 60px; + margin-bottom: 30px; + letter-spacing: -.7px; + line-height: 66px; } + .heading-text h3 { + font-size: 60px; + margin-bottom: 30px; + letter-spacing: -.7px; + line-height: 66px; } + .heading-text h4 { + font-size: 34px; + margin-bottom: 30px; + letter-spacing: -.7px; + line-height: 40px; } + .heading-text p { + font-size: 18px; + margin-bottom: 30px; } + .heading-text.heading-gradient h2 > * { + -webkit-text-fill-color: transparent !important; + -webkit-background-clip: text !important; + background: radial-gradient(circle at left top, #4b72ff 9%, #2250fc 48%, #6442ff 91%); } + .heading-text.heading-section > h2 { + position: relative; + font-size: 48px; + line-height: 56px; + margin-bottom: 60px; } + .heading-text.heading-section > h2:before { + content: ""; + position: absolute; + height: 2px; + width: 100px; + background-color: #2250fc; + bottom: -30px; + left: 0; + right: 0; } + .heading-text.heading-section.text-center h1:before, + .heading-text.heading-section.text-center h2:before, + .heading-text.heading-section.text-center h3:before, + .heading-text.heading-section.text-center h4:before, + .heading-text.heading-section.text-center h5:before, + .heading-text.heading-section.text-center h6:before { + margin: 0 auto; } + .heading-text.heading-section.text-right h1:before, + .heading-text.heading-section.text-right h2:before, + .heading-text.heading-section.text-right h3:before, + .heading-text.heading-section.text-right h4:before, + .heading-text.heading-section.text-right h5:before, + .heading-text.heading-section.text-right h6:before { + right: 0; + left: auto; } + .heading-text.heading-section p { + font-size: 18px; + font-weight: 300; + line-height: 22px; } + .heading-text.heading-section p span { + font-weight: 600; } + .heading-text.heading-plain > h2 { + font-size: 56px; + line-height: 56px; + font-family: initial; } + .heading-text.heading-plain p { + font-size: 20px; + font-weight: 300; + line-height: 30px; } + .heading-text.heading-plain p span { + font-weight: 600; } + .heading-text.heading-light > h2 { + font-size: 59px; + font-weight: 100; + letter-spacing: -1px; + line-height: 70px; } + .heading-text.heading-light p { + font-size: 17px; + font-weight: 300; + line-height: 30px; + margin-bottom: 20px; } + .heading-text.heading-light p span { + font-weight: 600; } + .heading-text.heading-vintage > h2 { + border: 2px solid #ffffff; + display: inline-block; + padding: 8px 21px; + margin-bottom: 30px; } + .heading-text.heading-vintage p { + font-size: 17px; + font-weight: 300; + line-height: 30px; + margin-bottom: 20px; } + .heading-text.heading-vintage p span { + font-weight: 600; } + .heading-text.heading-line h1:before, + .heading-text.heading-line h2:before, + .heading-text.heading-line h3:before, + .heading-text.heading-line h4:before, + .heading-text.heading-line h5:before, + .heading-text.heading-line h6:before { + content: ''; + position: absolute; + width: 30px; + height: 2px; + left: 0; + bottom: -8px; + right: 0; + background-color: #ddd; } + .heading-text.heading-line.text-center h1:before, + .heading-text.heading-line.text-center h2:before, + .heading-text.heading-line.text-center h3:before, + .heading-text.heading-line.text-center h4:before, + .heading-text.heading-line.text-center h5:before, + .heading-text.heading-line.text-center h6:before { + margin: 0 auto; } + .heading-text.heading-line.text-right h1:before, + .heading-text.heading-line.text-right h2:before, + .heading-text.heading-line.text-right h3:before, + .heading-text.heading-line.text-right h4:before, + .heading-text.heading-line.text-right h5:before, + .heading-text.heading-line.text-right h6:before { + right: 0; + left: auto; } + .heading-text.heading-small > h2, + .heading-text.heading-small > h3 { + margin-bottom: 10px; } + .heading-text.heading-small p { + font-size: 16px; + font-weight: 300; + line-height: 22px; + margin-bottom: 20px; } + +.font-xl h1, +.font-xl h2, +.font-xl h3, +.font-xl h4, +.font-xl h5, +.font-xl h6, +.font-xl p, +.font-xl a, +.font-xl span { + font-size: 7rem; + font-weight: 800; + line-height: 1.2; } + +/*Creative fade heading*/ +.heading-creative { + font-size: 62px; + font-weight: 100; + position: relative; + text-align: left; + width: 100%; } + .heading-creative strong { + color: #2250fc; } + +/*Fixes*/ +#header:not([data-transparent="true"]).dark .heading-creative { + color: #eeeeee; } + +/*-------------------------------------------------------- + Tabs +---------------------------------------------------------*/ +ul.nav li.dropdown:hover > ul.dropdown-menu { + display: block; } + +.tabs .nav-tabs { + border-bottom: 2px solid #ececec; + margin-bottom: 30px; } + .tabs .nav-tabs .nav-item { + margin-bottom: -2px; } + .tabs .nav-tabs .nav-link { + color: #484848; + padding: 14px 24px; + color: rgba(72, 72, 72, 0.8); + transition: 0.3s ease; + font-weight: 500; + border: 0; + /*border: $nav-tabs-border-width solid transparent;*/ + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-bottom: 2px solid #ececec; } + .tabs .nav-tabs .nav-link i { + margin-right: 6px; } + .tabs .nav-tabs .nav-link.disabled { + color: rgba(72, 72, 72, 0.5); } + .tabs .nav-tabs .nav-link.active { + color: #2250fc; + background-color: transparent; + border-bottom: 2px solid #2250fc; } + .tabs .nav-tabs .dropdown-menu { + border-radius: 5px; + border: 0; + box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05); } +.tabs.tabs-clean .nav-tabs { + border-bottom: 0; } + .tabs.tabs-clean .nav-tabs .nav-link { + border: 1px solid transparent; + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } + .tabs.tabs-clean .nav-tabs .nav-link.active { + border-color: #ececec; } +.tabs.tabs-vertical .nav-tabs { + border: 0; + margin-bottom: 0; } + .tabs.tabs-vertical .nav-tabs .nav-link { + border-radius: 0; + border-bottom: 0; + border-right: 2px solid #ececec; } + .tabs.tabs-vertical .nav-tabs .nav-link.active { + color: #2250fc; + background-color: transparent; + border-right: 2px solid #2250fc; } +.tabs.tabs-folder .nav-tabs { + margin-bottom: 0; + border-bottom: 0; } + .tabs.tabs-folder .nav-tabs .nav-item { + margin-bottom: 0; } + .tabs.tabs-folder .nav-tabs .nav-link { + border: 1px solid transparent; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } + .tabs.tabs-folder .nav-tabs .nav-link.active { + border-color: #ececec; + border-bottom-color: #ffffff; } +.tabs.tabs-folder .tab-content { + margin-top: -1px; + border: 1px solid #ececec; + bottom: 10px; + padding: 30px; + border-radius: 0 6px 6px 6px; } + +/* ---------------------------------------------------------------------- + Progress Bar +-------------------------------------------------------------------------*/ +.social-icons ul { + padding: 0; + margin: 0; } + +.text-center.social-icons ul { + display: inline-block; } + +.social-icons li { + float: left; + list-style: none; } + +.social-icons li a { + float: left; + height: 32px; + width: 32px; + line-height: 32px; + font-size: 16px; + text-align: center; + margin: 0 4px 4px 0; + border-radius: 4px; + border: 0; + background: transparent; + color: #333; + overflow: hidden; + -webkit-transition: all .3s ease; + -o-transition: all .3s ease; + transition: all .3s ease; } + +.dark .social-icons li a { + color: #ffffff; } + +.social-icons.social-icons-colored a, +.social-icons.social-icons-colored-hover a:hover { + color: #ffffff !important; + border: 0; } + +.social-icons.social-icons-colored .social-rss a, +.social-icons.social-icons-colored-hover .social-rss a:hover, +.social-icons.social-icons-colored .social-snapchat a, +.social-icons.social-icons-colored-hover .social-snapchat a:hover { + background-color: #faa33d; } + +.social-icons.social-icons-colored .social-facebook a, +.social-icons.social-icons-colored-hover .social-facebook a:hover { + background-color: #5d82d1; } + +.social-icons.social-icons-colored .social-twitter a, +.social-icons.social-icons-colored-hover .social-twitter a:hover { + background-color: #40bff5; } + +.social-icons.social-icons-colored .social-vimeo a, +.social-icons.social-icons-colored-hover .social-vimeo a:hover { + background-color: #35c6ea; } + +.social-icons.social-icons-colored .social-myspace a, +.social-icons.social-icons-colored-hover .social-myspace a:hover { + background-color: #008dde; } + +.social-icons.social-icons-colored .social-youtube a, +.social-icons.social-icons-colored-hover .social-youtube a:hover { + background-color: #ef4e41; } + +.social-icons.social-icons-colored .social-instagram a, +.social-icons.social-icons-colored-hover .social-instagram a:hover { + background-color: #e53d00; } + +.social-icons.social-icons-colored .social-gplus a, +.social-icons.social-icons-colored-hover .social-gplus a:hover { + background-color: #d68400; } + +.social-icons.social-icons-colored .social-stumbleupon a, +.social-icons.social-icons-colored-hover .social-stumbleupon a:hover { + background-color: #ff5c30; } + +.social-icons.social-icons-colored .social-lastfm a, +.social-icons.social-icons-colored-hover .social-lastfm a:hover { + background-color: #f34320; } + +.social-icons.social-icons-colored .social-pinterest a, +.social-icons.social-icons-colored-hover .social-pinterest a:hover { + background-color: #e13138; } + +.social-icons.social-icons-colored .social-google a, +.social-icons.social-icons-colored-hover .social-google a:hover { + background-color: #eb5e4c; } + +.social-icons.social-icons-colored .social-evernote a, +.social-icons.social-icons-colored-hover .social-evernote a:hover { + background-color: #9acf4f; } + +.social-icons.social-icons-colored .social-dribbble a, +.social-icons.social-icons-colored-hover .social-dribbble a:hover { + background-color: #f7659c; } + +.social-icons.social-icons-colored .social-skype a, +.social-icons.social-icons-colored-hover .social-skype a:hover { + background-color: #13c1f3; } + +.social-icons.social-icons-colored .social-forrst a, +.social-icons.social-icons-colored-hover .social-forrst a:hover { + background-color: #45ad76; } + +.social-icons.social-icons-colored .social-linkedin a, +.social-icons.social-icons-colored-hover .social-linkedin a:hover { + background-color: #238cc8; } + +.social-icons.social-icons-colored .social-wordpress a, +.social-icons.social-icons-colored-hover .social-wordpress a:hover { + background-color: #2592c3; } + +.social-icons.social-icons-colored .social-grooveshark a, +.social-icons.social-icons-colored-hover .social-grooveshark a:hover { + background-color: #ffb21d; } + +.social-icons.social-icons-colored .social-delicious a, +.social-icons.social-icons-colored-hover .social-delicious a:hover { + background-color: #377bda; } + +.social-icons.social-icons-colored .social-behance a, +.social-icons.social-icons-colored-hover .social-behance a:hover { + background-color: #1879fd; } + +.social-icons.social-icons-colored .social-dropbox a, +.social-icons.social-icons-colored-hover .social-dropbox a:hover { + background-color: #17a3eb; } + +.social-icons.social-icons-colored .social-soundcloud a, +.social-icons.social-icons-colored-hover .social-soundcloud a:hover { + background-color: #ff7e30; } + +.social-icons.social-icons-colored .social-deviantart a, +.social-icons.social-icons-colored-hover .social-deviantart a:hover { + background-color: #6a8a7b; } + +.social-icons.social-icons-colored .social-yahoo a, +.social-icons.social-icons-colored-hover .social-yahoo a:hover { + background-color: #ab47ac; } + +.social-icons.social-icons-colored .social-flickr a, +.social-icons.social-icons-colored-hover .social-flickr a:hover { + background-color: #ff48a3; } + +.social-icons.social-icons-colored .social-digg a, +.social-icons.social-icons-colored-hover .social-digg a:hover { + background-color: #75788d; } + +.social-icons.social-icons-colored .social-blogger a, +.social-icons.social-icons-colored-hover .social-blogger a:hover { + background-color: #ff9233; } + +.social-icons.social-icons-colored .social-tumblr a, +.social-icons.social-icons-colored-hover .social-tumblr a:hover { + background-color: #426d9b; } + +.social-icons.social-icons-colored .social-quora a, +.social-icons.social-icons-colored-hover .social-quora a:hover { + background-color: #ea3d23; } + +.social-icons.social-icons-colored .social-github a, +.social-icons.social-icons-colored-hover .social-github a:hover { + background-color: #3f91cb; } + +.social-icons.social-icons-colored .social-amazon a, +.social-icons.social-icons-colored-hover .social-amazon a:hover { + background-color: #ff8e2e; } + +.social-icons.social-icons-colored .social-xing a, +.social-icons.social-icons-colored-hover .social-xing a:hover { + background-color: #1a8e8c; } + +.social-icons.social-icons-colored .social-wikipedia a, +.social-icons.social-icons-colored-hover .social-wikipedia a:hover { + background-color: #b3b5b8; } + +.social-icons.social-icons-border li a { + border: 1px solid #d7d7d7; + background: transparent; + color: #333; } + +.dark .social-icons.social-icons-border li a { + border: 1px solid #333 !important; } + +.dark .social-icons li a .social-icons.social-icons-dark li a { + background: #888; + color: #fff; } + +.social-icons.social-icons-light li a { + background: #fff; + color: #333; + border: 1px solid #eee; } + +.social-icons.social-icons-rounded li a { + border-radius: 50%; } + +.social-icons.social-icons-medium li a { + height: 42px; + width: 42px; + line-height: 42px; + font-size: 18px; } + +.social-icons.social-icons-large li a { + height: 48px; + width: 48px; + line-height: 48px; + font-size: 18px; } + +.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover { + background-color: #eee; } + +.dark .social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover { + background-color: #1f1f1f; } + +.social-icons li:hover i { + -webkit-animation: toTopFromBottom 0.3s forwards; + -moz-animation: toTopFromBottom 0.3s forwards; + animation: toTopFromBottom 0.3s forwards; } + +@-webkit-keyframes toTopFromBottom { + 49% { + -webkit-transform: translateY(-100%); } + 50% { + opacity: 0; + -webkit-transform: translateY(100%); } + 51% { + opacity: 1; } } +@-moz-keyframes toTopFromBottom { + 49% { + -moz-transform: translateY(-100%); } + 50% { + opacity: 0; + -moz-transform: translateY(100%); } + 51% { + opacity: 1; } } +@keyframes toTopFromBottom { + 49% { + transform: translateY(-100%); } + 50% { + opacity: 0; + transform: translateY(100%); } + 51% { + opacity: 1; } } +@font-face { + font-family: 'inspiro-icons'; + src: url("../webfonts/inspiro-icons.ttf?ijzgpf") format("truetype"), url("../webfonts/inspiro-icons.woff?ijzgpf") format("woff"); + font-weight: normal; + font-style: normal; + font-display: block; } +i:not(.fa):not(.fab):not(.far):not(.fas) { + font-family: inspiro-icons !important; + speak: none; + font-style: normal; + font-weight: 400; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.icon-activity:before { + content: "\e900"; } + +.icon-airplay:before { + content: "\e901"; } + +.icon-alert-circle:before { + content: "\e902"; } + +.icon-alert-octagon:before { + content: "\e903"; } + +.icon-alert-triangle:before { + content: "\e904"; } + +.icon-align-center:before { + content: "\e905"; } + +.icon-align-justify:before { + content: "\e906"; } + +.icon-align-left:before { + content: "\e907"; } + +.icon-align-right:before { + content: "\e908"; } + +.icon-anchor:before { + content: "\e909"; } + +.icon-aperture:before { + content: "\e90a"; } + +.icon-archive:before { + content: "\e90b"; } + +.icon-arrow-down-circle:before { + content: "\e90c"; } + +.icon-arrow-down-left:before { + content: "\e90d"; } + +.icon-arrow-down-right:before { + content: "\e90e"; } + +.icon-arrow-down:before { + content: "\e90f"; } + +.icon-arrow-left-circle:before { + content: "\e910"; } + +.icon-arrow-left:before { + content: "\e911"; } + +.icon-arrow-right-circle:before { + content: "\e912"; } + +.icon-arrow-right:before { + content: "\e913"; } + +.icon-arrow-up-circle:before { + content: "\e914"; } + +.icon-arrow-up-left:before { + content: "\e915"; } + +.icon-arrow-up-right:before { + content: "\e916"; } + +.icon-arrow-up:before { + content: "\e917"; } + +.icon-at-sign:before { + content: "\e918"; } + +.icon-award:before { + content: "\e919"; } + +.icon-bar-chart-2:before { + content: "\e91a"; } + +.icon-bar-chart:before { + content: "\e91b"; } + +.icon-battery-charging:before { + content: "\e91c"; } + +.icon-battery:before { + content: "\e91d"; } + +.icon-bell-off:before { + content: "\e91e"; } + +.icon-bell:before { + content: "\e91f"; } + +.icon-bluetooth:before { + content: "\e920"; } + +.icon-bold:before { + content: "\e921"; } + +.icon-book-open:before { + content: "\e922"; } + +.icon-book:before { + content: "\e923"; } + +.icon-bookmark:before { + content: "\e924"; } + +.icon-box:before { + content: "\e925"; } + +.icon-briefcase:before { + content: "\e926"; } + +.icon-calendar:before { + content: "\e927"; } + +.icon-camera-off:before { + content: "\e928"; } + +.icon-camera:before { + content: "\e929"; } + +.icon-cast:before { + content: "\e92a"; } + +.icon-check-circle:before { + content: "\e92b"; } + +.icon-check-square:before { + content: "\e92c"; } + +.icon-check:before { + content: "\e92d"; } + +.icon-chevron-down:before { + content: "\e92e"; } + +.icon-chevron-left:before { + content: "\e92f"; } + +.icon-chevron-right:before { + content: "\e930"; } + +.icon-chevron-up:before { + content: "\e931"; } + +.icon-chevrons-down:before { + content: "\e932"; } + +.icon-chevrons-left:before { + content: "\e933"; } + +.icon-chevrons-right:before { + content: "\e934"; } + +.icon-chevrons-up:before { + content: "\e935"; } + +.icon-chrome:before { + content: "\e936"; } + +.icon-circle:before { + content: "\e937"; } + +.icon-clipboard:before { + content: "\e938"; } + +.icon-clock:before { + content: "\e939"; } + +.icon-cloud-drizzle:before { + content: "\e93a"; } + +.icon-cloud-lightning:before { + content: "\e93b"; } + +.icon-cloud-off:before { + content: "\e93c"; } + +.icon-cloud-rain:before { + content: "\e93d"; } + +.icon-cloud-snow:before { + content: "\e93e"; } + +.icon-cloud:before { + content: "\e93f"; } + +.icon-code:before { + content: "\e940"; } + +.icon-codepen:before { + content: "\e941"; } + +.icon-codesandbox:before { + content: "\e942"; } + +.icon-coffee:before { + content: "\e943"; } + +.icon-columns:before { + content: "\e944"; } + +.icon-command:before { + content: "\e945"; } + +.icon-compass:before { + content: "\e946"; } + +.icon-copy:before { + content: "\e947"; } + +.icon-corner-down-left:before { + content: "\e948"; } + +.icon-corner-down-right:before { + content: "\e949"; } + +.icon-corner-left-down:before { + content: "\e94a"; } + +.icon-corner-left-up:before { + content: "\e94b"; } + +.icon-corner-right-down:before { + content: "\e94c"; } + +.icon-corner-right-up:before { + content: "\e94d"; } + +.icon-corner-up-left:before { + content: "\e94e"; } + +.icon-corner-up-right:before { + content: "\e94f"; } + +.icon-cpu:before { + content: "\e950"; } + +.icon-credit-card:before { + content: "\e951"; } + +.icon-crop:before { + content: "\e952"; } + +.icon-crosshair:before { + content: "\e953"; } + +.icon-database:before { + content: "\e954"; } + +.icon-delete:before { + content: "\e955"; } + +.icon-disc:before { + content: "\e956"; } + +.icon-dollar-sign:before { + content: "\e957"; } + +.icon-download-cloud:before { + content: "\e92e"; } + +.icon-download:before { + content: "\e92f"; } + +.icon-droplet:before { + content: "\e95a"; } + +.icon-edit-2:before { + content: "\e95b"; } + +.icon-edit-3:before { + content: "\e95c"; } + +.icon-edit:before { + content: "\e95d"; } + +.icon-external-link:before { + content: "\e95e"; } + +.icon-eye-off:before { + content: "\e95f"; } + +.icon-eye:before { + content: "\e960"; } + +.icon-facebook:before { + content: "\e961"; } + +.icon-fast-forward:before { + content: "\e962"; } + +.icon-feather:before { + content: "\e963"; } + +.icon-figma:before { + content: "\e964"; } + +.icon-file-minus:before { + content: "\e965"; } + +.icon-file-plus:before { + content: "\e966"; } + +.icon-file-text:before { + content: "\e967"; } + +.icon-file:before { + content: "\e968"; } + +.icon-film:before { + content: "\e969"; } + +.icon-filter:before { + content: "\e96a"; } + +.icon-flag:before { + content: "\e96b"; } + +.icon-folder-minus:before { + content: "\e96c"; } + +.icon-folder-plus:before { + content: "\e96d"; } + +.icon-folder:before { + content: "\e96e"; } + +.icon-framer:before { + content: "\e96f"; } + +.icon-frown:before { + content: "\e970"; } + +.icon-gift:before { + content: "\e971"; } + +.icon-git-branch:before { + content: "\e972"; } + +.icon-git-commit:before { + content: "\e973"; } + +.icon-git-merge:before { + content: "\e974"; } + +.icon-git-pull-request:before { + content: "\e975"; } + +.icon-github:before { + content: "\e976"; } + +.icon-gitlab:before { + content: "\e977"; } + +.icon-globe:before { + content: "\e978"; } + +.icon-grid:before { + content: "\e979"; } + +.icon-hard-drive:before { + content: "\e97a"; } + +.icon-hash:before { + content: "\e97b"; } + +.icon-headphones:before { + content: "\e97c"; } + +.icon-heart:before { + content: "\e97d"; } + +.icon-help-circle:before { + content: "\e97e"; } + +.icon-hexagon:before { + content: "\e97f"; } + +.icon-home:before { + content: "\e980"; } + +.icon-image:before { + content: "\e981"; } + +.icon-inbox:before { + content: "\e982"; } + +.icon-info:before { + content: "\e983"; } + +.icon-instagram:before { + content: "\e984"; } + +.icon-italic:before { + content: "\e985"; } + +.icon-key:before { + content: "\e986"; } + +.icon-layers:before { + content: "\e987"; } + +.icon-layout:before { + content: "\e988"; } + +.icon-life-buoy:before { + content: "\e989"; } + +.icon-link-2:before { + content: "\e98a"; } + +.icon-link:before { + content: "\e98b"; } + +.icon-linkedin:before { + content: "\e98c"; } + +.icon-list:before { + content: "\e98d"; } + +.icon-loader:before { + content: "\e98e"; } + +.icon-lock:before { + content: "\e98f"; } + +.icon-log-in:before { + content: "\e990"; } + +.icon-log-out:before { + content: "\e991"; } + +.icon-mail:before { + content: "\e992"; } + +.icon-map-pin:before { + content: "\e993"; } + +.icon-map:before { + content: "\e994"; } + +.icon-maximize-2:before { + content: "\e995"; } + +.icon-maximize:before { + content: "\e996"; } + +.icon-meh:before { + content: "\e997"; } + +.icon-menu:before { + content: "\e998"; } + +.icon-message-circle:before { + content: "\e999"; } + +.icon-message-square:before { + content: "\e99a"; } + +.icon-mic-off:before { + content: "\e99b"; } + +.icon-mic:before { + content: "\e99c"; } + +.icon-minimize-2:before { + content: "\e99d"; } + +.icon-minimize:before { + content: "\e99e"; } + +.icon-minus-circle:before { + content: "\e99f"; } + +.icon-minus-square:before { + content: "\e9a0"; } + +.icon-minus:before { + content: "\e9a1"; } + +.icon-monitor:before { + content: "\e9a2"; } + +.icon-moon:before { + content: "\e9a3"; } + +.icon-more-horizontal:before { + content: "\e9a4"; } + +.icon-more-vertical:before { + content: "\e9a5"; } + +.icon-mouse-pointer:before { + content: "\e9a6"; } + +.icon-move:before { + content: "\e9a7"; } + +.icon-music:before { + content: "\e9a8"; } + +.icon-navigation-2:before { + content: "\e9a9"; } + +.icon-navigation:before { + content: "\e9aa"; } + +.icon-octagon:before { + content: "\e9ab"; } + +.icon-package:before { + content: "\e9ac"; } + +.icon-paperclip:before { + content: "\e9ad"; } + +.icon-pause-circle:before { + content: "\e9ae"; } + +.icon-pause:before { + content: "\e9af"; } + +.icon-pen-tool:before { + content: "\e9b0"; } + +.icon-percent:before { + content: "\e9b1"; } + +.icon-phone-call:before { + content: "\e9b2"; } + +.icon-phone-forwarded:before { + content: "\e9b3"; } + +.icon-phone-incoming:before { + content: "\e9b4"; } + +.icon-phone-missed:before { + content: "\e9b5"; } + +.icon-phone-off:before { + content: "\e9b6"; } + +.icon-phone-outgoing:before { + content: "\e9b7"; } + +.icon-phone:before { + content: "\e9b8"; } + +.icon-pie-chart:before { + content: "\e9b9"; } + +.icon-play-circle:before { + content: "\e9ba"; } + +.icon-play:before { + content: "\e9bb"; } + +.icon-plus-circle:before { + content: "\e9bc"; } + +.icon-plus-square:before { + content: "\e9bd"; } + +.icon-plus:before { + content: "\e9be"; } + +.icon-pocket:before { + content: "\e9bf"; } + +.icon-power:before { + content: "\e9a1"; } + +.icon-printer:before { + content: "\e9c1"; } + +.icon-radio:before { + content: "\e9c2"; } + +.icon-refresh-ccw:before { + content: "\e9c3"; } + +.icon-refresh-cw:before { + content: "\e9c4"; } + +.icon-repeat:before { + content: "\e9c5"; } + +.icon-rewind:before { + content: "\e9c6"; } + +.icon-rotate-ccw:before { + content: "\e9c7"; } + +.icon-rotate-cw:before { + content: "\e9c8"; } + +.icon-rss:before { + content: "\e9c9"; } + +.icon-save:before { + content: "\e9ca"; } + +.icon-scissors:before { + content: "\e9cb"; } + +.icon-search:before { + content: "\e9cc"; } + +.icon-send:before { + content: "\e9cd"; } + +.icon-server:before { + content: "\e9ce"; } + +.icon-settings:before { + content: "\e9cf"; } + +.icon-share-2:before { + content: "\e9d0"; } + +.icon-share:before { + content: "\e9d1"; } + +.icon-shield-off:before { + content: "\e9d2"; } + +.icon-shield:before { + content: "\e9d3"; } + +.icon-shopping-bag:before { + content: "\e9d4"; } + +.icon-shopping-cart:before { + content: "\e9d5"; } + +.icon-shuffle:before { + content: "\e9d6"; } + +.icon-sidebar:before { + content: "\e9d7"; } + +.icon-skip-back:before { + content: "\e9d8"; } + +.icon-skip-forward:before { + content: "\e9d9"; } + +.icon-slack:before { + content: "\e9da"; } + +.icon-slash:before { + content: "\e9db"; } + +.icon-sliders:before { + content: "\e9dc"; } + +.icon-smartphone:before { + content: "\e9dd"; } + +.icon-smile:before { + content: "\e9de"; } + +.icon-speaker:before { + content: "\e9df"; } + +.icon-square:before { + content: "\e9e0"; } + +.icon-star:before { + content: "\e9e1"; } + +.icon-stop-circle:before { + content: "\e9e2"; } + +.icon-sun:before { + content: "\e9e3"; } + +.icon-sunrise:before { + content: "\e9e4"; } + +.icon-sunset:before { + content: "\e9e5"; } + +.icon-tablet:before { + content: "\e9e6"; } + +.icon-tag:before { + content: "\e9e7"; } + +.icon-target:before { + content: "\e9e8"; } + +.icon-terminal:before { + content: "\e9e9"; } + +.icon-thermometer:before { + content: "\e9ea"; } + +.icon-thumbs-down:before { + content: "\e9eb"; } + +.icon-thumbs-up:before { + content: "\e9ec"; } + +.icon-toggle-left:before { + content: "\e9ed"; } + +.icon-toggle-right:before { + content: "\e9ee"; } + +.icon-trash-2:before { + content: "\e9ef"; } + +.icon-trash:before { + content: "\e9f0"; } + +.icon-trello:before { + content: "\e9f1"; } + +.icon-trending-down:before { + content: "\e9f2"; } + +.icon-trending-up:before { + content: "\e9f3"; } + +.icon-triangle:before { + content: "\e9f4"; } + +.icon-truck:before { + content: "\e9f5"; } + +.icon-tv:before { + content: "\e9f6"; } + +.icon-twitter:before { + content: "\e9f7"; } + +.icon-type:before { + content: "\e9f8"; } + +.icon-umbrella:before { + content: "\e9f9"; } + +.icon-underline:before { + content: "\e9fa"; } + +.icon-unlock:before { + content: "\e9fb"; } + +.icon-upload-cloud:before { + content: "\e9fc"; } + +.icon-upload:before { + content: "\e9fd"; } + +.icon-user-check:before { + content: "\e9fe"; } + +.icon-user-minus:before { + content: "\e9ff"; } + +.icon-user-plus:before { + content: "\ea00"; } + +.icon-user-x:before { + content: "\ea01"; } + +.icon-user:before { + content: "\ea02"; } + +.icon-users:before { + content: "\ea03"; } + +.icon-video-off:before { + content: "\ea04"; } + +.icon-video:before { + content: "\ea05"; } + +.icon-voicemail:before { + content: "\ea06"; } + +.icon-volume-1:before { + content: "\ea07"; } + +.icon-volume-2:before { + content: "\ea08"; } + +.icon-volume-x:before { + content: "\ea09"; } + +.icon-volume:before { + content: "\ea0a"; } + +.icon-watch:before { + content: "\ea0b"; } + +.icon-wifi-off:before { + content: "\ea0c"; } + +.icon-wifi:before { + content: "\ea0d"; } + +.icon-wind:before { + content: "\ea0e"; } + +.icon-x-circle:before { + content: "\ea0f"; } + +.icon-x-octagon:before { + content: "\ea10"; } + +.icon-x-square:before { + content: "\ea11"; } + +.icon-x:before { + content: "\ea12"; } + +.icon-youtube:before { + content: "\ea13"; } + +.icon-zap-off:before { + content: "\ea14"; } + +.icon-zap:before { + content: "\ea15"; } + +.icon-zoom-in:before { + content: "\ea16"; } + +.icon-zoom-out:before { + content: "\ea17"; } + +div.icon-box:before { + display: none !important; } + +/* ---------------------------------------------------------------------- + Icon Box +-------------------------------------------------------------------------*/ +.icon { + margin-bottom: 16px; } + +div.icon-box:before { + display: none !important; } + +.icon-box { + margin-bottom: 50px; + position: relative; } + .icon-box .icon { + height: 64px; + position: absolute; + width: 64px; } + .icon-box .icon i { + font-size: 28px; + text-align: center; + line-height: 66px; + border-radius: 50%; } + .icon-box .icon a, + .icon-box .icon i { + width: 100%; + height: 100%; + color: #333; } + .icon-box h3, + .icon-box h5 { + margin: 0 12px 10px 83px; + letter-spacing: 0px; + font-size: 16px; + line-height: 25px; + font-weight: 700; } + .icon-box p { + margin: 0 0 20px 83px; + font-size: 16px; + line-height: 28px; + font-weight: 400; } + +.icon-box-description > p { + margin-bottom: 20px; } + +.icon-box.effect .icon i { + z-index: 1; } + .icon-box.effect .icon i:after { + pointer-events: none; + position: absolute; + width: 100%; + height: 100%; + border-radius: 50%; + content: ''; + box-sizing: content-box; } +.icon-box .icon i { + -webkit-transition: background-color 0.2s, color 0.2s; + transition: background-color 0.2s, color 0.2s; } + .icon-box .icon i:after { + top: -4px; + left: -4px; + padding: 4px; + box-shadow: 0 0 0 3px #333; + -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; + -webkit-transform: scale(0.8); + -moz-transition: -moz-transform 0.2s, opacity 0.2s; + -moz-transform: scale(0.8); + -ms-transform: scale(0.8); + -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; + transition: transform 0.2s, opacity 0.2s; + -webkit-transform: scale(0.8); + -ms-transform: scale(0.8); + transform: scale(0.8); + opacity: 0; } +.icon-box.effect.dark .icon i:after { + box-shadow: 0 0 0 3px #2250fc; } +.icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i { + background-color: #2250fc; } +.icon-box.effect .icon i:hover:after, .icon-box.effect:hover .icon i:after { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1); + opacity: 1; } + +.image-box .image-box-content p i.fa.fa-play { + padding-left: 3px; } + +.icon-box.small .icon { + height: 46px; + width: 46px; } + .icon-box.small .icon i { + font-size: 20px; + line-height: 47px; } +.icon-box.small > h3, +.icon-box.small > h5 { + font-size: 18px; + margin: 0 12px 4px 60px; } +.icon-box.small > p { + margin: 0 0 20px 60px; + line-height: 1.6; + font-size: 14px; } +.icon-box.medium > h3, +.icon-box.medium > h4, +.icon-box.medium > h5 { + margin: 0 12px 10px 84px; } +.icon-box.medium > p { + margin: 0 0 20px 84px; } +.icon-box.large .icon { + height: 86px; + width: 86px; } + .icon-box.large .icon i { + font-size: 38px; + line-height: 87px; } +.icon-box.large > h3, +.icon-box.large > h5 { + margin: 0 12px 10px 110px; + font-size: 24px; } +.icon-box.large p { + margin: 0 0 20px 110px; } +.icon-box.icon-box-right { + padding: 0; + text-align: right; } + .icon-box.icon-box-right > h3, + .icon-box.icon-box-right > h5 { + margin: 0px 84px 0px 10px; } + .icon-box.icon-box-right.medium > p { + margin: 20px 84px 0px 10px; } + .icon-box.icon-box-right .icon { + right: 0; } + .icon-box.icon-box-right p { + font-size: 14px; + margin-top: 15px; } +.icon-box.text-center, .icon-box.center { + padding: 0; + text-align: center; } + .icon-box.text-center h3, + .icon-box.text-center h5, .icon-box.center h3, + .icon-box.center h5 { + margin: 0 12px 10px 0px; } + .icon-box.text-center p, .icon-box.center p { + margin: 0 0 20px 0px; } + .icon-box.text-center .icon, .icon-box.center .icon { + margin: 0 auto 22px; + position: relative; } + .icon-box.text-center p, .icon-box.center p { + font-size: 16px; + margin-top: 15px; } + .icon-box.text-center.small .icon, .icon-box.center.small .icon { + clear: both !important; + position: relative !important; } +.icon-box.border { + border: 0 !important; } + .icon-box.border .icon { + border: 3px solid #333; + text-align: center; + border-radius: 50%; + background-color: transparent; } + .icon-box.border .icon i { + line-height: 56px; } + .icon-box.border:hover > .icon i { + line-height: 62px; } + .icon-box.border:hover > .icon { + border: 0px; } + .icon-box.border .icon i { + background-color: transparent !important; + color: #333; } + .icon-box.border.small .icon { + height: 46px; + position: absolute; + top: 5px; + width: 46px; } + .icon-box.border.small .icon i { + font-size: 20px; + line-height: 42px; } + .icon-box.border.small:hover > .icon i { + line-height: 49px; } + .icon-box.border.large .icon i { + line-height: 81px; } + .icon-box.border.large:hover > .icon i { + line-height: 86px; } +.icon-box.square.large:hover > .icon i { + line-height: 86px; } +.icon-box.square .icon, .icon-box.square.effect .icon i:after, +.icon-box.square .icon i { + border-radius: 0; } +.icon-box.square:hover > .icon i { + line-height: 66px; } +.icon-box.square.border .icon i { + line-height: 59px; } +.icon-box.square.border:hover > .icon i { + line-height: 64px; } +.icon-box.square.border.small .icon i { + line-height: 41px; } +.icon-box.square.border.small:hover > .icon i { + line-height: 47px; } +.icon-box.square.border.large .icon i { + line-height: 78px; } +.icon-box.square.border:large:hover > .icon i { + line-height: 84px; } +.icon-box.square.small:hover > .icon i { + line-height: 48px; } +.icon-box.light .icon i:after { + box-shadow: 0 0 0 3px #e5e5e5; } +.icon-box.light .icon i { + background-color: #e5e5e5; } +.icon-box.light .icon i { + color: #808080; } +.icon-box.light.border .icon { + border: 3px solid #e5e5e5; } +.icon-box.light.border.large .icon i { + line-height: 87px; } +.icon-box.light.border.large:hover > .icon i { + line-height: 88px; } +.icon-box.fancy .icon i { + background-color: transparent; + color: #222; + font-size: 110px; + opacity: 0.09; + -webkit-transition: all ease 0.5s; + transition: all ease 0.5s; + border-radius: 0px; } +.icon-box.fancy.small > .icon i { + font-size: 68px; } +.icon-box.fancy.large .icon i { + font-size: 120px; } +.icon-box.fancy.text-center .icon, .icon-box.fancy.center .icon { + width: auto; + margin-bottom: 30px; } +.icon-box.effect.fancy .icon i:after { + box-shadow: 0 0 0 0px transparent; } +.icon-box.effect.fancy:hover > .icon i { + font-size: 110px; } +.icon-box.effect.fancy.small:hover > .icon i { + font-size: 76px; } +.icon-box.clean .icon i { + background-color: none; + color: #333; + font-size: 50px; } +.icon-box.clean.small .icon i { + font-size: 36px; } +.icon-box.effect.clean .icon i:after { + box-shadow: 0 0 0 0px transparent; } +.icon-box.process { + border: 1px solid #888; + margin-top: 45px; + padding: 0 30px 10px; + border-radius: 4px; } + .icon-box.process.effect .icon i:hover:after, .icon-box.process.effect:hover .icon i::after { + opacity: 0; + border: 0px; } + .icon-box.process .icon { + margin-top: 10px; } + .icon-box.process.small .icon { + margin-top: 10px; } +.icon-box.box-type { + background: #fafafa; + border: 1px solid #ececec; + border-radius: 4px; + padding: 20px; } + .icon-box.box-type .icon { + margin-top: 20px; } + +/*Text Box*/ +.text-box { + padding: 40px; + text-align: center; + transition: background 0.4s ease 0s; + cursor: pointer; } + .text-box i { + font-size: 42px; + margin: 30px 0 20px; } + .text-box i { + color: #fff; + transition: all 0.4s ease 0s; } + .text-box h3, + .text-box h5, + .text-box p { + color: #fff; + transition: all 0.4s ease 0s; } + .text-box:hover { + background: #eeeeee; } + .text-box:hover i, + .text-box:hover h3, + .text-box:hover h5, + .text-box:hover p { + color: #333; } + .text-box.text-box-light { + border: 1px solid #d9d9d9; + background: #ffffff; } + .text-box.text-box-light i, + .text-box.text-box-light h3, + .text-box.text-box-light h5, + .text-box.text-box-light p { + color: #1f1f1f; } + .text-box.text-box-light:hover { + background: #2250fc; } + .text-box.text-box-light:hover i, + .text-box.text-box-light:hover h3, + .text-box.text-box-light:hover h5, + .text-box.text-box-light:hover p { + color: #ffffff; } + .text-box.hover-effect { + padding: 30px 30px 10px 30px; } + .text-box.hover-effect i { + margin: 90px 0 20px; } + .text-box.hover-effect p { + opacity: 0; } + .text-box.hover-effect:hover i { + margin: 70px 0 6px 0; } + .text-box.hover-effect:hover p { + opacity: 1; } + +/* ---------------------------------------------------------------- + Featured Boxes +-----------------------------------------------------------------*/ +.feature-box { + background-color: #fff; + margin-bottom: 0px; + padding: 44px; + border-radius: 4px; + background-clip: padding-box; + box-shadow: 0 7px 20px -10px rgba(171, 171, 171, 0.7); + transition: all 0.55s ease; + text-align: center; + min-height: 250px; } + .feature-box.feature-box-transparent { + background-color: transparent; + box-shadow: none; } + .feature-box.feature-box-transparent:hover { + background-color: #ffffff; } + .feature-box > i { + font-size: 46px; + margin-bottom: 20px; } + .feature-box:hover { + transform: translateY(-10px); + box-shadow: 0 10px 50px -12px rgba(171, 171, 171, 0.9); } + .feature-box:hover h2, + .feature-box:hover h3, + .feature-box:hover h4 { + color: #2250fc; } + .feature-box h2, + .feature-box h3, + .feature-box h4 { + font-size: 14px; + text-transform: uppercase; + transition: all 0.33s; + margin-top: 0px; + margin-bottom: 10px; } + .feature-box p { + font-size: 14px; + margin-bottom: 0; } + +.col-lg-2 .feature-box p { + font-size: 12px; + margin-bottom: 0; + line-height: 18px; + opacity: 0.8; } + +.icon-boxes { + box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05); } + +.icon-boxx { + display: inline-flex; + align-items: flex-start; + padding: 60px 40px; + border-left: 1px solid #ececec; + border-bottom: 1px solid #ececec; + min-height: 240px; } + .icon-boxx i { + font-size: 36px; + font-weight: 100; + margin-top: 10px; } + .icon-boxx .icon-box-content { + padding-left: 30px; } + .icon-boxx .icon-box-content h3 { + font-size: 20px; + color: #1f1f1f; + font-weight: 400; } + .icon-boxx .icon-box-content p { + font-size: 1rem; + margin-bottom: 0; + color: #9896a6; } + +/* ---------------------------------------------------------------- +Carousels +-----------------------------------------------------------------*/ +.flickity-viewport { + overflow: hidden !important; } + +.flickity-slider > div > img, +.carousel .polo-carousel-item img { + width: 100%; } + +.carousel[data-auto-width="true"] .flickity-slider > div > img, +.carousel[data-auto-width="true"] .carousel .polo-carousel-item img, +.carousel.custom-height .flickity-slider > div > img, +.carousel.custom-height .carousel .polo-carousel-item img { + height: 100%; + width: auto; } + +.flickity-enabled { + position: relative; } + .flickity-enabled:focus { + outline: none; } + +.flickity-viewport { + overflow: hidden; + position: relative; + height: 100%; } + +.flickity-slider { + position: absolute; + width: 100%; + height: 100%; } + +/* draggable */ +.flickity-enabled.is-draggable { + -webkit-tap-highlight-color: transparent; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } + .flickity-enabled.is-draggable .flickity-viewport { + cursor: move; + cursor: -webkit-grab; + cursor: grab; } + .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { + cursor: -webkit-grabbing; + cursor: grabbing; } + +/* flickity-fade */ +.flickity-enabled.is-fade .flickity-slider > * { + pointer-events: none; + z-index: 0; } + +.flickity-enabled.is-fade .flickity-slider > .is-selected { + pointer-events: auto; + z-index: 1; } + +/* ---- flickity-button ---- */ +.flickity-button { + background: #fff; + width: 40px; + height: 40px; + line-height: 40px; + margin: -23px 0 0; + display: block; + position: absolute; + top: 50%; + z-index: 10; + cursor: pointer; + text-align: center; + transition: all .2s ease 0s; + color: #9896a6; + text-align: center; + z-index: 200; + border: 0; + box-sizing: initial; + opacity: 0; + border-radius: 50%; + box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1); } + .flickity-button:before { + color: #1f1f1f; } + .flickity-button:hover { + background-color: #2250fc; } + .flickity-button:hover:before { + color: #ffffff; } + .flickity-button.next:before, .flickity-button.previous:before { + font-size: 25px; + font-family: inspiro-icons !important; } + .flickity-button.next { + right: 0px; } + .flickity-button.next:before { + margin-left: 4px; + content: "\e930"; } + .flickity-button.next.disabled { + opacity: 0; } + .flickity-button.previous { + left: 0px; } + .flickity-button.previous:before { + content: "\e92f"; + margin-right: 2px; } + .flickity-button.previous.disabled { + opacity: 0; } + .flickity-button svg { + display: none !important; } + +.inspiro-slider:hover .flickity-button.next, +.carousel:hover .flickity-button.next { + left: auto; + right: 10px; + opacity: 1; } + .inspiro-slider:hover .flickity-button.next.disabled, + .carousel:hover .flickity-button.next.disabled { + opacity: 0; } +.inspiro-slider:hover .flickity-button.previous, +.carousel:hover .flickity-button.previous { + right: auto; + left: 10px; + opacity: 1; } + .inspiro-slider:hover .flickity-button.previous.disabled, + .carousel:hover .flickity-button.previous.disabled { + opacity: 0; } +.inspiro-slider.arrows-dark .flickity-button, +.carousel.arrows-dark .flickity-button { + color: #9896a6; } + .inspiro-slider.arrows-dark .flickity-button:hover, + .carousel.arrows-dark .flickity-button:hover { + background-color: #2250fc; } + .inspiro-slider.arrows-dark .flickity-button:hover:before, + .carousel.arrows-dark .flickity-button:hover:before { + color: #ffffff; } +.inspiro-slider.arrows-grey .flickity-button, +.carousel.arrows-grey .flickity-button { + color: #cecece; } + .inspiro-slider.arrows-grey .flickity-button:hover, + .carousel.arrows-grey .flickity-button:hover { + background-color: #2250fc; } + .inspiro-slider.arrows-grey .flickity-button:hover:before, + .carousel.arrows-grey .flickity-button:hover:before { + color: #ffffff; } +.inspiro-slider.arrows-only .flickity-button, +.carousel.arrows-only .flickity-button { + background-color: transparent; + color: #ffffff; + box-shadow: none; } + .inspiro-slider.arrows-only .flickity-button:hover, + .carousel.arrows-only .flickity-button:hover { + background-color: transparent; } + .inspiro-slider.arrows-only .flickity-button:hover:before, + .carousel.arrows-only .flickity-button:hover:before { + color: #ffffff; } +.inspiro-slider.arrows-visibile .flickity-button.next, +.carousel.arrows-visibile .flickity-button.next { + left: auto; + right: 10px; + opacity: 1; } +.inspiro-slider.arrows-visibile .flickity-button.previous, +.carousel.arrows-visibile .flickity-button.previous { + right: auto; + left: 10px; + opacity: 1; } +.inspiro-slider .portfolio-item, +.carousel .portfolio-item { + padding-bottom: 0; } + +.polo-carousel-item.is-selected { + z-index: 2; } + +.flickity-button-icon { + fill: currentColor; } + +/* ---------------------------------------------------------------- +Carousel: Dots +-----------------------------------------------------------------*/ +.flickity-page-dots { + position: absolute; + width: 100%; + bottom: -25px; + padding: 0; + margin: 0; + list-style: none; + text-align: center; + line-height: 1; + z-index: 3; + height: 10px; } + .flickity-page-dots .dot { + display: inline-block; + position: relative; + margin: 0 4px; + width: 10px; + height: 10px; + cursor: pointer; + border-radius: 50%; + overflow: hidden; + background-color: transparent; + box-shadow: inset 0 0 0 2px #cccccc; + transition: background 0.8s ease; } + .flickity-page-dots .dot:after { + outline: medium none; + text-indent: -999em; + border-radius: 50%; + overflow: hidden; + content: ''; + position: absolute; + bottom: 0; + height: 0; + left: 0; + width: 100%; + background-color: #cccccc; + box-shadow: 0 0 1px #cccccc; + transition: height 0.3s ease; } + .flickity-page-dots .dot.is-selected:after { + height: 100%; } + +.inspiro-slider, +.carousel { + /* dots inside */ + /* dots top */ + /* dots light */ + /* dots dark */ + /* dots grey */ } + .inspiro-slider.dots-inside .flickity-page-dots, + .carousel.dots-inside .flickity-page-dots { + bottom: 20px; + position: absolute; } + .inspiro-slider.dots-inside-top .flickity-page-dots, + .carousel.dots-inside-top .flickity-page-dots { + top: 20px; } + .inspiro-slider.dots-outside-top .flickity-page-dots, + .carousel.dots-outside-top .flickity-page-dots { + top: -46px; } + .inspiro-slider.dots-light .flickity-page-dots .dot, + .carousel.dots-light .flickity-page-dots .dot { + box-shadow: inset 0 0 0 2px #ffffff; } + .inspiro-slider.dots-light .flickity-page-dots .dot:after, + .carousel.dots-light .flickity-page-dots .dot:after { + background-color: #ffffff; + box-shadow: 0 0 1px #ffffff; } + .inspiro-slider.dots-dark .flickity-page-dots .dot, + .carousel.dots-dark .flickity-page-dots .dot { + box-shadow: inset 0 0 0 2px #9896a6; } + .inspiro-slider.dots-dark .flickity-page-dots .dot:after, + .carousel.dots-dark .flickity-page-dots .dot:after { + background-color: #9896a6; } + .inspiro-slider.dots-grey .flickity-page-dots .dot, + .carousel.dots-grey .flickity-page-dots .dot { + box-shadow: inset 0 0 0 2px #bbbbbb; } + .inspiro-slider.dots-grey .flickity-page-dots .dot:after, + .carousel.dots-grey .flickity-page-dots .dot:after { + background-color: #bbbbbb; } + .inspiro-slider.dots-creative .flickity-page-dots .dot, + .carousel.dots-creative .flickity-page-dots .dot { + opacity: 0.5; + box-shadow: none; + border-radius: 0; + background-color: #ffffff; + height: 4px; + width: 30px; } + .inspiro-slider.dots-creative .flickity-page-dots .dot:after, + .carousel.dots-creative .flickity-page-dots .dot:after { + background-color: #ffffff; + box-shadow: none; } + .inspiro-slider.dots-creative .flickity-page-dots .dot:hover, + .carousel.dots-creative .flickity-page-dots .dot:hover { + opacity: 0.6; } + .inspiro-slider.dots-creative .flickity-page-dots .dot.is-selected, + .carousel.dots-creative .flickity-page-dots .dot.is-selected { + opacity: 1; } + .inspiro-slider.dots-creative.dots-dark .flickity-page-dots .dot, + .carousel.dots-creative.dots-dark .flickity-page-dots .dot { + background-color: #9896a6; } + .inspiro-slider.dots-creative.dots-dark .flickity-page-dots .dot:after, + .carousel.dots-creative.dots-dark .flickity-page-dots .dot:after { + background-color: #9896a6; } + +.flickity-rtl .flickity-page-dots { + direction: rtl; } + +.carousel-promotion .owl-stage-outer { + overflow: unset !important; } + .carousel-promotion .owl-stage-outer .polo-carousel-item { + opacity: .3; + transition: opacity 400ms ease; } + .carousel-promotion .owl-stage-outer .polo-carousel-item.active { + opacity: 1; } + +/* Owl Carousel - Settings +-----------------------------------------------------------------*/ +.carousel { + opacity: 0; + visibility: hidden; + transition: opacity .3s ease; } + .carousel.carousel-loaded { + opacity: 1; + visibility: visible; } + +.item-video { + position: relative; + width: 100%; + height: 400px; } + .item-video iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 2; } + +/* ---------------------------------------------------------------------- + Counters +-------------------------------------------------------------------------*/ +.counter { + margin-bottom: 14px; } + .counter span { + font-size: 50px; + line-height: 40px; } + .counter.small > span { + font-size: 32px !important; } + .counter.medium > span { + font-size: 50px !important; } + .counter.large > span { + font-size: 62px !important; } + +.icon-box.fancy > .counter span { + margin: 0 12px 10px 56px; } +.icon-box.fancy.medium > .counter span { + margin: 0 12px 10px 80px; } +.icon-box.effect:not(.center) > .counter span { + margin: 0 12px 10px 82px; } +.icon-box.effect.large:not(.center) > .counter span { + margin: 0 12px 10px 107px; } +.icon-box.effect.medium:not(.center) > .counter span { + margin: 0 12px 10px 82px; } +.icon-box.effect.small:not(.center) > .counter span { + margin: 0 12px 10px 58px; + font-size: 32px !important; } + +.countdown-container { + display: table; + margin: 0 auto; } + +.countdown { + color: #484848; + overflow: hidden; } + .countdown .countdown-box { + display: block; + float: left; + margin: 24px; + overflow: hidden; + position: relative; + text-align: center; + width: auto; } + .countdown .number { + font-size: 72px; + font-weight: 600; + line-height: 1; + margin-bottom: 10px; + text-align: center; } + .countdown span { + display: block; + font-size: 18px; + font-weight: 400; + overflow: hidden; + padding-top: 4px; + position: relative; + text-align: center; + color: #9896a6; } + .countdown span:before { + background: none repeat scroll 0 0 #9896a6; + content: ""; + display: block; + height: 1px; + left: 0; + margin-left: auto; + margin-right: auto; + position: absolute; + right: 0; + top: 0; + width: 30px; + opacity: .3; } + .countdown.circle .countdown-box { + border: 3px solid #9896a6; + border-radius: 50%; + color: #1f1f1f; + height: 160px; + padding: 34px 5px 0 0; + width: 160px; + margin: 20px 15px; } + .countdown.circle .countdown-box .number { + font-size: 52px; + font-weight: 800px; } + .countdown.circle .countdown-box span { + font-size: 18px; } + .countdown.rectangle .countdown-box { + border: 4px solid; + padding: 24px; + width: 170px; + margin-left: 15px; + margin-right: 15px; } + .countdown.rectangle .countdown-box .number { + font-size: 52px; + font-weight: 600; } + .countdown.rectangle .countdown-box span { + font-size: 18px; } + .countdown.medium .countdown-box, .countdown.circle.medium .countdown-box, .countdown.rectangle.medium .countdown-box { + height: 90px; + margin: 6px; + padding: 20px 4px 0 0; + width: 90px; } + .countdown.medium .number, .countdown.circle.medium .number, .countdown.rectangle.medium .number { + font-size: 30px; + margin-bottom: 4px; } + .countdown.medium span, .countdown.circle.medium span, .countdown.rectangle.medium span { + font-size: 12px; } + .countdown.circle.medium .countdown-box, .countdown.rectangle.medium .countdown-box { + border: solid 2px; } + .countdown.small .countdown-box, .countdown.circle.small .countdown-box, .countdown.rectangle.small .countdown-box { + margin: 10px; + height: 60px; + padding: 10px 0px 0 0; + width: 60px; + margin: 5px 2px; } + .countdown.small .number, .countdown.circle.small .number, .countdown.rectangle.small .number { + font-size: 14px; + margin-bottom: 6px; } + .countdown.small span, .countdown.circle.small span, .countdown.rectangle.small span { + font-size: 10px; + padding-top: 0px; } + .countdown.circle.small .countdown-box, .countdown.rectangle.small .countdown-box { + border: solid 2px; } + .countdown.light .countdown-box { + border-color: #ffffff; + color: #ffffff; + text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); } + .countdown.countdown-light span:before { + background: #ffffff; } + .countdown.countdown-light span, + .countdown.countdown-light .number { + color: #ffffff !important; } + .countdown.countdown-light.circle .countdown-box { + border-color: #ffffff; } + .countdown.countdown-light.rectangle .countdown-box { + border-color: #ffffff; } + .countdown.countdown-dark span, + .countdown.countdown-dark .number { + color: #9896a6 !important; } + +@media (max-width: 1024px) { + .countdown .countdown-box { + height: 60px !important; + padding: 2px 0px 0 0 !important; + width: 60px !important; + margin: 0px !important; + border: solid 0px !important; } + + .countdown .countdown-box .number { + font-size: 20px !important; + margin-bottom: 0px; } + + .countdown .countdown-container .countdown-box span { + font-size: 10px !important; + padding-top: 0px; } } +/* ---------------------------------------------------------------- + Dropcat & Highlight +-----------------------------------------------------------------*/ +.dropcap { + background: none repeat scroll 0 0 #eeeeee; + border-radius: 4px; + display: inline-block; + float: left; + font-size: 20px; + height: 40px; + line-height: 40px; + margin: 8px 20px 0 0; + text-align: center; + width: 40px; } + .dropcap.dropcap-circle { + border-radius: 50%; } + .dropcap.dropcap-large { + font-size: 44px; + height: 80px; + line-height: 80px; + width: 80px; } + .dropcap.dropcap-small { + font-size: 16px; + height: 20px; + line-height: 20px; + margin: 3px 5px -3px 0; + width: 21px; } + .dropcap.dropcap-colored { + background-color: #2250fc; + color: #ffffff; } + +span.highlight { + padding: 0 5px; } + +.highlight.highlight-primary { + color: #2250fc; + font-weight: bold; } +.highlight.highlight-secondary { + color: #5A6268; + font-weight: bold; } +.highlight.highlight-warning { + color: #ffb20e; + font-weight: bold; } +.highlight.highlight-danger { + color: #CE041C; + font-weight: bold; } +.highlight.highlight-info { + color: #53b0f8; + font-weight: bold; } +.highlight a { + color: #333; } +.highlight.highlight-large { + font-size: 20px; } +.highlight.highlight-small { + font-size: 12px; + padding: 0 7px; } +.highlight.highlight-colored { + background-color: #2250fc; + color: #ffffff; } + +/* ---------------------------------------------------------------- + Team Members +-----------------------------------------------------------------*/ +.team-members .team-member { + background-color: #ffffff; + text-align: center; + position: relative; + overflow: hidden; + margin-bottom: 30px; + border-radius: 4px; } + .team-members .team-member .team-image { + margin-bottom: 20px; } + .team-members .team-member .team-image > img { + width: 100%; + border-radius: 5px 5px 0 0; } + .team-members .team-member .team-desc { + padding-bottom: 20px; + padding-left: 10px; + padding-right: 10px; } + .team-members .team-member .team-desc > h3 { + font-size: 16px; + line-height: 22px; + margin-bottom: 0; } + .team-members .team-member .team-desc > span { + font-size: 13px; + color: #bbbbbb; + line-height: 18px; } + .team-members .team-member .team-desc > p { + margin-top: 10px; + font-size: 14px; } +.team-members.team-members-circle .team-member { + background-color: transparent; + padding: 20px; } + .team-members.team-members-circle .team-member .team-image > img { + border-radius: 50%; } +.team-members.team-members-card .team-member { + border: 1px solid #eeeeee; + border-radius: 4px; } + .team-members.team-members-card .team-member .team-image > img { + border-radius: 0; } + .team-members.team-members-card .team-member .team-desc { + background-color: #fdfdfd; + border-radius: 0px 0px 4px 4px; + padding: 10px; } +.team-members.team-members-shadow .team-member { + border: 1px solid #eeeeee; + box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.03); } + .team-members.team-members-shadow .team-member .team-image > img { + border-radius: 0; } + .team-members.team-members-shadow .team-member .team-desc { + padding: 20px; } +.team-members.team-members-transparent .team-member { + background-color: transparent; } + .team-members.team-members-transparent .team-member .team-desc > h3 { + color: #ffffff; } + .team-members.team-members-transparent .team-member .team-desc > span { + color: #ffffff; } + .team-members.team-members-transparent .team-member .team-desc > p { + color: #ffffff; } +.team-members.team-members-left .team-member { + text-align: left; } + .team-members.team-members-left .team-member .team-image { + float: left; + width: 40%; + margin-bottom: 0; } + .team-members.team-members-left .team-member .team-desc { + overflow: hidden; + position: relative; + width: 60%; + padding-left: 30px; } + .team-members.team-members-left .team-member .team-desc > h3 { + margin-top: 0; } + +/* ---------------------------------------------------------------------- + Progress Bar +-------------------------------------------------------------------------*/ +.p-progress-bar-container, +.progress-bar-container { + width: 100%; + height: 40px; + margin: 20px 0 20px 0; + overflow: hidden; + background-color: #eee; } + +.p-progress-bar, +.progress-bar { + height: 100%; + padding: 10px; + background-color: #2250fc; + box-shadow: none; } + .p-progress-bar .progress-number, + .p-progress-bar .progress-type, + .progress-bar .progress-number, + .progress-bar .progress-type { + color: #fff; + float: right; + margin-top: -2px; } + +.progress-title { + color: #fff; + font-size: 13px; + font-weight: 600; + position: absolute; + text-align: left; } + .progress-title i { + margin-right: 8px; } + +.p-progress-bar-container.radius, +.p-progress-bar-container.radius .p-progress-bar, +.p-progress-bar-container.radius .progress-bar, +.progress-bar-container.radius, +.progress-bar-container.radius .p-progress-bar, +.progress-bar-container.radius .progress-bar { + border-radius: 4px; } +.p-progress-bar-container.title-up .progress-title, +.progress-bar-container.title-up .progress-title { + color: #333; + margin-left: -10px; + margin-top: -32px; } +.p-progress-bar-container.title-up:not(:first-child), +.progress-bar-container.title-up:not(:first-child) { + margin-top: 40px; } +.p-progress-bar-container.title-up .p-progress-bar .progress-number, +.p-progress-bar-container.title-up .p-progress-bar .progress-type, +.p-progress-bar-container.title-up .progress-bar .progress-number, +.p-progress-bar-container.title-up .progress-bar .progress-type, +.progress-bar-container.title-up .p-progress-bar .progress-number, +.progress-bar-container.title-up .p-progress-bar .progress-type, +.progress-bar-container.title-up .progress-bar .progress-number, +.progress-bar-container.title-up .progress-bar .progress-type { + color: #333; + margin-top: -32px; + position: absolute; + right: 15px; } +.p-progress-bar-container.title-up .p-progress-bar .progress-number, +.p-progress-bar-container.title-up .progress-bar .progress-number, +.progress-bar-container.title-up .p-progress-bar .progress-number, +.progress-bar-container.title-up .progress-bar .progress-number { + right: 26px; } +.p-progress-bar-container.medium, +.progress-bar-container.medium { + height: 20px; } + .p-progress-bar-container.medium .p-progress-bar, + .p-progress-bar-container.medium .progress-bar, + .progress-bar-container.medium .p-progress-bar, + .progress-bar-container.medium .progress-bar { + padding: 0; } + .p-progress-bar-container.medium .progress-title, + .progress-bar-container.medium .progress-title { + margin-left: 0; + margin-top: -20px; } + .p-progress-bar-container.medium .p-progress-bar .progress-number, + .p-progress-bar-container.medium .p-progress-bar .progress-type, + .p-progress-bar-container.medium .progress-bar .progress-number, + .p-progress-bar-container.medium .progress-bar .progress-type, + .progress-bar-container.medium .p-progress-bar .progress-number, + .progress-bar-container.medium .p-progress-bar .progress-type, + .progress-bar-container.medium .progress-bar .progress-number, + .progress-bar-container.medium .progress-bar .progress-type { + margin-top: -18px; } +.p-progress-bar-container.small, +.progress-bar-container.small { + height: 10px; } + .p-progress-bar-container.small .p-progress-bar, + .p-progress-bar-container.small .progress-bar, + .progress-bar-container.small .p-progress-bar, + .progress-bar-container.small .progress-bar { + padding: 0; } + .p-progress-bar-container.small .progress-title, + .progress-bar-container.small .progress-title { + margin-left: 0; + margin-top: -20px; } + .p-progress-bar-container.small .p-progress-bar .progress-number, + .p-progress-bar-container.small .p-progress-bar .progress-type, + .p-progress-bar-container.small .progress-bar .progress-number, + .p-progress-bar-container.small .progress-bar .progress-type, + .progress-bar-container.small .p-progress-bar .progress-number, + .progress-bar-container.small .p-progress-bar .progress-type, + .progress-bar-container.small .progress-bar .progress-number, + .progress-bar-container.small .progress-bar .progress-type { + margin-top: -18px; } +.p-progress-bar-container.no-bg, +.progress-bar-container.no-bg { + background: none !important; } +.p-progress-bar-container.extra-small, +.progress-bar-container.extra-small { + height: 2px; } + .p-progress-bar-container.extra-small .p-progress-bar, + .p-progress-bar-container.extra-small .progress-bar, + .progress-bar-container.extra-small .p-progress-bar, + .progress-bar-container.extra-small .progress-bar { + padding: 0; } + .p-progress-bar-container.extra-small .progress-title, + .progress-bar-container.extra-small .progress-title { + margin-left: 0; + margin-top: -20px; } + .p-progress-bar-container.extra-small .p-progress-bar .progress-number, + .p-progress-bar-container.extra-small .p-progress-bar .progress-type, + .p-progress-bar-container.extra-small .progress-bar .progress-number, + .p-progress-bar-container.extra-small .progress-bar .progress-type, + .progress-bar-container.extra-small .p-progress-bar .progress-number, + .progress-bar-container.extra-small .p-progress-bar .progress-type, + .progress-bar-container.extra-small .progress-bar .progress-number, + .progress-bar-container.extra-small .progress-bar .progress-type { + margin-top: -18px; } +.p-progress-bar-container.transparent, +.progress-bar-container.transparent { + background: none !important; } + .p-progress-bar-container.transparent .p-progress-bar, + .p-progress-bar-container.transparent .progress-bar, + .progress-bar-container.transparent .p-progress-bar, + .progress-bar-container.transparent .progress-bar { + background-color: rgba(0, 0, 0, 0.35); } + .p-progress-bar-container.transparent.title-up .p-progress-bar .progress-title, + .p-progress-bar-container.transparent.title-up .p-progress-bar .progress-number, + .p-progress-bar-container.transparent.title-up .p-progress-bar .progress-type, + .p-progress-bar-container.transparent.title-up .progress-bar .progress-title, + .p-progress-bar-container.transparent.title-up .progress-bar .progress-number, + .p-progress-bar-container.transparent.title-up .progress-bar .progress-type, + .progress-bar-container.transparent.title-up .p-progress-bar .progress-title, + .progress-bar-container.transparent.title-up .p-progress-bar .progress-number, + .progress-bar-container.transparent.title-up .p-progress-bar .progress-type, + .progress-bar-container.transparent.title-up .progress-bar .progress-title, + .progress-bar-container.transparent.title-up .progress-bar .progress-number, + .progress-bar-container.transparent.title-up .progress-bar .progress-type { + color: #fff; } + +.pie-animated { + opacity: 1; } + +.pie-chart { + display: inline-block; + margin-bottom: 20px; + margin-top: 50px; + position: relative; + text-align: center; } + .pie-chart canvas { + position: absolute; + top: 0; + left: 0; } + .pie-chart span, + .pie-chart i { + display: inline-block; + font-size: 28px; + z-index: 2; + font-weight: 600; } + .pie-chart i { + font-size: 38px; } + .pie-chart span.percent:after { + content: '%'; + margin-left: 0.1em; + font-size: .8em; } + .pie-chart.transparent span, + .pie-chart.transparent span.percent, + .pie-chart.transparent i { + color: #fff; } + +hr { + margin-bottom: 10px; + margin-top: 10px; + clear: both; } + hr.space { + border: none; + height: 50px; } + hr.space-xs { + border: none; + height: 20px; } + hr.space-md { + border: none; + height: 40px; } + hr.space-lg { + border: none; + height: 80px; } + hr.space-xlg { + border: none; + height: 120px; } + hr.space-xxlg { + border: none; + height: 200px; } + +body.breakpoint-md hr.space { + height: 26px; } +body.breakpoint-sm hr.space, body.breakpoint-xs hr.space { + height: 16px; } +body.breakpoint-xs hr.space-lg, body.breakpoint-sm hr.space-lg { + height: 40px; } +body.breakpoint-xs hr.space-xlg, body.breakpoint-sm hr.space-xlg { + height: 40px; } +body.breakpoint-xs hr.space-xxlg, body.breakpoint-sm hr.space-xxlg { + height: 80px; } + +/* ---------------------------------------------------------------------- + Seperator +-------------------------------------------------------------------------*/ +.seperator, +.separator { + color: #ccc; + width: 100%; + margin: 30px auto; + overflow: hidden; + text-align: center; + line-height: 1.2em; } + +.seperator-simple { + margin: 14px auto; } + +.seperator::before, +.seperator::after, +.separator::before, +.separator::after { + border-bottom: 1px solid #eee; + content: ""; + display: inline-block; + height: 0.65em; + margin: 0 -4px 0 -100%; + vertical-align: top; + width: 50%; } + +.seperator.seperator-dark::before, +.seperator.seperator-dark::after, +.separator.seperator-dark::before, +.separator.seperator-dark::after { + border-bottom: 1px solid #333 !important; } + +.seperator.seperator-grey::before, +.seperator.seperator-grey::after, +.separator.seperator-grey::before, +.separator.seperator-grey::after { + border-bottom: 1px solid #ccc; } + +.seperator.seperator-light::before, +.seperator.seperator-light::after, +.separator.seperator-light::before, +.separator.seperator-light::after { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } + +.seperator::after, +.separator::after { + margin: 0 -100% 0 0; } + +.seperator i, +.separator i { + font-size: 18px; } + +.seperator i, +.seperator span, +.seperator a, +.separator i, +.separator span, +.separator a { + margin: 0 20px 0 24px; + display: inline-block; } + +.seperator.dotted:before, +.seperator.dotted:after, +.separator.dotted:before, +.separator.dotted:after { + border-bottom: 2px dotted #ccc; } + +.seperator.seperator-left, +.separator.seperator-left { + float: left; + margin: 2px 36px 0 0; } + +.seperator.left i, +.separator.left i { + float: left; + margin: 2px 36px 0 0; } + +.seperator.right i, +.separator.right i { + float: right; + margin: 0 0 2px 36px; } + +.seperator.seperator-bold:before, +.seperator.seperator-bold:after, +.separator.seperator-bold:before, +.separator.seperator-bold:after { + border-bottom-width: 6px; } + +.seperator.seperator-small, +.separator.seperator-small { + width: 10%; + margin: 5px auto; } + +.seperator.seperator-medium, +.separator.seperator-medium { + width: 20%; + margin: 10px auto; } + +.text-seperator { + background-color: #111; + display: block; + height: 4px; + margin: 20px 0; } + +.text-seperator-small { + width: 10%; } + +.text-seperator-medium { + width: 30%; } + +.text-seperator-large { + width: 60%; } + +.seperator.seperator-image:before, +.seperator.seperator-image:after, +.separator.seperator-image:before, +.separator.seperator-image:after { + border: 0; } + +.seperator.seperator-image, +.separator.seperator-image { + background-position: center center; + background-repeat: repeat-x; + margin: 0; + padding: 0; } + +.seperator.seperator-over-top, +.separator.seperator-over-top { + margin-bottom: -17px; + position: relative; + top: -13px !important; } + +.triangle-divider-bottom { + background-image: url("../images/triangle-divider-down.png"); + background-position: left center; + background-repeat: repeat-x; + bottom: 0; + height: 12px; + position: absolute; + width: 100%; } + +.triangle-divider-top { + background-image: url("../images/triangle-divider-top.png"); + background-position: left center; + background-repeat: repeat-x; + top: 0; + height: 12px; + position: absolute; + width: 100%; } + +.spinners { + position: relative; } + .spinners:before { + content: ''; + box-sizing: border-box; + position: absolute; + top: 50%; + left: 50%; + border-top: 2px solid #07d; + border-right: 2px solid transparent; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + -webkit-animation: spinner-rotate .6s linear infinite; + -moz-animation: spinner-rotate .6s linear infinite; + -ms-animation: spinner-rotate .6s linear infinite; + -o-animation: spinner-rotate .6s linear infinite; + animation: spinner-rotate 0.6s linear infinite; + width: 1.4rem; + height: 1.4rem; + margin-top: -.7rem; + margin-left: -.7rem; + border-top-width: 2px; + border-right-width: 2px; } + .spinners.spinners--xl:before { + width: 2.6rem; + height: 2.6rem; + margin-top: -1.6rem; + margin-left: -1.6rem; + border-top-width: 5px; + border-right-width: 5px; } + .spinners.spinners--lg:before { + width: 2rem; + height: 2rem; + margin-top: -1rem; + margin-left: -1rem; + border-top-width: 3px; + border-right-width: 3px; } + .spinners.spinners--sm:before { + width: 1rem; + height: 1rem; + margin-top: -.5rem; + margin-left: -.5rem; + border-top-width: 1px; + border-right-width: 1px; } + .spinners.spinners--right:before { + left: auto; + right: 0.7rem; } + .spinners.spinners--right.spinners--lg:before { + right: 1rem; } + .spinners.spinners--right.spinners--sm:before { + right: 0.5rem; } + .spinners.spinners--right.btn { + padding-right: 3.1rem; } + .spinners.spinners--right.btn.spinners--lg { + padding-right: 4.5rem; } + .spinners.spinners--right.btn.spinners--sm { + padding-right: 2.25rem; } + .spinners.spinners--left:before { + left: 1.4rem; } + .spinners.spinners--left.spinners--lg:before { + left: 2rem; } + .spinners.spinners--left.spinners--sm:before { + left: 1rem; } + .spinners.spinners--left.btn { + padding-left: 3.1rem; } + .spinners.spinners--left.btn.spinners--lg { + padding-left: 4.5rem; } + .spinners.spinners--left.btn.spinners--sm { + padding-left: 2.25rem; } + .spinners:before { + border-top-color: #dfe2ea; } + .spinners.spinners--skin-dark:before { + border-top-color: #acafba; } + .spinners.spinners--brand:before { + border-top-color: #716aca; } + .spinners.spinners--metal:before { + border-top-color: #c4c5d6; } + .spinners.spinners--light:before { + border-top-color: #fff; } + .spinners.spinners--accent:before { + border-top-color: #00c5dc; } + .spinners.spinners--focus:before { + border-top-color: #9816f4; } + .spinners.spinners--primary:before { + border-top-color: #5867dd; } + .spinners.spinners--success:before { + border-top-color: #34bfa3; } + .spinners.spinners--info:before { + border-top-color: #36a3f7; } + .spinners.spinners--warning:before { + border-top-color: #ffb822; } + .spinners.spinners--danger:before { + border-top-color: #f4516c; } + +@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { + .spinners:before { + animation: none !important; } } +@-webkit-keyframes spinner-rotate { + to { + transform: rotate(360deg); } } +@-moz-keyframes spinner-rotate { + to { + transform: rotate(360deg); } } +@-o-keyframes spinner-rotate { + to { + transform: rotate(360deg); } } +@keyframes spinner-rotate { + to { + transform: rotate(360deg); } } +/* ---------------------------------------------------------------- + Blockquotes +-----------------------------------------------------------------*/ +.blockquote { + border-left: 3px solid #2250fc; + font-size: 20px; + padding: 10px 20px; + margin: 0 0 20px; } + +.blockquote-reverse { + padding-right: 15px; + padding-left: 0; + text-align: right; + border-right: 5px solid #eee; + border-left: 0; } + +.blockquote-simple { + border: 0 none !important; } + +.blockquote-fancy, +.blockquote-color, +.blockquote-dark { + border: 0 none !important; } + +.blockquote-color { + background-color: #2250fc; } + .blockquote-color small { + color: #ffffff; } + +.blockquote-fancy::before { + color: rgba(0, 0, 0, 0.04); + content: '"'; + display: block; + font-size: 100px; + left: 4px; + position: absolute; + top: 14px; } +.blockquote-fancy > small { + float: right; } + +.blockquote-dark { + background-color: #333; } + +.blockquote-color, +.blockquote-dark { + padding: 28px; + color: #ffffff; } + +/* ---------------------------------------------------------------------- +Forms +-------------------------------------------------------------------------*/ +form .btn { + padding: 12px 14px; } + +/* .form-control:not(.is-invalid):not(.is-valid), +input:not(.is-invalid):not(.is-valid):not([type="checkbox"]):not([type="radio"]), +select:not(.is-invalid):not(.is-valid), +.form-control-plaintext:not(.is-invalid):not(.is-valid) { + border-radius: 0; + box-shadow: none; + border-top-left-radius: $border-radius; + border-bottom-left-radius: $border-radius; + border-top-right-radius: $border-radius; + border-bottom-right-radius: $border-radius; + border: 1px solid $border-color; + &:focus { + background-color: $background-light; + border-color: $color-theme; + box-shadow: none; + } +} */ +input:not([type="checkbox"]):not([type="radio"]), +select { + line-height: 18px; + padding: 10px 16px; + min-height: 40px; + font-size: .9rem; } + +.input-group-append { + margin-left: -4px; } + .input-group-append .btn, + .input-group-append button { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + height: 40px; } + .input-group-append .btn i, + .input-group-append button i { + margin-right: 0px; } + +.input-group-prepend .btn, +.input-group-prepend button { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } + .input-group-prepend .btn i, + .input-group-prepend button i { + margin-right: 0px; } +.input-group-prepend + input { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } + +.input-group .input-group-btn { + margin-left: -4px; } + .input-group .input-group-btn .btn, + .input-group .input-group-btn button { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } + +.input-group-lg .btn { + padding: 16px 20px; + font-size: 14px; } + +.input-group-text { + border: 0; } + +.input-group-text i { + margin-left: 4px; + margin-right: 4px; + font-size: 1.2rem; } + +/* .form-group { + margin-bottom: 20px; + +.btn { + margin-left: -4px; + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + margin-bottom: 0 !important; + } +} */ +.form-group label:not(.error) { + font-size: 13px; + letter-spacing: 0.04em; + font-weight: 400; + margin-bottom: 4px; + color: #777777; } + +.form-inline button { + margin: 0px; } + +.form-group > label { + display: block; } + +.has-feedback label ~ .form-control-feedback { + top: 44px; } + +.is-invalid:not(.form-control) { + font-size: .8rem; + color: #CE041C; } + +.is-invalid, +.is-valid { + display: block; + clear: both; + width: 100%; } + +/* .form-gray-fields .form-control { + background-color: rgba($light, .6); + border-color: transparent; + color: #333; + &:focus { + background-color: #eee; + } +} +.form-transparent-fields .form-control { + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.4); + &:focus { + background-color: rgba(0, 0, 0, 0.7); + } +} +.form-transparent-light-fields .form-control { + background-color: rgba(255, 255, 255, 0.06); + border-color: rgba(255, 255, 255, 0.1); + &:focus { + background-color: rgba(255, 255, 255, 0.7); + } +} + */ +/* +input[type="checkbox"].form-control { + float: left; + width: auto; + margin-right: 13px; + height: 24px; + cursor: pointer; + &.error { + ~ label, + ~ label a { + color: #b71828 !important; + } + } +} + */ +input[type="checkbox"].form-control { + float: left; + width: auto; + margin-right: 13px; + height: 24px; + cursor: pointer; } + +input[type="color"] { + width: 100%; + height: 100%; + min-height: 3px; + padding: 0; + border: 0px; + cursor: pointer; } + input[type="color"]:focus { + box-shadow: none; } + +/*form select*/ +select.form-control:not([size]):not([multiple]) { + height: 40px; } + +select { + width: 100%; + -webkit-appearance: none !important; + -moz-appearance: none !important; + appearance: none !important; + background-image: url(../images/dropdown-arrow.png) !important; + background-repeat: no-repeat !important; + background-position: right center !important; } + +select[multiple] { + background-image: none; } + +.order-select > h6 { + margin-bottom: 0; } +.order-select p { + font-size: 13px; } + +.button-search { + background-color: #fff; + border-color: #e9e9e9 #e9e9e9 #e9e9e9; + border-style: solid; + border-width: 1px 1px 1px 0 !important; + box-shadow: none; + margin-left: -6px !important; + z-index: 2 !important; } + +/* ---------------------------------------------------------------------- + Reservation form +-------------------------------------------------------------------------*/ +.reservation-form-over { + top: -80px; + z-index: 10; + margin-bottom: -80px; + overflow: inherit; + background-color: transparent; } + +.reservation-form { + background-color: #fff; + border-radius: 3px; + border: 1px solid #eee; + min-height: 160px; + padding: 30px; + position: relative; + z-index: 9999 !important; } + .reservation-form label { + color: #555; } + .reservation-form input, + .reservation-form select { + border: 0px; + border-radius: 4px; + background-color: #ffffff; + border: 1px solid #ececec; + width: 100%; } + .reservation-form .date input { + border-radius: 4px 0 0 4px; + border-width: 2px 0 2px 2px; } + .reservation-form .input-group-addon { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background-color: #fff !important; + border-color: #ddd; + border-image: none; + border-style: solid; + border-width: 2px 2px 2px 0; } + .reservation-form input, + .reservation-form select { + color: #555; + display: block; + font-size: 15px; + line-height: 1.42857; + padding: 8px 14px; + width: 100%; } + +/*reservation form style 2*/ +#book { + background-color: rgba(0, 0, 0, 0.4); + border: 10px solid rgba(255, 255, 255, 0.2); + border-radius: 3px; + padding: 40px; } + +/* Fixes */ +.widget .input-group-text { + height: 40px; } + +.list-group input[type="radio"] { + display: none; } + +.list-group input[type="radio"] + .list-group-item { + cursor: pointer; } + +.list-group input[type="radio"]:checked + .list-group-item { + background-color: #f8f9fa; } + +/* ---------------------------------------------------------------------- +Forms - Dark +-------------------------------------------------------------------------*/ +.dark .form-control, +.dark input, +.dark select, +.dark textarea { + background-color: #222; + border-color: #333; + color: #ffffff; } + +.spinner-loader-inside { + margin-left: -30px; + margin-top: 6px; + z-index: 3; } + +/* ---------------------------------------------------------------- +Lables & Badgets +-----------------------------------------------------------------*/ +.badge { + font-weight: 600; } + +.a.badge { + color: #ffffff; } + +.badge-pill { + padding: 0.4em .8em; + border-radius: 10rem; } + +.badge-primary { + background-color: #2250fc; } + +/* ---------------------------------------------------------------------- + Light Box +-------------------------------------------------------------------------*/ +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; + filter: alpha(opacity=80); } + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } + .mfp-preloader a { + color: #CCC; } + .mfp-preloader a:hover { + color: #FFF; } + +.mfp-s-ready .mfp-preloader, +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + -webkit-box-shadow: none; + box-shadow: none; } +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 36px !important; + height: 36px !important; + cursor: pointer; + line-height: 36px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + filter: alpha(opacity=65); + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 22px; } + .mfp-close:hover, .mfp-close:focus { + opacity: 1; + filter: alpha(opacity=100); } + .mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #a3a3a3; + font-size: 37px; + font-weight: 300; + top: 5px; + right: 5px; } + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 12px; + line-height: 18px; + white-space: nowrap; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + filter: alpha(opacity=65); + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + .mfp-arrow:active { + margin-top: -54px; } + .mfp-arrow:hover, .mfp-arrow:focus { + opacity: 1; + filter: alpha(opacity=100); } + .mfp-arrow:before, .mfp-arrow:after, + .mfp-arrow .mfp-b, + .mfp-arrow .mfp-a { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } + .mfp-arrow:after, + .mfp-arrow .mfp-a { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } + .mfp-arrow:before, + .mfp-arrow .mfp-b { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } + .mfp-arrow-left:after, + .mfp-arrow-left .mfp-a { + border-right: 17px solid #FFF; + margin-left: 31px; } + .mfp-arrow-left:before, + .mfp-arrow-left .mfp-b { + margin-left: 25px; + border-right: 27px solid #3F3F3F; } + +.mfp-arrow-right { + right: 0; } + .mfp-arrow-right:after, + .mfp-arrow-right .mfp-a { + border-left: 17px solid #FFF; + margin-left: 39px; } + .mfp-arrow-right:before, + .mfp-arrow-right .mfp-b { + border-left: 27px solid #3F3F3F; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } + .mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } + .mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } + .mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } + .mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } + .mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } + .mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 18px; + color: #F3F3F3; + word-wrap: break-word; + padding-right: 36px; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } } +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + + .mfp-container { + padding-left: 6px; + padding-right: 6px; } } +.mfp-ie7 .mfp-img { + padding: 0; } +.mfp-ie7 .mfp-bottom-bar { + width: 600px; + left: 50%; + margin-left: -300px; + margin-top: 5px; + padding-bottom: 5px; } +.mfp-ie7 .mfp-container { + padding: 0; } +.mfp-ie7 .mfp-content { + padding-top: 44px; } +.mfp-ie7 .mfp-close { + top: 0; + right: 0; + padding-top: 0; } + +.lightbox-open { + position: relative; + overflow: hidden !important; } + +.mfp-ajax-holder .mfp-content { + background: #F8F8F8; + max-width: 1000px; } +.mfp-ajax-holder .ajax-quick-view { + padding: 20px 30px 35px; } + .mfp-ajax-holder .ajax-quick-view .quick-view-title { + border-bottom: 1px solid #dddddd; + margin-bottom: 30px; + position: relative; } + .mfp-ajax-holder .ajax-quick-view .quick-view-title h2 { + font-weight: 600; } + +.mfp-ajax-holder .mfp-close:hover { + background: #2250fc; + color: #ffffff; } + +/*settings*/ +.portfolio-ajax-page iframe { + width: 100%; } +.portfolio-ajax-page .col-lg-8 { + margin-bottom: -6px !important; } + +@media (max-width: 1024px) { + .mfp-ajax-holder .mfp-close { + margin-right: 0; } + + .mfp-close { + font-size: 22px; + height: 30px; + line-height: 32px; + width: 30px; } } +.list { + clear: both; + display: block; + position: relative; } + .list li { + line-height: 32px; } + .list li a { + color: #484848; } + +.list-lines, +.icon-list, +.list-simple, +.list-posts, +.list ul { + padding: 0px; } + +.list, +.list-icon, +.list-lines, +.icon-list, +.list-simple, +.list-posts, +.list-tweets li { + list-style: none; } + .list a, + .list-icon a, + .list-lines a, + .icon-list a, + .list-simple a, + .list-posts a, + .list-tweets li a { + color: #484848; } + +.list-colored li a { + color: #2250fc; + font-weight: 600; } + +.list-legend li { + float: left; + margin-right: 14px; + margin-bottom: 10px; } + .list-legend li span { + width: 12px; + height: 12px; + border-radius: 50%; + margin-right: 9px; + background-color: #2250fc; + float: left; + margin-top: 6px; } + +.icon-list li, +.list-arrow-icons li, +.list-tweets li { + padding-left: 0px; } + +.list-medium li { + margin: 12px 0; } + +.list-large li { + margin: 18px 0; } + +.list-large li:first-child, +.list-medium li:first-child { + margin-top: 0; } + +.list-large li:last-child, +.list-medium li:last-child { + margin-bottom: 0; } + +.list-posts small { + display: block; + font-style: italic; + opacity: 0.7; } + +.list-lines { + list-style: none; } + .list-lines li { + border-bottom: 1px solid #ddd; + padding: 10px 0 10px 2px; } + .list-lines li:last-child { + border-bottom: 0px; } + +.list-icon { + list-style: none; + padding-left: 0; } + .list-icon ul { + list-style: none; } + .list-icon ul { + padding: 0; } + .list-icon li { + margin-bottom: 10px; + margin-left: 20px; } + .list-icon i { + font-size: 15px; + margin-right: 14px; + margin-left: -20px; } + .list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i { + color: #2250fc; } + .list-icon li:before { + margin-left: -20px; + position: absolute; + font-size: 12px; + font-style: normal; + font-variant: normal; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + font-weight: 900; } + .list-icon.list-icon-arrow li:before { + font-family: "Font Awesome 5 Free"; + content: "\f054"; } + .list-icon.list-icon-arrow-circle li:before { + content: "\f0a9"; + font-family: "Font Awesome 5 Free"; } + .list-icon.list-icon-check li:before { + content: "\f00c"; + font-family: "Font Awesome 5 Free"; } + .list-icon.list-icon-caret li:before { + content: "\f0da"; + font-family: "Font Awesome 5 Free"; } + .list-icon.list-icon-uncheck li:before { + content: "\f144"; + font-family: "Font Awesome 5 Free"; } + .list-icon.list-icon-plus li:before { + content: "\f055"; + font-family: "Font Awesome 5 Free"; } + .list-icon.list-icon-info li:before { + content: "\f05a"; + font-family: "Font Awesome 5 Free"; } + .list-icon.list-icon-circle li:before { + content: "\f192"; + font-family: "Font Awesome 5 Free"; } + +a.list-group-item.active { + background-color: #2250fc; + border: #2250fc; } + a.list-group-item.active h1, + a.list-group-item.active h2, + a.list-group-item.active h3, + a.list-group-item.active h4, + a.list-group-item.active h5, + a.list-group-item.active h6, + a.list-group-item.active p { + color: #ffffff; } + a.list-group-item.active:hover, a.list-group-item.active.active { + color: #ffffff !important; } + +/* ---------------------------------------------------------------- + Maps +-----------------------------------------------------------------*/ +.map { + width: 100%; + min-height: 460px; + height: auto; } + +.fullscreen .map, +.fullscreen.map { + min-height: 100vh; } + +@media (max-width: 1024px) { + .map { + min-height: 240px; } + + .fullscreen .map, + .fullscreen.map { + min-height: 100vh; } } +.animated-dot { + width: 16px; + height: 16px; + border-radius: 50%; + background: #2250fc; + position: relative; + top: -10px; + right: 8px; } + .animated-dot:before, .animated-dot:after { + content: ""; + width: 16px; + height: 16px; + border-radius: 50%; + background-color: #2250fc; + position: absolute; + bottom: 0; + left: 0; + margin: auto; + transform: scale(0.5); + transform-origin: center center; + animation: pulse-me 3s linear infinite; } + .animated-dot:after { + animation-delay: 2.4s; } + +@keyframes pulse-me { + 0% { + transform: scale(0.5); + opacity: 0; } + 50% { + opacity: 0.1; } + 70% { + opacity: 0.09; } + 100% { + transform: scale(16); + opacity: 0; } } +/* ---------------------------------------------------------------------- + Pagination & Pager +-------------------------------------------------------------------------*/ +.pagination-wrap { + display: block; + clear: both; } + +.pagination { + clear: both; } + .pagination .page-item:not(.disabled) > .page-link { + color: #484848; + background-color: #fff; + border-color: #ececec; } + .pagination .page-item:not(.disabled).active > .page-link, .pagination .page-item:not(.disabled):active > .page-link, .pagination .page-item:not(.disabled):focus > .page-link, .pagination .page-item:not(.disabled):hover > .page-link { + background-color: #edf1f6; + border-color: #e4e4e4; + color: #484848; + box-shadow: none; } + .pagination .page-item.disabled > .page-link { + color: #a2a2a2; } + .pagination.pagination-flat .page-item > .page-link { + border: 0; } + .pagination.pagination-flat .page-item > .page-link:hover { + color: #484848; + background-color: #F7F9FB; } + +/*Post Nav*/ +.post-navigation { + border-top: 1px solid #eee; + display: inline-block; + list-style: outside none none; + min-height: 84px; + padding: 20px 0 0; + position: relative; + width: 100%; + background-color: #ffffff; } + .post-navigation a { + color: #484848; } + .post-navigation .post-next, + .post-navigation .post-prev { + position: absolute; + font-size: 16px; + max-width: 40%; + height: 44px; } + .post-navigation .post-next span, + .post-navigation .post-prev span { + display: block; + color: #484848; + font-size: 11px; + text-transform: uppercase; + opacity: 0.7; + margin-bottom: -6px; + margin-top: 3px; } + .post-navigation a:hover { + transition: all 0.3s ease; + color: #2250fc; } + .post-navigation .post-next { + right: 25px; + text-align: right; } + .post-navigation .post-next:before { + content: "\e930"; + font-family: "inspiro-icons"; + font-size: 20px; + position: absolute; + top: 50%; + transform: translate3d(0, -50%, 0); + transition: all 0.3s ease; + right: 10px; + padding-top: 2px; } + .post-navigation .post-next:hover:before { + transform: translate3d(5px, -50%, 0); } + .post-navigation .post-prev { + left: 25px; } + .post-navigation .post-prev:before { + content: "\e92f"; + font-family: "inspiro-icons"; + font-size: 20px; + position: absolute; + top: 50%; + transform: translate3d(0, -50%, 0); + transition: all 0.3s ease; + padding-top: 2px; + left: 10px; } + .post-navigation .post-prev:hover:before { + transform: translate3d(-5px, -50%, 0); } + .post-navigation .post-prev-title { + padding-left: 40px; } + .post-navigation .post-next-title { + padding-right: 40px; } + .post-navigation .post-all { + font-size: 24px; + left: auto; + position: absolute; + right: 50%; + text-align: center; + top: 32px; + width: 12px; + opacity: 0.7; } + +.single-post .post-navigation .post-prev { + left: 0px; } +.single-post .post-navigation .post-next { + right: 0px; } + +@media (max-width: 1024px) { + .post-prev-title, + .post-next-title { + display: none; } } + /* ---------------------------------------------------------------------- + Breadcrumbs +-------------------------------------------------------------------------*/ +.breadcrumb { + background-color: transparent; + font-size: 12px; + font-weight: 400; + letter-spacing: 0.5px; + margin-bottom: 10px; + display: block; } + .breadcrumb ul, + .breadcrumb ol { + display: inline; + margin: 0; + padding: 0; } + .breadcrumb ul .breadcrumb-item, + .breadcrumb ul li, + .breadcrumb ol .breadcrumb-item, + .breadcrumb ol li { + display: inline; + position: relative; + opacity: .8; } + .breadcrumb ul .breadcrumb-item + li:before, + .breadcrumb ul li + li:before, + .breadcrumb ol .breadcrumb-item + li:before, + .breadcrumb ol li + li:before { + content: "\e930"; + font-family: "inspiro-icons"; + margin: 0 5px; + background-color: transparent; } + .breadcrumb ul .breadcrumb-item a, + .breadcrumb ul li a, + .breadcrumb ol .breadcrumb-item a, + .breadcrumb ol li a { + color: #484848; } + .breadcrumb ul .breadcrumb-item:hover, .breadcrumb ul .breadcrumb-item.active, .breadcrumb ul .breadcrumb-item:last-child, + .breadcrumb ul li:hover, + .breadcrumb ul li.active, + .breadcrumb ul li:last-child, + .breadcrumb ol .breadcrumb-item:hover, + .breadcrumb ol .breadcrumb-item.active, + .breadcrumb ol .breadcrumb-item:last-child, + .breadcrumb ol li:hover, + .breadcrumb ol li.active, + .breadcrumb ol li:last-child { + opacity: 1; } + +/* +.navbar { + .form-control { + height: 34px; + padding: 6px 12px; + } + .btn { + border-radius: 0; + padding: 5px 16px 7px; + } +}*/ +/* ---------------------------------------------------------------------- + call-to-action (call to action) +-------------------------------------------------------------------------*/ +.call-to-action { + position: relative; + overflow: hidden; + padding: 46px 50px 34px; + margin-bottom: 40px; } + .call-to-action .container { + position: relative; } + .call-to-action h3 { + margin-top: 10px; + font-weight: 600; + margin-bottom: 10px; } + .call-to-action p { + margin-top: 0; } + .call-to-action a.btn { + margin-top: 20px; } + .call-to-action.call-to-action-border { + background: #fff; + border: 1px solid #eee; } + .call-to-action.call-to-action-colored { + background-color: #2250fc; } + .call-to-action.call-to-action-colored h3, + .call-to-action.call-to-action-colored p { + color: #ffffff; } + .call-to-action.call-to-action-colored h3 span { + color: #ffffff !important; } + .call-to-action.call-to-action-dark { + background-color: #1f1f1f; } + .call-to-action.call-to-action-dark h3, + .call-to-action.call-to-action-dark p { + color: #ffffff; } + .call-to-action.cta-center { + text-align: center; } + .call-to-action.cta-center [class*="col-"] { + width: 100%; + max-width: 100%; + flex: none; + clear: both; + display: block; } + .call-to-action.cta-right { + text-align: right; } + .call-to-action.cta-right [class*="col-"]:first-child { + float: right; } + +@media (max-width: 1024px) { + .call-to-action { + padding: 26px 12px 18px; } + + [class*="col-"] > .call-to-action { + padding: 26px 26px 18px; } } +.popover { + border: 1px solid #ececec; + border-radius: 6px; + box-shadow: 0 6px 38px rgba(0, 0, 0, 0.05); } + +.popover-header { + padding: 18px 20px; + background-color: transparent; + border-bottom: 1px solid #ececec; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + margin-bottom: 0px !important; } + +.popover-body { + padding: 18px 20px; + color: #484848; + font-size: .9rem; } + +a[data-toggle] { + color: #484848; } + +.tooltip.left .tooltip-arrow { + right: 1px; } + +.tooltip-inner { + white-space: pre-wrap; } + +.modal .modal-content .modal-header { + display: block; } + +.modal .modal-content .modal-header .modal-title { + font-weight: 600; + font-size: 16px; + margin-bottom: 0; } + +.modal-header .close { + position: absolute; + right: 20px; + top: 14px; + font-weight: 100; } + +.modal-title { + display: block; + font-size: 28px; + line-height: 28px; + font-weight: 400; + margin-bottom: 20px; } + +.modal p { + font-size: 15px; + line-height: 26px; + margin-top: 0; + margin-bottom: 13px; + font-weight: 300; } + +/*Strip*/ +.modal-strip { + background-color: #000; + bottom: 0; + color: #ffffff; + left: 0; + padding: 20px; + position: fixed; + width: 100%; + display: inline-block; + transform: translate3d(0px, 200px, 0px); + transition: all 0.7s ease 0s; + z-index: 999 !important; } + .modal-strip .btn, + .modal-strip h5, + .modal-strip h4, + .modal-strip h3, + .modal-strip h2, + .modal-strip h1 { + margin-bottom: 0 !important; } + .modal-strip a, + .modal-strip a:hover, + .modal-strip a:active, + .modal-strip a:visited { + color: #ffffff; + text-decoration: underline; } + .modal-strip.modal-top { + bottom: auto; + top: 0; + transform: translate3d(0px, -200px, 0px); } + .modal-strip.modal-left { + bottom: auto; + top: auto; + left: 0; + right: auto; + width: 30%; + transform: none; } + .modal-strip.modal-right { + transform: translate3d(0px, 0px, 0px); + bottom: auto; + top: 0; } + .modal-strip.modal-active { + transform: translate3d(0px, 0px, 0px); } + +@media (max-width: 1024px) { + .modal-strip.modal-active .vertical-align { + top: 0 !important; + transform: translateY(0px) !important; } } +/* Zoom-out effect*/ +.mfp-zoom-out { + /* start state */ + /* animate in */ + /* animate out */ } + .mfp-zoom-out .mfp-content { + opacity: 0; + transition: all 0.3s ease-in-out; + transform: scale(1.3); } + .mfp-zoom-out.mfp-bg { + opacity: 0; + transition: all 0.3s ease-out; } + .mfp-zoom-out.mfp-ready .mfp-content { + opacity: 1; + transform: scale(1); } + .mfp-zoom-out.mfp-ready.mfp-bg { + opacity: 0.8; } + .mfp-zoom-out.mfp-removing .mfp-content { + transform: scale(1.3); + opacity: 0; } + .mfp-zoom-out.mfp-removing.mfp-bg { + opacity: 0; } + +.mfp-ready .modal { + background: #fff; + border-radius: 4px; + display: block; + margin: 0 auto; + max-width: 580px; + padding: 40px; + position: relative; + z-index: 1050; } + +.modal .video-wrap video, +.modal .iframe-wrap iframe, +.modal .audio-wrap audio { + width: 100%; } + +.modal iframe { + margin-bottom: -10px; } + +.dark .mfp-bg { + background-color: #181818; } +.dark .mfp-ready .modal { + background-color: #181818; } +.dark .modal-content { + background-color: #181818; } +.dark .modal-header { + border-bottom-color: #444444; } +.dark .modal-footer { + border-top-color: #444444; } + +/* ---------------------------------------------------------------------- + Clients Logo +-------------------------------------------------------------------------*/ +.client-logo { + position: relative; } + .client-logo a { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: .9; + transition: all 0.3s ease; } + .client-logo a > img { + width: 100%; + height: auto; } + .client-logo a:hover { + opacity: 1; } + +.grid li { + -webkit-transition: all 0.5s ease 0s; + transition: all 0.5s ease 0s; + opacity: 0.9; } + +.clients-carousel a { + -webkit-transition: all 0.5s ease 0s; + transition: all 0.5s ease 0s; + opacity: 0.9; } + .clients-carousel a img { + -webkit-transition: all 0.5s ease 0s; + transition: all 0.5s ease 0s; + opacity: 0.9; } + +.parallax .clients-carousel a { + opacity: 1; } + +.grid li:hover { + opacity: 1; + cursor: pointer; } + +.clients-carousel a:hover { + opacity: 1; + cursor: pointer; } + .clients-carousel a:hover img { + opacity: 1; + cursor: pointer; } + +.client-carousel .polo-carousel-item img, +.clients-logo .polo-carousel-item img { + padding: 20px; } + +.grid { + padding: 0; + list-style: none; + overflow: hidden; } + .grid li { + float: left; + position: relative; + width: 20%; + padding: 40px; } + .grid.grid-2-columns li, + .grid.grid-2-columns figure { + width: 50%; } + .grid.grid-3-columns li, + .grid.grid-3-columns figure { + width: 33.333333%; } + .grid.grid-4-columns li, + .grid.grid-4-columns figure { + width: 25%; } + .grid.grid-5-columns li, + .grid.grid-5-columns figure { + width: 20%; } + .grid.grid-6-columns li, + .grid.grid-6-columns figure { + width: 16.6666666%; } + .grid li:hover { + cursor: pointer; + background-color: #f8f8f8; } + .grid li a, + .grid li img { + display: block; + width: 100%; + margin-left: auto; + margin-right: auto; } + .grid li a img { + width: 100%; } + .grid li:before, .grid li:after { + content: ''; + position: absolute; } + .grid li:before { + height: 100%; + top: 0; + left: -1px; + border-left: 1px solid #eee; } + .grid li:after { + width: 100%; + height: 0; + top: auto; + left: 0; + bottom: -1px; + border-bottom: 1px solid #eee; } + .grid.clients-grey { + border: 1px solid #ddd; } + .grid.clients-grey li { + background-color: #eee; } + .grid.clients-grey li:before { + border-left: 1px solid #ccc; } + .grid.clients-grey li:after { + border-bottom: 1px solid #ccc; } + .grid.clients-border { + border-width: 10px; } + +/*client options*/ +/*carousel logo*/ +.carousel-description-clients .flickity-page-dots { + bottom: -40px !important; } + +/*Clients Responsive li*/ +body.breakpoint-md .carousel-description-clients .flickity-button, body.breakpoint-xs .carousel-description-clients .flickity-button { + display: none; } +body.breakpoint-md .grid li, body.breakpoint-sm .grid li { + width: 33.33%; } +body.breakpoint-xs .grid li { + width: 50%; } + +.client-logos .polo-carousel-item { + padding: 20px 30px; } + +/* ---------------------------------------------------------------------- + Pricing Table +-------------------------------------------------------------------------*/ +.pricing-table { + padding-top: 50px; + margin: 0; + padding: 0; + cursor: pointer; } + .pricing-table .plan { + margin-bottom: 60px; + transition: all .3s ease; } + .pricing-table .plan:hover { + margin-top: -10px; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } + .pricing-table .plan .plan-header { + position: relative; + background-color: #ffffff; + padding: 40px 22px 22px 22px; + text-align: center; } + .pricing-table .plan .plan-header { + border-width: 1px; + position: relative; + text-align: center; } + .pricing-table .plan .plan-header .plan-price { + font-size: 70px; + font-weight: 600; + position: relative; + text-align: center; + padding: 20px 0; } + .pricing-table .plan .plan-header .plan-price sup { + font-size: 24px; + position: relative; + top: -30px; + color: #bdc3c7; } + .pricing-table .plan .plan-header .plan-price span { + font-size: 16px; + color: #bdc3c7; } + .pricing-table .plan-header > h4 { + margin-bottom: 0; } + .pricing-table .plan-list { + background-color: #ffffff; + border-width: 0 1px 1px; + padding: 20px 0 40px; } + .pricing-table .plan-list ul { + display: table; + margin: 0 auto; + padding: 0 40px; } + .pricing-table .plan-list ul li { + list-style: none; + border-bottom: 1px solid #EAECEB; + line-height: 42px; } + .pricing-table .plan-list ul li:last-child { + border: none; } + .pricing-table .plan-list ul li i { + margin-right: 12px; } + .pricing-table .plan-list ul li span { + color: #34495e; } + .pricing-table .plan-list .plan-button { + margin-top: 20px !important; + text-align: center; } + .pricing-table .plan.featured { + box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); + margin-top: -30px; + padding-bottom: 0; } + .pricing-table .plan.featured .plan-list { + padding: 20px 0 40px; } + .pricing-table .plan .plan-featured-item { + background-color: #f8f8f8; + border: 1px solid #e3e3e3 !important; + font-weight: 600; + margin-top: 21px; + padding: 0 20px; } + +.pricing-table .plan .btn, +.plan .button { + margin: 0; } + +.pricing-table.colored .plan-header { + background-color: #2250fc; + border-color: rgba(0, 0, 0, 0.05); + color: #fff; } +.pricing-table.colored .text-muted { + color: #fff !important; } +.pricing-table.colored .plan-header h4, +.pricing-table.colored .plan-header .plan-price sup, +.pricing-table.colored .plan-header .plan-price span { + color: #fff; } +.pricing-table.transparent .plan-header, +.pricing-table.transparent .plan-list { + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.6); } +.pricing-table.transparent .plan-list ul li { + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } +.pricing-table .plan .plan-featured-item { + background-color: transparent; } + +.section-grey .pricing-table .plan-list { + background-color: #f8f8f8; } + +section .pricing-table.full-width { + padding-left: 30px; + padding-right: 30px; } + +body.breakpoint-xl .pricing-table .col-lg-2, body.breakpoint-lg .pricing-table .col-lg-2 { + width: 20%; } +body.breakpoint-xl .pricing-table .col-lg-2 .plan-list ul li, body.breakpoint-lg .pricing-table .col-lg-2 .plan-list ul li { + font-size: 13px; } + +.dark .table, +.table.dark { + color: #999999; } + +/* ---------------------------------------------------------------- + Testimonial +-----------------------------------------------------------------*/ +.testimonial .testimonial-item { + border: 1px solid #eeeeee; + background-color: #ffffff; + padding: 46px; + text-align: center; + margin-bottom: 20px; + width: 100%; } + .testimonial .testimonial-item > img { + border-radius: 50%; + display: block; + float: none; + height: 72px; + margin: 0 auto 10px; + width: 72px; } + .testimonial .testimonial-item > p { + font-size: 15px; + line-height: 22px; + margin-bottom: 0; + padding-bottom: 20px; + font-weight: 400; + margin-top: 10px; } + .testimonial .testimonial-item > span { + font-weight: 600; + font-size: 15px; + display: block; + line-height: 22px; } + .testimonial .testimonial-item > span ~ span { + font-weight: 500; + color: #bbbbbb; + display: block; + font-size: 13px; + font-style: italic; } +.testimonial.testimonial-box .testimonial-item { + padding: 46px; + background-color: #ffffff; + border-radius: 8px; } + .testimonial.testimonial-box .testimonial-item p { + font-size: 14px; } +.testimonial.testimonial-single .testimonial-item { + padding: 30px 80px; + background-color: transparent; + border: 0; } + .testimonial.testimonial-single .testimonial-item > img { + box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06); } + .testimonial.testimonial-single .testimonial-item p { + font-size: 20px; } +.testimonial.testimonial-left .testimonial-item { + text-align: left; } + .testimonial.testimonial-left .testimonial-item > img { + display: inherit; + float: left; + margin: 0 0 40px 0; + height: 160px; + width: 160px; } + .testimonial.testimonial-left .testimonial-item > p, + .testimonial.testimonial-left .testimonial-item > span { + margin-left: 220px; } +.testimonial.testimonial-blockquote .testimonial-item > p { + font-style: italic; + font-size: 24px; + line-height: 32px; + padding: 30px 10px; } + +[data-arrows="false"].testimonial-single.testimonial-blockquote .testimonial-item { + padding: 0 !important; } + [data-arrows="false"].testimonial-single.testimonial-blockquote .testimonial-item > p { + padding: 10px !important; } + +.widget .testimonial .testimonial-item { + text-align: left; + padding: 0; } + .widget .testimonial .testimonial-item > img { + display: inherit; + float: left; + margin: 0 0 40px 0; + height: 48px; + width: 48px; } + .widget .testimonial .testimonial-item > p { + font-size: 15px; + padding-bottom: 14px; } + .widget .testimonial .testimonial-item > p, + .widget .testimonial .testimonial-item > span { + margin-left: 68px; } + .widget .testimonial .testimonial-item > span { + font-size: 13px; } + +/* ---------------------------------------------------------------- + Testimonial - Responsive +-----------------------------------------------------------------*/ +@media (max-width: 1024px) { + .testimonial.testimonial-left .testimonial-item { + text-align: left; } + .testimonial.testimonial-left .testimonial-item > img { + display: inherit; + float: none; + margin: 20px auto; + height: 80px; + width: 80px; } + .testimonial.testimonial-left .testimonial-item > p, + .testimonial.testimonial-left .testimonial-item > span { + margin-left: 0; + text-align: center; } + .testimonial.testimonial-single .testimonial-item { + padding: 10px 20px; } + .testimonial.testimonial-single .testimonial-item > img { + box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.06); } + .testimonial.testimonial-single .testimonial-item p { + font-size: 14px; } } +.timeline { + list-style-type: none; + position: relative; } + .timeline:before { + content: ''; + position: absolute; + left: 16px; + height: 100%; + z-index: 2; + top: 0; + bottom: 0; + border-left: 3px dashed #e3e6f0; } + .timeline .timeline-item { + margin: 3rem 2rem 3rem 5rem; } + .timeline .timeline-item > h4 { + margin-bottom: 0; } + .timeline .timeline-item .timeline-item-date { + font-size: .9rem; + margin-bottom: 30px; } + .timeline .timeline-item .timeline-item-image { + border-radius: 5px; + overflow: hidden; + margin-bottom: 30px; } + .timeline .timeline-item .timeline-item-image img { + width: 100%; + height: auto; } + .timeline .timeline-item .timeline-icon { + background-color: #2250fc; + position: absolute; + border-radius: 50%; + left: 0px; + width: 34px; + height: 34px; + z-index: 3; + color: #ffffff; + text-align: center; + padding: 5px; + font-size: 18px; } + .timeline .timeline-item .timeline-icon i { + margin-top: 1px; } + +#youtube-background-controls { + display: none; } + +.youtube-background { + background-color: #181818; } + +.ytplayer-container { + background-color: #181818; + position: absolute; + z-index: -2; + transform: scale(1.2); } + +.background-video { + background-color: #181818; + background-position: top center; + background-repeat: no-repeat; + bottom: 0; + left: 0; + overflow: hidden; + position: fixed; + right: 0; + top: 0; } + .background-video video, + .background-video source { + bottom: 0; + left: 0; + min-height: 100%; + min-width: 100%; + position: absolute; } + +.loaded .ytplayer-container { + display: block; } + +.loaded .placeholder-image { + opacity: 0; } + +.ytplayer-container { + bottom: 0; + height: 100%; + left: 0; + min-width: 100%; + overflow: hidden; + position: absolute; + right: 0; + top: 0; } + +.placeholder-image { + height: 100%; + left: 0; + min-height: 100%; + min-width: 100%; + position: fixed; + top: 0; + z-index: 1; } + +.ytplayer-shield { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 2; } + +.ytplayer-player { + position: absolute; } + +.html5vid { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + overflow: hidden; + z-index: -1; + opacity: 0; + transition: opacity .5s linear; } + .html5vid:before { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 1; + background-color: #181818; } + .html5vid video { + max-width: none !important; + border: none; + object-fit: cover; + background-size: cover; + opacity: 1; + width: 100%; + height: 100%; + position: absolute; + left: 0px; + top: 0%; + display: block; } + .html5vid.video-loaded { + opacity: 1; } + +video { + width: 100%; } + +.bg-overlay { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + content: ' '; + z-index: 0; + background: rgba(0, 0, 0, 0.59); + opacity: .5; } + .bg-overlay[data-style="1"] { + background: #fff; } + .bg-overlay[data-style="2"] { + background: #2250fc; + opacity: .9; } + .bg-overlay[data-style="3"] { + background: linear-gradient(140deg, #7c1bd6 0%, #31049b 100%); + opacity: .9; } + .bg-overlay[data-style="4"] { + background: linear-gradient(140deg, rgba(236, 0, 83, 0.979) 0%, rgba(231, 46, 0, 0.71) 100%); + opacity: .9; } + .bg-overlay[data-style="5"] { + background: radial-gradient(circle at left top, #09c8e6 20%, #2250fc 38%, #5839e4 66%); + opacity: .9; } + .bg-overlay[data-style="6"] { + background: radial-gradient(circle at left top, #FE68BB 38%, #4294FA 66%); + opacity: .9; } + .bg-overlay[data-style="7"] { + background: radial-gradient(circle at right top, #c4d622 20%, #93d839 38%, #4294FA 66%); + opacity: .9; } + .bg-overlay[data-style="8"] { + background: linear-gradient(180deg, #e02b20 0%, #720462 100%); + opacity: .9; } + .bg-overlay[data-style="9"] { + background: radial-gradient(circle at center, #00a6c0 0%, #0c71c3 100%); + opacity: .9; } + .bg-overlay[data-style="10"] { + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.99) 100%); + opacity: 1; } + .bg-overlay[data-style="11"] { + background: linear-gradient(90deg, #0090f0 0%, #5d08e6 100%); + opacity: .9; } + .bg-overlay[data-style="12"] { + background: linear-gradient(to bottom, #ba01ff 0, #ff0092 100%); + opacity: .8; } + .bg-overlay ~ .container, + .bg-overlay ~ .container-fluid { + position: relative; + z-index: 2; } + +.box-fancy > .container { + padding: 0 30px; } +.box-fancy [class*="col-"] { + padding: 5% !important; } +.box-fancy.fancy-box-over { + top: -100px; } + +body.breakpoint-xs .box-fancy [class*="col-"] { + padding: 10% !important; } + +.over-slider-top { + top: -100px; } + +.site-map i { + margin-right: 8px; } +.site-map ul li { + padding-bottom: 2px; } + +.animated.infinite { + animation-duration: 3s; + animation-fill-mode: both; } + +[data-animate] { + opacity: 0; } + +[data-animate].visible { + opacity: 1; } + +.icon[data-animate] { + opacity: 1; } + +.rateit, +.rateit-font .rateit-range { + overflow: hidden !important; } + +.rateit, +.rateit-font .rateit-range > div, +.rateit > div { + cursor: pointer !important; } + +.rateit-selected { + color: #FFC400 !important; } + +.rateit-reset { + display: none !important; } + +/* ---------------------------------------------------------------------- + Parallax +-------------------------------------------------------------------------*/ +#page-title[data-bg-parallax], +[data-bg-parallax] { + background-color: #181818; } + +.parallax-container { + margin: 0; + position: absolute; + top: 0; + left: 0; + background-repeat: no-repeat; + background-size: cover !important; + background-position: center center; + width: 100%; + height: 100%; + z-index: -100; + opacity: 0; + transition: opacity .5s linear; } + +.parallax-container.parallax-responsive { + background-size: cover !important; + background-attachment: scroll !important; + background-position: center center !important; } + +.img-loaded { + opacity: 1; } + +[data-bg-image] { + background-repeat: no-repeat; + background-size: cover; + background-position: center center; } + [data-bg-image]::before { + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 1; + background-color: #181818; + transition: opacity .5s linear; } + [data-bg-image].bg-loaded::before { + opacity: 0; } + +body[data-bg-image] { + background-attachment: fixed; + background-position: top center; } + +.shape-divider { + position: absolute; + display: block; + width: 100%; + z-index: 0; + bottom: 0; + top: auto; + left: 0; } + .shape-divider svg { + width: 100%; + height: auto; + display: block; } + .shape-divider[data-position="bottom"] { + bottom: 0; + top: auto; } + .shape-divider[data-position="top"] { + bottom: auto; + top: 0; } + .shape-divider[data-flip-horizontal="true"] { + transform: rotateY(180deg); } + .shape-divider[data-flip-vertical="true"] { + transform: rotateX(180deg); } + .shape-divider[data-flip-horizontal="true"][data-flip-vertical="true"] { + transform: rotateY(180deg) rotateX(180deg); } + +/* .shape-divider + .bg-overlay { + z-index: -2; +} */ +.wizard { + opacity: 0; + position: relative; + width: 100%; + overflow: hidden; + display: flex; + flex-direction: column; + transition: opacity .3s linear; + transition-delay: .2s; } + .wizard > .steps { + position: relative; + display: block; + width: 100%; + margin-bottom: 1rem; } + .wizard > .steps ul { + position: relative; + z-index: 1; + display: flex; } + .wizard > .steps ul li { + display: inline; + margin-right: 6px; } + .wizard > .steps ul li:last-child { + margin-right: 0; } + .wizard > .steps ul li > a { + background: #f8f9fa; + color: #9896a6; + border-radius: 5px; + display: inline-block; + padding: 1rem; } + .wizard > .steps ul li > a .number { + margin-right: 4px; + font-size: 1.429rem; } + .wizard > .steps ul li > a .number::after { + content: "."; + right: 0; } + .wizard > .steps ul li > a:hover, .wizard > .steps ul li > a:active { + background: #2250fc; + color: #ffffff; } + .wizard > .steps ul li.current a, + .wizard > .steps ul li.current a:hover, + .wizard > .steps ul li.current a:active { + background: #2250fc; + color: #ffffff; } + .wizard > .steps ul li.error a, + .wizard > .steps ul li.error a:hover, + .wizard > .steps ul li.error a:active { + background: #CE041C; + color: #ffffff; } + .wizard > .steps ul li.disabled a, + .wizard > .steps ul li.disabled a:hover, + .wizard > .steps ul li.disabled a:active { + background: #f8f9fa; + color: #9896a6; + cursor: not-allowed; + opacity: .7; } + .wizard .content { + min-height: 320px; + padding-top: 30px; } + .wizard .content > .body { + width: 100%; + height: auto; + position: absolute; } + .wizard .content > .body.current { + position: relative; } + .wizard .actions { + border-top: 1px solid #ececec; + padding-top: 20px; } + .wizard .actions > ul { + display: inline-block; + float: right; } + .wizard .actions > ul > li { + display: inline; + float: left; + margin-left: 1rem; } + .wizard[data-style="1"] > .steps ul { + flex-direction: row; + justify-content: space-between; + margin: 0 5rem; } + .wizard[data-style="1"] > .steps ul li::after { + content: ""; + position: absolute; + top: 2.1rem; + left: 0; + right: 0; + z-index: -1; + border: 1px dashed #ececec; } + .wizard[data-style="1"] > .steps ul li > a { + text-align: center; + width: 4rem; + height: 4rem; + border-radius: 50%; + padding: 1.2rem; } + .wizard[data-style="1"] > .steps ul li > a .title { + display: none; } + .wizard[data-style="1"] > .steps ul li > a .number { + margin-right: 0; } + .wizard[data-style="1"] > .steps ul li > a .number::after { + content: ""; } + .wizard[data-style="2"] > .steps ul { + padding-top: 26px; } + .wizard[data-style="2"] > .steps ul li > a { + width: 100px; + height: 7px; + border-radius: 3.5px; + padding: 0; } + .wizard[data-style="2"] > .steps ul li > a .title, + .wizard[data-style="2"] > .steps ul li > a .number { + display: none; + position: absolute; + top: 0; + left: 0; + color: #1f1f1f; + font-weight: 600; } + .wizard[data-style="2"] > .steps ul li:not(.current) a { + background-color: #e9ecef; } + .wizard[data-style="2"] > .steps ul li.current a .title { + font-size: 20px; + display: block; } + .wizard[data-orientation="vertical"] { + flex-direction: row; + flex-wrap: wrap; } + .wizard[data-orientation="vertical"] > .steps { + flex: 1; + width: 30%; + padding-right: 30px; } + .wizard[data-orientation="vertical"] > .steps ul { + display: block; } + .wizard[data-orientation="vertical"] > .steps ul li { + width: 100%; + margin-right: 0; } + .wizard[data-orientation="vertical"] > .steps ul li > a { + width: 100%; + margin-bottom: 10px; } + .wizard[data-orientation="vertical"] .content { + padding-top: 0; + width: 70%; } + .wizard[data-orientation="vertical"] .actions { + width: 100%; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul { + margin: 0; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li { + position: relative; + padding-bottom: 20px; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li::after { + height: 100%; + left: 1.8rem; + top: 0; + bottom: 0; + border: 0; + border-left: 1px dashed #ececec; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li > a { + padding: 0; + text-align: left; + width: 100%; + height: auto; + border-radius: none; + background-color: transparent; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li > a .title { + display: block; + color: #9896a6; + padding: 1.2rem 0; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li > a .number { + text-align: center; + width: 3.5rem; + height: 3.5rem; + border-radius: 50%; + padding: .6em; + background: #f8f9fa; + color: #9896a6; + margin-right: 10px; + float: left; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li > a .number::after { + content: ""; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li:hover a .number, .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li:active a .number { + background: #2250fc; + color: #ffffff; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.current a .number, + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.current a:hover .number, + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.current a:active .number { + background: #2250fc; + color: #ffffff; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.error a .number, + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.error a:hover .number, + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.error a:active .number { + background: #CE041C; + color: #ffffff; } + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.disabled a .number, + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.disabled a:hover .number, + .wizard[data-orientation="vertical"][data-style="1"] > .steps ul li.disabled a:active .number { + background: #f8f9fa; + color: #9896a6; + cursor: not-allowed; + opacity: .7; } + .wizard.clearfix { + opacity: 1; } + +/* Accessibility */ +.wizard > .steps .current-info, +.tabcontrol > .steps .current-info, +.wizard > .content > .title, +.tabcontrol > .content > .title { + position: absolute; + left: -999em; } + +@media (max-width: 576px) { + .wizard > .steps ul { + flex-direction: column; } + .wizard > .steps ul li { + flex: 1; + margin-bottom: 10px; } } +.card .card-body .wizard { + padding: 1rem; } + +/* Admin */ +/* @include breakpoint-lg(max) { + + a>span.logo-default::after, + a>span.logo-dark::after { + position: absolute; + content: ""; + background: #2250fc; + width: 13px; + height: 13px; + border-radius: 50%; + right: 0px; + top: 20px; + } + + a>span.logo-default::before, + a>span.logo-dark::before { + position: absolute; + content: "5"; + font-weight: 600; + font-size: 10px; + right: 2px; + top: -14px; + z-index: 1; + color: #ffffff; + } + + #header.header-mini { + + a>span.logo-default::after, + a>span.logo-dark::after { + width: 12px; + height: 12px; + right: 1px; + top: 11px; + } + } +} */ + +/*# sourceMappingURL=style.css.map */ diff --git a/public/assets/css/theme.css b/public/assets/css/theme.css new file mode 100644 index 0000000..99b6d63 --- /dev/null +++ b/public/assets/css/theme.css @@ -0,0 +1,512 @@ +/* ---------------------------------------------------------------- + Typography +-----------------------------------------------------------------*/ +a:not(.btn).link { + color: #2250fc; } +a:not(.btn):hover, a:not(.btn):focus, a:not(.btn):active { + color: #2250fc; } + +/* ---------------------------------------------------------------- + Accordion +-----------------------------------------------------------------*/ +.accordion.accordion-theme .ac-item { + background-color: #2250fc; } + +/* ---------------------------------------------------------------- + Blockquotes +-----------------------------------------------------------------*/ +.blockquote { + border-left: 3px solid #2250fc; } + +.blockquote-color { + background-color: #2250fc; } + +/* ---------------------------------------------------------------------- + Buttons +-------------------------------------------------------------------------*/ +a.btn:not([href]):not([tabindex]), +.btn { + background-color: #2250fc; + border-color: #2250fc; } + a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active, + .btn:hover, + .btn:focus, + .btn:not(:disabled):not(.disabled):active, + .btn:not(:disabled):not(.disabled).active { + background-color: #2250fc; + border-color: #2250fc; } + a.btn:not([href]):not([tabindex]).btn-outline, + .btn.btn-outline { + border-color: #2250fc; + color: #2250fc; } + a.btn:not([href]):not([tabindex]).btn-outline:hover, a.btn:not([href]):not([tabindex]).btn-outline:focus, a.btn:not([href]):not([tabindex]).btn-outline:active, a.btn:not([href]):not([tabindex]).btn-outline.active, + .btn.btn-outline:hover, + .btn.btn-outline:focus, + .btn.btn-outline:active, + .btn.btn-outline.active { + background-color: #2250fc; + border-color: #2250fc; } + a.btn:not([href]):not([tabindex]).btn-primary, + .btn.btn-primary { + background-color: #2250fc; + border-color: #2250fc; } + a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active, + .btn.btn-primary:hover, + .btn.btn-primary:focus, + .btn.btn-primary:not(:disabled):not(.disabled):active, + .btn.btn-primary:not(:disabled):not(.disabled).active { + background-color: #2250fc; + border-color: #2250fc; } + a.btn:not([href]):not([tabindex]).btn-icon-holder.btn-outline:before, + .btn.btn-icon-holder.btn-outline:before { + border-left-color: #2250fc; } + +/* ---------------------------------------------------------------------- + call-to-action (call to action) +-------------------------------------------------------------------------*/ +.call-to-action.call-to-action-colored { + background-color: #2250fc; } + +/* ---------------------------------------------------------------- +Carousels & Slider +-----------------------------------------------------------------*/ +.inspiro-slider .flickity-button:hover { + background-color: #2250fc; } + +.carousel .flickity-button:hover { + background-color: #2250fc; } + +/* ---------------------------------------------------------------- + Dropcat & Highlight +-----------------------------------------------------------------*/ +.dropcap.dropcap-colored { + background-color: #2250fc; } + +.highlight.highlight-colored { + background-color: #2250fc; } + +/* ---------------------------------------------------------------------- +Forms +-------------------------------------------------------------------------*/ +.form-control:focus, +input:focus, +select:focus { + border-color: #2250fc; } + +/* ---------------------------------------------------------------------- + Headings +-------------------------------------------------------------------------*/ +.heading-text.heading-section > h2:before { + background-color: #2250fc; } + +.heading-creative strong { + color: #2250fc; } + +/* ---------------------------------------------------------------------- + Icon Box +-------------------------------------------------------------------------*/ +.icon-box.effect.dark .icon i:after { + box-shado: 0 0 0 3px #2250fc; } +.icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i { + background-color: #2250fc; } + +.text-box.text-box-light:hover { + background: #2250fc; } + +.feature-box:hover h2, +.feature-box:hover h3, +.feature-box:hover h4 { + color: #2250fc; } + +/* ---------------------------------------------------------------- +Lables & Badgets +-----------------------------------------------------------------*/ +.badge-primary { + background-color: #2250fc; } + +/* ---------------------------------------------------------------------- + Light Box +-------------------------------------------------------------------------*/ +.mfp-ajax-holder .mfp-close:hover { + background: #2250fc; } + +/* ---------------------------------------------------------------------- + Lists & Bullet Lists +-------------------------------------------------------------------------*/ +.list-colored li a { + color: #2250fc; } + +.list-legend li span { + background-color: #2250fc; } + +.list-icon.list-icon-colored li:before, .list-icon.icon-list-colored i { + color: #2250fc; } + +.list-group-item.active { + background-color: #2250fc; + border: #2250fc; } + +/* ---------------------------------------------------------------------- + Pagination & Pager +-------------------------------------------------------------------------*/ +.post-navigation a:hover { + color: #2250fc; } + +/* ---------------------------------------------------------------------- + Pricing Table +-------------------------------------------------------------------------*/ +.pricing-table.colored .plan-header { + background-color: #2250fc; } + +/* ---------------------------------------------------------------------- + Progress Bar +-------------------------------------------------------------------------*/ +.p-progress-bar, +.progress-bar { + background-color: #2250fc; } + +/*-------------------------------------------------------- + Tabs +---------------------------------------------------------*/ +.tabs .nav-tabs .nav-link.active { + color: #2250fc; + border-bottom: 2px solid #2250fc; } +.tabs.tabs-vertical .nav-link.active { + color: #2250fc; + border-right: 2px solid #2250fc; } + +/* ---------------------------------------------------------------- + Date picker +-----------------------------------------------------------------*/ +.datepicker tbody tr > td.day.today.active, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.selected { + background: #2250fc !important; } + .datepicker tbody tr > td.day.today.active:hover, .datepicker tbody tr > td.day.active:hover, .datepicker tbody tr > td.day.selected:hover { + background: #2250fc; } +.datepicker tbody tr > td.day.range.today { + background: #2250fc; } +.datepicker tbody tr > td span.month.active { + background: #2250fc; } + .datepicker tbody tr > td span.month.active:hover { + background: #2250fc; } + +.datetimepicker tbody tr > td.day.today, +.datetimepicker table tr td.active:active, +.datetimepicker table tr td.active:hover:active, +.datetimepicker table tr td.active.disabled:active, +.datetimepicker table tr td.active.disabled:hover:active, +.datetimepicker table tr td.active.active, +.datetimepicker table tr td.active:hover.active, +.datetimepicker table tr td.active.disabled.active, +.datetimepicker table tr td.active.disabled:hover.active, +.datetimepicker table tr td span.active:active, +.datetimepicker table tr td span.active:hover:active, +.datetimepicker table tr td span.active.disabled:active, +.datetimepicker table tr td span.active.disabled:hover:active, +.datetimepicker table tr td span.active.active, +.datetimepicker table tr td span.active:hover.active, +.datetimepicker table tr td span.active.disabled.active, +.datetimepicker table tr td span.active.disabled:hover.active { + background: #2250fc !important; } + +.datetimepicker table tr > td.today:hover, +.datetimepicker table tr > td.today:hover:hover, +.datetimepicker table tr > td.today.disabled:hover, +.datetimepicker table tr > td.today.disabled:hover:hover, +.datetimepicker table tr > td.today:active, +.datetimepicker table tr > td.today:hover:active, +.datetimepicker table tr > td.today.disabled:active, +.datetimepicker table tr > td.today.disabled:hover:active, +.datetimepicker table tr > td.today.active, +.datetimepicker table tr > td.today:hover.active, +.datetimepicker table tr > td.today.disabled.active, +.datetimepicker table tr > td.today.disabled:hover.active, +.datetimepicker table tr > td.today.disabled, +.datetimepicker table tr > td.today:hover.disabled, +.datetimepicker table tr > td.today.disabled.disabled, +.datetimepicker table tr > td.today.disabled:hover.disabled, +.datetimepicker table tr > td.today[disabled], +.datetimepicker table tr > td.today:hover[disabled], +.datetimepicker table tr > td.today.disabled[disabled], +.datetimepicker table tr > td.today.disabled:hover[disabled] { + background: #2250fc !important; } + +.daterangepicker .daterangepicker_input .input-mini.active, .daterangepicker .daterangepicker_input .input-mini:focus { + border: 1px solid #2250fc; } +.daterangepicker tbody td.today { + background: #2250fc; } +.daterangepicker tbody td.active, .daterangepicker tbody td.in-range, .daterangepicker tbody td.active:hover, .daterangepicker tbody td.in-range:hover { + background: #2250fc; } +.daterangepicker select.ampmselect.active, .daterangepicker select.ampmselect:focus { + border: 1px solid #2250fc; } +.daterangepicker select.hourselect.active, .daterangepicker select.hourselect:focus { + border: 1px solid #2250fc; } +.daterangepicker select.minuteselect.active, .daterangepicker select.minuteselect:focus { + border: 1px solid #2250fc; } +.daterangepicker select.monthselect.active, .daterangepicker select.monthselect:focus { + border: 1px solid #2250fc; } +.daterangepicker select.yearselect.active, .daterangepicker select.yearselect:focus { + border: 1px solid #2250fc; } +.daterangepicker .calendar-time i { + color: #b2b1c5; } +.daterangepicker .ranges li.active { + background: #2250fc; + border: 1px solid #2250fc; } + +/* ---------------------------------------------------------------- + Date range picker +-----------------------------------------------------------------*/ +.daterangepicker td.active:not(.off), +.daterangepicker td.active:hover, +.daterangepicker .active.end-date.in-range { + background: #2250fc !important; } + +input.daterange:after, +input.dates:after { + background: #2250fc; } + +/* ---------------------------------------------------------------- + Bootstrap Switch +-----------------------------------------------------------------*/ +.bootstrap-switch .bootstrap-switch-on, +.bootstrap-switch .bootstrap-switch-handle-on, +.bootstrap-switch .bootstrap-switch-handle-off { + background-color: #2250fc; + border-color: #2250fc; } + +.p-radio:checked + .p-radio-style:before { + border: 1px solid #2250fc; + background: #2250fc; } + +.p-checkbox:checked + .p-checkbox-style:before { + border: #2250fc; + background: #2250fc; } + +.p-switch > input[type="checkbox"]:checked + .p-switch-style { + background-color: #2250fc; } + +/* ---------------------------------------------------------------- + Ion Range Sliders +-----------------------------------------------------------------*/ +.irs-bar { + background: #2250fc; } + +.irs-from, +.irs-to, +.irs-single { + background: #2250fc; } + +.irs-from:after, +.irs-to:after, +.irs-single:after { + border-top-color: #2250fc; } + +/* ---------------------------------------------------------------- + Blog +-----------------------------------------------------------------*/ +.post-item { + /*Types*/ } + .post-item .post-image .post-meta-category, + .post-item .post-slider .post-meta-category, + .post-item .post-video .post-meta-category, + .post-item .post-audio .post-meta-category, + .post-item .post-quote-img .post-meta-category { + background-color: #2250fc; } + .post-item .post-quote-img .post-meta-category { + color: #2250fc; } + .post-item .post-quote-img .post-meta-category a { + color: #2250fc; } + .post-item.quote .post-item-wrap { + background-color: #2250fc; } + +.post-author a { + color: #2250fc; } + +/* ---------------------------------------------------------------- + Grid Filter +-----------------------------------------------------------------*/ +.grid-filter li:hover a, .grid-filter li.active a { + background-color: #2250fc; } +.grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a { + border-color: #2250fc; + color: #2250fc; } +.grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a { + color: #2250fc; } + .grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after { + background-color: #2250fc; } +.grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a { + background-color: #2250fc; } +.grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a { + color: #2250fc; } + +/*------------------------------------------------------ + Comments +------------------------------------------------------*/ +.comments .comment_number span { + color: #2250fc; } + +.respond-comment span { + color: #2250fc; } + +/*------------------------------------------------------ + Extras +------------------------------------------------------*/ +.item-link { + color: #2250fc; } + .item-link:hover { + color: #2250fc; } + +.nav-link { + color: #2250fc; } + +.background-colored { + background-color: #2250fc; } + +/* ---------------------------------------------------------------- +Scroll top +-----------------------------------------------------------------*/ +#scrollTop:after, #scrollTop:before { + background-color: #2250fc; } + +.fc-event-primary.fc-event { + background-color: #2250fc; + border-color: #2250fc; } + +.icon-set-container .row > [class^="col-"] { + color: #2250fc; } + .icon-set-container .row > [class^="col-"]:hover { + background-color: #2250fc; } + .icon-set-container .row > [class^="col-"]:hover .icon-holder { + color: #2250fc; } + +/* ---------------------------------------------------------------- + Forum +-----------------------------------------------------------------*/ +.forum thead tr > th { + background-color: #2250fc; } + +/* ---------------------------------------------------------------- + Header +-----------------------------------------------------------------*/ +#header { + /* ---------------------------------------------------------------- +Main Menu +-----------------------------------------------------------------*/ } + #header.header-modern:not(.header-active).header-colored .header-inner, + #header.header-modern:not(.header-active).header-colored #header-wrap { + background-color: #2250fc; } + #header.header-colored .header-inner, + #header.header-colored #header-wrap { + background-color: #2250fc; } + #header #mainMenu nav > ul > li.hover-active > a, + #header #mainMenu nav > ul > li.hover-active > span, #header #mainMenu nav > ul > li.current > a, + #header #mainMenu nav > ul > li.current > span, #header #mainMenu nav > ul > li:hover > a, + #header #mainMenu nav > ul > li:hover > span, #header #mainMenu nav > ul > li:focus > a, + #header #mainMenu nav > ul > li:focus > span { + color: #2250fc; } + #header #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #header #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #header #mainMenu nav > ul > li .dropdown-menu > li > a:active, + #header #mainMenu nav > ul > li .dropdown-menu > li > span:focus, + #header #mainMenu nav > ul > li .dropdown-menu > li > span:hover, + #header #mainMenu nav > ul > li .dropdown-menu > li > span:active, + #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, + #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, + #header #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active { + color: #2250fc; } + #header #mainMenu nav > ul > li .dropdown-menu > li.current > a, + #header #mainMenu nav > ul > li .dropdown-menu > li.current > span, #header #mainMenu nav > ul > li .dropdown-menu > li:hover > a, + #header #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #header #mainMenu nav > ul > li .dropdown-menu > li:focus > a, + #header #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #header #mainMenu nav > ul > li .dropdown-menu > li:active > a, + #header #mainMenu nav > ul > li .dropdown-menu > li:active > span, #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, + #header #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span { + color: #2250fc; } + #header #mainMenu.menu-rounded nav > ul > li.current > a, #header #mainMenu.menu-rounded nav > ul > li:hover > a, #header #mainMenu.menu-rounded nav > ul > li:focus > a { + background-color: #2250fc; } + #header #mainMenu.menu-outline nav > ul > li.current > a, #header #mainMenu.menu-outline nav > ul > li:hover > a, #header #mainMenu.menu-outline nav > ul > li:focus > a { + color: #2250fc; + border-color: #2250fc; } + #header #mainMenu.menu-lines nav > ul > li.current > a, #header #mainMenu.menu-lines nav > ul > li:hover > a, #header #mainMenu.menu-lines nav > ul > li:focus > a { + color: #2250fc; } + #header #mainMenu.menu-lines nav > ul > li.current > a:after, #header #mainMenu.menu-lines nav > ul > li:hover > a:after, #header #mainMenu.menu-lines nav > ul > li:focus > a:after { + background-color: #2250fc; } + #header #mainMenu.menu-hover-background nav > ul > li.current, #header #mainMenu.menu-hover-background nav > ul > li:hover, #header #mainMenu.menu-hover-background nav > ul > li:focus { + background-color: #2250fc; } + #header #shopping-cart > a .shopping-cart-items { + background: #2250fc; } + +/* ---------------------------------------------------------------- +Dots Menu +-----------------------------------------------------------------*/ +#dotsMenu ul li:hover { + background-color: #2250fc; } +#dotsMenu ul li.current { + background-color: #2250fc; } +#dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before { + background-color: #2250fc; } + +/*Menu Dark*/ +#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, +#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover, +#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover { + color: #2250fc; } +#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a, +#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a, +#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a, +#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, +#mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span { + color: #2250fc; } + +.page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a { + color: #2250fc; } +.page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a { + background-color: #2250fc; } +.page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a { + border-color: #2250fc; + color: #2250fc; } +.page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a { + color: #2250fc; } + .page-menu.menu-lines nav > ul > li:hover > a:after, .page-menu.menu-lines nav > ul > li.active > a:after { + background-color: #2250fc; } +.page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a { + background-color: #2250fc; } + +@media (max-width: 1024px) { + .page-menu.menu-rounded nav > ul > li:hover > a, .page-menu.menu-rounded nav > ul > li.active > a, .page-menu.menu-outline nav > ul > li:hover > a, .page-menu.menu-outline nav > ul > li.active > a, .page-menu.menu-lines nav > ul > li:hover > a, .page-menu.menu-lines nav > ul > li.active > a, .page-menu.menu-solid nav > ul > li:hover > a, .page-menu.menu-solid nav > ul > li.active > a, .page-menu.menu-light nav > ul > li:hover > a, .page-menu.menu-light nav > ul > li.active > a, .page-menu.menu-creative nav > ul > li:hover > a, .page-menu.menu-creative nav > ul > li.active > a, .page-menu.inverted nav > ul > li:hover > a, .page-menu.inverted nav > ul > li.active > a { + color: #2250fc; } } +#search .btn-search-close { + background-color: #2250fc; } + +/* ---------------------------------------------------------------- +Topbar +-----------------------------------------------------------------*/ +#topbar.topbar-colored, #topbar.topbar-colored.dark { + background-color: #2250fc; } + +/* ---------------------------------------------------------------- +Helpers +-----------------------------------------------------------------*/ +.text-theme { + color: #2250fc !important; } + +/* ---------------------------------------------------------------- +Portfolio +-----------------------------------------------------------------*/ +.portfolio-item .portfolio-description a:hover i, +.portfolio-item .grid-description a:hover i, +.portfolio-item .portfolio-links a:hover i, +.grid-item .portfolio-description a:hover i, +.grid-item .grid-description a:hover i, +.grid-item .portfolio-links a:hover i { + background-color: #2250fc; + border: 1px solid #2250fc; } + +/* ---------------------------------------------------------------- + Widgets +-----------------------------------------------------------------*/ +.widget-tweeter li a, +.widget-twitter li a { + color: #2250fc; } + +.tags a:hover, .tags a:focus, .tags a:active, .tags a.active { + background-color: #2250fc; + border-color: #2250fc; } + +/*# sourceMappingURL=theme.css.map */ diff --git a/public/assets/img/beer.svg b/public/assets/img/beer.svg new file mode 100644 index 0000000..3dd42ba --- /dev/null +++ b/public/assets/img/beer.svg @@ -0,0 +1,115 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/assets/js/custom.js b/public/assets/js/custom.js new file mode 100644 index 0000000..03f74fe --- /dev/null +++ b/public/assets/js/custom.js @@ -0,0 +1,8 @@ +/* + +1. Add your custom JavaScript code below +2. Place the this code in your template: + + + +*/ \ No newline at end of file diff --git a/public/assets/js/functions.js b/public/assets/js/functions.js new file mode 100644 index 0000000..5470c60 --- /dev/null +++ b/public/assets/js/functions.js @@ -0,0 +1,3201 @@ +//----------------------------------------------------/ +// +// POLO - HTML5 Template +// Author: INSPIRO - Ardian Berisha +// Version: v5.9.6 +// Update: January 28, 2020 +// +//----------------------------------------------------/ +//INSPIRO Global var +var INSPIRO = {}, + $ = jQuery.noConflict(); +(function($) { + "use strict"; + // Predefined Global Variables + var $window = $(window), + $theme_color = "#2250fc", + //Main + $body = $("body"), + $bodyInner = $(".body-inner"), + $section = $("section"), + //Header + $topbar = $("#topbar"), + $header = $("#header"), + $headerCurrentClasses = $header.attr("class"), + //Logo + headerLogo = $("#logo"), + //Menu + $mainMenu = $("#mainMenu"), + $mainMenuTriggerBtn = $("#mainMenu-trigger a, #mainMenu-trigger button"), + $pageMenu = $(".page-menu"), + //Slider + $slider = $("#slider"), + $inspiroSlider = $(".inspiro-slider"), + $carousel = $(".carousel"), + /*Grid Layout*/ + $gridLayout = $(".grid-layout"), + $gridFilter = $(".grid-filter"), + windowWidth = $window.width(); + if ($gridFilter.length > 0) { + $gridFilter = $gridFilter; + } else { + $gridFilter = $(".page-grid-filter"); + } + //Check if header exist + if ($header.length > 0) { + var $headerOffsetTop = $header.offset().top; + } + var Events = { + browser: { + isMobile: function() { + if ( + navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/) + ) { + return true; + } else { + return false; + } + } + } + }; + //Settings + var Settings = { + isMobile: Events.browser.isMobile, + submenuLight: $header.hasClass("submenu-light") == true ? true : false, + menuIsOpen: false, + menuOverlayOpened: false + }; + //Window breakpoints + $(window).breakpoints({ + breakpoints: [ + { + name: "xs", + width: 0 + }, + { + name: "sm", + width: 576 + }, + { + name: "md", + width: 768 + }, + { + name: "lg", + width: 1025 + }, + { + name: "xl", + width: 1200 + } + ] + }); + var currentBreakpoint = $(window).breakpoints("getBreakpoint"); + $body.addClass("breakpoint-" + currentBreakpoint); + $(window).bind("breakpoint-change", function(breakpoint) { + $body.removeClass("breakpoint-" + breakpoint.from); + $body.addClass("breakpoint-" + breakpoint.to); + }); + $(window).breakpoints("greaterEqualTo", "lg", function() { + $body.addClass("b--desktop"); + $body.removeClass("b--responsive"); + }); + $(window).breakpoints("lessThan", "lg", function() { + $body.removeClass("b--desktop"); + $body.addClass("b--responsive"); + }); + INSPIRO.core = { + functions: function() { + INSPIRO.core.scrollTop(); + INSPIRO.core.rtlStatus(); + INSPIRO.core.rtlStatusActivate(); + INSPIRO.core.equalize(); + INSPIRO.core.customHeight(); + INSPIRO.core.darkTheme(); + }, + scrollTop: function() { + var $scrollTop = $("#scrollTop"); + if ($scrollTop.length > 0) { + var scrollOffset = $body.attr("data-offset") || 400; + if ($window.scrollTop() > scrollOffset) { + if ($body.hasClass("frame")) { + $scrollTop.css({ + bottom: "46px", + opacity: 1, + "z-index": 199 + }); + } else { + $scrollTop.css({ + bottom: "26px", + opacity: 1, + "z-index": 199 + }); + } + } else { + $scrollTop.css({ + bottom: "16px", + opacity: 0 + }); + } + $scrollTop.off("click").on("click", function() { + $("body,html") + .stop(true) + .animate( + { + scrollTop: 0 + }, + 1000, + "easeInOutExpo" + ); + return false; + }); + } + }, + rtlStatus: function() { + var $rtlStatusCheck = $("html").attr("dir"); + if ($rtlStatusCheck == "rtl") { + return true; + } + return false; + }, + rtlStatusActivate: function() { + if (INSPIRO.core.rtlStatus() == true) { + $("head").append( + '' + ); + } + }, + equalize: function() { + var $equalize = $(".equalize"); + if ($equalize.length > 0) { + $equalize.each(function() { + var elem = $(this), + selectorItem = + elem.find(elem.attr("data-equalize-item")) || "> div", + maxHeight = 0; + selectorItem.each(function() { + if ($(this).outerHeight(true) > maxHeight) { + maxHeight = $(this).outerHeight(true); + } + }); + selectorItem.height(maxHeight); + }); + } + }, + customHeight: function(setHeight) { + var $customHeight = $(".custom-height"); + if ($customHeight.length > 0) { + $customHeight.each(function() { + var elem = $(this), + elemHeight = elem.attr("data-height") || 400, + elemHeightLg = elem.attr("data-height-lg") || elemHeight, + elemHeightMd = elem.attr("data-height-md") || elemHeightLg, + elemHeightSm = elem.attr("data-height-sm") || elemHeightMd, + elemHeightXs = elem.attr("data-height-xs") || elemHeightSm; + + function customHeightBreakpoint(setHeight) { + if (setHeight) { + elem = setHeight; + } + switch ($(window).breakpoints("getBreakpoint")) { + case "xs": + elem.height(elemHeightXs); + break; + case "sm": + elem.height(elemHeightSm); + break; + case "md": + elem.height(elemHeightMd); + break; + case "lg": + elem.height(elemHeightLg); + break; + case "xl": + elem.height(elemHeight); + break; + } + } + customHeightBreakpoint(setHeight); + $(window).resize(function() { + setTimeout(function() { + customHeightBreakpoint(setHeight); + }, 100); + }); + }); + } + }, + darkTheme: function() { + var $darkElement = $("[data-dark-src]"), + $lightBtnTrigger = $("#light-mode"), + $darkBtnTrigger = $("#dark-mode"), + darkColorScheme = "darkColorScheme", + defaultDark = $body.hasClass("dark"); + + if (typeof Cookies.get(darkColorScheme) !== "undefined") { + $body.addClass("dark"); + } + + $darkBtnTrigger.on("click", function(e) { + darkElemSrc(); + $body.addClass("dark"); + INSPIRO.elements.shapeDivider(); + Cookies.set(darkColorScheme, true, { + expires: Number(365) + }); + }); + + $lightBtnTrigger.on("click", function(e) { + lightElemSrc(); + $body.removeClass("dark"); + INSPIRO.elements.shapeDivider(); + Cookies.remove(darkColorScheme); + }); + + if ($body.hasClass("dark")) { + darkElemSrc(); + } + + function darkElemSrc() { + $darkElement.each(function() { + var elem = $(this), + elemOriginalSrc = elem.attr("src"), + elemDarkSrc = elem.attr("data-dark-src"); + + if (elemDarkSrc) { + elem.attr("data-original-src", elemOriginalSrc); + elem.attr("src", elemDarkSrc); + } + }); + } + + function lightElemSrc() { + $darkElement.each(function() { + var elem = $(this), + elemLightSrc = elem.attr("data-original-src"); + + if (elemLightSrc) { + elem.attr("src", elemLightSrc); + } + }); + } + }, + }; + INSPIRO.header = { + functions: function() { + INSPIRO.header.logoStatus(); + INSPIRO.header.stickyHeader(); + INSPIRO.header.topBar(); + INSPIRO.header.search(); + INSPIRO.header.mainMenu(); + INSPIRO.header.mainMenuOverlay(); + INSPIRO.header.pageMenu(); + INSPIRO.header.sidebarOverlay(); + INSPIRO.header.dotsMenu(); + INSPIRO.header.onepageMenu(); + }, + logoStatus: function(status) { + var headerLogoDefault = headerLogo.find($(".logo-default")), + headerLogoDark = headerLogo.find($(".logo-dark")), + headerLogoFixed = headerLogo.find(".logo-fixed"), + headerLogoResponsive = headerLogo.find(".logo-responsive"); + + if ($header.hasClass("header-sticky") && headerLogoFixed.length > 0) { + headerLogoDefault.css("display", "none"); + headerLogoDark.css("display", "none"); + headerLogoResponsive.css("display", "none"); + headerLogoFixed.css("display", "block"); + } else { + headerLogoDefault.removeAttr("style"); + headerLogoDark.removeAttr("style"); + headerLogoResponsive.removeAttr("style"); + headerLogoFixed.removeAttr("style"); + } + $(window).breakpoints("lessThan", "lg", function() { + if (headerLogoResponsive.length > 0) { + headerLogoDefault.css("display", "none"); + headerLogoDark.css("display", "none"); + headerLogoFixed.css("display", "none"); + headerLogoResponsive.css("display", "block"); + } + }); + }, + stickyHeader: function() { + var elem = $(this), + shrinkHeader = elem.attr("data-shrink") || 0, + shrinkHeaderActive = elem.attr("data-sticky-active") || 200, + scrollOnTop = $window.scrollTop(), + darkClassRemoved; + + if ($header.hasClass("header-modern")) { + shrinkHeader = 300; + } + + $(window).breakpoints("greaterEqualTo", "lg", function() { + if (!$header.is(".header-disable-fixed")) { + if (scrollOnTop > $headerOffsetTop + shrinkHeader) { + $header.addClass("header-sticky"); + if (scrollOnTop > $headerOffsetTop + shrinkHeaderActive) { + $header.addClass("sticky-active"); + if (Settings.submenuLight) { + $header.removeClass("dark"); + darkClassRemoved = true; + } + INSPIRO.header.logoStatus(); + } + } else { + $header.removeClass().addClass($headerCurrentClasses); + INSPIRO.header.logoStatus(); + } + } + }); + + $(window).breakpoints("lessThan", "lg", function() { + if ($header.attr("data-responsive-fixed") == "true") { + if (scrollOnTop > $headerOffsetTop + shrinkHeader) { + $header.addClass("header-sticky"); + if (scrollOnTop > $headerOffsetTop + shrinkHeaderActive) { + $header.addClass("sticky-active"); + if (Settings.submenuLight) { + $header.removeClass("dark"); + darkClassRemoved = true; + } + INSPIRO.header.logoStatus(); + } + } else { + $header.removeClass().addClass($headerCurrentClasses); + INSPIRO.header.logoStatus(); + } + } + }); + }, + //chkd + topBar: function() { + if ($topbar.length > 0) { + $("#topbar .topbar-dropdown .topbar-form").each(function( + index, + element + ) { + if ( + $window.width() - ($(element).width() + $(element).offset().left) < + 0 + ) { + $(element).addClass("dropdown-invert"); + } + }); + } + }, + search: function() { + var $search = $("#search"); + if ($search.length > 0) { + var searchBtn = $("#btn-search"), + searchBtnClose = $("#btn-search-close"), + searchInput = $search.find(".form-control"); + + function openSearch() { + $body.addClass("search-open"); + searchInput.focus(); + } + + function closeSearch() { + $body.removeClass("search-open"); + searchInput.value = ""; + } + searchBtn.on("click", function() { + openSearch(); + return false; + }); + searchBtnClose.on("click", function() { + closeSearch(); + return false; + }); + document.addEventListener("keyup", function(ev) { + if (ev.keyCode == 27) { + closeSearch(); + } + }); + } + }, + mainMenu: function() { + if ($mainMenu.length > 0) { + var $menuItemLinks = $( + "#mainMenu nav > ul > li.dropdown > a, .dropdown-submenu > a, .dropdown-submenu > span, .page-menu nav > ul > li.dropdown > a" + ), + $triggerButton = $("#mainMenu-trigger a, #mainMenu-trigger button"), + darkClassRemoved, + processing = false, + triggerEvent; + $triggerButton.on("click", function(e) { + var elem = $(this); + e.preventDefault(); + $(window).breakpoints("lessThan", "lg", function() { + var openMenu = function() { + if (!processing) { + processing = true; + Settings.menuIsOpen = true; + if (Settings.submenuLight) { + $header.removeClass("dark"); + darkClassRemoved = true; + } + elem.addClass("toggle-active"); + $body.addClass("mainMenu-open"); + INSPIRO.header.logoStatus(); + $mainMenu.animate( + { + "min-height": $window.height() + }, + { + duration: 500, + easing: "easeInOutQuart", + start: function() { + setTimeout(function() { + $mainMenu.addClass("menu-animate"); + }, 300); + }, + complete: function() { + processing = false; + } + } + ); + } + }; + var closeMenu = function() { + if (!processing) { + processing = true; + Settings.menuIsOpen = false; + INSPIRO.header.logoStatus(); + $mainMenu.animate( + { + "min-height": 0 + }, + { + start: function() { + $mainMenu.removeClass("menu-animate"); + }, + done: function() { + $body.removeClass("mainMenu-open"); + elem.removeClass("toggle-active"); + if (Settings.submenuLight && darkClassRemoved) { + $header.addClass("dark"); + } + }, + duration: 500, + easing: "easeInOutQuart", + complete: function() { + processing = false; + } + } + ); + } + }; + if (!Settings.menuIsOpen) { + triggerEvent = openMenu(); + } else { + triggerEvent = closeMenu(); + } + }); + }); + $menuItemLinks.on("click", function(e) { + $(this) + .parent("li") + .siblings() + .removeClass("hover-active"); + $(this) + .parent("li") + .toggleClass("hover-active"); + e.stopPropagation(); + e.preventDefault(); + }); + $body.on("click", function(e) { + $mainMenu.find(".hover-active").removeClass("hover-active"); + }); + /*invert menu fix*/ + $(window).breakpoints("greaterEqualTo", "lg", function() { + var $menuLastItem = $("nav > ul > li:last-child"), + $menuLastItemUl = $("nav > ul > li:last-child > ul"), + $menuLastInvert = $menuLastItemUl.width() - $menuLastItem.width(), + $menuItems = $("nav > ul > li").find(".dropdown-menu"); + $menuItems.css("display", "block"); + $(".dropdown:not(.mega-menu-item) ul ul").each(function( + index, + element + ) { + if ( + $window.width() - + ($(element).width() + $(element).offset().left) < + 0 + ) { + $(element).addClass("menu-invert"); + } + }); + if ( + $window.width() - + ($menuLastItemUl.width() + $menuLastItem.offset().left) < + 0 + ) { + $menuLastItemUl.addClass("menu-last"); + } + $menuItems.css("display", ""); + }); + } + }, + mainMenuOverlay: function() { + }, + /*Page Menu*/ + pageMenu: function() { + if ($pageMenu.length > 0) { + $pageMenu.each(function() { + $(this) + .find("#pageMenu-trigger") + .on("click", function() { + $pageMenu.toggleClass("page-menu-active"); + $pageMenu.toggleClass("items-visible"); + }); + }); + } + }, + sidebarOverlay: function() { + var sidebarOverlay = $("#side-panel"); + if (sidebarOverlay.length > 0) { + sidebarOverlay.css("opacity", 1); + $("#close-panel").on("click", function() { + $body.removeClass("side-panel-active"); + $("#side-panel-trigger").removeClass("toggle-active"); + }); + } + + + var $sidepanel = $("#sidepanel"), + $sidepanelTrigger = $(".panel-trigger"), + sidepanelProcessing = false, + sidepanelEvent; + + $sidepanelTrigger.on("click", function(e) { + e.preventDefault(); + var panelOpen = function() { + if (!sidepanelProcessing) { + sidepanelProcessing = true; + Settings.panelIsOpen = true; + $sidepanel.addClass("panel-open"); + sidepanelProcessing = false; + } + }; + var panelClose = function() { + if (!sidepanelProcessing) { + sidepanelProcessing = true; + Settings.panelIsOpen = false; + $sidepanel.removeClass("panel-open"); + sidepanelProcessing = false; + } + }; + if (!Settings.panelIsOpen) { + sidepanelEvent = panelOpen(); + } else { + sidepanelEvent = panelClose(); + } + }); + + + }, + dotsMenu: function() { + var $dotsMenu = $("#dotsMenu"), + $dotsMenuItems = $dotsMenu.find("ul > li > a"); + if ($dotsMenu.length > 0) { + $dotsMenuItems.on("click", function() { + $dotsMenuItems.parent("li").removeClass("current"); + $(this) + .parent("li") + .addClass("current"); + return false; + }); + $dotsMenuItems.parents("li").removeClass("current"); + $dotsMenu + .find('a[href="#' + INSPIRO.header.currentSection() + '"]') + .parent("li") + .addClass("current"); + } + }, + onepageMenu: function() { + if ($mainMenu.hasClass("menu-one-page")) { + var $currentMenuItem = "current"; + $(window).on("scroll", function() { + var $currentSection = INSPIRO.header.currentSection(); + $mainMenu + .find("nav > ul > li > a") + .parents("li") + .removeClass($currentMenuItem); + $mainMenu + .find('nav > ul > li > a[href="#' + $currentSection + '"]') + .parent("li") + .addClass($currentMenuItem); + }); + } + }, + currentSection: function() { + var elemCurrent = "body"; + $section.each(function() { + var elem = $(this), + elemeId = elem.attr("id"); + if ( + elem.offset().top - $window.height() / 3 < $window.scrollTop() && + elem.offset().top + elem.height() - $window.height() / 3 > + $window.scrollTop() + ) { + elemCurrent = elemeId; + } + }); + return elemCurrent; + } + }; + INSPIRO.slider = { + functions: function() { + INSPIRO.slider.inspiroSlider(); + INSPIRO.slider.carousel(); + }, + inspiroSlider: function() { + if ($inspiroSlider.length > 0) { + //Check if flickity plugin is loaded + if (typeof $.fn.flickity === "undefined") { + INSPIRO.elements.notification( + "Warning", + "jQuery flickity slider plugin is missing in plugins.js file.", + "danger" + ); + return true; + } + var defaultAnimation = "fadeInUp"; + + function animate_captions($elem) { + var $captions = $elem; + $captions.each(function() { + var $captionElem = $(this), + animationDuration = "600ms"; + if ($(this).attr("data-animate-duration")) { + animationDuration = $(this).attr("data-animate-duration") + "ms"; + } + $captionElem.css({ + opacity: 0 + }); + $(this).css("animation-duration", animationDuration); + }); + $captions.each(function(index) { + var $captionElem = $(this), + captionDelay = + $captionElem.attr("data-caption-delay") || index * 350 + 1000, + captionAnimation = + $captionElem.attr("data-caption-animate") || defaultAnimation; + var t = setTimeout(function() { + $captionElem.css({ + opacity: 1 + }); + $captionElem.addClass(captionAnimation); + }, captionDelay); + }); + } + + function hide_captions($elem) { + var $captions = $elem; + $captions.each(function(caption) { + var caption = $(this), + captionAnimation = + caption.attr("data-caption-animate") || defaultAnimation; + caption.removeClass(captionAnimation); + caption.removeAttr("style"); + }); + } + + function start_kenburn(elem) { + var currentSlide = elem.find(".slide.is-selected"), + currentSlideKenburns = currentSlide.hasClass("kenburns"); + if (currentSlideKenburns) { + setTimeout(function() { + currentSlide.find(".kenburns-bg").addClass("kenburns-bg-animate"); + }, 1500); + } + } + + function stop_kenburn(elem) { + var notCurrentSlide = elem.find(".slide:not(.is-selected)"); + notCurrentSlide + .find(".kenburns-bg") + .removeClass("kenburns-bg-animate"); + } + + function slide_dark(elem) { + var $sliderClassSlide = elem.find(".slide.is-selected"); + if ($sliderClassSlide.hasClass("slide-dark")) { + $header.removeClass("dark").addClass("dark-removed"); + } else { + if ( + !$header.hasClass("sticky-active") && + $header.hasClass("dark-removed") + ) { + $header.addClass("dark").removeClass("dark-removed"); + } + } + } + + function sliderHeight(elem, state) { + var elem, + headerHeight = $header.outerHeight(), + topbarHeight = $topbar.outerHeight() || 0, + windowHeight = $window.height(), + sliderCurrentHeight = elem.height(), + screenHeightExtra = headerHeight + topbarHeight, + $sliderClassSlide = elem.find(".slide"), + sliderFullscreen = elem.hasClass("slider-fullscreen"), + screenRatio = elem.hasClass("slider-halfscreen") ? 1 : 1.2, + transparentHeader = $header.attr("data-transparent"), + customHeight = elem.attr("data-height"), + responsiveHeightXs = elem.attr("data-height-xs"), + containerFullscreen = elem + .find(".container") + .first() + .outerHeight(), + contentCrop; + if (containerFullscreen >= windowHeight) { + contentCrop = true; + var sliderMinHeight = containerFullscreen; + elem.css("min-height", sliderMinHeight + 100); + $sliderClassSlide.css("min-height", sliderMinHeight + 100); + elem + .find(".flickity-viewport") + .css("min-height", sliderMinHeight + 100); + } + sliderElementsHeight("null"); + + function sliderElementsHeight(height) { + if (height == "null") { + elem.css("height", ""); + $sliderClassSlide.css("height", ""); + elem.find(".flickity-viewport").css("height", ""); + } else { + elem.css("height", height); + $sliderClassSlide.css("height", height); + elem.find(".flickity-viewport").css("height", height); + } + } + if (customHeight) { + $(window).breakpoints("greaterEqualTo", "lg", function() { + sliderElementsHeight(customHeight + "px"); + }); + } + } + $inspiroSlider.each(function() { + var elem = $(this); + //Plugin Options + elem.options = { + cellSelector: elem.attr("data-item") || false, + prevNextButtons: elem.data("arrows") == false ? false : true, + pageDots: elem.data("dots") == false ? false : true, + fade: elem.data("fade") == true ? true : false, + draggable: elem.data("drag") == true ? true : false, + freeScroll: elem.data("free-scroll") == true ? true : false, + wrapAround: elem.data("loop") == false ? false : true, + groupCells: elem.data("group-cells") == true ? true : false, + autoPlay: elem.attr("data-autoplay") || 7000, + pauseAutoPlayOnHover: + elem.data("hoverpause") == true ? true : false, + adaptiveHeight: + elem.data("adaptive-height") == false ? false : false, + asNavFor: elem.attr("data-navigation") || false, + selectedAttraction: elem.attr("data-attraction") || 0.07, + friction: elem.attr("data-friction") || 0.9, + initialIndex: elem.attr("data-initial-index") || 0, + accessibility: elem.data("accessibility") == true ? true : false, + setGallerySize: elem.data("gallery-size") == false ? false : false, + resize: elem.data("resize") == false ? false : false, + cellAlign: elem.attr("data-align") || "left", + playWholeVideo: + elem.attr("data-play-whole-video") == false ? false : true + }; + //Kenburns effect + elem.find(".slide").each(function() { + if ($(this).hasClass("kenburns")) { + var elemChild = $(this), + elemChildImage = elemChild + .css("background-image") + .replace(/.*\s?url\([\'\"]?/, "") + .replace(/[\'\"]?\).*/, ""); + + if (elemChild.attr("data-bg-image")) { + elemChildImage = elemChild.attr("data-bg-image"); + } + elemChild.prepend( + '
' + ); + } + }); + elem.find(".slide video").each(function() { + this.pause(); + }); + $(window).breakpoints("lessThan", "lg", function() { + elem.options.draggable = true; + }); + + + if (elem.find(".slide").length <= 1) { + elem.options.prevNextButtons = false; + elem.options.pageDots = false; + elem.options.autoPlay = false; + elem.options.draggable = false; + } + + + if ( + !$.isNumeric(elem.options.autoPlay) && + elem.options.autoPlay != false + ) { + elem.options.autoPlay = Number(7000); + } + + var inspiroSliderData = elem.flickity({ + cellSelector: elem.options.cellSelector, + prevNextButtons: elem.options.prevNextButtons, + pageDots: elem.options.pageDots, + fade: elem.options.fade, + draggable: elem.options.draggable, + freeScroll: elem.options.freeScroll, + wrapAround: elem.options.wrapAround, + groupCells: elem.options.groupCells, + autoPlay: Number(elem.options.autoPlay), + pauseAutoPlayOnHover: elem.options.pauseAutoPlayOnHover, + adaptiveHeight: elem.options.adaptiveHeight, + asNavFor: elem.options.asNavFor, + selectedAttraction: Number(elem.options.selectedAttraction), + friction: elem.options.friction, + initialIndex: elem.options.initialIndex, + accessibility: elem.options.accessibility, + setGallerySize: elem.options.setGallerySize, + resize: elem.options.resize, + cellAlign: elem.options.cellAlign, + rightToLeft: INSPIRO.core.rtlStatus(), + on: { + ready: function(index) { + var $captions = elem.find( + ".slide.is-selected .slide-captions > *" + ); + sliderHeight(elem); + start_kenburn(elem); + animate_captions($captions); + setTimeout(function() { + elem.find(".slide video").each(function(i, video) { + video.pause(); + video.currentTime = 0; + }); + }, 700); + } + } + }); + + var flkty = inspiroSliderData.data("flickity"); + + inspiroSliderData.on("change.flickity", function() { + var $captions = elem.find(".slide.is-selected .slide-captions > *"); + hide_captions($captions); + setTimeout(function() { + stop_kenburn(elem); + }, 500); + slide_dark(elem); + start_kenburn(elem); + animate_captions($captions); + elem.find(".slide video").each(function(i, video) { + video.currentTime = 0; + }); + }); + + inspiroSliderData.on("select.flickity", function() { + INSPIRO.elements.backgroundImage(); + var $captions = elem.find(".slide.is-selected .slide-captions > *"); + sliderHeight(elem); + start_kenburn(elem); + animate_captions($captions); + var video = flkty.selectedElement.querySelector("video"); + if (video) { + video.play(); + flkty.options.autoPlay = Number(video.duration * 1000); + } else { + flkty.options.autoPlay = Number(elem.options.autoPlay); + } + }); + inspiroSliderData.on("dragStart.flickity", function() { + var $captions = elem.find( + ".slide:not(.is-selected) .slide-captions > *" + ); + hide_captions($captions); + }); + $(window).resize(function() { + sliderHeight(elem); + elem.flickity("reposition"); + }); + }); + } + }, + carouselAjax: function() { + //Check if flickity plugin is loaded + if (typeof $.fn.flickity === "undefined") { + INSPIRO.elements.notification( + "Warning", + "jQuery flickity plugin is missing in plugins.js file.", + "danger" + ); + return true; + } + //Plugin Options + var elem = $(".carousel"); + //Initializing plugin and passing the options + + var $carouselAjax = $(elem).imagesLoaded(function() { + // init Isotope after all images have loaded + $carouselAjax.flickity({ + adaptiveHeight: false, + wrapAround: true, + cellAlign: "left", + resize: true + }); + elem.addClass("carousel-loaded"); + }); + }, + carousel: function(elem) { + if (elem) { + $carousel = elem; + } + + if ($carousel.length > 0) { + //Check if flickity plugin is loaded + if (typeof $.fn.flickity === "undefined") { + INSPIRO.elements.notification( + "Warning", + "jQuery flickity plugin is missing in plugins.js file.", + "danger" + ); + return true; + } + $carousel.each(function() { + var elem = $(this); + //Plugin Options + elem.options = { + containerWidth: elem.width(), + items: elem.attr("data-items") || 4, + itemsLg: elem.attr("data-items-lg"), + itemsMd: elem.attr("data-items-md"), + itemsSm: elem.attr("data-items-sm"), + itemsXs: elem.attr("data-items-xs"), + margin: elem.attr("data-margin") || 10, + cellSelector: elem.attr("data-item") || false, + prevNextButtons: elem.data("arrows") == false ? false : true, + pageDots: elem.data("dots") == false ? false : true, + fade: elem.data("fade") == true ? true : false, + draggable: elem.data("drag") == false ? false : true, + freeScroll: elem.data("free-scroll") == true ? true : false, + wrapAround: elem.data("loop") == false ? false : true, + groupCells: elem.data("group-cells") == true ? true : false, + autoPlay: elem.attr("data-autoplay") || 5000, + pauseAutoPlayOnHover: + elem.data("hover-pause") == false ? false : true, + asNavFor: elem.attr("data-navigation") || false, + lazyLoad: elem.data("lazy-load") == true ? true : false, + initialIndex: elem.attr("data-initial-index") || 0, + accessibility: elem.data("accessibility") == true ? true : false, + adaptiveHeight: elem.data("adaptive-height") == true ? true : false, + autoWidth: elem.data("auto-width") == true ? true : false, + setGallerySize: elem.data("gallery-size") == false ? false : true, + resize: elem.data("resize") == false ? false : true, + cellAlign: elem.attr("data-align") || "left", + rightToLeft: INSPIRO.core.rtlStatus() + }; + + //Calculate min/max on responsive breakpoints + elem.options.itemsLg = + elem.options.itemsLg || + Math.min(Number(elem.options.items), Number(4)); + elem.options.itemsMd = + elem.options.itemsMd || + Math.min(Number(elem.options.itemsLg), Number(3)); + elem.options.itemsSm = + elem.options.itemsSm || + Math.min(Number(elem.options.itemsMd), Number(2)); + elem.options.itemsXs = + elem.options.itemsXs || + Math.min(Number(elem.options.itemsSm), Number(1)); + var setResponsiveColumns; + + function getCarouselColumns() { + switch ($(window).breakpoints("getBreakpoint")) { + case "xs": + setResponsiveColumns = Number(elem.options.itemsXs); + break; + case "sm": + setResponsiveColumns = Number(elem.options.itemsSm); + break; + case "md": + setResponsiveColumns = Number(elem.options.itemsMd); + break; + case "lg": + setResponsiveColumns = Number(elem.options.itemsLg); + break; + case "xl": + setResponsiveColumns = Number(elem.options.items); + break; + } + } + getCarouselColumns(); + var itemWidth; + elem.find("> *").wrap('