diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..10bcb7d --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/workspace.xml b/.idea/workspace.xml new file mode 100644 index 0000000..2bde835 --- /dev/null +++ b/.idea/workspace.xml @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + 1648983365211 + + + + \ No newline at end of file diff --git a/.idea/youtube.iml b/.idea/youtube.iml new file mode 100644 index 0000000..d6ebd48 --- /dev/null +++ b/.idea/youtube.iml @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..e92d4d8 --- /dev/null +++ b/about.html @@ -0,0 +1,454 @@ + + + + + + Car Zone + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+ + + + + + + +
+ +
+ + + +
+
+
+
+
+ +
+
+
+
+

Welcome to Car Zone

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has + been the industry's standard dummy text ever since the 1500s, when an unknown printer took a + galley of type and scrambled it to make a type specimen book. It has

+

electronic typesetting, remaining essentially unchanged. It was popularised in + the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more + recently with desktop publishing software like Aldus PageMaker

+
+
+
+
+
+ + + + + + <
+
+ +
+

Executive Team

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

+
+ +
+ +
+
+
+ + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/buildspec.yml b/buildspec.yml new file mode 100644 index 0000000..bd5035d --- /dev/null +++ b/buildspec.yml @@ -0,0 +1,13 @@ +version: 0.2 + +phases: + build: + commands: + - echo "This is build phase... Zipping my webpage" + + post_build: + commands: + - echo "Deployed to S3" +artifacts: + files: + - '**/*' diff --git a/car-details.html b/car-details.html new file mode 100644 index 0000000..eb6762d --- /dev/null +++ b/car-details.html @@ -0,0 +1,750 @@ + + + + + + Car Zone - Automobile + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+ + + + + + + +
+ +
+ + + +
+
+
+
+
+ +
+
+

Lamborghini Huracán

+
+ 123 Kathal St. Tampa City, +
+
+
+

$2825.00

+
+
+ + + +
+ +
+
+
+

+ Description +

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas in pulvinar neque. Nulla finibus lobortis pulvinar. Donec a consectetur nulla. Nulla posuere sapien vitae lectus suscipit, et pulvinar nisi tincidunt. Aliquam erat volutpat. Curabitur convallis fringilla diam sed aliquam. Sed tempor iaculis massa faucibus feugiat. In fermentum facilisis massa, a consequat purus viverra a. Aliquam pellentesque nibh et nibh feugiat gravida. Maecenas ultricies, diam vitae semper placerat, velit risus accumsan nisl, eget tempor lacus est vel nunc. Proin accumsan elit sed neque euismod fringilla. Curabitur lobortis nunc velit, et fermentum urna dapibus non. Vivamus magna lorem, elementum id gravida ac, laoreet tristique augue. Maecenas dictum lacus eu nunc porttitor, ut hendrerit arcu efficitur.

+

Aliquam ultricies nunc porta metus interdum mollis. Donec porttitor libero augue, vehicula tincidunt lectus placerat a. Sed tincidunt dolor non sem dictum dignissim. Nulla vulputate orci felis, ac ornare purus ultricies a. Fusce euismod magna orci, sit amet aliquam turpis dignissim ac. In at tortor at ligula pharetra sollicitudin. Sed tincidunt, purus eget laoreet elementum, felis est pharetra ante, tincidunt feugiat libero enim sed risus. Sed at leo sit amet mi bibendum aliquam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent cursus varius odio, non faucibus dui. Nunc vehicula lectus sed velit suscipit aliquam vitae eu ipsum. adipiscing elit.

+
+
+
+
+

Features

+
+
+
    +
  • + Adaptive Cruise Control +
  • +
  • + Airbags +
  • +
  • + Air Conditioning +
  • +
  • + Alarm System +
  • +
  • + Anti-theft Protection +
  • +
  • + Audio Interface +
  • +
  • + Automatic Climate Control +
  • +
  • + Automatic Headlights +
  • +
  • + Auto Start/Stop +
  • +
  • + Bi-Xenon Headlights +
  • +
  • + Audio Interface +
  • +
  • + Bluetooth Handset +
  • +
  • + BOSE Surround Sound +
  • +
  • + Burmester Surround Sound +
  • +
  • + CD/DVD Autochanger +
  • +
+
+
+
    +
  • + CDR Audio +
  • +
  • + Cruise Control +
  • +
  • + Direct Fuel Injection +
  • +
  • + Electric Parking Brake +
  • +
  • + Floor Mats +
  • +
  • + Garage Door Opener +
  • +
  • + Leather Package +
  • +
  • + Locking Rear Differential +
  • +
  • + Luggage Compartments +
  • +
  • + Manual Transmission +
  • +
  • + Navigation Module +
  • +
  • + Online Services +
  • +
  • + ParkAssist +
  • +
  • + Porsche Communication +
  • +
  • + CD/DVD Autochanger +
  • +
+
+
+
    +
  • + Power Steering +
  • +
  • + Reversing Camera +
  • +
  • + Roll-over Protection +
  • +
  • + Seat Heating +
  • +
  • + Seat Ventilation +
  • +
  • + Sound Package Plus +
  • +
  • + Sport Chrono Package +
  • +
  • + Steering Wheel Heating +
  • +
  • + Tire Pressure Monitoring +
  • +
  • + Universal Audio Interface +
  • +
  • + Voice Control System +
  • +
  • + Wind Deflector +
  • +
+
+
+
+
+ +
+
+ + +
+
+
+ +
+
+
+
+ + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/cars.html b/cars.html new file mode 100644 index 0000000..471c3bb --- /dev/null +++ b/cars.html @@ -0,0 +1,763 @@ + + + + + Car Zone + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+ + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..0882045 --- /dev/null +++ b/contact.html @@ -0,0 +1,446 @@ + + + + + Car Zone + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+ + + + + + + +
+ +
+ + + +
+
+ +
+

Contact Us

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+ +
+
+
Phone:
+

0477 8556 552

+
+
+
+
+ +
+
+
Email:
+

info@themevessel.com

+
+
+
+
+ +
+ +
+
+
+ +
+
+
Fax:
+

+0477 85X6 552

+
+
+
+
+
+
+
+
+ + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/css/animate.min.css b/css/animate.min.css new file mode 100644 index 0000000..6f34fbc --- /dev/null +++ b/css/animate.min.css @@ -0,0 +1,3052 @@ +/*! +Animate.css - http://daneden.me/animate +Licensed under the MIT license + +Copyright (c) 2013 Daniel Eden + +Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +*/ +.animated { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both +} + +.animated.infinite { + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite +} + +.animated.hinge { + -webkit-animation-duration: 2s; + animation-duration: 2s +} + +@-webkit-keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 40% { + -webkit-transform: translateY(-30px); + transform: translateY(-30px) + } + 60% { + -webkit-transform: translateY(-15px); + transform: translateY(-15px) + } +} + +@keyframes bounce { + 0%, 20%, 50%, 80%, 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 40% { + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px) + } + 60% { + -webkit-transform: translateY(-15px); + -ms-transform: translateY(-15px); + transform: translateY(-15px) + } +} + +.bounce { + -webkit-animation-name: bounce; + animation-name: bounce +} + +@-webkit-keyframes flash { + 0%, 50%, 100% { + opacity: 1 + } + 25%, 75% { + opacity: 0 + } +} + +@keyframes flash { + 0%, 50%, 100% { + opacity: 1 + } + 25%, 75% { + opacity: 0 + } +} + +.flash { + -webkit-animation-name: flash; + animation-name: flash +} + +@-webkit-keyframes pulse { + 0% { + -webkit-transform: scale(1); + transform: scale(1) + } + 50% { + -webkit-transform: scale(1.1); + transform: scale(1.1) + } + 100% { + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@keyframes pulse { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1) + } + 50% { + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1) + } + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1) + } +} + +.pulse { + -webkit-animation-name: pulse; + animation-name: pulse +} + +@-webkit-keyframes rubberBand { + 0% { + -webkit-transform: scale(1); + transform: scale(1) + } + 30% { + -webkit-transform: scaleX(1.25) scaleY(0.75); + transform: scaleX(1.25) scaleY(0.75) + } + 40% { + -webkit-transform: scaleX(0.75) scaleY(1.25); + transform: scaleX(0.75) scaleY(1.25) + } + 60% { + -webkit-transform: scaleX(1.15) scaleY(0.85); + transform: scaleX(1.15) scaleY(0.85) + } + 100% { + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@keyframes rubberBand { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1) + } + 30% { + -webkit-transform: scaleX(1.25) scaleY(0.75); + -ms-transform: scaleX(1.25) scaleY(0.75); + transform: scaleX(1.25) scaleY(0.75) + } + 40% { + -webkit-transform: scaleX(0.75) scaleY(1.25); + -ms-transform: scaleX(0.75) scaleY(1.25); + transform: scaleX(0.75) scaleY(1.25) + } + 60% { + -webkit-transform: scaleX(1.15) scaleY(0.85); + -ms-transform: scaleX(1.15) scaleY(0.85); + transform: scaleX(1.15) scaleY(0.85) + } + 100% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1) + } +} + +.rubberBand { + -webkit-animation-name: rubberBand; + animation-name: rubberBand +} + +@-webkit-keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px) + } + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px) + } +} + +@keyframes shake { + 0%, 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 10%, 30%, 50%, 70%, 90% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px) + } + 20%, 40%, 60%, 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px) + } +} + +.shake { + -webkit-animation-name: shake; + animation-name: shake +} + +@-webkit-keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + transform: rotate(15deg) + } + 40% { + -webkit-transform: rotate(-10deg); + transform: rotate(-10deg) + } + 60% { + -webkit-transform: rotate(5deg); + transform: rotate(5deg) + } + 80% { + -webkit-transform: rotate(-5deg); + transform: rotate(-5deg) + } + 100% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } +} + +@keyframes swing { + 20% { + -webkit-transform: rotate(15deg); + -ms-transform: rotate(15deg); + transform: rotate(15deg) + } + 40% { + -webkit-transform: rotate(-10deg); + -ms-transform: rotate(-10deg); + transform: rotate(-10deg) + } + 60% { + -webkit-transform: rotate(5deg); + -ms-transform: rotate(5deg); + transform: rotate(5deg) + } + 80% { + -webkit-transform: rotate(-5deg); + -ms-transform: rotate(-5deg); + transform: rotate(-5deg) + } + 100% { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg) + } +} + +.swing { + -webkit-transform-origin: top center; + -ms-transform-origin: top center; + transform-origin: top center; + -webkit-animation-name: swing; + animation-name: swing +} + +@-webkit-keyframes tada { + 0% { + -webkit-transform: scale(1); + transform: scale(1) + } + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg) + } + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg) + } + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg) + } + 100% { + -webkit-transform: scale(1) rotate(0); + transform: scale(1) rotate(0) + } +} + +@keyframes tada { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1) + } + 10%, 20% { + -webkit-transform: scale(0.9) rotate(-3deg); + -ms-transform: scale(0.9) rotate(-3deg); + transform: scale(0.9) rotate(-3deg) + } + 30%, 50%, 70%, 90% { + -webkit-transform: scale(1.1) rotate(3deg); + -ms-transform: scale(1.1) rotate(3deg); + transform: scale(1.1) rotate(3deg) + } + 40%, 60%, 80% { + -webkit-transform: scale(1.1) rotate(-3deg); + -ms-transform: scale(1.1) rotate(-3deg); + transform: scale(1.1) rotate(-3deg) + } + 100% { + -webkit-transform: scale(1) rotate(0); + -ms-transform: scale(1) rotate(0); + transform: scale(1) rotate(0) + } +} + +.tada { + -webkit-animation-name: tada; + animation-name: tada +} + +@-webkit-keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + transform: translateX(0%) + } + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg) + } + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg) + } + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg) + } + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg) + } + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg) + } + 100% { + -webkit-transform: translateX(0%); + transform: translateX(0%) + } +} + +@keyframes wobble { + 0% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%) + } + 15% { + -webkit-transform: translateX(-25%) rotate(-5deg); + -ms-transform: translateX(-25%) rotate(-5deg); + transform: translateX(-25%) rotate(-5deg) + } + 30% { + -webkit-transform: translateX(20%) rotate(3deg); + -ms-transform: translateX(20%) rotate(3deg); + transform: translateX(20%) rotate(3deg) + } + 45% { + -webkit-transform: translateX(-15%) rotate(-3deg); + -ms-transform: translateX(-15%) rotate(-3deg); + transform: translateX(-15%) rotate(-3deg) + } + 60% { + -webkit-transform: translateX(10%) rotate(2deg); + -ms-transform: translateX(10%) rotate(2deg); + transform: translateX(10%) rotate(2deg) + } + 75% { + -webkit-transform: translateX(-5%) rotate(-1deg); + -ms-transform: translateX(-5%) rotate(-1deg); + transform: translateX(-5%) rotate(-1deg) + } + 100% { + -webkit-transform: translateX(0%); + -ms-transform: translateX(0%); + transform: translateX(0%) + } +} + +.wobble { + -webkit-animation-name: wobble; + animation-name: wobble +} + +@-webkit-keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.3); + transform: scale(0.3) + } + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + transform: scale(1.05) + } + 70% { + -webkit-transform: scale(0.9); + transform: scale(0.9) + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@keyframes bounceIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.3); + -ms-transform: scale(0.3); + transform: scale(0.3) + } + 50% { + opacity: 1; + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05) + } + 70% { + -webkit-transform: scale(0.9); + -ms-transform: scale(0.9); + transform: scale(0.9) + } + 100% { + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1) + } +} + +.bounceIn { + -webkit-animation-name: bounceIn; + animation-name: bounceIn +} + +@-webkit-keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px) + } + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + transform: translateY(30px) + } + 80% { + -webkit-transform: translateY(-10px); + transform: translateY(-10px) + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes bounceInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px) + } + 60% { + opacity: 1; + -webkit-transform: translateY(30px); + -ms-transform: translateY(30px); + transform: translateY(30px) + } + 80% { + -webkit-transform: translateY(-10px); + -ms-transform: translateY(-10px); + transform: translateY(-10px) + } + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } +} + +.bounceInDown { + -webkit-animation-name: bounceInDown; + animation-name: bounceInDown +} + +@-webkit-keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px) + } + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + transform: translateX(30px) + } + 80% { + -webkit-transform: translateX(-10px); + transform: translateX(-10px) + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes bounceInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px) + } + 60% { + opacity: 1; + -webkit-transform: translateX(30px); + -ms-transform: translateX(30px); + transform: translateX(30px) + } + 80% { + -webkit-transform: translateX(-10px); + -ms-transform: translateX(-10px); + transform: translateX(-10px) + } + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } +} + +.bounceInLeft { + -webkit-animation-name: bounceInLeft; + animation-name: bounceInLeft +} + +@-webkit-keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px) + } + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + transform: translateX(-30px) + } + 80% { + -webkit-transform: translateX(10px); + transform: translateX(10px) + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes bounceInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px) + } + 60% { + opacity: 1; + -webkit-transform: translateX(-30px); + -ms-transform: translateX(-30px); + transform: translateX(-30px) + } + 80% { + -webkit-transform: translateX(10px); + -ms-transform: translateX(10px); + transform: translateX(10px) + } + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } +} + +.bounceInRight { + -webkit-animation-name: bounceInRight; + animation-name: bounceInRight +} + +@-webkit-keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px) + } + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + transform: translateY(-30px) + } + 80% { + -webkit-transform: translateY(10px); + transform: translateY(10px) + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes bounceInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px) + } + 60% { + opacity: 1; + -webkit-transform: translateY(-30px); + -ms-transform: translateY(-30px); + transform: translateY(-30px) + } + 80% { + -webkit-transform: translateY(10px); + -ms-transform: translateY(10px); + transform: translateY(10px) + } + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } +} + +.bounceInUp { + -webkit-animation-name: bounceInUp; + animation-name: bounceInUp +} + +@-webkit-keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + transform: scale(1) + } + 25% { + -webkit-transform: scale(0.95); + transform: scale(0.95) + } + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + transform: scale(1.1) + } + 100% { + opacity: 0; + -webkit-transform: scale(0.3); + transform: scale(0.3) + } +} + +@keyframes bounceOut { + 0% { + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1) + } + 25% { + -webkit-transform: scale(0.95); + -ms-transform: scale(0.95); + transform: scale(0.95) + } + 50% { + opacity: 1; + -webkit-transform: scale(1.1); + -ms-transform: scale(1.1); + transform: scale(1.1) + } + 100% { + opacity: 0; + -webkit-transform: scale(0.3); + -ms-transform: scale(0.3); + transform: scale(0.3) + } +} + +.bounceOut { + -webkit-animation-name: bounceOut; + animation-name: bounceOut +} + +@-webkit-keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + transform: translateY(-20px) + } + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px) + } +} + +@keyframes bounceOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 20% { + opacity: 1; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px) + } + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px) + } +} + +.bounceOutDown { + -webkit-animation-name: bounceOutDown; + animation-name: bounceOutDown +} + +@-webkit-keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + transform: translateX(20px) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px) + } +} + +@keyframes bounceOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 20% { + opacity: 1; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px) + } +} + +.bounceOutLeft { + -webkit-animation-name: bounceOutLeft; + animation-name: bounceOutLeft +} + +@-webkit-keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + transform: translateX(-20px) + } + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px) + } +} + +@keyframes bounceOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 20% { + opacity: 1; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px) + } + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px) + } +} + +.bounceOutRight { + -webkit-animation-name: bounceOutRight; + animation-name: bounceOutRight +} + +@-webkit-keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + transform: translateY(20px) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px) + } +} + +@keyframes bounceOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 20% { + opacity: 1; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px) + } +} + +.bounceOutUp { + -webkit-animation-name: bounceOutUp; + animation-name: bounceOutUp +} + +@-webkit-keyframes fadeIn { + 0% { + opacity: 0 + } + 100% { + opacity: 1 + } +} + +@keyframes fadeIn { + 0% { + opacity: 0 + } + 100% { + opacity: 1 + } +} + +.fadeIn { + -webkit-animation-name: fadeIn; + animation-name: fadeIn +} + +@-webkit-keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes fadeInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } +} + +.fadeInDown { + -webkit-animation-name: fadeInDown; + animation-name: fadeInDown +} + +@-webkit-keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes fadeInDownBig { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } +} + +.fadeInDownBig { + -webkit-animation-name: fadeInDownBig; + animation-name: fadeInDownBig +} + +@-webkit-keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes fadeInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } +} + +.fadeInLeft { + -webkit-animation-name: fadeInLeft; + animation-name: fadeInLeft +} + +@-webkit-keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes fadeInLeftBig { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } +} + +.fadeInLeftBig { + -webkit-animation-name: fadeInLeftBig; + animation-name: fadeInLeftBig +} + +@-webkit-keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes fadeInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } +} + +.fadeInRight { + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight +} + +@-webkit-keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes fadeInRightBig { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } +} + +.fadeInRightBig { + -webkit-animation-name: fadeInRightBig; + animation-name: fadeInRightBig +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } +} + +.fadeInUp { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp +} + +@-webkit-keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes fadeInUpBig { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } +} + +.fadeInUpBig { + -webkit-animation-name: fadeInUpBig; + animation-name: fadeInUpBig +} + +@-webkit-keyframes fadeOut { + 0% { + opacity: 1 + } + 100% { + opacity: 0 + } +} + +@keyframes fadeOut { + 0% { + opacity: 1 + } + 100% { + opacity: 0 + } +} + +.fadeOut { + -webkit-animation-name: fadeOut; + animation-name: fadeOut +} + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + transform: translateY(20px) + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(20px); + -ms-transform: translateY(20px); + transform: translateY(20px) + } +} + +.fadeOutDown { + -webkit-animation-name: fadeOutDown; + animation-name: fadeOutDown +} + +@-webkit-keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px) + } +} + +@keyframes fadeOutDownBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px) + } +} + +.fadeOutDownBig { + -webkit-animation-name: fadeOutDownBig; + animation-name: fadeOutDownBig +} + +@-webkit-keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + transform: translateX(-20px) + } +} + +@keyframes fadeOutLeft { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-20px); + -ms-transform: translateX(-20px); + transform: translateX(-20px) + } +} + +.fadeOutLeft { + -webkit-animation-name: fadeOutLeft; + animation-name: fadeOutLeft +} + +@-webkit-keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px) + } +} + +@keyframes fadeOutLeftBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px) + } +} + +.fadeOutLeftBig { + -webkit-animation-name: fadeOutLeftBig; + animation-name: fadeOutLeftBig +} + +@-webkit-keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + transform: translateX(20px) + } +} + +@keyframes fadeOutRight { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(20px); + -ms-transform: translateX(20px); + transform: translateX(20px) + } +} + +.fadeOutRight { + -webkit-animation-name: fadeOutRight; + animation-name: fadeOutRight +} + +@-webkit-keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px) + } +} + +@keyframes fadeOutRightBig { + 0% { + opacity: 1; + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px) + } +} + +.fadeOutRightBig { + -webkit-animation-name: fadeOutRightBig; + animation-name: fadeOutRightBig +} + +@-webkit-keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + transform: translateY(-20px) + } +} + +@keyframes fadeOutUp { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-20px); + -ms-transform: translateY(-20px); + transform: translateY(-20px) + } +} + +.fadeOutUp { + -webkit-animation-name: fadeOutUp; + animation-name: fadeOutUp +} + +@-webkit-keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px) + } +} + +@keyframes fadeOutUpBig { + 0% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px) + } +} + +.fadeOutUpBig { + -webkit-animation-name: fadeOutUpBig; + animation-name: fadeOutUpBig +} + +@-webkit-keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); + transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } +} + +@keyframes flip { + 0% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + 40% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } + 50% { + -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 80% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); + -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); + transform: perspective(400px) translateZ(0) rotateY(0deg) scale(0.95); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } + 100% { + -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in + } +} + +.animated.flip { + -webkit-backface-visibility: visible; + -ms-backface-visibility: visible; + backface-visibility: visible; + -webkit-animation-name: flip; + animation-name: flip +} + +@-webkit-keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg) + } + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg) + } + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1 + } +} + +@keyframes flipInX { + 0% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } + 40% { + -webkit-transform: perspective(400px) rotateX(-10deg); + -ms-transform: perspective(400px) rotateX(-10deg); + transform: perspective(400px) rotateX(-10deg) + } + 70% { + -webkit-transform: perspective(400px) rotateX(10deg); + -ms-transform: perspective(400px) rotateX(10deg); + transform: perspective(400px) rotateX(10deg) + } + 100% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1 + } +} + +.flipInX { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInX; + animation-name: flipInX +} + +@-webkit-keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg) + } + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg) + } + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1 + } +} + +@keyframes flipInY { + 0% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } + 40% { + -webkit-transform: perspective(400px) rotateY(-10deg); + -ms-transform: perspective(400px) rotateY(-10deg); + transform: perspective(400px) rotateY(-10deg) + } + 70% { + -webkit-transform: perspective(400px) rotateY(10deg); + -ms-transform: perspective(400px) rotateY(10deg); + transform: perspective(400px) rotateY(10deg) + } + 100% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1 + } +} + +.flipInY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipInY; + animation-name: flipInY +} + +@-webkit-keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1 + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } +} + +@keyframes flipOutX { + 0% { + -webkit-transform: perspective(400px) rotateX(0deg); + -ms-transform: perspective(400px) rotateX(0deg); + transform: perspective(400px) rotateX(0deg); + opacity: 1 + } + 100% { + -webkit-transform: perspective(400px) rotateX(90deg); + -ms-transform: perspective(400px) rotateX(90deg); + transform: perspective(400px) rotateX(90deg); + opacity: 0 + } +} + +.flipOutX { + -webkit-animation-name: flipOutX; + animation-name: flipOutX; + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important +} + +@-webkit-keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1 + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } +} + +@keyframes flipOutY { + 0% { + -webkit-transform: perspective(400px) rotateY(0deg); + -ms-transform: perspective(400px) rotateY(0deg); + transform: perspective(400px) rotateY(0deg); + opacity: 1 + } + 100% { + -webkit-transform: perspective(400px) rotateY(90deg); + -ms-transform: perspective(400px) rotateY(90deg); + transform: perspective(400px) rotateY(90deg); + opacity: 0 + } +} + +.flipOutY { + -webkit-backface-visibility: visible !important; + -ms-backface-visibility: visible !important; + backface-visibility: visible !important; + -webkit-animation-name: flipOutY; + animation-name: flipOutY +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0 + } + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1 + } + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1 + } + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1 + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0 + } + 60% { + -webkit-transform: translateX(-20%) skewX(30deg); + -ms-transform: translateX(-20%) skewX(30deg); + transform: translateX(-20%) skewX(30deg); + opacity: 1 + } + 80% { + -webkit-transform: translateX(0%) skewX(-15deg); + -ms-transform: translateX(0%) skewX(-15deg); + transform: translateX(0%) skewX(-15deg); + opacity: 1 + } + 100% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1 + } +} + +.lightSpeedIn { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out +} + +@-webkit-keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1 + } + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0 + } +} + +@keyframes lightSpeedOut { + 0% { + -webkit-transform: translateX(0%) skewX(0deg); + -ms-transform: translateX(0%) skewX(0deg); + transform: translateX(0%) skewX(0deg); + opacity: 1 + } + 100% { + -webkit-transform: translateX(100%) skewX(-30deg); + -ms-transform: translateX(100%) skewX(-30deg); + transform: translateX(100%) skewX(-30deg); + opacity: 0 + } +} + +.lightSpeedOut { + -webkit-animation-name: lightSpeedOut; + animation-name: lightSpeedOut; + -webkit-animation-timing-function: ease-in; + animation-timing-function: ease-in +} + +@-webkit-keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +@keyframes rotateIn { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(-200deg); + -ms-transform: rotate(-200deg); + transform: rotate(-200deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +.rotateIn { + -webkit-animation-name: rotateIn; + animation-name: rotateIn +} + +@-webkit-keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +@keyframes rotateInDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +.rotateInDownLeft { + -webkit-animation-name: rotateInDownLeft; + animation-name: rotateInDownLeft +} + +@-webkit-keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +@keyframes rotateInDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +.rotateInDownRight { + -webkit-animation-name: rotateInDownRight; + animation-name: rotateInDownRight +} + +@-webkit-keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +@keyframes rotateInUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +.rotateInUpLeft { + -webkit-animation-name: rotateInUpLeft; + animation-name: rotateInUpLeft +} + +@-webkit-keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +@keyframes rotateInUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } +} + +.rotateInUpRight { + -webkit-animation-name: rotateInUpRight; + animation-name: rotateInUpRight +} + +@-webkit-keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0 + } +} + +@keyframes rotateOut { + 0% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: center center; + -ms-transform-origin: center center; + transform-origin: center center; + -webkit-transform: rotate(200deg); + -ms-transform: rotate(200deg); + transform: rotate(200deg); + opacity: 0 + } +} + +.rotateOut { + -webkit-animation-name: rotateOut; + animation-name: rotateOut +} + +@-webkit-keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } +} + +@keyframes rotateOutDownLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } +} + +.rotateOutDownLeft { + -webkit-animation-name: rotateOutDownLeft; + animation-name: rotateOutDownLeft +} + +@-webkit-keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } +} + +@keyframes rotateOutDownRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } +} + +.rotateOutDownRight { + -webkit-animation-name: rotateOutDownRight; + animation-name: rotateOutDownRight +} + +@-webkit-keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } +} + +@keyframes rotateOutUpLeft { + 0% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: left bottom; + -ms-transform-origin: left bottom; + transform-origin: left bottom; + -webkit-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + transform: rotate(-90deg); + opacity: 0 + } +} + +.rotateOutUpLeft { + -webkit-animation-name: rotateOutUpLeft; + animation-name: rotateOutUpLeft +} + +@-webkit-keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } +} + +@keyframes rotateOutUpRight { + 0% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + opacity: 1 + } + 100% { + -webkit-transform-origin: right bottom; + -ms-transform-origin: right bottom; + transform-origin: right bottom; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); + opacity: 0 + } +} + +.rotateOutUpRight { + -webkit-animation-name: rotateOutUpRight; + animation-name: rotateOutUpRight +} + +@-webkit-keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px) + } + 100% { + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes slideInDown { + 0% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px) + } + 100% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } +} + +.slideInDown { + -webkit-animation-name: slideInDown; + animation-name: slideInDown +} + +@-webkit-keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px) + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes slideInLeft { + 0% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px) + } + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } +} + +.slideInLeft { + -webkit-animation-name: slideInLeft; + animation-name: slideInLeft +} + +@-webkit-keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px) + } + 100% { + -webkit-transform: translateX(0); + transform: translateX(0) + } +} + +@keyframes slideInRight { + 0% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px) + } + 100% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } +} + +.slideInRight { + -webkit-animation-name: slideInRight; + animation-name: slideInRight +} + +@-webkit-keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + transform: translateX(-2000px) + } +} + +@keyframes slideOutLeft { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(-2000px); + -ms-transform: translateX(-2000px); + transform: translateX(-2000px) + } +} + +.slideOutLeft { + -webkit-animation-name: slideOutLeft; + animation-name: slideOutLeft +} + +@-webkit-keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + transform: translateX(2000px) + } +} + +@keyframes slideOutRight { + 0% { + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0) + } + 100% { + opacity: 0; + -webkit-transform: translateX(2000px); + -ms-transform: translateX(2000px); + transform: translateX(2000px) + } +} + +.slideOutRight { + -webkit-animation-name: slideOutRight; + animation-name: slideOutRight +} + +@-webkit-keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + transform: translateY(-2000px) + } +} + +@keyframes slideOutUp { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(-2000px); + -ms-transform: translateY(-2000px); + transform: translateY(-2000px) + } +} + +.slideOutUp { + -webkit-animation-name: slideOutUp; + animation-name: slideOutUp +} + +@-webkit-keyframes slideInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + transform: translateY(0) + } +} + +@keyframes slideInUp { + 0% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px) + } + 100% { + opacity: 1; + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } +} + +.slideInUp { + -webkit-animation-name: slideInUp; + animation-name: slideInUp +} + +@-webkit-keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + transform: translateY(2000px) + } +} + +@keyframes slideOutDown { + 0% { + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0) + } + 100% { + opacity: 0; + -webkit-transform: translateY(2000px); + -ms-transform: translateY(2000px); + transform: translateY(2000px) + } +} + +.slideOutDown { + -webkit-animation-name: slideOutDown; + animation-name: slideOutDown +} + +@-webkit-keyframes hinge { + 0% { + -webkit-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 20%, 60% { + -webkit-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 40% { + -webkit-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 80% { + -webkit-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + -webkit-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1 + } + 100% { + -webkit-transform: translateY(700px); + transform: translateY(700px); + opacity: 0 + } +} + +@keyframes hinge { + 0% { + -webkit-transform: rotate(0); + -ms-transform: rotate(0); + transform: rotate(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 20%, 60% { + -webkit-transform: rotate(80deg); + -ms-transform: rotate(80deg); + transform: rotate(80deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 40% { + -webkit-transform: rotate(60deg); + -ms-transform: rotate(60deg); + transform: rotate(60deg); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 80% { + -webkit-transform: rotate(60deg) translateY(0); + -ms-transform: rotate(60deg) translateY(0); + transform: rotate(60deg) translateY(0); + -webkit-transform-origin: top left; + -ms-transform-origin: top left; + transform-origin: top left; + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out; + opacity: 1 + } + 100% { + -webkit-transform: translateY(700px); + -ms-transform: translateY(700px); + transform: translateY(700px); + opacity: 0 + } +} + +.hinge { + -webkit-animation-name: hinge; + animation-name: hinge +} + +@-webkit-keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg) + } +} + +@keyframes rollIn { + 0% { + opacity: 0; + -webkit-transform: translateX(-100%) rotate(-120deg); + -ms-transform: translateX(-100%) rotate(-120deg); + transform: translateX(-100%) rotate(-120deg) + } + 100% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg) + } +} + +.rollIn { + -webkit-animation-name: rollIn; + animation-name: rollIn +} + +@-webkit-keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg) + } + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg) + } +} + +@keyframes rollOut { + 0% { + opacity: 1; + -webkit-transform: translateX(0px) rotate(0deg); + -ms-transform: translateX(0px) rotate(0deg); + transform: translateX(0px) rotate(0deg) + } + 100% { + opacity: 0; + -webkit-transform: translateX(100%) rotate(120deg); + -ms-transform: translateX(100%) rotate(120deg); + transform: translateX(100%) rotate(120deg) + } +} + +.rollOut { + -webkit-animation-name: rollOut; + animation-name: rollOut +} + +@-webkit-keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.3); + transform: scale(0.3) + } + 50% { + opacity: 1 + } +} + +@keyframes zoomIn { + 0% { + opacity: 0; + -webkit-transform: scale(0.3); + -ms-transform: scale(0.3); + transform: scale(0.3) + } + 50% { + opacity: 1 + } +} + +.zoomIn { + -webkit-animation-name: zoomIn; + animation-name: zoomIn +} + +@-webkit-keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale(0.1) translateY(-2000px); + transform: scale(0.1) translateY(-2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 60% { + opacity: 1; + -webkit-transform: scale(0.475) translateY(60px); + transform: scale(0.475) translateY(60px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } +} + +@keyframes zoomInDown { + 0% { + opacity: 0; + -webkit-transform: scale(0.1) translateY(-2000px); + -ms-transform: scale(0.1) translateY(-2000px); + transform: scale(0.1) translateY(-2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 60% { + opacity: 1; + -webkit-transform: scale(0.475) translateY(60px); + -ms-transform: scale(0.475) translateY(60px); + transform: scale(0.475) translateY(60px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } +} + +.zoomInDown { + -webkit-animation-name: zoomInDown; + animation-name: zoomInDown +} + +@-webkit-keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale(0.1) translateX(-2000px); + transform: scale(0.1) translateX(-2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 60% { + opacity: 1; + -webkit-transform: scale(0.475) translateX(48px); + transform: scale(0.475) translateX(48px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } +} + +@keyframes zoomInLeft { + 0% { + opacity: 0; + -webkit-transform: scale(0.1) translateX(-2000px); + -ms-transform: scale(0.1) translateX(-2000px); + transform: scale(0.1) translateX(-2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 60% { + opacity: 1; + -webkit-transform: scale(0.475) translateX(48px); + -ms-transform: scale(0.475) translateX(48px); + transform: scale(0.475) translateX(48px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } +} + +.zoomInLeft { + -webkit-animation-name: zoomInLeft; + animation-name: zoomInLeft +} + +@-webkit-keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale(0.1) translateX(2000px); + transform: scale(0.1) translateX(2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 60% { + opacity: 1; + -webkit-transform: scale(0.475) translateX(-48px); + transform: scale(0.475) translateX(-48px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } +} + +@keyframes zoomInRight { + 0% { + opacity: 0; + -webkit-transform: scale(0.1) translateX(2000px); + -ms-transform: scale(0.1) translateX(2000px); + transform: scale(0.1) translateX(2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 60% { + opacity: 1; + -webkit-transform: scale(0.475) translateX(-48px); + -ms-transform: scale(0.475) translateX(-48px); + transform: scale(0.475) translateX(-48px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } +} + +.zoomInRight { + -webkit-animation-name: zoomInRight; + animation-name: zoomInRight +} + +@-webkit-keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale(0.1) translateY(2000px); + transform: scale(0.1) translateY(2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 60% { + opacity: 1; + -webkit-transform: scale(0.475) translateY(-60px); + transform: scale(0.475) translateY(-60px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } +} + +@keyframes zoomInUp { + 0% { + opacity: 0; + -webkit-transform: scale(0.1) translateY(2000px); + -ms-transform: scale(0.1) translateY(2000px); + transform: scale(0.1) translateY(2000px); + -webkit-animation-timing-function: ease-in-out; + animation-timing-function: ease-in-out + } + 60% { + opacity: 1; + -webkit-transform: scale(0.475) translateY(-60px); + -ms-transform: scale(0.475) translateY(-60px); + transform: scale(0.475) translateY(-60px); + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out + } +} + +.zoomInUp { + -webkit-animation-name: zoomInUp; + animation-name: zoomInUp +} + +@-webkit-keyframes zoomOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + 50% { + opacity: 0; + -webkit-transform: scale(0.3); + transform: scale(0.3) + } + 100% { + opacity: 0 + } +} + +@keyframes zoomOut { + 0% { + opacity: 1; + -webkit-transform: scale(1); + -ms-transform: scale(1); + transform: scale(1) + } + 50% { + opacity: 0; + -webkit-transform: scale(0.3); + -ms-transform: scale(0.3); + transform: scale(0.3) + } + 100% { + opacity: 0 + } +} + +.zoomOut { + -webkit-animation-name: zoomOut; + animation-name: zoomOut +} + +@-webkit-keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale(0.475) translateY(-60px); + transform: scale(0.475) translateY(-60px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear + } + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translateY(2000px); + transform: scale(0.1) translateY(2000px); + -webkit-transform-origin: center bottom; + transform-origin: center bottom + } +} + +@keyframes zoomOutDown { + 40% { + opacity: 1; + -webkit-transform: scale(0.475) translateY(-60px); + -ms-transform: scale(0.475) translateY(-60px); + transform: scale(0.475) translateY(-60px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear + } + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translateY(2000px); + -ms-transform: scale(0.1) translateY(2000px); + transform: scale(0.1) translateY(2000px); + -webkit-transform-origin: center bottom; + -ms-transform-origin: center bottom; + transform-origin: center bottom + } +} + +.zoomOutDown { + -webkit-animation-name: zoomOutDown; + animation-name: zoomOutDown +} + +@-webkit-keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale(0.475) translateX(42px); + transform: scale(0.475) translateX(42px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear + } + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translateX(-2000px); + transform: scale(0.1) translateX(-2000px); + -webkit-transform-origin: left center; + transform-origin: left center + } +} + +@keyframes zoomOutLeft { + 40% { + opacity: 1; + -webkit-transform: scale(0.475) translateX(42px); + -ms-transform: scale(0.475) translateX(42px); + transform: scale(0.475) translateX(42px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear + } + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translateX(-2000px); + -ms-transform: scale(0.1) translateX(-2000px); + transform: scale(0.1) translateX(-2000px); + -webkit-transform-origin: left center; + -ms-transform-origin: left center; + transform-origin: left center + } +} + +.zoomOutLeft { + -webkit-animation-name: zoomOutLeft; + animation-name: zoomOutLeft +} + +@-webkit-keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale(0.475) translateX(-42px); + transform: scale(0.475) translateX(-42px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear + } + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translateX(2000px); + transform: scale(0.1) translateX(2000px); + -webkit-transform-origin: right center; + transform-origin: right center + } +} + +@keyframes zoomOutRight { + 40% { + opacity: 1; + -webkit-transform: scale(0.475) translateX(-42px); + -ms-transform: scale(0.475) translateX(-42px); + transform: scale(0.475) translateX(-42px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear + } + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translateX(2000px); + -ms-transform: scale(0.1) translateX(2000px); + transform: scale(0.1) translateX(2000px); + -webkit-transform-origin: right center; + -ms-transform-origin: right center; + transform-origin: right center + } +} + +.zoomOutRight { + -webkit-animation-name: zoomOutRight; + animation-name: zoomOutRight +} + +@-webkit-keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale(0.475) translateY(60px); + transform: scale(0.475) translateY(60px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear + } + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translateY(-2000px); + transform: scale(0.1) translateY(-2000px); + -webkit-transform-origin: center top; + transform-origin: center top + } +} + +@keyframes zoomOutUp { + 40% { + opacity: 1; + -webkit-transform: scale(0.475) translateY(60px); + -ms-transform: scale(0.475) translateY(60px); + transform: scale(0.475) translateY(60px); + -webkit-animation-timing-function: linear; + animation-timing-function: linear + } + 100% { + opacity: 0; + -webkit-transform: scale(0.1) translateY(-2000px); + -ms-transform: scale(0.1) translateY(-2000px); + transform: scale(0.1) translateY(-2000px); + -webkit-transform-origin: center top; + -ms-transform-origin: center top; + transform-origin: center top + } +} + +.zoomOutUp { + -webkit-animation-name: zoomOutUp; + animation-name: zoomOutUp +} \ No newline at end of file diff --git a/css/bootstrap-select.min.css b/css/bootstrap-select.min.css new file mode 100644 index 0000000..1790080 --- /dev/null +++ b/css/bootstrap-select.min.css @@ -0,0 +1,6 @@ +/*! + * Bootstrap-select v1.13.0-beta (https://developer.snapappointments.com/bootstrap-select) + * + * Copyright 2012-2018 SnapAppointments, LLC + * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) + */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{position:relative;width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.bootstrap-select.is-invalid .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:invalid+.dropdown-toggle{border-color:#b94a48}.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:valid+.dropdown-toggle{border-color:#28a745}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*=col-].dropdown-menu-right,.row .bootstrap-select[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select,.form-horizontal .bootstrap-select,.form-inline .bootstrap-select{margin-bottom:0}.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.form-inline .bootstrap-select .form-control{width:100%}.bootstrap-select.disabled,.bootstrap-select>.disabled{cursor:not-allowed}.bootstrap-select.disabled:focus,.bootstrap-select>.disabled:focus{outline:0!important}.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}.bootstrap-select.bs-container .dropdown-menu{z-index:1060}.bootstrap-select .dropdown-toggle:before{content:'';display:inline-block;width:100%}.bootstrap-select .dropdown-toggle .filter-option{position:absolute;top:0;left:0;padding-top:inherit;padding-right:inherit;padding-left:inherit;overflow:hidden;width:100%;text-align:left}.bootstrap-select .dropdown-toggle .filter-option-inner{overflow:hidden}.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .dropdown-menu>.inner:focus{outline:0!important}.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select .dropdown-menu li{position:relative}.bootstrap-select .dropdown-menu li.active small{color:#fff}.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select .dropdown-menu li a span.check-mark{display:none}.bootstrap-select .dropdown-menu li a span.text{display:inline-block}.bootstrap-select .dropdown-menu li small{padding-left:.5em}.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} \ No newline at end of file diff --git a/css/bootstrap-submenu.css b/css/bootstrap-submenu.css new file mode 100644 index 0000000..747f233 --- /dev/null +++ b/css/bootstrap-submenu.css @@ -0,0 +1,143 @@ +/*! + * Bootstrap-submenu v2.0.4 (https://vsn4ik.github.io/bootstrap-submenu/) + * Copyright 2014-2017 Vasily A. (https://github.com/vsn4ik) + * Licensed under the MIT license + */ + +.dropdown-submenu > a:after { + content: ""; +} + +@media (min-width: 768px) { + .dropdown-submenu { + position: relative; + } + + .dropdown-submenu .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + border-top-left-radius: 0; + } + + .dropup .dropdown-submenu .dropdown-menu, + .navbar-fixed-bottom .dropdown-submenu .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -6px; + border-top-left-radius: 4px; + border-bottom-left-radius: 0; + } + + .dropdown-menu-right .dropdown-submenu .dropdown-menu, + .navbar-right .dropdown-submenu .dropdown-menu { + left: auto; + right: 100%; + border-top-left-radius: 4px; + border-top-right-radius: 0; + } + + .dropup .dropdown-menu-right .dropdown-submenu .dropdown-menu, + .dropup .navbar-right .dropdown-submenu .dropdown-menu, + .navbar-fixed-bottom .dropdown-menu-right .dropdown-submenu .dropdown-menu, + .navbar-fixed-bottom .navbar-right .dropdown-submenu .dropdown-menu { + border-radius: 4px 4px 0; + } + + .dropdown-submenu > a:after { + float: right; + margin-top: 6px; + margin-right: -10px; + border-left: 4px dashed; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + } + + .dropdown-menu-right .dropdown-submenu > a:after, + .navbar-right .dropdown-submenu > a:after { + float: left; + border-left: none; + margin-left: -10px; + margin-right: 0; + border-right: 4px dashed; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + } +} + +@media (max-width: 767px) { + .dropdown-submenu .dropdown-menu { + position: static; + margin-top: 0; + border: 0; + box-shadow: none; + } + + .dropdown-submenu > a:after { + margin-left: 6px; + display: inline-block; + vertical-align: middle; + border-top: 4px dashed; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + } + + .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, + .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, + .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, + .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a, + .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a, + .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a { + padding-left: 30px; + } + + .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a, + .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a, + .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a { + padding-left: 40px; + } + + .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, + .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, + .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a { + padding-left: 50px; + } + + .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, + .dropup > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a, + .btn-group > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a { + padding-left: 60px; + } + + .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li.dropdown-header, + .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > a { + padding-left: 35px; + } + + .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > a { + padding-left: 45px; + } + + .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a { + padding-left: 55px; + } + + .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li.dropdown-header, + .navbar-nav > .dropdown > .dropdown-menu > .dropdown-submenu > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > .dropdown-menu > li > a { + padding-left: 65px; + } +} + +/*# sourceMappingURL=bootstrap-submenu.css.map */ \ No newline at end of file diff --git a/css/bootstrap.min.css b/css/bootstrap.min.css new file mode 100644 index 0000000..fac1db9 --- /dev/null +++ b/css/bootstrap.min.css @@ -0,0 +1,7 @@ +/*! + * Bootstrap v4.0.0 (https://getbootstrap.com) + * Copyright 2011-2018 The Bootstrap Authors + * Copyright 2011-2018 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014 \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,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}code{font-size:87.5%;color:#e83e8c;word-break:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-webkit-box;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%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-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;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-sm-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-sm-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-sm-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-sm-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-sm-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-sm-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-sm-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-sm-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-sm-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-sm-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-sm-12{-webkit-box-ordinal-group:13;-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;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-md-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-md-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-md-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-md-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-md-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-md-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-md-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-md-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-md-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-md-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-md-12{-webkit-box-ordinal-group:13;-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;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-lg-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-lg-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-lg-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-lg-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-lg-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-lg-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-lg-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-lg-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-lg-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-lg-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-lg-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-lg-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-lg-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-lg-12{-webkit-box-ordinal-group:13;-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;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-xl-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-xl-0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.order-xl-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-xl-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-xl-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-xl-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-xl-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-xl-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-xl-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-xl-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-xl-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-xl-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-xl-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-xl-12{-webkit-box-ordinal-group:13;-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%;max-width:100%;margin-bottom:1rem;background-color:transparent}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table .table{background-color:#fff}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#212529;border-color:#32383e}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#212529}.table-dark td,.table-dark th,.table-dark thead th{border-color:#32383e}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-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:#ffeced;opacity:1}select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding-top:.375rem;padding-bottom:.375rem;margin-bottom:0;line-height:1.5;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm,.input-group-lg>.form-control-plaintext.form-control,.input-group-lg>.input-group-append>.form-control-plaintext.btn,.input-group-lg>.input-group-append>.form-control-plaintext.input-group-text,.input-group-lg>.input-group-prepend>.form-control-plaintext.btn,.input-group-lg>.input-group-prepend>.form-control-plaintext.input-group-text,.input-group-sm>.form-control-plaintext.form-control,.input-group-sm>.input-group-append>.form-control-plaintext.btn,.input-group-sm>.input-group-append>.form-control-plaintext.input-group-text,.input-group-sm>.input-group-prepend>.form-control-plaintext.btn,.input-group-sm>.input-group-prepend>.form-control-plaintext.input-group-text{padding-right:0;padding-left:0}.form-control-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-sm>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-sm>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-sm>select.form-control:not([size]):not([multiple]),select.form-control-sm:not([size]):not([multiple]){height:calc(1.8125rem + 2px)}.form-control-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-lg>.input-group-append>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-append>select.input-group-text:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.btn:not([size]):not([multiple]),.input-group-lg>.input-group-prepend>select.input-group-text:not([size]):not([multiple]),.input-group-lg>select.form-control:not([size]):not([multiple]),select.form-control-lg:not([size]):not([multiple]){height:calc(2.875rem + 2px)}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(40,167,69,.8);border-radius:.2rem}.custom-select.is-valid,.form-control.is-valid,.was-validated .custom-select:valid,.was-validated .form-control:valid{border-color:#28a745}.custom-select.is-valid:focus,.form-control.is-valid:focus,.was-validated .custom-select:valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-select.is-valid~.valid-feedback,.custom-select.is-valid~.valid-tooltip,.form-control.is-valid~.valid-feedback,.form-control.is-valid~.valid-tooltip,.was-validated .custom-select:valid~.valid-feedback,.was-validated .custom-select:valid~.valid-tooltip,.was-validated .form-control:valid~.valid-feedback,.was-validated .form-control:valid~.valid-tooltip{display:block}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{background-color:#71dd8a}.custom-control-input.is-valid~.valid-feedback,.custom-control-input.is-valid~.valid-tooltip,.was-validated .custom-control-input:valid~.valid-feedback,.was-validated .custom-control-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(40,167,69,.25)}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label::before,.was-validated .custom-file-input:valid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-valid~.valid-feedback,.custom-file-input.is-valid~.valid-tooltip,.was-validated .custom-file-input:valid~.valid-feedback,.was-validated .custom-file-input:valid~.valid-tooltip{display:block}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.5rem;margin-top:.1rem;font-size:.875rem;line-height:1;color:#fff;background-color:rgba(220,53,69,.8);border-radius:.2rem}.custom-select.is-invalid,.form-control.is-invalid,.was-validated .custom-select:invalid,.was-validated .form-control:invalid{border-color:#dc3545}.custom-select.is-invalid:focus,.form-control.is-invalid:focus,.was-validated .custom-select:invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-select.is-invalid~.invalid-feedback,.custom-select.is-invalid~.invalid-tooltip,.form-control.is-invalid~.invalid-feedback,.form-control.is-invalid~.invalid-tooltip,.was-validated .custom-select:invalid~.invalid-feedback,.was-validated .custom-select:invalid~.invalid-tooltip,.was-validated .form-control:invalid~.invalid-feedback,.was-validated .form-control:invalid~.invalid-tooltip{display:block}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{background-color:#efa2a9}.custom-control-input.is-invalid~.invalid-feedback,.custom-control-input.is-invalid~.invalid-tooltip,.was-validated .custom-control-input:invalid~.invalid-feedback,.was-validated .custom-control-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(220,53,69,.25)}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label::before,.was-validated .custom-file-input:invalid~.custom-file-label::before{border-color:inherit}.custom-file-input.is-invalid~.invalid-feedback,.custom-file-input.is-invalid~.invalid-tooltip,.was-validated .custom-file-input:invalid~.invalid-feedback,.was-validated .custom-file-input:invalid~.invalid-tooltip{display:block}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}.form-inline .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:center;-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 .input-group{width:auto}.form-inline .form-check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.btn:focus,.btn:hover{text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}.btn:not(:disabled):not(.disabled).active,.btn:not(:disabled):not(.disabled):active{background-image:none}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-primary{color:#007bff;background-color:transparent;background-image:none;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;background-color:transparent;background-image:none;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;background-color:transparent;background-image:none;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;background-color:transparent;background-image:none;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;background-color:transparent;background-image:none;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;background-color:transparent}.btn-link:hover{color:#0056b3;text-decoration:underline;background-color:transparent;border-color:transparent}.btn-link.focus,.btn-link:focus{text-decoration:underline;border-color:transparent;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;transition:opacity .15s linear}.fade.show{opacity:1}.collapse{display:none}.collapse.show{display:block}tr.collapse.show{display:table-row}tbody.collapse.show{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}.dropdown,.dropup{position:relative}.dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropup .dropdown-menu{margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;width:0;height:0;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;width:0;height:0;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#f8f9fa}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#6c757d;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.btn-group,.btn-group-vertical{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group,.btn-group-vertical .btn+.btn,.btn-group-vertical .btn+.btn-group,.btn-group-vertical .btn-group+.btn,.btn-group-vertical .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after{margin-left:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-group-vertical .btn,.btn-group-vertical .btn-group{width:100%}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn 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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.5rem}.custom-control-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;z-index:-1;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:active~.custom-control-label::before{color:#fff;background-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{margin-bottom:0}.custom-control-label::before{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;pointer-events:none;content:"";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#dee2e6}.custom-control-label::after{position:absolute;top:.25rem;left:0;display:block;width:1rem;height:1rem;content:"";background-repeat:no-repeat;background-position:center center;background-size:50% 50%}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::before{background-color:#007bff}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:.375rem 1.75rem .375rem .75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(128,189,255,.5)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{opacity:0}.custom-select-sm{height:calc(1.8125rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:75%}.custom-select-lg{height:calc(2.875rem + 2px);padding-top:.375rem;padding-bottom:.375rem;font-size:125%}.custom-file{position:relative;display:inline-block;width:100%;height:calc(2.25rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(2.25rem + 2px);margin:0;opacity:0}.custom-file-input:focus~.custom-file-control{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:focus~.custom-file-control::before{border-color:#80bdff}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(2.25rem + 2px);padding:.375rem .75rem;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(calc(2.25rem + 2px) - 1px * 2);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:1px solid #ced4da;border-radius:0 .25rem .25rem 0}.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar>.container,.navbar>.container-fluid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .dropup .dropdown-menu{top:auto;bottom:100%}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .dropup .dropdown-menu{top:auto;bottom:100%}}.navbar-expand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .dropdown-menu-right{right:0;left:auto}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .dropup .dropdown-menu{top:auto;bottom:100%}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-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{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-header+.list-group .list-group-item:first-child{border-top:0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem}.card-img{width:100%;border-radius:calc(.25rem - 1px)}.card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img-bottom{width:100%;border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:first-child .card-header,.card-group>.card:first-child .card-img-top{border-top-right-radius:0}.card-group>.card:first-child .card-footer,.card-group>.card:first-child .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:last-child .card-header,.card-group>.card:last-child .card-img-top{border-top-left-radius:0}.card-group>.card:last-child .card-footer,.card-group>.card:last-child .card-img-bottom{border-bottom-left-radius:0}.card-group>.card:only-child{border-radius:.25rem}.card-group>.card:only-child .card-header,.card-group>.card:only-child .card-img-top{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.card-group>.card:only-child .card-footer,.card-group>.card:only-child .card-img-bottom{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.card-group>.card:not(:first-child):not(:last-child):not(:only-child){border-radius:0}.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top{border-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-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}.card-columns .card{display:inline-block;width:100%}}.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item::before{display:inline-block;padding-right:.5rem;padding-left:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-webkit-box;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{color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}.badge-secondary{color:#fff;background-color:#6c757d}.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}.badge-success{color:#fff;background-color:#28a745}.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}.badge-danger{color:#fff;background-color:#dc3545}.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}.badge-dark{color:#fff;background-color:#343a40}.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-webkit-box;display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;text-align:center;background-color:#007bff;transition:width .6s ease}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.media{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.media-body{-webkit-box-flex:1;-ms-flex:1;flex:1}.list-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;margin-bottom:-1px;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.list-group-item:focus,.list-group-item:hover{z-index:1;text-decoration:none}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-flush .list-group-item{border-right:0;border-left:0;border-radius:0}.list-group-flush:first-child .list-group-item:first-child{border-top:0}.list-group-flush:last-child .list-group-item:last-child{border-bottom:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:focus,.close:hover{color:#000;text-decoration:none;opacity:.75}.close:not(:disabled):not(.disabled){cursor:pointer}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;outline:0}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.show .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog-centered{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:calc(100% - (.5rem * 2))}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #e9ecef;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{color: #fff !important;margin-bottom:0;line-height:1.5}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem;border-top:1px solid #e9ecef}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - (1.75rem * 2))}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg{max-width:800px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow{bottom:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before{border-width:.5rem .5rem 0}.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before{bottom:0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after{bottom:1px;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow{left:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before{border-width:.5rem .5rem .5rem 0}.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before{left:0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after{left:1px;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow{top:calc((.5rem + 1px) * -1)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before{border-width:0 .5rem .5rem .5rem}.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before{top:0;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after{top:1px;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow{right:calc((.5rem + 1px) * -1);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before{border-width:.5rem 0 .5rem .5rem}.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before{right:0;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after{right:1px;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;color:inherit;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-item{position:relative;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.carousel-item-next,.carousel-item-prev{position:absolute;top:0}.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translateX(0);transform:translateX(0)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.active.carousel-item-right,.carousel-item-next{-webkit-transform:translateX(100%);transform:translateX(100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translateX(-100%);transform:translateX(-100%)}@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)){.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:transparent no-repeat center center;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")}.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")}.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{position:relative;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}.carousel-indicators .active{background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-circle{border-radius:50%!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-webkit-inline-box!important;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:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-webkit-inline-box!important;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:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-webkit-inline-box!important;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:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-webkit-inline-box!important;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:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-webkit-inline-box!important;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:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-webkit-inline-box!important;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{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-webkit-box-pack:justify!important;-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{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-webkit-box-align:stretch!important;-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{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-webkit-box-pack:justify!important;-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{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-webkit-box-align:stretch!important;-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{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-webkit-box-pack:justify!important;-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{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-webkit-box-align:stretch!important;-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{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-webkit-box-pack:justify!important;-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{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-webkit-box-align:stretch!important;-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{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-webkit-box-orient:vertical!important;-webkit-box-direction:reverse!important;-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-webkit-box-pack:end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-webkit-box-pack:justify!important;-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{-webkit-box-align:start!important;-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-webkit-box-align:end!important;-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-webkit-box-align:stretch!important;-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}}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.text-justify{text-align:justify!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0062cc!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#545b62!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#1e7e34!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#117a8b!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#d39e00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#bd2130!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#dae0e5!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#1d2124!important}.text-muted{color:#6c757d!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}} +/*# sourceMappingURL=bootstrap.min.css.map */ \ No newline at end of file diff --git a/css/dropzone.css b/css/dropzone.css new file mode 100644 index 0000000..2d09c78 --- /dev/null +++ b/css/dropzone.css @@ -0,0 +1,404 @@ +/* The MIT License */ +.dropzone, +.dropzone *, +.dropzone-previews, +.dropzone-previews * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.dropzone { + position: relative; + border: 1px solid rgba(0,0,0,0.08); + background: rgba(0,0,0,0.02); + padding: 1em; +} +.dropzone.dz-clickable { + cursor: pointer; +} +.dropzone.dz-clickable .dz-message, +.dropzone.dz-clickable .dz-message span { + cursor: pointer; +} +.dropzone.dz-clickable * { + cursor: default; +} +.dropzone .dz-message { + opacity: 1; + -ms-filter: none; + filter: none; +} +.dropzone.dz-drag-hover { + border-color: rgba(0,0,0,0.15); + background: rgba(0,0,0,0.04); +} +.dropzone.dz-started .dz-message { + display: none; +} +.dropzone .dz-preview, +.dropzone-previews .dz-preview { + background: rgba(255,255,255,0.8); + position: relative; + display: inline-block; + margin: 17px; + vertical-align: top; + border: 1px solid #acacac; + padding: 6px 6px 6px 6px; +} +.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail], +.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] { + display: none; +} +.dropzone .dz-preview .dz-details, +.dropzone-previews .dz-preview .dz-details { + width: 100px; + height: 100px; + position: relative; + background: #ebebeb; + padding: 5px; + margin-bottom: 22px; +} +.dropzone .dz-preview .dz-details .dz-filename, +.dropzone-previews .dz-preview .dz-details .dz-filename { + overflow: hidden; + height: 100%; +} +.dropzone .dz-preview .dz-details img, +.dropzone-previews .dz-preview .dz-details img { + position: absolute; + top: 0; + left: 0; + width: 100px; + height: 100px; +} +.dropzone .dz-preview .dz-details .dz-size, +.dropzone-previews .dz-preview .dz-details .dz-size { + position: absolute; + bottom: -28px; + left: 3px; + height: 28px; + line-height: 28px; +} +.dropzone .dz-preview.dz-error .dz-error-mark, +.dropzone-previews .dz-preview.dz-error .dz-error-mark { + display: block; +} +.dropzone .dz-preview.dz-success .dz-success-mark, +.dropzone-previews .dz-preview.dz-success .dz-success-mark { + display: block; +} +.dropzone .dz-preview:hover .dz-details img, +.dropzone-previews .dz-preview:hover .dz-details img { + display: none; +} +.dropzone .dz-preview .dz-success-mark, +.dropzone-previews .dz-preview .dz-success-mark, +.dropzone .dz-preview .dz-error-mark, +.dropzone-previews .dz-preview .dz-error-mark { + display: none; + position: absolute; + width: 40px; + height: 40px; + font-size: 30px; + text-align: center; + right: -10px; + top: -10px; +} +.dropzone .dz-preview .dz-success-mark, +.dropzone-previews .dz-preview .dz-success-mark { + color: #8cc657; +} +.dropzone .dz-preview .dz-error-mark, +.dropzone-previews .dz-preview .dz-error-mark { + color: #ee162d; +} +.dropzone .dz-preview .dz-progress, +.dropzone-previews .dz-preview .dz-progress { + position: absolute; + top: 100px; + left: 6px; + right: 6px; + height: 6px; + background: #d7d7d7; + display: none; +} +.dropzone .dz-preview .dz-progress .dz-upload, +.dropzone-previews .dz-preview .dz-progress .dz-upload { + display: block; + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 0%; + background-color: #8cc657; +} +.dropzone .dz-preview.dz-processing .dz-progress, +.dropzone-previews .dz-preview.dz-processing .dz-progress { + display: block; +} +.dropzone .dz-preview .dz-error-message, +.dropzone-previews .dz-preview .dz-error-message { + display: none; + position: absolute; + top: -5px; + left: -20px; + background: rgba(245,245,245,0.8); + padding: 8px 10px; + color: #800; + min-width: 140px; + max-width: 500px; + z-index: 500; +} +.dropzone .dz-preview:hover.dz-error .dz-error-message, +.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { + display: block; +} +.dropzone { + border: 1px solid rgba(0,0,0,0.03); + min-height: 360px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: rgba(0,0,0,0.03); + padding: 23px; +} +.dropzone .dz-default.dz-message { + opacity: 1; + -ms-filter: none; + filter: none; + -webkit-transition: opacity 0.3s ease-in-out; + -moz-transition: opacity 0.3s ease-in-out; + -o-transition: opacity 0.3s ease-in-out; + -ms-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; + background-repeat: no-repeat; + background-position: 0 0; + position: absolute; + width: 428px; + height: 123px; + margin-left: -214px; + margin-top: -61.5px; + top: 50%; + left: 50%; +} +@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) { + .dropzone .dz-default.dz-message { + -webkit-background-size: 428px 406px; + -moz-background-size: 428px 406px; + background-size: 428px 406px; + } +} +.dropzone .dz-default.dz-message span { + display: none; +} +.dropzone.dz-square .dz-default.dz-message { + background-position: 0 -123px; + width: 268px; + margin-left: -134px; + height: 174px; + margin-top: -87px; +} +.dropzone.dz-drag-hover .dz-message { + opacity: 0.15; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; + filter: alpha(opacity=15); +} +.dropzone.dz-started .dz-message { + display: block; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); +} +.dropzone .dz-preview, +.dropzone-previews .dz-preview { + -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16); + box-shadow: 1px 1px 4px rgba(0,0,0,0.16); + font-size: 14px; +} +.dropzone .dz-preview.dz-image-preview:hover .dz-details img, +.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img { + display: block; + opacity: 0.1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; + filter: alpha(opacity=10); +} +.dropzone .dz-preview.dz-success .dz-success-mark, +.dropzone-previews .dz-preview.dz-success .dz-success-mark { + opacity: 1; + -ms-filter: none; + filter: none; +} +.dropzone .dz-preview.dz-error .dz-error-mark, +.dropzone-previews .dz-preview.dz-error .dz-error-mark { + opacity: 1; + -ms-filter: none; + filter: none; +} +.dropzone .dz-preview.dz-error .dz-progress .dz-upload, +.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload { + background: #ee1e2d; +} +.dropzone .dz-preview .dz-error-mark, +.dropzone-previews .dz-preview .dz-error-mark, +.dropzone .dz-preview .dz-success-mark, +.dropzone-previews .dz-preview .dz-success-mark { + display: block; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: opacity 0.4s ease-in-out; + -moz-transition: opacity 0.4s ease-in-out; + -o-transition: opacity 0.4s ease-in-out; + -ms-transition: opacity 0.4s ease-in-out; + transition: opacity 0.4s ease-in-out; + background-repeat: no-repeat; +} +@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) { + .dropzone .dz-preview .dz-error-mark, + .dropzone-previews .dz-preview .dz-error-mark, + .dropzone .dz-preview .dz-success-mark, + .dropzone-previews .dz-preview .dz-success-mark { + -webkit-background-size: 428px 406px; + -moz-background-size: 428px 406px; + background-size: 428px 406px; + } +} +.dropzone .dz-preview .dz-error-mark span, +.dropzone-previews .dz-preview .dz-error-mark span, +.dropzone .dz-preview .dz-success-mark span, +.dropzone-previews .dz-preview .dz-success-mark span { + display: none; +} +.dropzone .dz-preview .dz-error-mark, +.dropzone-previews .dz-preview .dz-error-mark { + background-position: -268px -123px; +} +.dropzone .dz-preview .dz-success-mark, +.dropzone-previews .dz-preview .dz-success-mark { + background-position: -268px -163px; +} +.dropzone .dz-preview .dz-progress .dz-upload, +.dropzone-previews .dz-preview .dz-progress .dz-upload { + -webkit-animation: loading 0.4s linear infinite; + -moz-animation: loading 0.4s linear infinite; + -o-animation: loading 0.4s linear infinite; + -ms-animation: loading 0.4s linear infinite; + animation: loading 0.4s linear infinite; + -webkit-transition: width 0.3s ease-in-out; + -moz-transition: width 0.3s ease-in-out; + -o-transition: width 0.3s ease-in-out; + -ms-transition: width 0.3s ease-in-out; + transition: width 0.3s ease-in-out; + -webkit-border-radius: 2px; + border-radius: 2px; + position: absolute; + top: 0; + left: 0; + width: 0%; + height: 100%; + background-repeat: repeat-x; + background-position: 0px -400px; +} +@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) { + .dropzone .dz-preview .dz-progress .dz-upload, + .dropzone-previews .dz-preview .dz-progress .dz-upload { + -webkit-background-size: 428px 406px; + -moz-background-size: 428px 406px; + background-size: 428px 406px; + } +} +.dropzone .dz-preview.dz-success .dz-progress, +.dropzone-previews .dz-preview.dz-success .dz-progress { + display: block; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: opacity 0.4s ease-in-out; + -moz-transition: opacity 0.4s ease-in-out; + -o-transition: opacity 0.4s ease-in-out; + -ms-transition: opacity 0.4s ease-in-out; + transition: opacity 0.4s ease-in-out; +} +.dropzone .dz-preview .dz-error-message, +.dropzone-previews .dz-preview .dz-error-message { + display: block; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + -webkit-transition: opacity 0.3s ease-in-out; + -moz-transition: opacity 0.3s ease-in-out; + -o-transition: opacity 0.3s ease-in-out; + -ms-transition: opacity 0.3s ease-in-out; + transition: opacity 0.3s ease-in-out; +} +.dropzone .dz-preview:hover.dz-error .dz-error-message, +.dropzone-previews .dz-preview:hover.dz-error .dz-error-message { + opacity: 1; + -ms-filter: none; + filter: none; +} +.dropzone a.dz-remove, +.dropzone-previews a.dz-remove { + background-image: -webkit-linear-gradient(top, #fafafa, #eee); + background-image: -moz-linear-gradient(top, #fafafa, #eee); + background-image: -o-linear-gradient(top, #fafafa, #eee); + background-image: -ms-linear-gradient(top, #fafafa, #eee); + background-image: linear-gradient(to bottom, #fafafa, #eee); + -webkit-border-radius: 2px; + border-radius: 2px; + border: 1px solid #eee; + text-decoration: none; + display: block; + padding: 4px 5px; + text-align: center; + color: #aaa; + margin-top: 26px; +} +.dropzone a.dz-remove:hover, +.dropzone-previews a.dz-remove:hover { + color: #666; +} +@-moz-keyframes loading { + 0% { + background-position: 0 -400px; + } + + 100% { + background-position: -7px -400px; + } +} +@-webkit-keyframes loading { + 0% { + background-position: 0 -400px; + } + + 100% { + background-position: -7px -400px; + } +} +@-o-keyframes loading { + 0% { + background-position: 0 -400px; + } + + 100% { + background-position: -7px -400px; + } +} +@-ms-keyframes loading { + 0% { + background-position: 0 -400px; + } + + 100% { + background-position: -7px -400px; + } +} +@keyframes loading { + 0% { + background-position: 0 -400px; + } + + 100% { + background-position: -7px -400px; + } +} \ No newline at end of file diff --git a/css/ie10-viewport-bug-workaround.css b/css/ie10-viewport-bug-workaround.css new file mode 100644 index 0000000..8f7d32b --- /dev/null +++ b/css/ie10-viewport-bug-workaround.css @@ -0,0 +1,15 @@ +/*! + * IE10 viewport hack for Surface/desktop Windows 8 bug + * Copyright 2014-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +/* + * See the Getting Started docs for more information: + * http://getbootstrap.com/getting-started/#support-ie10-width + */ +@-webkit-viewport { width: device-width; } +@-moz-viewport { width: device-width; } +@-ms-viewport { width: device-width; } +@-o-viewport { width: device-width; } +@viewport { width: device-width; } \ No newline at end of file diff --git a/css/jnoty.css b/css/jnoty.css new file mode 100644 index 0000000..7c2336f --- /dev/null +++ b/css/jnoty.css @@ -0,0 +1,146 @@ +.jnoty { + z-index: 9999; + font-size: 14px; + position: fixed; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + +} + +.jnoty-info .jnoty-content .jnoty-header span{ + color: #00B8D9 !important; +} + +.jnoty-success .jnoty-content .jnoty-header span{ + color: #36B37E !important;; +} + +.jnoty-warning .jnoty-content .jnoty-header span{ + color: #FFAB00 !important;; +} + +.jnoty-danger .jnoty-content .jnoty-header span{ + color: #FF5230 !important;; +} + +.jnoty-icon { + margin-right: 5px; +} + +.jnoty-content { + padding: 10px 20px; +} + +.jnoty-message { + margin-left: 17px; + /* align the message to header*/ + margin-top: 5px; +} + +.jnoty.top-left { + left: 0px; + top: 0px; +} + +.jnoty.top-right { + right: 0px; + top: 0px; +} + +.jnoty.bottom-left { + left: 0px; + bottom: 0px; +} + +.jnoty.bottom-right { + right: 0px; + bottom: 0px; +} + +.jnoty.center { + top: 0px; + width: 50%; + left: 25%; +} + +.jnoty.center .jnoty-container, +.jnoty.center .jnoty-closer { + margin-left: auto; + margin-right: auto; +} + +.jnoty-container { + background-color: #fff; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); + zoom: 1; + width: 350px; + padding: 10px; + margin: 10px; + text-align: left; + display: none; + border: 1px solid #F4F5F7; + box-shadow: 0px 0px 9px 0px #D3D0D0; + border-radius: 5px; + min-height: 40px; +} + +.jnoty-container .ui-state-highlight, +.jnoty-container .ui-widget-content .ui-state-highlight, +.jnoty-container .ui-widget-header .ui-state-highlight { + border: 1px solid #000; + background: #fff; + color: #555; +} + +.jnoty-header { + display: flex; + align-items: flex-start; + font-weight: bold; +} + +.jnoty-container .jnoty-close { + background-color: transparent; + color: inherit; + border: none; + z-index: 99; + float: right; + font-size: 1.5em; + cursor: pointer; +} + +.jnoty-closer { + background-color: #fff; + opacity: 0.9; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); + -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); + zoom: 1; + width: 250px; + padding: 10px; + margin: 10px; + text-align: left; + display: none; + border-radius: 5px; + padding-top: 4px; + padding-bottom: 4px; + cursor: pointer; + font-size: .9em; + font-weight: bold; + text-align: center; +} + +.jnoty-closer .ui-state-highlight, +.jnoty-closer .ui-widget-content .ui-state-highlight, +.jnoty-closer .ui-widget-header .ui-state-highlight { + border: 1px solid #000; + background: #000; + color: #fff; +} + + +/** Hide jGrowl when printing **/ + +@media print { + .jnoty { + display: none; + } +} \ No newline at end of file diff --git a/css/jquery.mCustomScrollbar.css b/css/jquery.mCustomScrollbar.css new file mode 100644 index 0000000..f361111 --- /dev/null +++ b/css/jquery.mCustomScrollbar.css @@ -0,0 +1,1267 @@ +/* +== malihu jquery custom scrollbar plugin == +Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller +*/ + + + +/* +CONTENTS: + 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). + 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. + 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. + 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. + 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. + 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS + 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. +*/ + + + +/* +------------------------------------------------------------------------------------------------------------------------ +1. BASIC STYLE +------------------------------------------------------------------------------------------------------------------------ +*/ + +.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } +.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } + +.mCustomScrollBox{ /* contains plugin's markup */ + position: relative; + overflow: hidden; + height: 100%; + max-width: 100%; + outline: none; + direction: ltr; +} + +.mCSB_container{ /* contains the original content */ + overflow: hidden; + width: auto; + height: auto; +} + + + +/* +------------------------------------------------------------------------------------------------------------------------ +2. VERTICAL SCROLLBAR +y-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + +.mCSB_inside > .mCSB_container{ margin-right: 30px; } + +.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; +} + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ + +.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ + position: absolute; + width: 16px; + height: auto; + left: auto; + top: 0; + right: 0; + bottom: 0; +} + +.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ + +.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ + right: auto; + left: 0; +} + +.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ + +.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: auto; +} + +.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } + +.mCSB_scrollTools .mCSB_draggerRail{ + width: 2px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; +} + +.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ + cursor: pointer; + width: 100%; + height: 30px; /* minimum dragger height */ + z-index: 1; +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ + position: relative; + width: 4px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; + text-align: center; +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } + +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown{ + display: block; + position: absolute; + height: 20px; + width: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; +} + +.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +3. HORIZONTAL SCROLLBAR +x-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + +.mCSB_horizontal.mCSB_inside > .mCSB_container{ + margin-right: 0; + margin-bottom: 30px; +} + +.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } + +.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ + +.mCSB_scrollTools.mCSB_scrollTools_horizontal{ + width: auto; + height: 16px; + top: auto; + right: 0; + bottom: 0; + left: 0; +} + +.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ + +.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 2px; + margin: 7px 0; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ + width: 30px; /* minimum dragger width */ + height: 100%; + left: 0; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 4px; + margin: 6px auto; +} + +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + height: 12px; /* auto-expanded scrollbar */ + margin: 2px auto; +} + +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 8px; /* auto-expanded scrollbar */ + margin: 4px 0; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ + display: block; + position: absolute; + width: 20px; + height: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; +} + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } + +.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +4. VERTICAL AND HORIZONTAL SCROLLBARS +yx-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + +.mCSB_container_wrapper{ + position: absolute; + height: auto; + width: auto; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin-right: 30px; + margin-bottom: 30px; +} + +.mCSB_container_wrapper > .mCSB_container{ + padding-right: 30px; + padding-bottom: 30px; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; +} + +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } + +.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } + +/* non-visible horizontal scrollbar */ +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } + +/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } + +/* RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } + +/* non-visible scrollbar/RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } + +.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; +} + +.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } + +.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } + +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ + margin-right: 0; /* non-visible scrollbar */ + margin-left: 0; +} + +/* non-visible horizontal scrollbar */ +.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +5. TRANSITIONS +------------------------------------------------------------------------------------------------------------------------ +*/ + +.mCSB_scrollTools, +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown, +.mCSB_scrollTools .mCSB_buttonLeft, +.mCSB_scrollTools .mCSB_buttonRight{ + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: opacity .2s ease-in-out, background-color .2s ease-in-out; +} + +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ +.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, +.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; +} + + + +/* +------------------------------------------------------------------------------------------------------------------------ +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS +------------------------------------------------------------------------------------------------------------------------ +*/ + +/* +---------------------------------------- +6.1 THEMES +---------------------------------------- +*/ + +/* default theme ("light") */ + +.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } + +.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, +.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } + +.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, +.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, +.mCustomScrollBox:hover > .mCSB_scrollTools, +.mCustomScrollBox:hover ~ .mCSB_scrollTools, +.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, +.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } + +.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.4); + filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; +} + +.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.75); + filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; +} + +.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.85); + filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; +} +.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.9); + filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; +} + +.mCSB_scrollTools .mCSB_buttonUp, +.mCSB_scrollTools .mCSB_buttonDown, +.mCSB_scrollTools .mCSB_buttonLeft, +.mCSB_scrollTools .mCSB_buttonRight{ + background-image: url(mCSB_buttons.png); /* css sprites */ + background-repeat: no-repeat; + opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; +} + +.mCSB_scrollTools .mCSB_buttonUp{ + background-position: 0 0; + /* + sprites locations + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px + */ +} + +.mCSB_scrollTools .mCSB_buttonDown{ + background-position: 0 -20px; + /* + sprites locations + light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px + dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px + */ +} + +.mCSB_scrollTools .mCSB_buttonLeft{ + background-position: 0 -40px; + /* + sprites locations + light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px + dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px + */ +} + +.mCSB_scrollTools .mCSB_buttonRight{ + background-position: 0 -56px; + /* + sprites locations + light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px + dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px + */ +} + +.mCSB_scrollTools .mCSB_buttonUp:hover, +.mCSB_scrollTools .mCSB_buttonDown:hover, +.mCSB_scrollTools .mCSB_buttonLeft:hover, +.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } + +.mCSB_scrollTools .mCSB_buttonUp:active, +.mCSB_scrollTools .mCSB_buttonDown:active, +.mCSB_scrollTools .mCSB_buttonLeft:active, +.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } + + +/* theme: "dark" */ + +.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + +.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + +.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } + +.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } + +.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } + +.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } + +.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } + +.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } + +/* ---------------------------------------- */ + + + +/* theme: "light-2", "dark-2" */ + +.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.1); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.75); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; +} + +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 4px; + margin: 6px auto; +} + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + +.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } + +.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } + + +/* theme: "dark-2" */ + +.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.75); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; +} + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } + +.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } + +/* ---------------------------------------- */ + + + +/* theme: "light-thick", "dark-thick" */ + +.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.1); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 6px; + background-color: #fff; background-color: rgba(255,255,255,0.75); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; +} + +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 4px; + margin: 6px 0; +} + +.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 6px; + margin: 5px auto; +} + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } + +.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } + + +/* theme: "dark-thick" */ + +.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.75); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; +} + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } + +.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } + +/* ---------------------------------------- */ + + + +/* theme: "light-thin", "dark-thin" */ + +.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } + +.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } + +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } + +.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 2px; + margin: 7px auto; +} + + +/* theme "dark-thin" */ + +.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } + +.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } + +/* ---------------------------------------- */ + + + +/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ + +.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } + +.mCS-rounded.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } + +.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 14px; + margin: 0 1px; +} + +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } + +.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 14px; + margin: 1px 0; +} + +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + width: 16px; /* auto-expanded scrollbar */ + height: 16px; + margin: -1px 0; +} + +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } + +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + height: 16px; /* auto-expanded scrollbar */ + width: 16px; + margin: 0 -1px; +} + +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 4px; /* auto-expanded scrollbar */ + margin: 6px 0; +} + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } + +.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } + + +/* theme "rounded-dark", "rounded-dots-dark" */ + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } + +.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } + + +/* theme "rounded-dots", "rounded-dots-dark" */ + +.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + background-color: transparent; + background-position: center; +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); + background-repeat: repeat-y; + opacity: 0.3; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; +} + +.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + height: 4px; + margin: 6px 0; + background-repeat: repeat-x; +} + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } + +.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } + + +/* theme "rounded-dots-dark" */ + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); +} + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } + +.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } + +/* ---------------------------------------- */ + + + +/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-repeat: repeat-y; + background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); +} + + +/* theme "3d", "3d-dark" */ + +.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, +.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } + +.mCS-3d.mCSB_scrollTools, +.mCS-3d-dark.mCSB_scrollTools{ + opacity: 1; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; +} + +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } + +.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ + width: 8px; + background-color: #000; background-color: rgba(0,0,0,0.2); + box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); +} + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } + +.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 8px; + margin: 4px 0; + box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); +} + +.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 8px; + margin: 4px auto; +} + +.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + +.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + +.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + +.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + +/* theme "3d-dark" */ + +.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); +} + +.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + +.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + +/* ---------------------------------------- */ + + + +/* theme: "3d-thick", "3d-thick-dark" */ + +.mCS-3d-thick.mCSB_scrollTools, +.mCS-3d-thick-dark.mCSB_scrollTools{ + opacity: 1; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; +} + +.mCS-3d-thick.mCSB_scrollTools, +.mCS-3d-thick-dark.mCSB_scrollTools, +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } + +.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, +.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } + +.mCS-3d-thick.mCSB_scrollTools_vertical, +.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } + +.mCS-3d-thick.mCSB_scrollTools_horizontal, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ + bottom: 1px; + box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); + width: 12px; + margin: 2px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } + +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } + +.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 12px; + width: auto; +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ + background-color: #000; background-color: rgba(0,0,0,0.05); + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); +} + +.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + +.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + +/* theme: "3d-thick-dark" */ + +.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } + +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } + +.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ + background-color: #fff; background-color: rgba(0,0,0,0.05); + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); +} + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + +.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + +/* ---------------------------------------- */ + + + +/* theme: "minimal", "minimal-dark" */ + +.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, +.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ + right: 0; + margin: 12px 0; +} + +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, +.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ + bottom: 0; + margin: 0 12px; +} + +/* RTL direction/left-side scrollbar */ +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, +.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ + left: 0; + right: auto; +} + +.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, +.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + +.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, +.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } + +.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, +.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } + +.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.2); + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; +} + +.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.5); + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; +} + + +/* theme: "minimal-dark" */ + +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.2); + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; +} + +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.5); + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; +} + +/* ---------------------------------------- */ + + + +/* theme "light-3", "dark-3" */ + +.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ + width: 6px; + background-color: #000; background-color: rgba(0,0,0,0.2); +} + +.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } + +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 6px; + margin: 5px 0; +} + +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + width: 12px; +} + +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, +.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 12px; + margin: 2px 0; +} + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + +.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + +/* theme "dark-3" */ + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + +.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + +.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + +/* ---------------------------------------- */ + + + +/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ + +.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ + width: 12px; + background-color: #000; background-color: rgba(0,0,0,0.2); +} + +.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 6px; + margin: 3px 5px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 6px; + margin: 5px 3px; + position: absolute; + width: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; +} + +.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 12px; + margin: 2px 0; +} + +.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + +.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + +.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + +.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + +/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + +.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + +.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + +/* theme "inset-2", "inset-2-dark" */ + +.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: #fff; + border-color: rgba(255,255,255,0.2); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; +} + +.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } + + +/* theme "inset-3", "inset-3-dark" */ + +.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, +.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + +/* ---------------------------------------- */ \ No newline at end of file diff --git a/css/lightbox.min.css b/css/lightbox.min.css new file mode 100644 index 0000000..0fabb3e --- /dev/null +++ b/css/lightbox.min.css @@ -0,0 +1,1075 @@ +.lg-sub-html, .lg-toolbar { + background-color: rgba(0, 0, 0, .45) +} + +@font-face { + font-family: lg; + src: url(../fonts/lg/lgd641.eot?n1z373); + src: url(../fonts/lg/lgd41d.eot?#iefixn1z373) format("embedded-opentype"), url(../fonts/lg/lgd641.woff?n1z373) format("woff"), url(../fonts/lg/lgd641.ttf?n1z373) format("truetype"), url(../fonts/lg/lgd641.svg?n1z373#lg) format("svg"); + font-weight: 400; + font-style: normal +} + +.lg-icon { + font-family: lg; + 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 +} + +.lg-actions .lg-next, .lg-actions .lg-prev { + background-color: rgba(0, 0, 0, .45); + background: #fff; + border-radius: 2px; + color: #000; + cursor: pointer; + display: block; + font-size: 22px; + margin-top: -10px; + padding: 8px 10px 9px; + position: absolute; + top: 50%; + z-index: 1080; + border: none; + outline: 0 +} + +.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { + pointer-events: none; + opacity: .5 +} + +.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { + color: #000; +} + +.lg-actions .lg-next { + right: 20px +} + +.lg-actions .lg-next:before { + content: "\e095" +} + +.lg-actions .lg-prev { + left: 20px +} + +.lg-actions .lg-prev:after { + content: "\e094" +} + +@-webkit-keyframes lg-right-end { + 0%, 100% { + left: 0 + } + 50% { + left: -30px + } +} + +@-moz-keyframes lg-right-end { + 0%, 100% { + left: 0 + } + 50% { + left: -30px + } +} + +@-ms-keyframes lg-right-end { + 0%, 100% { + left: 0 + } + 50% { + left: -30px + } +} + +@keyframes lg-right-end { + 0%, 100% { + left: 0 + } + 50% { + left: -30px + } +} + +@-webkit-keyframes lg-left-end { + 0%, 100% { + left: 0 + } + 50% { + left: 30px + } +} + +@-moz-keyframes lg-left-end { + 0%, 100% { + left: 0 + } + 50% { + left: 30px + } +} + +@-ms-keyframes lg-left-end { + 0%, 100% { + left: 0 + } + 50% { + left: 30px + } +} + +@keyframes lg-left-end { + 0%, 100% { + left: 0 + } + 50% { + left: 30px + } +} + +.lg-outer.lg-right-end .lg-object { + -webkit-animation: lg-right-end .3s; + -o-animation: lg-right-end .3s; + animation: lg-right-end .3s; + position: relative +} + +.lg-outer.lg-left-end .lg-object { + -webkit-animation: lg-left-end .3s; + -o-animation: lg-left-end .3s; + animation: lg-left-end .3s; + position: relative +} + +.lg-toolbar { + z-index: 1082; + left: 0; + position: absolute; + top: 0; + width: 100% +} + +.lg-toolbar .lg-icon { + color: #999; + cursor: pointer; + float: right; + font-size: 24px; + height: 47px; + line-height: 27px; + padding: 10px 0; + text-align: center; + width: 50px; + text-decoration: none !important; + outline: 0; + -webkit-transition: color .2s linear; + -o-transition: color .2s linear; + transition: color .2s linear +} + +.lg-toolbar .lg-icon:hover { + color: #FFF +} + +.lg-toolbar .lg-close:after { + content: "\e070" +} + +.lg-toolbar .lg-download:after { + content: "\e0f2" +} + +.lg-sub-html { + bottom: 0; + color: #EEE; + font-size: 16px; + left: 0; + padding: 10px 40px; + position: fixed; + right: 0; + text-align: center; + z-index: 1080 +} + +.lg-sub-html h4 { + margin: 0; + font-size: 18px; + color: #fff; + font-weight: 400; + opacity: 0.9; +} + +.lg-sub-html p { + font-size: 14px; + margin: 5px 0 0; + color: #fff; + opacity: 0.9; +} + +#lg-counter { + color: #999; + display: inline-block; + font-size: 16px; + padding-left: 20px; + padding-top: 12px; + vertical-align: middle +} + +.lg-next, .lg-prev, .lg-toolbar { + opacity: 1; + -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; + -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; + -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear; + transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear +} + +.lg-hide-items .lg-prev { + opacity: 0; + -webkit-transform: translate3d(-10px, 0, 0); + transform: translate3d(-10px, 0, 0) +} + +.lg-hide-items .lg-next { + opacity: 0; + -webkit-transform: translate3d(10px, 0, 0); + transform: translate3d(10px, 0, 0) +} + +.lg-hide-items .lg-toolbar { + opacity: 0; + -webkit-transform: translate3d(0, -10px, 0); + transform: translate3d(0, -10px, 0) +} + +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { + -webkit-transform: scale3d(.5, .5, .5); + transform: scale3d(.5, .5, .5); + opacity: 0; + -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; + -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; + -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; + transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important; + -webkit-transform-origin: 50% 50%; + -moz-transform-origin: 50% 50%; + -ms-transform-origin: 50% 50%; + transform-origin: 50% 50% +} + +body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + opacity: 1 +} + +.lg-outer .lg-thumb-outer { + background-color: #0D0A0A; + bottom: 0; + position: absolute; + width: 100%; + z-index: 1080; + max-height: 350px; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s; + -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s; + -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s; + transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s +} + +.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab; + width: 80px!important; +} + +.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing +} + +.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { + -webkit-transition-duration: 0s !important; + transition-duration: 0s !important +} + +.lg-outer.lg-thumb-open .lg-thumb-outer { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} + +.lg-outer .lg-thumb { + padding: 10px 0; + margin-bottom: -5px; + max-width: 430px; + margin: 0 auto; +} + +.lg-outer .lg-thumb-item { + cursor: pointer; + float: left; + overflow: hidden; + height: 100%; + border: 2px solid #FFF; + border: 2px solid #000; + border-radius: 0; + margin-bottom: 5px +} + +@media (min-width: 1025px) { + .lg-outer .lg-thumb-item { + -webkit-transition: border-color .25s ease; + -o-transition: border-color .25s ease; + transition: border-color .25s ease + } +} + +.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { + border-color: #fff; +} + +.lg-outer .lg-thumb-item img { + width: 100%; + height: 100%; + object-fit: cover +} + +.lg-outer.lg-has-thumb .lg-item { + padding-bottom: 120px +} + +.lg-outer.lg-can-toggle .lg-item { + padding-bottom: 0 +} + +.lg-outer.lg-pull-caption-up .lg-sub-html { + -webkit-transition: bottom .25s ease; + -o-transition: bottom .25s ease; + transition: bottom .25s ease +} + +.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { + bottom: 100px +} + +.lg-outer .lg-toogle-thumb { + background-color: #0D0A0A; + border-radius: 2px 2px 0 0; + color: #999; + cursor: pointer; + font-size: 24px; + height: 39px; + line-height: 27px; + padding: 5px 0; + position: absolute; + right: 20px; + text-align: center; + top: -39px; + width: 50px +} + +.lg-outer .lg-toogle-thumb:hover, .lg-outer.lg-dropdown-active #lg-share { + color: #FFF +} + +.lg-outer .lg-toogle-thumb:after { + content: "\e1ff" +} + +.lg-outer .lg-video-cont { + display: inline-block; + vertical-align: middle; + max-width: 1140px; + max-height: 100%; + width: 100%; + padding: 0 5px +} + +.lg-outer .lg-video { + width: 100%; + height: 0; + padding-bottom: 56.25%; + overflow: hidden; + position: relative +} + +.lg-outer .lg-video .lg-object { + display: inline-block; + position: absolute; + top: 0; + left: 0; + width: 100% !important; + height: 100% !important +} + +.lg-outer .lg-video .lg-video-play { + width: 84px; + height: 59px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -42px; + margin-top: -30px; + z-index: 1080; + cursor: pointer +} + +.lg-outer .lg-has-iframe .lg-video { + -webkit-overflow-scrolling: touch; + overflow: auto +} + +.lg-outer .lg-has-vimeo .lg-video-play { + +} + +.lg-outer .lg-has-vimeo:hover .lg-video-play { + +} + +.lg-outer .lg-has-html5 .lg-video-play { + + height: 64px; + margin-left: -32px; + margin-top: -32px; + width: 64px; + opacity: .8 +} + +.lg-outer .lg-has-html5:hover .lg-video-play { + opacity: 1 +} + +.lg-outer .lg-has-youtube .lg-video-play { + +} + +.lg-outer .lg-has-youtube:hover .lg-video-play { + +} + +.lg-outer .lg-video-object { + width: 100% !important; + height: 100% !important; + position: absolute; + top: 0; + left: 0 +} + +.lg-outer .lg-has-video .lg-video-object { + visibility: hidden +} + +.lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { + display: none +} + +.lg-outer .lg-has-video.lg-video-playing .lg-video-object { + visibility: visible +} + +.lg-progress-bar { + background-color: #333; + height: 5px; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 1083; + opacity: 0; + -webkit-transition: opacity 80ms ease 0s; + -moz-transition: opacity 80ms ease 0s; + -o-transition: opacity 80ms ease 0s; + transition: opacity 80ms ease 0s +} + +.lg-progress-bar .lg-progress { + background-color: #a90707; + height: 5px; + width: 0 +} + +.lg-progress-bar.lg-start .lg-progress { + width: 100% +} + +.lg-show-autoplay .lg-progress-bar { + opacity: 1 +} + +.lg-autoplay-button:after { + content: "\e01d" +} + +.lg-show-autoplay .lg-autoplay-button:after { + content: "\e01a" +} + +.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition-duration: 0s; + transition-duration: 0s +} + +.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s; + -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s; + -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s; + transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s +} + +.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; + -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; + -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s; + transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s +} + +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden +} + +.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; + -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; + -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; + transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important; + -webkit-transform-origin: 0 0; + -moz-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden +} + +#lg-zoom-in:after { + content: "\e311" +} + +#lg-actual-size { + font-size: 20px +} + +#lg-actual-size:after { + content: "\e033" +} + +#lg-zoom-out { + opacity: .5; + pointer-events: none +} + +#lg-zoom-out:after { + content: "\e312" +} + +.lg-zoomed #lg-zoom-out { + opacity: 1; + pointer-events: auto +} + +.lg-outer .lg-pager-outer { + bottom: 60px; + left: 0; + position: absolute; + right: 0; + text-align: center; + z-index: 1080; + height: 10px +} + +.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { + overflow: visible +} + +.lg-outer .lg-pager-cont { + cursor: pointer; + display: inline-block; + overflow: hidden; + position: relative; + vertical-align: top; + margin: 0 5px +} + +.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} + +.lg-outer .lg-pager-cont.lg-pager-active .lg-pager { + box-shadow: 0 0 0 2px #fff inset +} + +.lg-outer .lg-pager-thumb-cont { + background-color: #fff; + color: #FFF; + bottom: 100%; + height: 83px; + left: 0; + margin-bottom: 20px; + margin-left: -60px; + opacity: 0; + padding: 5px; + position: absolute; + width: 120px; + border-radius: 3px; + -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s; + -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s; + -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s; + transition: opacity .15s ease 0s, transform .15s ease 0s; + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0) +} + +.lg-outer .lg-pager-thumb-cont img { + width: 100%; + height: 100% +} + +.lg-outer .lg-pager { + background-color: rgba(255, 255, 255, .5); + border-radius: 50%; + box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset; + display: block; + height: 12px; + -webkit-transition: box-shadow .3s ease 0s; + -o-transition: box-shadow .3s ease 0s; + transition: box-shadow .3s ease 0s; + width: 12px +} + +.lg-outer .lg-pager:focus, .lg-outer .lg-pager:hover { + box-shadow: 0 0 0 8px #fff inset +} + +.lg-outer .lg-caret { + border-left: 10px solid transparent; + border-right: 10px solid transparent; + border-top: 10px dashed; + bottom: -10px; + display: inline-block; + height: 0; + left: 50%; + margin-left: -5px; + position: absolute; + vertical-align: middle; + width: 0 +} + +.lg-fullscreen:after { + content: "\e20c" +} + +.lg-fullscreen-on .lg-fullscreen:after { + content: "\e20d" +} + +.lg-outer #lg-dropdown-overlay { + background-color: rgba(0, 0, 0, .25); + bottom: 0; + cursor: default; + left: 0; + position: fixed; + right: 0; + top: 0; + z-index: 1081; + opacity: 0; + visibility: hidden; + -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s; + -o-transition: visibility 0s linear .18s, opacity .18s linear 0s; + transition: visibility 0s linear .18s, opacity .18s linear 0s +} + +.lg-outer.lg-dropdown-active #lg-dropdown-overlay, .lg-outer.lg-dropdown-active .lg-dropdown { + -webkit-transition-delay: 0s; + transition-delay: 0s; + -moz-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1; + visibility: visible +} + +.lg-outer .lg-dropdown { + background-color: #fff; + border-radius: 2px; + font-size: 14px; + list-style-type: none; + margin: 0; + padding: 10px 0; + position: absolute; + right: 0; + text-align: left; + top: 50px; + opacity: 0; + visibility: hidden; + -moz-transform: translate3d(0, 5px, 0); + -o-transform: translate3d(0, 5px, 0); + -ms-transform: translate3d(0, 5px, 0); + -webkit-transform: translate3d(0, 5px, 0); + transform: translate3d(0, 5px, 0); + -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; + -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; + -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s; + transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s +} + +.lg-outer .lg-dropdown:after { + content: ""; + display: block; + height: 0; + width: 0; + position: absolute; + border: 8px solid transparent; + border-bottom-color: #FFF; + right: 16px; + top: -16px +} + +.lg-outer .lg-dropdown > li:last-child { + margin-bottom: 0 +} + +.lg-outer .lg-dropdown > li:hover .lg-icon, .lg-outer .lg-dropdown > li:hover a { + color: #333 +} + +.lg-outer .lg-dropdown a { + color: #333; + display: block; + white-space: pre; + padding: 4px 12px; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 12px +} + +.lg-outer .lg-dropdown a:hover { + background-color: rgba(0, 0, 0, .07) +} + +.lg-outer .lg-dropdown .lg-dropdown-text { + display: inline-block; + line-height: 1; + margin-top: -3px; + vertical-align: middle +} + +.lg-outer .lg-dropdown .lg-icon { + color: #333; + display: inline-block; + float: none; + font-size: 20px; + height: auto; + line-height: 1; + margin-right: 8px; + padding: 0; + vertical-align: middle; + width: auto +} + +.lg-outer, .lg-outer .lg, .lg-outer .lg-inner { + width: 100%; + height: 100% +} + +.lg-outer #lg-share { + position: relative +} + +.lg-outer #lg-share:after { + content: "\e80d" +} + +.lg-outer #lg-share-facebook .lg-icon { + color: #3b5998 +} + +.lg-outer #lg-share-facebook .lg-icon:after { + content: "\e901" +} + +.lg-outer #lg-share-twitter .lg-icon { + color: #00aced +} + +.lg-outer #lg-share-twitter .lg-icon:after { + content: "\e904" +} + +.lg-outer #lg-share-googleplus .lg-icon { + color: #dd4b39 +} + +.lg-outer #lg-share-googleplus .lg-icon:after { + content: "\e902" +} + +.lg-outer #lg-share-pinterest .lg-icon { + color: #cb2027 +} + +.lg-outer #lg-share-pinterest .lg-icon:after { + content: "\e903" +} + +.lg-group:after { + content: ""; + display: table; + clear: both +} + +.lg-outer { + position: fixed; + top: 0; + left: 0; + z-index: 1050; + text-align: left; + opacity: 0; + -webkit-transition: opacity .15s ease 0s; + -o-transition: opacity .15s ease 0s; + transition: opacity .15s ease 0s +} + +.lg-outer * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +.lg-outer.lg-visible { + opacity: 1 +} + +.lg-outer.lg-css3 .lg-item.lg-current, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-prev-slide { + -webkit-transition-duration: inherit !important; + transition-duration: inherit !important; + -webkit-transition-timing-function: inherit !important; + transition-timing-function: inherit !important +} + +.lg-outer.lg-css3.lg-dragging .lg-item.lg-current, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { + -webkit-transition-duration: 0s !important; + transition-duration: 0s !important; + opacity: 1 +} + +.lg-outer.lg-grab img.lg-object { + cursor: -webkit-grab; + cursor: -moz-grab; + cursor: -o-grab; + cursor: -ms-grab; + cursor: grab +} + +.lg-outer.lg-grabbing img.lg-object { + cursor: move; + cursor: -webkit-grabbing; + cursor: -moz-grabbing; + cursor: -o-grabbing; + cursor: -ms-grabbing; + cursor: grabbing +} + +.lg-outer .lg { + position: relative; + overflow: hidden; + margin-left: auto; + margin-right: auto; + max-width: 100%; + max-height: 100% +} + +.lg-outer .lg-inner { + position: absolute; + left: 0; + top: 0; + white-space: nowrap +} + +.lg-outer .lg-item { + + display: none !important +} + +.lg-outer.lg-css .lg-current, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide, .lg-outer.lg-css3 .lg-prev-slide { + display: inline-block !important +} + +.lg-outer .lg-img-wrap, .lg-outer .lg-item { + display: inline-block; + text-align: center; + position: absolute; + width: 100%; + height: 100% +} + +.lg-outer .lg-img-wrap:before, .lg-outer .lg-item:before { + content: ""; + display: inline-block; + height: 50%; + width: 1px; + margin-right: -1px +} + +.lg-outer .lg-img-wrap { + position: absolute; + padding: 0 5px; + left: 0; + right: 0; + top: 0; + bottom: 0 +} + +.lg-outer .lg-item.lg-complete { + background-image: none +} + +.lg-outer .lg-item.lg-current { + z-index: 1060 +} + +.lg-outer .lg-image { + display: inline-block; + vertical-align: middle; + max-width: 100%; + max-height: 100%; + width: auto !important; + height: auto !important +} + +.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { + opacity: 0; + -webkit-transition: opacity .15s ease 0s; + -o-transition: opacity .15s ease 0s; + transition: opacity .15s ease 0s +} + +.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { + opacity: 1 +} + +.lg-outer .lg-empty-html, .lg-outer.lg-hide-download #lg-download { + display: none +} + +.lg-backdrop { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1040; + background-color: #000; + opacity: 0; + -webkit-transition: opacity .15s ease 0s; + -o-transition: opacity .15s ease 0s; + transition: opacity .15s ease 0s +} + +.lg-backdrop.in { + opacity: 1 +} + +.lg-css3.lg-no-trans .lg-current, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-prev-slide { + -webkit-transition: none 0s ease 0s !important; + -moz-transition: none 0s ease 0s !important; + -o-transition: none 0s ease 0s !important; + transition: none 0s ease 0s !important +} + +.lg-css3.lg-use-css3 .lg-item, .lg-css3.lg-use-left .lg-item { + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden +} + +.lg-css3.lg-fade .lg-item { + opacity: 0 +} + +.lg-css3.lg-fade .lg-item.lg-current { + opacity: 1 +} + +.lg-css3.lg-fade .lg-item.lg-current, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-prev-slide { + -webkit-transition: opacity .1s ease 0s; + -moz-transition: opacity .1s ease 0s; + -o-transition: opacity .1s ease 0s; + transition: opacity .1s ease 0s +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item { + opacity: 0 +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { + -webkit-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0) +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { + -webkit-transform: translate3d(100%, 0, 0); + transform: translate3d(100%, 0, 0) +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + opacity: 1 +} + +.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { + -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; + -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; + -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; + transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s +} + +.lg-css3.lg-slide.lg-use-left .lg-item { + opacity: 0; + position: absolute; + left: 0 +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { + left: -100% +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { + left: 100% +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-current { + left: 0; + opacity: 1 +} + +.lg-css3.lg-slide.lg-use-left .lg-item.lg-current, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { + -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; + -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; + -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s; + transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s +} \ No newline at end of file diff --git a/css/mCSB_buttons.png b/css/mCSB_buttons.png new file mode 100644 index 0000000..327c191 --- /dev/null +++ b/css/mCSB_buttons.png @@ -0,0 +1 @@ +NoSuchKeyThe specified key does not exist.
No such object: theme-vessel/carhouse/css/mCSB_buttons.png
\ No newline at end of file diff --git a/css/magnific-popup.css b/css/magnific-popup.css new file mode 100644 index 0000000..c82a803 --- /dev/null +++ b/css/magnific-popup.css @@ -0,0 +1,359 @@ +/** +/*! Magnific Popup - v1.1.0 - 2016-02-20 + * MIT license: https://github.com/dimsemenov/Magnific-Popup/blob/master/LICENSE + * http://dimsemenov.com/plugins/magnific-popup/ + * Copyright (c) 2016 Dmitry Semenov; */ + +.mfp-bg { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1042; + overflow: hidden; + position: fixed; + background: #0b0b0b; + opacity: 0.8; } + +.mfp-wrap { + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1043; + position: fixed; + outline: none !important; + -webkit-backface-visibility: hidden; } + +.mfp-container { + text-align: center; + position: absolute; + width: 100%; + height: 100%; + left: 0; + top: 0; + padding: 0 8px; + box-sizing: border-box; } + +.mfp-container:before { + content: ''; + display: inline-block; + height: 100%; + vertical-align: middle; } + +.mfp-align-top .mfp-container:before { + display: none; } + +.mfp-content { + position: relative; + display: inline-block; + vertical-align: middle; + margin: 0 auto; + text-align: left; + z-index: 1045; } + +.mfp-inline-holder .mfp-content, +.mfp-ajax-holder .mfp-content { + width: 100%; + cursor: auto; } + +.mfp-ajax-cur { + cursor: progress; } + +.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { + cursor: -moz-zoom-out; + cursor: -webkit-zoom-out; + cursor: zoom-out; } + +.mfp-zoom { + cursor: pointer; + cursor: -webkit-zoom-in; + cursor: -moz-zoom-in; + cursor: zoom-in; } + +.mfp-auto-cursor .mfp-content { + cursor: auto; } + +.mfp-close, +.mfp-arrow, +.mfp-preloader, +.mfp-counter { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } + +.mfp-loading.mfp-figure { + display: none; } + +.mfp-hide { + display: none !important; } + +.mfp-preloader { + color: #CCC; + position: absolute; + top: 50%; + width: auto; + text-align: center; + margin-top: -0.8em; + left: 8px; + right: 8px; + z-index: 1044; } +.mfp-preloader a { + color: #CCC; } +.mfp-preloader a:hover { + color: #FFF; } + +.mfp-s-ready .mfp-preloader { + display: none; } + +.mfp-s-error .mfp-content { + display: none; } + +button.mfp-close, +button.mfp-arrow { + overflow: visible; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + display: block; + outline: none; + padding: 0; + z-index: 1046; + box-shadow: none; + touch-action: manipulation; } + +button::-moz-focus-inner { + padding: 0; + border: 0; } + +.mfp-close { + width: 44px; + height: 44px; + line-height: 44px; + position: absolute; + right: 0; + top: 0; + text-decoration: none; + text-align: center; + opacity: 0.65; + padding: 0 0 18px 10px; + color: #FFF; + font-style: normal; + font-size: 28px; + font-family: Arial, Baskerville, monospace; } +.mfp-close:hover, +.mfp-close:focus { + opacity: 1; } +.mfp-close:active { + top: 1px; } + +.mfp-close-btn-in .mfp-close { + color: #333; } + +.mfp-image-holder .mfp-close, +.mfp-iframe-holder .mfp-close { + color: #FFF; + right: -6px; + text-align: right; + padding-right: 6px; + width: 100%; } + +.mfp-counter { + position: absolute; + top: 0; + right: 0; + color: #CCC; + font-size: 15px; + line-height: 20px; + font-weight: 500; + white-space: nowrap; } + +.mfp-arrow { + position: absolute; + opacity: 0.65; + margin: 0; + top: 50%; + margin-top: -55px; + padding: 0; + width: 90px; + height: 110px; + -webkit-tap-highlight-color: transparent; } +.mfp-arrow:active { + margin-top: -54px; } +.mfp-arrow:hover, +.mfp-arrow:focus { + opacity: 1; } +.mfp-arrow:before, +.mfp-arrow:after { + content: ''; + display: block; + width: 0; + height: 0; + position: absolute; + left: 0; + top: 0; + margin-top: 35px; + margin-left: 35px; + border: medium inset transparent; } +.mfp-arrow:after { + border-top-width: 13px; + border-bottom-width: 13px; + top: 8px; } +.mfp-arrow:before { + border-top-width: 21px; + border-bottom-width: 21px; + opacity: 0.7; } + +.mfp-arrow-left { + left: 0; } +.mfp-arrow-left:after { + border-right: 17px solid #FFF; + margin-left: 31px; } +.mfp-arrow-left:before { + margin-left: 25px; + border-right: 27px solid #3F3F3F; } + +.mfp-arrow-right { + right: 0; } +.mfp-arrow-right:after { + border-left: 17px solid #FFF; + margin-left: 39px; } +.mfp-arrow-right:before { + border-left: 27px solid #3F3F3F; } + +.mfp-iframe-holder { + padding-top: 40px; + padding-bottom: 40px; } +.mfp-iframe-holder .mfp-content { + line-height: 0; + width: 100%; + max-width: 900px; } +.mfp-iframe-holder .mfp-close { + top: -40px; } + +.mfp-iframe-scaler { + width: 100%; + height: 0; + overflow: hidden; + padding-top: 56.25%; } +.mfp-iframe-scaler iframe { + position: absolute; + display: block; + top: 0; + left: 0; + width: 100%; + height: 100%; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #000; } + +/* Main image in popup */ +img.mfp-img { + width: auto; + max-width: 100%; + height: auto; + display: block; + line-height: 0; + box-sizing: border-box; + padding: 40px 0 40px; + margin: 0 auto; } + +/* The shadow behind the image */ +.mfp-figure { + line-height: 0; } +.mfp-figure:after { + content: ''; + position: absolute; + left: 0; + top: 40px; + bottom: 40px; + display: block; + right: 0; + width: auto; + height: auto; + z-index: -1; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); + background: #444; } +.mfp-figure small { + color: #BDBDBD; + display: block; + font-size: 12px; + line-height: 14px; } +.mfp-figure figure { + margin: 0; } + +.mfp-bottom-bar { + margin-top: -36px; + position: absolute; + top: 100%; + left: 0; + width: 100%; + cursor: auto; } + +.mfp-title { + text-align: left; + line-height: 20px; + color: #F3F3F3; + font-weight: 500; + word-wrap: break-word; + font-size: 18px; + padding:5px 36px 0 0; } + +.mfp-image-holder .mfp-content { + max-width: 100%; } + +.mfp-gallery .mfp-image-holder .mfp-figure { + cursor: pointer; } + +@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { + /** + * Remove all paddings around the image on small screen + */ + .mfp-img-mobile .mfp-image-holder { + padding-left: 0; + padding-right: 0; } + .mfp-img-mobile img.mfp-img { + padding: 0; } + .mfp-img-mobile .mfp-figure:after { + top: 0; + bottom: 0; } + .mfp-img-mobile .mfp-figure small { + display: inline; + margin-left: 5px; } + .mfp-img-mobile .mfp-bottom-bar { + background: rgba(0, 0, 0, 0.6); + bottom: 0; + margin: 0; + top: auto; + padding: 3px 5px; + position: fixed; + box-sizing: border-box; } + .mfp-img-mobile .mfp-bottom-bar:empty { + padding: 0; } + .mfp-img-mobile .mfp-counter { + right: 5px; + top: 3px; } + .mfp-img-mobile .mfp-close { + top: 0; + right: 0; + width: 35px; + height: 35px; + line-height: 35px; + background: rgba(0, 0, 0, 0.6); + position: fixed; + text-align: center; + padding: 0; } } + +@media all and (max-width: 900px) { + .mfp-arrow { + -webkit-transform: scale(0.75); + transform: scale(0.75); } + .mfp-arrow-left { + -webkit-transform-origin: 0; + transform-origin: 0; } + .mfp-arrow-right { + -webkit-transform-origin: 100%; + transform-origin: 100%; } + .mfp-container { + padding-left: 6px; + padding-right: 6px; } } \ No newline at end of file diff --git a/css/skins/red.css b/css/skins/red.css new file mode 100644 index 0000000..bca320b --- /dev/null +++ b/css/skins/red.css @@ -0,0 +1,765 @@ +.button-theme { + background:#f0151f; +} + +.button-theme:hover { + background: #dc141d; +} + +.btn-border { + color: #f0151f; + border: solid 1px #f0151f; +} + +.pages-404 .btn { + background: #f0151f; +} + +.pages-404 .btn:hover { + background: #dc141d; +} + +.btn-border:hover{ + background: #dc141d; + border: solid 1px #dc141d; +} + +.blog-2 .b-btn{ + color: #f0151f; +} + + +.vehicles-box .detail h5{ + color: #f0151f; +} + +.about-car .best-used-car h3 span{ + color: #f0151f; +} + +.service-center .about-text h3 span{ + color: #f0151f; +} + +.service-center ul li i{ + color: #f0151f; +} + +.service-box ul li i { + color: #f0151f; +} + +.shop-info p a{ + color: #f0151f; +} + +.car-box .facilities-list li span i{ + color: #f0151f; +} + +.blog-3 .post-meta ul li i { + color: #f01520; +} + +.blog-3 .date-box { + background: #f0151f; +} + +.blog-3 .date-box::after { + border-right: 10px solid #f0151f; +} + +.service-info-2 .icon { + color: #f0151f; +} + +.about-slider-box:before { + border: 2px solid #f0151f; +} + +.question .contact-info li i{ + color: #f0151f; +} + +.price-box-2{ + color: #f0151f; +} + +.car-box-5 .facilities-list li i{ + color: #f0151f; +} + +.category-content .new{ + background: #f0151f; +} + +.category-subtitle{ + color: #f0151f; +} + +.car-box .footer ul li a:hover{ + color: #f0151f; +} + +.car-model-2 .ratings-2 span{ + background: #f0151f; +} + +.car-box-3 .footer ul li a:hover{ + color: #f0151f; +} + +.overlap-btn:hover{ + background: #f0151f; + border: solid 1px #f0151f; +} + +.overlap-btn.active { + border: 1px solid #f0151f!important; + background: #f0151f !important; + color: #fff; +} + +.car-box-2 .facilities-list li i{ + color: #f0151f; +} + +.change-view-btn:hover { + background: #f0151f; + border: solid 1px #f0151f; + color: #fff; +} + +.car-model-2 .price-box .del-2 { + color: #f0151f; +} + +.change-view-btn { + border-radius: 2px; + border: solid 1px #f0151f; + color: #f0151f; +} + +.active-view-btn{ + background: #f0151f; + border: solid 1px #f0151f; + color: #fff; +} + +.sb-5 .search-area-inner{ + background:#f0151f; +} + +.blog-3 .post-meta ul li i{ + color: #f01520; +} + +.carousel-indicators .active { + background-color: #f0151f; +} + +.navbar-light .navbar-toggler{ + background: #f0151f; +} + +.banner h4 { + color: #f0151f; +} + +.shop-info .price del { + color: #f0151f; +} + +.counter-box h1{ + color: #f0151f; +} + +.details-banner .cover-buttons ul li a:hover { + background: #f0151f; +} + +.text .ratings-box { + background: #f0151f; +} + +.dashboard-nav ul { + border-bottom: 1px solid #dc141d; +} + +.new-user-box .follow:hover{ + background:#f0151f; + color: #fff; +} + +.setting-button i{ + color:#f0151f; +} + +#page_scroller { + background:#f0151f; +} + +.dashboard-nav{ + background:#f0151f; +} + +/** Tab box 2 start **/ +.tab-box-2 .nav-pills .nav-link.active, .nav-pills .show>.nav-link { + background: transparent; + border-bottom: solid 2px#f0151f; + border-radius: 0; + color:#f0151f; +} + +.tab-box .nav-pills .nav-link.active, .nav-pills .show>.nav-link { + color: #fff; + background:#f0151f; +} + +.pricing-1 .plan-list ul li i{ + color: #f0151f; +} + +.checkbox-theme input[type="checkbox"]:checked + label::before { + border: 2px solid #f0151f; +} + +.average-rating{ + background: #f0151f; +} + +.rating-width{ + background: #f0151f; +} + +.heading-car h3 span{ + color: #f0151f; +} + +.btn-secton .carousel-indicators .active { + background-color: #f0151f; +} + +.rating-count span{ + color: #f0151f; +} + +.filteriz-navigation .active{ + color: #f0151f; +} + +.main-header .dropdown-menu a:hover { + color:#f0151f; +} + +input[type=checkbox]:checked + label:before { + color:#f0151f; +} + +.testimonial-3 .carousel-indicators li.active { + background: #f0151f; +} + +.banner-bg-color{ + background:#f0151f; +} + +.btn-theme{ + background:#f0151f; + border: solid 1px#f0151f; +} + +.featured-car-4 .carousel-indicators li.active { + background: #f0151f; +} + +.btn-theme:hover{ + background: #dc141d; + border: solid 1px #dc141d; +} + +.btn-white-lg-outline:hover { + color: #FFF; + background:#f0151f; + border: solid 2px#f0151f; +} + +.car-amenities ul li i { + color:#f0151f; +} + +.border-button-theme { + color:#f0151f; + border: 2px solid#f0151f; +} + +.banner h2 span{ + color:#f0151f; +} + +.car-model-2 .modal-right-content h3{ + color:#f0151f; +} + +.testimonial-2 .testimonial-info-box p i{ + color:#f0151f; +} + +.main-title-2 h1 span{ + color:#f0151f; +} + +.banner .banner-slider-inner h2 span{ + color:#f0151f; +} + +.main-title h1 span{ + color:#f0151f; +} + + + +.banner-detail-box .white-box .slide-price { + color:#f0151f; +} + +.banner-detail-box .white-box .slide-location::after { + background-color:#f0151f; +} + +.search-options-btn, .search-options-btn:hover { + background:#f0151f; +} + +.search-button { + background:#f0151f; +} + +.intro-section { + background:#f0151f; +} + +.search-button:hover { + color: #fff; + background: #dc141d; +} + +.pricing-1 .plan-header .plan-price { + color: #f0151f; +} + +.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { + color:#f0151f; +} + +.bootstrap-select .dropdown-menu > .active > a, +.bootstrap-select .dropdown-menu > .active > a:focus, +.bootstrap-select .dropdown-menu > .active > a:hover { + color:#f0151f; +} + +.bootstrap-select .dropdown-menu li a:hover .text { + color:#f0151f; +} + +.tag { + background:#f0151f; +} + +.view-all ul li a:hover{ + background: #f0151f; + color: #fff; +} + +.recent-properties-box .detail header::after { + background-color:#f0151f; +} + + + +footer .footer-item .contact-info li label a:hover { + color:#f0151f; +} + +.service-info i{ + color:#f0151f; +} + +.counter-box-2 .icon{ + background: #f0151f; +} + +.service-box .heading .title h4 a:hover { + color:#f0151f; +} + +.main-header .form-inline .submit { + border: solid 1px#f0151f; + color:#f0151f; +} + +.main-header .form-inline .submit:hover { + border: solid 1px#f0151f; + background:#f0151f; + color: #fff; +} + +.main-header .navbar-expand-lg .navbar-nav .nav-link:hover { + color:#f0151f; +} + +.sh-3 .navbar-expand-lg .navbar-nav .nav-link:hover { + color: #515151; +} + +.banner .banner-slider-inner h1 span{ + color:#f0151f; +} + +/*.main-header .navbar-expand-lg .navbar-nav .active .nav-link { + color:#f0151f !important; +}*/ + +.main-header .navbar-expand-lg .user-account li a:hover { + color:#f0151f; +} + +.plan .price-header h1 { + color:#f0151f; +} + +.btn-outline { + border: solid 1px#f0151f; + color:#f0151f; +} + +.car-box .footer .price{ + color:#f0151f; +} + +.btn-outline:hover { + border: solid 1px #dc141d; + background: #dc141d; + color: #fff; +} + +.btn-outline-2 { + border: solid 2px#f0151f; + color:#f0151f; + font-weight: 600; +} + +.heading-car-2 h3 span { + color:#f0151f; +} + +.btn-outline-2:hover { + border: solid 2px #dc141d; + background: #dc141d; + color: #fff; +} + +.footer .form-inline .btn{ + background:#f0151f; + color: #fff; +} + +.about-box .detail h3 { + color:#f0151f; +} + +.sb-2{ + background: #f0151f; +} + +.best-used-car ul li i { + color: #f0151f; +} + +.posts-by-category ul li span:hover{ + color: #f0151f; +} + +li.active.filtr-button.filtr a{ + color:#f0151f; +} + +.coming-soon-inner h1 span{ + color:#f0151f; +} + +.filteriz-navigation li a:hover{ + color:#f0151f; +} + +.sub-banner .page-info .breadcrumb-area ul li a:hover { + color:#f0151f; +} + + +.show-more-options i{ + color:#f0151f; +} + +.pagination > li > .active { + background:#f0151f; +} + +.pagination > li > a:hover { + background:#f0151f; + color: #fff; +} + +.contact-section .btn-section .active-bg { + color:#f0151f; +} + +.read-more { + color:#f0151f; +} + +.blog-3 .detail .post-meta span a i { + color:#f0151f; +} + +.range-slider .ui-slider .ui-slider-handle { + background:#f0151f; +} + +.our-agent-sidebar .carousel-indicators .active { + background:#f0151f; +} + +.range-slider .ui-slider .ui-slider-handle { + border: 2px solid#f0151f; +} + +.range-slider .ui-widget-header { + background-color:#f0151f; +} + +.main-header .navbar-expand-lg .navbar-nav .link-color { + color:#f0151f; + border: solid 1px#f0151f; +} + +.main-header .navbar-expand-lg .navbar-nav .link-color:hover{ + color: #fff; + border: solid 1px#f0151f; + background:#f0151f; +} + +.posts-by-category ul li a:hover { + color:#f0151f; +} + +.tags-box ul li a:hover { + color:#fff; + border: 1px solid #f0151f; + background: #f0151f; +} + +.latest-tweet a { + color:#f0151f; +} + +.blog-1 h3 a:hover{ + color:#f0151f; +} + +.blog-tags a:hover { + color:#fff; + border: 1px solid #f0151f; + background: #f0151f; +} + +.car-box-5 .detail .title a { + color:#f0151f; +} + +.price-box-3 { + color: #f0151f; +} + +.vs{ + color: #f0151f; +} + +.leaflet-container a.leaflet-popup-close-button { + color:#f0151f; +} + +.breadcrumbs li a:hover { + color:#f0151f; +} + +.helping-center ul li i { + color:#f0151f; +} + +.my-account-box .title::after { + background-color:#f0151f; +} + +.breadcrumb-nav ul .active { + color:#f0151f; +} + +.photoUpload { + background:#f0151f; +} + +.typography-page mark.color { + background-color:#f0151f; +} + +.faq-accordion .card-header .collapsed.card-title:before { + color:#f0151f; +} + +.dashboard-nav ul li span.nav-tag { + color:#f0151f; +} + +.comment-content h6 span a{ + color:#f0151f; +} + +.comment-content h6 span a:hover{ + color: #dc141d; +} + +.bg-active { + background: #f0151f; + color: #fff!important; +} + +.banner h3 span{ + color: #f0151f; +} + +.typography .list-3 li:before, .list-2 li:before, .list-1 li:before { + color:#f0151f; +} + +.numbered.color.filled ol > li::before { + border: 1px solid#f0151f; + background-color:#f0151f; +} + +.numbered.color ol > li::before { + border: 1px solid#f0151f; + color:#f0151f; +} + +.widget-link:hover { + color:#f0151f; +} + +.coming-soon-inner .btn, .coming-soon-inner .btn:hover, .coming-soon-inner .btn:active { + background:#f0151f; +} + +.car-box-2 .detail .title a { + color:#f0151f; +} + +.tabbing-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { + background-color:#f0151f; +} + +.tabbing-box .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover { + background-color:#f0151f; +} + +.map-marker:hover { + background-color:#f0151f; + cursor: pointer; +} + +.map-marker:hover:before { + border-color:#f0151f transparent transparent transparent; +} + +.map-marker.featured:hover { + background-color:#f0151f; +} + +.map-marker.featured:hover:before { + border-color:#f0151f transparent transparent transparent; +} + +.map-marker .icon { + border: 3px solid#f0151f; +} + +.marker-active .map-marker { + background-color:#f0151f; +} + +.marker-active .map-marker:before { + border-color:#f0151f transparent transparent transparent; +} + +.slick-arrow-buton:hover{ + background:#f0151f; + color: #fff; +} + +.map-properties .map-content h4 a { + color:#f0151f; +} + +.dropzone-design:hover { + border: 2px dashed#f0151f; +} + + +@media (max-width: 992px) { + .main-header .navbar-expand-lg .navbar-nav .nav-link:hover { + color:#f0151f!important; + } + + .car-model-2 .modal-header { + background: #f0151f; + padding: 20px 20px 10px; + } +} + +@media (max-width: 768px) { + .navbar-default .navbar-toggle .icon-bar { + background-color:#f0151f; + } + + .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { + background-color:#f0151f !important; + } + + .main-header .navbar-default .nav > li > a:hover { + background:#f0151f; + } + + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { + background-color:#f0151f !important; + } + + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + background: #eee; + } +} + +@media (min-width: 992px) { + /*.header-transparent .navbar-expand-lg .navbar-nav .active .nav-link, + .header-transparent .navbar-expand-lg .navbar-nav .nav-link:hover + { + color: #fff !important; + } + + .header-transparent .navbar-expand-lg .navbar-nav .nav-link { + color: #fff; + } + + .header-transparent .link-color { + color: #fff; + }*/ +} \ No newline at end of file diff --git a/css/slick.css b/css/slick.css new file mode 100644 index 0000000..d824838 --- /dev/null +++ b/css/slick.css @@ -0,0 +1,116 @@ +/* Slider */ +.slick-slider +{ + position: relative; + display: block; + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; + -khtml-user-select: none; + -ms-touch-action: pan-y; + touch-action: pan-y; + -webkit-tap-highlight-color: transparent; +} + +.slick-list +{ + position: relative; + + display: block; + overflow: hidden; + + margin: 0; + padding: 0; +} +.slick-list:focus +{ + outline: none; +} +.slick-list.dragging +{ + cursor: pointer; + cursor: hand; +} + +.slick-slider .slick-track, +.slick-slider .slick-list +{ + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); +} + +.slick-track +{ + position: relative; + top: 0; + left: 0; + + display: block; + margin-left: auto; + margin-right: auto; +} +.slick-track:before, +.slick-track:after +{ + display: table; + + content: ''; +} +.slick-track:after +{ + clear: both; +} +.slick-loading .slick-track +{ + visibility: hidden; +} + +.slick-slide +{ + display: none; + float: left; + + height: 100%; + min-height: 1px; +} +[dir='rtl'] .slick-slide +{ + float: right; +} +.slick-slide img +{ + display: block; +} +.slick-slide.slick-loading img +{ + display: none; +} +.slick-slide.dragging img +{ + pointer-events: none; +} +.slick-initialized .slick-slide +{ + display: block; +} +.slick-loading .slick-slide +{ + visibility: hidden; +} +.slick-vertical .slick-slide +{ + display: block; + + height: auto; + + border: 1px solid transparent; +} +.slick-arrow.slick-hidden { + display: none; +} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..30d0d8e --- /dev/null +++ b/css/style.css @@ -0,0 +1,9887 @@ +html, +body { + height: 100%; + font-family: 'Open Sans', sans-serif; +} + +a { + cursor: pointer; + color: #4d4d4d; +} + +a:hover { + color: #525252; + text-decoration: none; +} + +p { + font-size: 15px; + line-height: 26px; + font-weight: 500; + color: #535353; +} + +strong { + color: #535353; +} + +span { + color: #535353; +} + +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: 'Roboto', sans-serif; + color: #383737; + font-weight: 400; +} + +ul { + margin: 0; + padding: 0; + list-style: none; + color: #535353; +} + +.btn.focus, +.btn:focus { + outline: 0; + box-shadow: none; +} + +.btn { + font-family: 'Roboto', sans-serif; +} + +/** Social media color **/ +.facebook:hover { + color: #3b589e !important; +} + +.twitter:hover { + color: #56d7fe !important; +} + +.google:hover { + color: #dc4e41 !important; +} + +.rss:hover { + color: #e78733 !important; +} + +.linkedin:hover { + color: #1c82ca !important; +} + +/** Social media bg**/ +.facebook-bg { + background: #4867aa; + color: #fff; +} + +.twitter-bg { + background: #33CCFF; + color: #fff; +} + +.google-bg { + background: #db4437; + color: #fff; +} + +.linkedin-bg { + background: #0177b5; + color: #fff; +} + +.rss-bg { + background: #e78733; + color: #fff; +} + +.pinterest-bg { + background: #bd081c; + color: #fff; +} + +.facebook-bg:hover { + background: #3b589e; + color: #fff; +} + +.twitter-bg:hover { + background: #56d7fe; + color: #fff; +} + +.linkedin-bg:hover { + background: #1c82ca; + color: #fff; +} + +.google-bg:hover { + background: #dc4e41; + color: #fff; +} + +.rss-bg:hover { + background: #e78701; + color: #fff; +} + +.pinterest-bg:hover { + background: #a30618; + color: #fff; +} + +.delay-02s { + animation-delay: 0.2s; + -webkit-animation-delay: 0.2s +} + +.delay-03s { + animation-delay: 0.3s; + -webkit-animation-delay: 0.3s +} + +.delay-04s { + animation-delay: 0.4s; + -webkit-animation-delay: 0.4s +} + +.delay-05s { + animation-delay: 0.5s; + -webkit-animation-delay: 0.5s +} + +.delay-06s { + animation-delay: 0.6s; + -webkit-animation-delay: 0.6s +} + +.delay-07s { + animation-delay: 0.7s; + -webkit-animation-delay: 0.7s +} + +.delay-08s { + animation-delay: 0.8s; + -webkit-animation-delay: 0.8s +} + +.delay-09s { + animation-delay: 0.9s; + -webkit-animation-delay: 0.9s +} + +.delay-1s { + animation-delay: 1s; + -webkit-animation-delay: 1s +} + +.delay-12s { + animation-delay: 1.2s; + -webkit-animation-delay: 1.2s +} + +.delay-15s { + animation-delay: 1.5s; + -webkit-animation-delay: 1.5s +} + +.delay-17s { + animation-delay: 1.7s; + -webkit-animation-delay: 1.7s +} + +.delay-20s { + animation-delay: 2.0s; + -webkit-animation-delay: 2.0s +} + +.filteriz-navigation .btn { + border-radius: 50px !important; + background: white !important; + box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) !important; +} + +.filteriz-navigation :active { + border-radius: 50px !important; + background: white !important; + box-shadow: 0 0 7px rgba(0, 0, 0, 0.2) !important; +} + +/** Btn **/ +.btn-sm { + cursor: pointer; + padding: 7px 12px; + letter-spacing: 1px; + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + transition: .5s; + border-radius: 2px; + border: none; + color: #fff; +} + +.btn-sm:hover { + color: #fff; + text-decoration: none; +} + +.btn-md { + cursor: pointer; + padding: 13px 26px; + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + color: #fff; + transition: .5s; + border-radius: 2px; + border: none; + font-family: 'Roboto', sans-serif; +} + +.btn-md:hover { + color: #fff; +} + +button:focus { + outline: 0 auto -webkit-focus-ring-color; +} + +.btn-block i { + color: #fff; +} + +.pricing-btn { + padding: 7px 30px 5px; + border-radius: 50px; + font-size: 15px; + font-weight: 400; + text-transform: uppercase; +} + +.bomd { + padding: 13px 26px; + letter-spacing: 1px; + font-size: 13px; + font-weight: 600; + text-transform: uppercase; + transition: .5s; + border-radius: 2px; +} + +.btn { + border-radius: 2px; +} + +.btn-sm { + padding: 7px 30px; + text-transform: uppercase; + font-size: 14px; + font-weight: 500; +} + +.btn-md { + cursor: pointer; + padding: 13px 30px 11px 30px; + font-size: 15px; + font-weight: 400; + text-transform: uppercase; + border-radius: 3px; +} + +.btn:focus, +.btn:active, +.btn:focus { + box-shadow: none !important; + outline: none; +} + +.btn-theme { + color: #fff; + text-transform: uppercase; + font-weight: 500; + font-size: 12px; +} + +.btn-theme:hover { + color: #FFF; +} + +.btn-white-lg-outline { + color: #FFF; + background: transparent; + border: solid 2px #FFF; + cursor: pointer; + padding: 11px 35px 10px 35px; + letter-spacing: 1px; + font-size: 15px; + font-weight: 400; + text-transform: uppercase; +} + +.btn-white-lg-outline:hover { + color: #FFF; +} + +.btn-round { + border-radius: 30px; +} + +.btns-black { + background: #292929; + color: #fff; +} + +.btns-black:hover { + color: #fff; + background-color: #333; +} + +/*Custom Anmation*/ +.bgburns .slides li:nth-of-type(odd) .slide-background { + animation: bgburnsEast 25s linear infinite alternate; + -webkit-animation: bgburnsEast 25s linear infinite alternate +} + +.bgburns .slides li:nth-of-type(even) .slide-background { + animation: bgburnsWest 25s linear infinite alternate; + -webkit-animation: bgburnsWest 25s linear infinite alternate +} + +@keyframes bgburnsEast { + from { + transform: scale(1) translateX(0); + -webkit-transform: scale(1) translateX(0) + } + + to { + transform: scale(1.2) translateX(100px); + -webkit-transform: scale(1.2) translateX(100px) + } +} + +@-webkit-keyframes bgburnsEast { + from { + transform: scale(1) translateX(0); + -webkit-transform: scale(1) translateX(0) + } + + to { + transform: scale(1.2) translateX(100px); + -webkit-transform: scale(1.2) translateX(100px) + } +} + +@keyframes bgburnsWest { + from { + transform: scale(1) translateX(0); + -webkit-transform: scale(1) translateX(0) + } + + to { + transform: scale(1.2) translateX(-100px); + -webkit-transform: scale(1.2) translateX(-100px) + } +} + +@-webkit-keyframes bgburnsWest { + from { + transform: scale(1) translateX(0); + -webkit-transform: scale(1) translateX(0) + } + + to { + transform: scale(1.2) translateX(-100px); + -webkit-transform: scale(1.2) translateX(-100px) + } +} + +@media all and (max-width: 767px) { + .flex-direction-nav { + display: none + } + + .bgburns .slides li .slide-background { + -webkit-animation: none !important; + animation: none !important + } +} + +#page_scroller { + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-name: fadeInRight; + animation-name: fadeInRight; + animation-delay: 0.3s; + -webkit-animation-delay: 0.3s; + cursor: pointer; + color: #FFF; + padding: 10px 11px; + font-size: 12px; + position: fixed; + bottom: 25px; + right: 25px; + box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); + border-radius: 3px; + z-index: 1000 !important; +} + +.margin-t-10 { + margin-top: 10px; +} + +.checkbox { + padding-left: 3px; + margin-bottom: 5px; +} + +.checkbox label { + display: inline-block; + position: relative; + padding-left: 8px; + color: #4e4d4d; + font-size: 13px; +} + +.checkbox label::before { + content: ""; + display: inline-block; + position: absolute; + width: 20px; + height: 20px; + left: 2px; + top: -1px; + margin-left: -22px; + border: 2px solid #cccccc; + border-radius: 0; + background-color: #fff; + -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; + -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; + transition: border 0.15s ease-in-out, color 0.15s ease-in-out; +} + +.checkbox-theme input[type="checkbox"]:checked+label::before { + background-color: #fff; +} + +.advanced-search .checkbox { + padding-left: 5px; + margin-bottom: 5px; +} + +input[type=checkbox]:checked+label:before { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: "\f00c"; + text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); + text-align: center; + line-height: 16px; + font-weight: 300; +} + +.advanced-search ul { + padding: 0; + margin: 0; +} + +.advanced-search ul li { + list-style: none; + padding: 5px 0; + color: #787878; + font-size: 15px; + line-height: 30px !important; + border-bottom: 1px dotted #DDD; + text-align: right; + font-weight: 500; +} + +.advanced-search ul li:last-child { + border-bottom: transparent; +} + +.advanced-search ul span { + font-weight: 500; + float: left; + color: #474646; +} + +.as-2 { + display: none; +} + +/* Col pad **/ +.col-pad { + padding: 0; +} + +/** Solid buttons colors **/ +.button-default { + color: #555; + background: #DDD; +} + +.button-default:hover { + color: #333; + background: #DDD; +} + +.button-theme { + color: #FFF !important; + outline: none; +} + +.button-theme:hover { + color: #fff; +} + +.read-more { + font-weight: 600; + font-size: 14px; +} + +.read-more:hover { + color: #37404d; +} + +.button-section .btn { + margin-bottom: 5px; +} + +.form-control:focus { + border-color: #e0e0e0; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn.active, +.btn:active { + box-shadow: none; +} + +/** Border buttons colors **/ +.border-btn-sm { + cursor: pointer; + padding: 5px 12px; + letter-spacing: 1px; + font-size: 11px; + font-weight: 600; + text-transform: uppercase; + color: #555; + background: #DDD; + transition: .5s; + border-radius: 2px; + border: none; +} + +.border-button-default { + color: #555; + background: #DDD; +} + +.border-button-default:hover { + color: #333; + background: #DDD; +} + +.border-button-theme { + background: transparent; +} + +.border-button-theme:hover { + color: #fff; +} + +.alert { + text-transform: uppercase; + font-size: 12px; + border-radius: 0; + padding: 15px 20px; + margin-bottom: 10px; +} + +.alert .close { + line-height: 15px; +} + +.panel-title { + text-transform: uppercase; + font-size: 14px; + font-weight: 600; +} + +/* Below tabs mode */ +.tab-style-2-line.tabs-below>.nav-tabs>li { + border-top: 4px solid transparent; +} + +.tab-style-2-line.tabs-below>.nav-tabs>li>a { + margin-top: 0; +} + +.tab-style-2-line.tabs-below>.nav-tabs>li:hover { + border-bottom: 0; + border-top: 4px solid #b2b1b1; +} + +.tab-style-2-line.tabs-below>.nav-tabs>li.active { + margin-bottom: -2px; + border-bottom: 0; + border-top: 4px solid #b2b1b1; +} + +.tab-style-2-line.tabs-below>.tab-content { + margin-top: -10px; + border-top: 0; + border-bottom: 1px solid #eee; + padding-bottom: 15px; +} + +/** Top header start **/ +.top-header { + font-family: 'Roboto', sans-serif; + display: inline-block; + width: 100%; +} + +.top-header.bg-active { + background: #222e56; +} + +.top-header .list-inline { + padding: 13px 0; +} + +.list-inline a { + color: #fff; + margin-right: 15px; + font-size: 14px; + font-weight: 400; + opacity: 0.9; +} + +.top-header .list-inline a:last-child { + margin-right: 0; +} + +.list-inline a i { + margin-right: 5px; +} + +.top-header ul li { + padding: 0 7px; + height: 50px; + display: inline-block; + text-align: center; + line-height: 44px; + color: #aaa; + font-size: 15px; +} + +.top-header ul li:last-child { + padding-right: 0; +} + +.top-header .sign-in, +.top-header .sign-in:hover { + line-height: 36px; + color: #ececec; + font-size: 13px; + background: #2c3b6d; + padding: 4px 10px; + border-radius: 3px; + text-transform: uppercase; +} + +.top-header ul li a { + color: #fff; +} + +.top-header .sign-in, +.top-header .sign-in:hover .th-2 .sign-in, +.top-header .sign-in:hover { + line-height: 50px; + color: #ececec; + font-size: 13px; + background: #2c3b6d; + padding: 4px 10px; + border-radius: 3px; + text-transform: uppercase; + background: rgba(0, 0, 0, 0.15); + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); +} + +/** Main header start **/ +.main-header .company-logo { + padding: 15px 0; + float: left; +} + +.main-header .company-logo-2 { + padding: 15px 0; + float: left; +} + +.header-with-top { + background: rgba(12, 12, 12, 0.18); +} + +.main-header .pad-0 { + padding: 0; +} + +.main-header .btn-md { + margin-top: 20px; +} + +.main-header .company-logo img { + height: 50px; +} + +.main-header .company-logo-2 img { + height: 50px; +} + +.logo img { + height: 50px; +} + +.header-ml { + margin-left: 20px; +} + +.header-transparent { + position: absolute; + z-index: 9; + width: 100%; + border-bottom: 1px solid rgba(220, 220, 220, .2) +} + +.main-header .navbar-expand-lg .navbar-nav .nav-link { + color: #636060; +} + +.main-header .navbar-expand-lg .navbar-nav .nav-link { + padding: 32.5px 15px; + line-height: 20px; + color: #515151; + opacity: 1; + font-size: 15px; + font-weight: 400; + font-family: 'Roboto', sans-serif; + text-transform: uppercase; +} + +.main-header .navbar-expand-lg .navbar-nav .nav-link i { + margin-right: 5px; +} + +.main-header .navbar-expand-lg .navbar-nav .link-color:hover { + background: transparent; +} + +.main-header .navbar-expand-lg .navbar-nav .link-color { + padding: 9px 20px 7px !important; + border-radius: 50px; + margin: 26px 0 0 10px; +} + +.main-header .navbar-expand-lg .user-account { + padding: 30px 15px; + font-size: 14px; + font-weight: 600; +} + +.main-header .navbar-expand-lg .user-account li { + border: none; + display: inline-block; + font-size: 14px; +} + +.main-header .navbar-expand-lg .user-account li a { + color: #4d4d4d; +} + +.main-header .navbar { + padding: 0; +} + +.main-header .form-inline .submit { + padding: 7px 22px; + border-radius: 3px; + font-size: 14px; + margin-left: 15px; + font-weight: 600; +} + +.main-header .dropdown-menu { + min-width: 10rem; + padding: 0; + margin: 0; + font-size: 13px; + color: #212529; + border: none; + -webkit-transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; + transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; + transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s; + transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; + border-radius: 0; + border-top: solid 1px #f1f1f1; +} + +.dropdown .dropdown-item:hover>.dropdown-menu { + display: block; + -webkit-transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; + transition: opacity .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; + transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s; + transition: opacity .4s ease 0s, transform .4s ease 0s, visibility .4s linear 0s, -webkit-transform .4s ease 0s; +} + +.main-header .dropdown-menu .dropdown-submenu .dropdown-menu { + margin: -1px; +} + +.main-header .dropdown-menu a { + padding: 12px 20px; + color: #535353; + transition: all .3s ease-in-out; + text-transform: none; + font-weight: 400; + font-family: 'Roboto', sans-serif; + font-size: 15px; +} + +.main-header .dropdown-menu a:hover { + background: transparent; + -webkit-transform: translateX(5px); + transform: translateX(5px); +} + +/** Megamenu **/ +.megamenu-li { + position: static; +} + +.megamenu { + position: absolute; + width: 100%; + left: 0; + right: 0; + padding: 15px; +} + +.megamenu-area { + padding: 30px 30px 5px; + z-index: 2; +} + +.megamenu-title { + color: #535353; + font-size: 15px; + font-weight: 500; + border-bottom: 1px solid #eee; + padding-bottom: 10px; + margin-bottom: 15px; +} + +.megamenu-section { + margin-bottom: 25px; +} + +.megamenu-area .dropdown-item { + padding: 0 !important; + margin-bottom: 8px; + font-size: 12px; + font-weight: 500; +} + +.megamenu-section p { + font-size: 13px; + color: #777; +} + +.sb-2 { + display: none; + padding: 30px 0 20px; +} + +/** Banner**/ +#banner { + position: relative; +} + +.carousel-control-next, +.carousel-control-prev { + position: absolute; + top: 0; + bottom: 0; + width: 0; +} + +.banner-bg {} + +.item-bg { + + height: 100vh; + /*animation: bgburnsEast 25s linear infinite alternate; + -webkit-animation: bgburnsEast 25s linear infinite alternate;*/ +} + +.banner-min-height { + height: 720px; +} + +.banner .carousel-content.banner-info { + margin: 0 auto; + letter-spacing: 1px; + right: 0; + left: 0; + z-index: 999; + align-self: center; + position: absolute; + top: 50%; + transform: translateY(-50%); +} + +.banner .carousel-content.banner-info-2 { + margin: 0 auto; + right: 0; + left: 0; + align-self: center; + position: absolute; + top: 50%; + transform: translateY(-50%); + z-index: 1; + width: 100%; + text-align: center; +} + +.banner .carousel-content.bi-2 { + padding-top: 50px; +} + +.carousel-item .text-right { + float: right; +} + +.banner .banner-slider-inner { + padding: 0; + margin: 0; +} + +.banner h2 { + color: #fff; + margin-bottom: 15px; + font-size: 55px; + font-weight: 700; + text-transform: uppercase; + letter-spacing: normal; +} + +.banner h4 { + font-weight: 300; + margin-bottom: 0; + font-size: 50px; +} + +.banner .btn-lg { + cursor: pointer; + padding: 12px 35px 11px 35px; + font-size: 15px; + font-weight: 400; + text-transform: uppercase; +} + +.banner .banner-slider-inner .max-w { + max-width: 490px; +} + +.banner .banner-slider-inner p { + color: #fff; + line-height: 1.6; + font-size: 18px; + font-weight: 400; + opacity: 0.9; + margin-bottom: 30px; +} + +.banner h2 span { + font-weight: 900; +} + +.banner .banner-slider-inner .typed-text { + font-size: 62px; +} + +.banner .banner-slider-inner { + text-shadow: none; + right: 0%; + left: 0%; + width: 100%; + height: 100%; + bottom: 0; + background-color: rgba(36, 42, 53, 0.7); +} + +.banner .btn-lg { + margin: 3px; +} + +.banner-bg-color .banner-slider-inner { + background-color: rgba(255, 255, 255, 0.1); +} + +.banner .carousel-bg .carousel-item { + height: 100vh; + background: #3e4a5b; +} + +.banner_video_bg { + max-height: 720px; +} + +.banner-slider-inner .show-more-options { + margin: 0; + color: #fff !important; + float: left; + border-radius: 50px; + margin-top: 25px; +} + +.banner-slider-inner #options-content { + background: #fff; + padding: 20px 20px 7px; + border-radius: 3px; +} + +.banner-slider-inner .show-more-options i { + color: #fff; +} + +.banner .slider-mover-left { + width: 30px; + height: 60px; + line-height: 60px; + position: absolute; + top: 50%; + z-index: 999; + display: inline-block; + left: 10px; + text-align: center; + -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); + border-radius: 50px; + background: rgba(0, 0, 0, 0.36); +} + +.banner .slider-mover-left i { + font-size: 20px; + color: #fff; +} + +.banner .slider-mover-right { + width: 30px; + height: 60px; + line-height: 60px; + position: absolute; + top: 50%; + z-index: 999; + display: inline-block; + right: 10px; + text-align: center; + -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); + border-radius: 50px; + background: rgba(0, 0, 0, 0.36); +} + +.banner .slider-mover-right i { + font-size: 20px; + color: #fff; +} + +.pattern-overlay { + /*background-color: rgba(0, 0, 0, 0.35); + height: 100vh;*/ +} + +.banner_video_bg .carousel-item { + height: 100vh; +} + +#particles-banner { + width: 100%; + height: 100vh; + background-color: rgba(36, 42, 53, 0.7); + position: absolute; +} + +#particles-banner-wrapper .banner-slider-inner { + background-color: transparent; +} + +.banner-sty-2 .banner-slider-inner h1 { + font-size: 50px; +} + +.banner .bs { + top: 35%; + position: absolute; + width: 100%; +} + +.banner h3 { + color: #fff; + margin-bottom: 20px; + font-size: 50px; + font-weight: 700; + letter-spacing: normal; + text-transform: uppercase; +} + +.banner h5 { + color: #fff; + margin-bottom: 25px; + font-size: 20px; + font-weight: 300; + line-height: 33px; +} + +.banner h6 { + color: #fff; + margin-bottom: 0; + font-size: 16px; + font-weight: 300; +} + +.banner .price { + margin-bottom: 30px; +} + +.banner .price-box-3 { + margin-bottom: 15px; +} + +.banner .price-box-3 sup { + font-size: 15px; + position: relative; + top: -25px; + color: #fff; + font-weight: 600; +} + +.banner .price-box-3 span { + font-size: 15px; + color: #fff; + font-weight: 400; +} + +.btn-secton { + position: absolute; + right: 20px; + top: 50%; + z-index: 15; + padding-left: 0; + list-style: none; + display: inline-block; + width: 12px; + margin: 2px 0; +} + +.btn-secton .carousel-indicators { + position: relative; + right: inherit; + bottom: inherit; + left: 0; + z-index: 15; + padding: 0; + margin: 2px 0; + list-style: none; + width: 12px; + display: inline-block; +} + +.btn-secton .carousel-indicators li { + position: inherit; + display: inline-block; + flex: 0 1 auto; + width: 100%; + height: 12px; + margin: 2px 0; + border-radius: 0; + background-color: rgba(255, 255, 255, .5); +} + +/** Search start **/ +#search-style-1 { + transition: all 0.4s; +} + +#search-style-2 { + transition: all 0.4s; + position: absolute; + width: 100%; +} + +#search-style-3 { + width: 100%; + z-index: 999; + padding: 30px 0 100px; +} + +.row-2 { + margin-right: -7.5px; + margin-left: -7.5px; +} + +.row-3 { + margin-right: 0; + margin-left: 0; +} + +.item-bg { + height: 100vh; +} + +.search-area { + display: none; + width: 100%; + bottom: 80px; + text-align: left; + z-index: 999; + padding-top: 30px; +} + +.search-area-2 { + padding: 30px 0 0; +} + +.bg-grea { + background: #e6e6e6; +} + +.bg-grea-2 { + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.bg-grea-3 { + background: #f9f9f8; +} + +.search-area-inner { + margin: 0 auto; +} + +.search-area-inner h1 { + font-size: 25px; + margin-bottom: 15px; +} + +.search-area-inner .col-pad2 { + padding: 0 7.5px; +} + +.search-area-inner .show-more-options { + font-weight: 500; + font-size: 15px; + display: block; + margin-bottom: 0; +} + +.search-contents { + border-radius: 4px; + transition: 0.9s ease-out; +} + +.show-search-area { + z-index: 9999; +} + +.search-contents { + transition: all 0.4 s; + display: block; +} + +.bootstrap-select .dropdown-toggle .filter-option { + position: absolute; + top: 2px; +} + +.bootstrap-select .dropdown-toggle::after { + top: 22px; + position: absolute; +} + + +.bootstrap-select.btn-group .dropdown-toggle .filter-option { + display: inline-block; + overflow: hidden; + width: 100%; + text-align: left; + font-size: 13px; + color: #777; + font-weight: 400; +} + +.search-options-btn, +.search-options-btn:hover { + padding: 12px 20px 10px 20px; + font-size: 13px; + font-weight: 400; + color: #FFF !important; + cursor: pointer; + z-index: 0; + letter-spacing: 1px; + position: absolute; + bottom: 10px; + border-radius: 50px; +} + +.search-options-btn, +.search-options-btn i { + margin-left: 5px; +} + +.search-options-btn .search-options { + float: left; +} + +.search-options-btn .icon { + float: left; +} + +.search-area label { + font-size: 12px; + color: #555; + font-weight: 600; +} + +.search-area .form-group { + margin-bottom: 25px; +} + +.search-fields { + min-height: 45px; + padding: 0; + border-radius: 3px; + box-shadow: none; + border: 1px solid #e0e0e0; + background: #fff; +} + +.form-control { + padding-left: 15px; +} + +.search-fields button { + border-radius: 1px; + box-shadow: none; + border: none; + background: #fff !important; +} + +.search-button { + cursor: pointer; + padding: 13px 26px 11px; + font-size: 15px; + font-weight: 400; + text-transform: uppercase; + color: #FFF; + transition: .5s; + border-radius: 2px; + border: none; + width: 100%; + outline: none; +} + +.search-button:hover { + color: #fff; +} + +.inline-search-area .search-col { + padding: 0; + position: relative; +} + +.inline-search-area .icon-append { + color: #949494; + font-size: 15px; + left: 10px; + position: absolute; + top: 18px; +} + +.inline-search-area .search-col:first-child .form-control { + border-radius: 3px 0 0 3px; +} + +.inline-search-area .search-col .form-control, +.inline-search-area button.btn-search { + border-radius: 0; + border: 0; + height: 54px; + margin-bottom: 0; + font-size: 14px; + color: #777; +} + +.inline-search-area .search-col .form-control { + padding-top: 12px; +} + +.inline-search-area button.btn-search { + padding-top: 10px; +} + +.inline-search-area .btn-search { + border-radius: 0 3px 3px 0 !important; + margin: 0; +} + +.inline-search-area .btn-search strong { + color: #fff; + margin-left: 5px; +} + +.inline-search-area .search-fields, +.inline-search-area .search-fields:hover { + border: none; + padding: 0 !important; +} + +.inline-search-area .bootstrap-select button { + padding: 15px 15px 15px 15px; + border-right: solid 1px #e0e0e0 !important; + border-radius: 0; + margin: 0 !important; +} + +.inline-search-area .dropdown-toggle::after { + margin-left: -10px; + top: 27px; + position: absolute; +} + +.main-header .inline-search-area .dropdown-menu .dropdown-item:hover { + -webkit-transform: none; + transform: none; +} + +.inline-search-area .btn-light:hover { + color: #636363; +} + +.inline-search-area .bootstrap-select .dropdown-toggle .filter-option { + position: absolute; + top: 4px; +} + +.inline-search-area .form-control { + border-right: solid 1px #5a5a5a !important; +} + +/** Portfolio start **/ +.filteriz-navigation { + max-width: 500px; + margin: 0 auto 26px; + border-radius: 100px; +} + +.filteriz-navigation li { + font-size: 13px; + font-weight: 500; + font-family: 'Roboto', sans-serif; + border: solid 1px transparent; + padding: 5px 20px !important; + text-transform: uppercase; +} + +.filteriz-navigation li { + display: inline-block; + padding: 0; +} + +.portfolio-item, +.portfolio-item:focus { + outline: none; + margin-bottom: 30px; + position: relative; + cursor: pointer; +} + +.portfolio-item img, +.portfolio-item img:focus { + outline: none; + width: 100%; + height: 100%; +} + +.portfolio-item:hover img { + zoom: 1; + filter: alpha(opacity=20); + -webkit-opacity: 0.1; + opacity: 0.1; +} + +.portfolio-item:hover .portfolio-content { + display: inline; + -webkit-transition-delay: 0.50s; + transition-delay: 0.50s; + background-color: rgba(0, 0, 0, 0.90); + color: #fff; + z-index: -999; +} + +.portfolio-content { + display: none; + top: 0; + width: 100%; + text-align: center; + padding: 20px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.8s ease; + transition: all 0.8s ease; + color: #1c1c1c; + height: 100%; + position: absolute; + right: 0; +} + +.portfolio-content-inner { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.portfolio-content p { + font-size: 16px; + font-weight: 400; + color: #fff; +} + +.photo-gallery .col-pad { + padding: 0 7.5px 0; +} + +.cars { + padding: 0 7.5px 0; +} + +.overview-box p { + color: #333; + -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: all 0.5s linear; + transition: all 0.5s linear; +} + +.overview { + z-index: 9; + cursor: default; + overflow: hidden; + text-align: center; + position: relative; + margin-bottom: 16px; + box-shadow: 0 0 3px #ddd; +} + +.overview .mask, +.overview .content { + width: 100%; + height: 100%; + position: absolute; + overflow: hidden; + top: 25%; + left: 0; +} + +.overview img { + display: block; + position: relative; + width: 100%; + height: 232px; +} + +.overview .big-img { + height: 480px; +} + +.overview-box img { + left: 10px; + margin-left: -10px; + position: relative; + -webkit-transition: all 0.6s ease-in-out; + transition: all 0.6s ease-in-out; + border: none; +} + +.overview-box:hover>img { + -webkit-transform: scale(2) rotate(10deg); + transform: scale(2) rotate(10deg); + -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)"; + filter: alpha(opacity=30); + opacity: 0.3; +} + +.overview h2 { + text-transform: uppercase; + color: #fff; + text-align: center; + position: relative; + font-size: 18px; + padding: 10px; + background: rgba(0, 0, 0, 0.8); + margin: 20px 0 0 0; + text-shadow: none; +} + +.overview-box h2 { + color: #333; + margin: 0 20px 0; + background: transparent; + -webkit-transform: scale(0); + transform: scale(0); + -webkit-transition: all 0.5s linear; + transition: all 0.5s linear; + -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + opacity: 0; +} + +.overview a.btn { + display: inline-block; + overflow: hidden; + text-transform: uppercase; +} + +.overview-box a.btn { + -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + opacity: 0; + -webkit-transform: scale(0); + transform: scale(0); + transition: all 0.5s linear; + padding: 4px 20px; +} + +.overview-box:hover h2, +.overview-box:hover p, +.overview-box:hover a.btn { + -webkit-transform: scale(1); + transform: scale(1); + -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + opacity: 1; +} + +.most-popular-places .col-pad { + padding: 0 8px; +} + +/** Bootstrap select start **/ +.bootstrap-select { + width: 100% !important; +} + +.bootstrap-select button { + color: #636363; + border-radius: 2px; + outline: none; + background: #fff !important; + padding: 10.5px 15px 10.5px 15px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); +} + +.sb-7 .bootstrap-select button { + color: #636363; + padding: 10.5px 35px 10.5px 25px; +} + +.sb-7 .search-fields { + min-height: 45px; + padding: 0; + box-shadow: none; + border: 1px solid #e0e0e0; + background: #fff; +} + +.sb-7 .min-value { + color: #fff; + font-weight: 500; +} + +.sb-7 .max-value { + font-weight: 500; + color: #fff; +} + +.sb-7 .range-slider .ui-widget-header { + background-color: #fff; +} + +.sb-7 .range-slider .ui-slider .ui-slider-handle { + border: 2px solid #fff; +} + +.sb-7 .range-slider .ui-slider .ui-slider-handle { + background: #fff; +} + +.sb-7 .button-theme { + background: #000; +} + +.sb-7 .button-theme:hover { + background: #252525; +} + +.sb-8 .bootstrap-select button { + background: #fff !important; +} + +.search-compare .bootstrap-select button { + color: #636363; + outline: none; + border: 1px solid #fff !important; + border-radius: 3px; + background: #fff !important; + height: 50px; + padding: 13px 35px 13px 20px; + font-size: 16px; +} + +.search-compare .search-fields { + min-height: 45px; + padding: 0; + border-radius: 3px; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + border: 1px solid #fff !important; + background: #fff !important; +} + +.search-compare .btn-light:not(:disabled):not(.disabled).active, +.btn-light:not(:disabled):not(.disabled):active, +.show>.btn-light.dropdown-toggle { + color: #636363; + background-color: #fff !important; + border-color: #fff !important; + outline: none; +} + +.search-compare .search-button { + padding: 15px 26px 14px; +} + +.bootstrap-select button:hover { + color: #636363; +} + +.btn-light:not(:disabled):not(.disabled).active, +.btn-light:not(:disabled):not(.disabled):active, +.show>.btn-light.dropdown-toggle { + color: #636363 !important; +} + +.bootstrap-select .dropdown-menu li { + padding: 0; +} + +.bootstrap-select .dropdown-menu li a { + padding: 10px; +} + +.bootstrap-select .dropdown-menu { + padding: 0; + margin: 0; + border: none; + border-bottom: none; + border-radius: 0; + box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12); +} + +.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { + margin-top: 12px; +} + +.bootstrap-select .dropdown-menu li a span { + font-weight: 400 !important; + color: #636363 !important; +} + +.dropdown-item.active, +.dropdown-item:active { + background-color: transparent; +} + +.bootstrap-select .dropdown-menu li a { + padding: 8px 20px; + font-weight: 400; + font-size: 15px; + outline: none; + border: 0 !important; +} + +.bootstrap-select .dropdown-menu li a:hover { + border: none; + font-weight: 400; + padding: 8px 20px; + font-size: 15px; +} + +.bootstrap-select .btn-default.active, +.bootstrap-select .btn-default:active, +.bootstrap-select .open>.dropdown-toggle.btn-default { + color: #333; + background-color: #eee; + border-color: transparent !important; + box-shadow: none !important; +} + +.bootstrap-select .btn-default:hover { + background: transparent !important; + color: #777 !important; + box-shadow: none !important; +} + +.bootstrap-select .btn-default.active, +.bootstrap-select .btn-default:active, +.bootstrap-select .open>.dropdown-toggle.btn-default { + color: #333; + background-color: transparent !important; + border-color: #adadad; +} + +.btn-default.active, +.btn-default:active, +.open>.dropdown-toggle.btn-default { + color: #333; + background-color: transparent !important; + box-shadow: none !important; + border-color: #adadad; +} + +.bootstrap-select .dropdown-menu.inner { + border: 0; + border-top: none; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.btn-light:hover { + color: #999; +} + +.advanced-search2 .btn-light:hover { + color: #636363; +} + +.bootstrap-select .dropdown-toggle:focus { + outline: none !important; +} + +.bootstrap-select .dropdown-menu>.active>a, +.bootstrap-select .dropdown-menu>.active>a:focus, +.bootstrap-select .dropdown-menu>.active>a:hover { + text-decoration: none; + background-color: #fff; + outline: 0; +} + +.bootstrap-select .bs-actionsbox, +.bootstrap-select .bs-donebutton, +.bs-searchbox { + padding: 4px 8px; + background: #EEE; + border-bottom: 1px solid #d5d5d5; +} + +.bootstrap-select .bs-searchbox .form-control { + margin-bottom: 0; + width: 100%; + float: none; + height: 36px; + border: 1px solid #ddd; + box-shadow: none; +} + +.bootstrap-select .dropdown-toggle .filter-option-inner { + overflow: hidden; + font-size: 15px; + font-weight: 400; +} + +.bootstrap-select .dropdown-menu li a.active:hover .text { + color: #515151; +} + +/** Main title start **/ +.main-title { + margin-bottom: 50px; + text-align: center; +} + +.main-title h1 { + font-size: 33px; + font-weight: 700; + margin-bottom: 15px; +} + +.main-title h2 { + font-size: 28px; + font-weight: 600; + margin-bottom: 5px; +} + +.main-title p { + font-size: 16px; + margin-bottom: 0; +} + +/** Main title 2 start **/ +.main-title-2 { + margin-bottom: 50px; + z-index: 999; + color: #fff; + opacity: 0.9; +} + +.main-title-2 h1 { + color: #fff; + font-size: 33px; + font-weight: 700; + margin-bottom: 15px; + font-family: 'Roboto', sans-serif; + z-index: 20; +} + +.main-title-2 p { + color: #fff; + font-size: 18px; + margin-bottom: 0; +} + +.main-title-3 { + padding-right: 30px; + text-align: left; + margin-bottom: 0; +} + +.main-title-3 p { + margin-bottom: 20px; +} + +.latest-tweet p { + margin-bottom: 0; +} + +/** Latest offers start **/ +.latest-offers .col-pad { + padding: 0 7.5px; +} + +.category { + overflow: hidden; + position: relative; + text-align: center; + margin: 0 0 15px 0; + font-family: 'Roboto', sans-serif; +} + +.category:hover:before { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + display: block; + content: ""; + background-color: #4d4d4d; + opacity: 0.4; + z-index: -11; + transition: 0.3s ease-out; +} + +.category_bg_box { + transition: all 0.35s; + border-radius: 0; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + height: 250px; +} + +.category_long_bg { + height: 515px; +} + +.cat-1-bg { + background-image: url(../img/latest-offers/img-1.jpg); +} + +.cat-2-bg { + background-image: url(../img/latest-offers/img-2.jpg); +} + +.cat-3-bg { + background-image: url(../img/latest-offers/img-3.jpg); +} + +.cat-4-bg { + background-image: url(../img/latest-offers/img-4.jpg); +} + +.cat-5-bg { + background-image: url(../img/latest-offers/img-5.jpg); +} + +.category:hover .category_bg_box { + transform: scale(1.06); + transition: transform 0.35s ease-out; +} + +.category .category-overlay { + border-radius: 3px; + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; + transition: background-color .15s linear; + background: linear-gradient(to top, rgba(47, 45, 45, 0.9) 0%, rgba(0, 0, 0, 0.45) 35%, rgba(2, 2, 2, 0) 60%, rgba(0, 0, 0, 0) 100%); +} + +.category-content2 { + display: block; + left: 80px; + position: absolute; + top: 35px; + transform: translateX(-50%) translateY(-35%); + transition: all .15s linear; +} + +.category-content { + position: absolute; + bottom: 0; + left: 0; + transition: all .15s linear; + text-align: left; + width: 100%; + height: 100%; + padding: 20px; +} + +.category-content h3 { + margin-bottom: 5px; +} + +.category-content h3 a { + color: #fff; + font-size: 18px; + font-weight: 400; + opacity: 0.9; +} + +.category-content .new { + width: 60px; + height: 60px; + text-transform: uppercase; + position: absolute; + font-size: 12px; + font-weight: 600; + top: 0; + left: 20px; + padding: 15px 0 0 15px; + clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%); + color: #fff; +} + +.category-content .lo-text { + position: absolute; + bottom: 15px; + line-height: 20px; +} + +.category:hover .category-view-more { + visibility: visible; +} + +.category-subtitle { + font-size: 15px; + font-weight: 500; + margin-bottom: 0; +} + +.category-subtitle span { + color: #fff; + font-weight: 400; + opacity: 0.9; +} + +/** Property box start **/ +.car-box { + position: relative; + margin-bottom: 30px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + z-index: 9; + border-radius: 5px; +} + +.car-thumbnail { + position: relative; +} + +.car-thumbnail:before { + content: ""; + top: 0; + position: absolute; + height: 100%; + width: 100%; + z-index: 8; + background: linear-gradient(to top, rgba(47, 45, 45, 0.9) 0%, rgba(0, 0, 0, 0.45) 35%, rgba(2, 2, 2, 0) 60%, rgba(0, 0, 0, 0) 100%); + border-radius: 4px 4px 0 0; + opacity: 1; +} + +.carbox-overlap-wrapper { + visibility: hidden; + background: rgba(0, 0, 0, 0.6); + height: 100%; + width: 100%; + position: absolute; + text-align: center; + z-index: 998; + color: #FFF; + left: 0; + top: 0; +} + +.overlap-box { + position: relative; + top: 50%; + transform: translateY(-50%); +} + +.carbox-overlap-wrapper h2 { + font-size: 16px; + font-weight: 700; + font-family: 'Roboto', sans-serif; + line-height: 18px; + text-transform: uppercase; + margin: 0; + color: #fff; +} + +.carbox-overlap-wrapper h4 { + font-size: 16px; + font-weight: 700; + font-family: 'Roboto', sans-serif; + line-height: 26px; + color: #fff; +} + +.car-magnify-gallery { + display: inline-block; +} + +.car-thumbnail:hover>.carbox-overlap-wrapper { + visibility: visible; + top: 0; + cursor: pointer; + transition: all .15s linear; +} + +.overlap-btns-area img { + display: none; +} + +.overlap-btn { + border: solid 1px #fff; +} + +.overlap-btn { + width: 36px; + height: 36px; + line-height: 35px; + display: inline-block; + color: #FFF; + margin: 16px 2px; + border-radius: 3px; + font-size: 13px; + text-transform: uppercase; + display: inline-block; +} + +.overlap-btn:hover { + text-decoration: none; + color: #FFF; + -o-transition: .5s; + -ms-transition: .5s; + -moz-transition: .5s; + -webkit-transition: .5s; + /* ...and now for the proper property */ + transition: .5s; +} + +.car-box img { + border-radius: 5px; +} + +.car-box .detail .title { + font-size: 20px; + margin-bottom: 10px; + font-weight: 500; +} + +.car-box .detail .title a:hover { + color: #343a40; +} + +.car-box .detail .location { + margin-bottom: 10px; + font-size: 15px; + font-weight: 400; +} + +.car-box .detail .location a { + color: #5f5e5e; +} + +.car-box .detail { + padding: 25px 20px 10px; +} + +.car-box .facilities-list { + position: absolute; + bottom: 0; + font-size: 15px; + width: 100%; + padding: 10px 0; + text-align: center; + z-index: 999; + background: rgba(0, 0, 0, 0.36); +} + +.car-box .footer { + border-top: 1px solid #e5e5e5; + background: #fff; + font-size: 14px; +} + +.car-box .footer .ratings { + font-size: 15px; + color: orange; +} + +.car-box .footer { + color: #535353; + font-size: 15px; + border-top: solid 1px #efefef; +} + +.car-box .footer .price { + font-weight: 600; + font-size: 18px; + padding-right: 20px; + margin-bottom: 0; + line-height: 49px; +} + +.car-box .days { + line-height: 49px; + padding-left: 20px; +} + +.car-box .facilities-list li { + list-style: none; + float: left; + width: 33.33%; + font-weight: 400; + font-size: 15px; + color: #fff; + text-align: center; +} + +.car-box .facilities-list li span i { + margin-right: 5px; +} + +/** MODAL BODY DESIGN STARTED**/ +.car-model-2 .modal-raw { + display: flex; + background: #fff; +} + +.car-model-2 .modal-left, +.modal-right { + flex: 1; +} + +.car-model-2 .car-modal .modal-left { + padding: 0; + background: #535353; + color: #fff; +} + +.car-model-2 .car-modal .modal-content { + border: none; + background: transparent; + box-shadow: none; + border-radius: 0; +} + +.car-model-2 .car-modal .modal-header { + background: transparent; + border: none; + padding: 15px 0; +} + +.car-model-2 .car-modal .modal-header .modal-title { + font-size: 25px; + font-weight: 600; + color: #fff; +} + +.car-model-2 .car-modal .modal-header p { + color: #fff; + margin-bottom: 0; +} + +.car-model-2 .car-modal .modal-header .close, +.car-modal .modal-header .close:focus { + padding: 8px 13px; + outline: none; + margin: -60px -1px -15px auto; + background: #3a3a3a; + opacity: 1; + color: #FFF; + border-radius: 3px; + cursor: pointer; +} + +.car-model-2 .car-modal .modal-body { + padding: 0 15px; + background: #fff; +} + +.car-model-2 .modal-right { + padding: 0; +} + +.car-model-2 .modal-left { + padding: 0; +} + +#modalCarousel .carousel-item { + max-height: 240px; +} + +.car-model-2 .modal-left-content { + background: #fff; +} + +.car-model-2 .modal-left-content img { + width: 100% !important; + height: 100% !important; +} + +.car-model-2 .modal-left-content .control { + width: 30px; + height: 30px; + position: absolute; + text-align: center; + color: #FFF; + font-size: 24px; + line-height: 30px; + bottom: 0px; + opacity: .5; +} + +.car-model-2 .modal-left-content .carousel-inner { + display: flex; +} + +.car-model-2 .modal-left-content .carousel-inner .item { + flex: 1; + width: 100%; +} + +.car-model-2 .modal-left-content .carousel-inner .item img { + width: 100%; +} + +.car-model-2 .modal-left-content iframe { + border: none; + width: 100%; + display: block; +} + +.car-model-2 .modal-left-content .control:hover { + opacity: 1; +} + +.car-model-2 .modal-left-content .control-prev { + right: 30px; +} + +.car-model-2 .modal-left-content .control-next { + right: 0; +} + +.car-model-2 .modal-left-content .description { + padding: 30px 30px 45px; +} + +.car-model-2 .modal-left-content p { + font-size: 15px; + line-height: 25px; + margin-bottom: 0; +} + +.car-model-2 .modal-left-content .description h3 { + font-size: 20px; + margin: 0 0 15px; + font-weight: 600; +} + +.car-model-2 .modal-right-content .bullets { + color: #535353; + font-size: 15px; + font-weight: 400; + padding: 0px; + margin-bottom: 20px; + columns: 2; +} + +.car-model-2 .modal-right-content .bullets li { + margin-bottom: 5px; + position: relative; + list-style: none; + padding-left: 0; +} + +.car-model-2 .modal-right-content .bullets li i { + left: 0; + position: absolute; + top: 0; +} + +.car-model-2 .modal-right-content { + padding: 30px; + background: #fff; +} + +.car-model-2 .modal-body { + position: relative; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; + padding: 0 15px 20px; +} + +.car-model-2 .modal-backdrop.show { + opacity: 0.7; +} + +.car-model-2 .modal-header { + background: transparent; + border: none; + padding: 5px 0; +} + +.car-model-2 .modal-content { + background-color: transparent; + border: none; + border-radius: 0; +} + +.car-model-2 .modal-right-content h3 { + font-size: 20px; + font-weight: 400; + margin: 0 0 15px; +} + +.car-model-2 .modal-right-content dl { + margin-bottom: 20px; + font-size: 14px; + color: #535353; +} + +.car-model-2 .modal-right-content dl dt { + float: left; + font-weight: 500; +} + +.car-model-2 .modal-right-content dl dd { + text-align: right; + margin-bottom: 8px; +} + +.car-model-2 .modal { + z-index: 9999; +} + +.car-model-2 .ratings-box { + margin-right: 4px; + padding: 4px 10px; + color: #fff; + border-radius: 3px; +} + +.car-model-2 .ratings-box { + color: #fff !important; +} + +.car-model-2 .ratings-2 i { + color: orange; +} + +.car-model-2 .ratings-2 { + font-size: 14px; + color: #fff !important; + font-weight: 400; +} + +.car-model-2 .modal-body .btn-md { + padding: 9px 25px 7px 25px; + letter-spacing: 1px; + font-size: 13px; + border-radius: 3px; +} + +.car-model-2 h4 { + color: #fff; + font-weight: 400; +} + +.modalLabel-2 { + display: none; +} + +.car-model-2 h5 { + font-size: 15px; + color: #fff; +} + +.car-model-2 .item { + position: relative; +} + +.car-model-2 .sobuz { + position: absolute; + bottom: 30px; + left: 30px; +} + +.car-model-2 .close { + opacity: 1 !important; + background: #fff; + color: #000; + padding: 0; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + margin: 0; +} + +.car-model-2 .modal-dialog { + margin: 10px auto; +} + +.car-model-2 .price-box { + text-align: left; + font-size: 25px; + position: inherit; + left: 0; + bottom: 30px; + font-weight: 600; + opacity: 1; + font-family: 'Roboto', sans-serif; +} + +.car-model-2 img { + width: 100%; +} + +/** MODAL BODY DESIGN ENDED **/ + +/** Price box start**/ +.price-box { + color: #fff; + text-align: right; + font-size: 17px; + position: absolute; + bottom: 40px; + right: 20px; + z-index: 20; + font-weight: 600; + opacity: 0.9; + font-family: 'Roboto', sans-serif; +} + +.price-box span { + color: #fff; +} + +.price-box .del { + color: red; + font-size: 15px; +} + +.price-box-2 { + font-size: 36px; + font-weight: 700; + position: absolute; + bottom: 25px; + right: 20px; + z-index: 998; +} + +.price-box-2 sup { + font-size: 15px; + position: relative; + top: -25px; + color: #fff; + font-weight: 500; + opacity: 0.9; +} + +.price-box-2 span { + font-size: 15px; + color: #fff; + font-weight: 500; + opacity: 0.9; +} + +.price-box-3 { + font-size: 40px; + font-weight: 700; + font-family: 'Roboto', sans-serif; +} + +.price-box-3 sup { + font-size: 15px; + position: relative; + top: -25px; + color: #535353; + font-weight: 600; +} + +.price-box-3 span { + font-size: 15px; + color: #535353; + font-weight: 600; +} + +.tab-box p { + margin-bottom: 0; +} + +/** Tag start**/ +.tag { + position: absolute; + top: 15px; + right: 15px; + z-index: 20; + text-transform: uppercase; + font-size: 11px; + letter-spacing: 1px; + color: #fff; + padding: 7px 14px 5px; + font-weight: 500; + border-radius: 3px; + font-family: 'Roboto', sans-serif; +} + +.tag-2 { + float: left; + position: absolute; + transform: rotate(-45deg); + left: -60px; + top: 30px; + text-align: center; + width: 200px; + font-size: 12px; + margin: 0; + color: #fff; + font-weight: 500; + line-height: 28px; + background: #292929; + text-transform: uppercase; +} + +.slide-2 { + margin-bottom: 50px; +} + +/** Slick slider start**/ +.slick-slider-area { + position: relative; +} + +.slick-slide-item { + padding: 0 15px !important; +} + +.slick-arrow-buton { + position: absolute; + top: 43%; +} + +.slick-arrow-buton { + width: 35px; + height: 35px; + line-height: 35px; + top: 43%; + border-radius: 50px; + color: #000; + z-index: 999; + background: #fff; + position: absolute; + font-size: 22px; + box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); + cursor: pointer; + text-align: center; +} + +.slick-next { + right: -15px; +} + +.slick-prev { + left: -15px; +} + +.slick-slide, +.slick-slide:focus * { + outline: none !important; +} + +*:focus { + outline: none !important; +} + +.slick-btn { + text-align: center; + max-width: 100px !important; + margin: 0 auto; + bottom: 16px; + border-radius: 5px; + height: 35px; + position: relative; +} + +.slick-btn .slick-next { + right: 0px; +} + +.slick-btn .slick-prev { + left: 0px; +} + +.slick-btn .slick-arrow-buton { + width: 50px; + height: 35px; + line-height: 35px; + cursor: pointer; + text-align: center; + display: block; + float: left; + border-right: solid 1px #e4e4e4; + box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.15); + background: white; + font-size: 20px; + position: absolute; + bottom: 12px; +} + +.slick-btn .slick-arrow-buton { + color: #ff214f; +} + +.slick-btn .sab-4 { + border-radius: 50px 0 0 50px; +} + +.slick-btn .sab-3 { + border-radius: 0 50px 50px 0; +} + +/** Car box 2 start **/ +.car-box-2 { + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + position: relative; + margin-bottom: 30px; + overflow: hidden; +} + +.car-box-2:hover { + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); +} + +.car-box-2 .detail .title { + font-size: 22px; + margin-bottom: 10px; + font-weight: 400; +} + +.car-box-2 .car-img img { + width: 100%; +} + +.car-box-2 .detail .title a:hover { + color: #343a40; +} + +.car-box-2 .detail .location { + margin-bottom: 15px; + font-family: 'Ubuntu', sans-serif; +} + +.car-box-2 .detail .location a { + color: #5f5e5e; + font-size: 15px; + font-weight: 400; +} + +.car-box-2 .price-box { + bottom: 10px; +} + +.car-box-2 .tag { + left: 30px; + right: inherit; +} + +.car-box-2 .listing-badges .featured { + left: -51px; +} + +.car-box-2 .listing-time { + position: absolute; + z-index: 9; + top: 8px; + left: 30px; +} + +.car-box-2 .detail { + padding: 0 45px 0 30px; +} + +.car-box-2 .facilities-list li { + list-style: none; + float: left; + margin: 0 3px 3px 0; + font-weight: 400; + font-size: 14px; + padding: 5px 15px; + border: solid 1px #e2e0e0; + border-radius: 3px; +} + +.car-box-2 .facilities-list li i { + font-size: 15px; + font-weight: 500; +} + +.car-box-2 .tag-2 { + left: -50px; + top: 20px; +} + +.car-box-2 .price-box-2 { + bottom: 5px; + right: 20px; + z-index: 998; +} + +/** Car box 3 **/ +.car-box-3 { + position: relative; + margin-bottom: 30px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + overflow: hidden; +} + +.car-box-3:hover { + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); +} + +.car-box-3 .detail { + padding: 25px 20px; +} + +.car-box-3 .custom-list { + margin-bottom: 15px; +} + +.car-box-3 .custom-list li { + font-size: 11px; + display: inline-block; + padding-right: 5px; + text-transform: uppercase; + font-family: 'Roboto', sans-serif; + font-weight: 600; +} + +.car-box-3 .custom-list li a { + color: #535353; +} + +.car-box-3 .detail .title { + font-size: 20px; + font-weight: 400; +} + +.car-box-3 .detail .title a { + color: #212121; +} + +.car-box-3 .detail .title a:hover { + color: #343a40; +} + +.car-box-3 .detail .location { + margin-bottom: 15px; +} + +.car-box-3 .detail .location a { + font-size: 14px; +} + +.for { + position: absolute; + top: 20px; + left: 20px; + font-size: 10px; + letter-spacing: 1px; + -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); + padding: 5px 14px 3px; + font-weight: 600; + border-radius: 50px; + font-family: 'Roboto', sans-serif; + text-transform: uppercase; + color: #f9f9f9; + background: rgba(0, 0, 0, 0.36); +} + +.car-box-3 .facilities-list li { + list-style: none; + float: left; + margin: 0 3px 3px 0; + font-weight: 400; + font-size: 14px; + padding: 3px 10px; + border: solid 1px #e2e0e0; + border-radius: 3px; +} + +.car-box-3 .facilities-list li i { + font-weight: 500; + font-size: 15px; +} + +.car-box-3 .price-box { + bottom: 20px; +} + +.car-box-3 .footer { + border-top: 1px solid #e5e5e5; + background: #fff; + font-size: 14px; +} + +.car-box-3 .footer p { + line-height: 48px; + margin: 0 0 0 20px; + font-size: 15px; +} + +.car-box-3 .footer ul li { + display: inline-block; + width: 48px; + margin: 0 0 0 -4px; +} + +.car-box-3 .footer ul li a { + display: block; + font-size: 15px; + height: inherit; + line-height: 48px; + text-align: center; + width: 48px; + border-left: 1px solid #e5e5e5; + color: #535353; +} + +.car-box-3 .footer { + color: #535353; + font-size: 15px; + border-top: solid 1px #efefef; +} + +.car-box-3 .ratings { + line-height: 49px; + padding-left: 20px; +} + +.car-box-2 .for { + position: absolute; + top: 20px; + left: 35px; +} + +.car-box-3 .tag { + left: 15px; + right: inherit; +} + +/** Featured car 4 start**/ +.featured-car-4 .carousel-item { + margin-bottom: 30px; +} + +.featured-car-4 .carousel-indicators li { + position: relative; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 12px; + height: 12px; + border-radius: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + background-color: #2f2f2f; +} + +.featured-car-4 .carousel-indicators { + bottom: -15px; +} + +.featured-car-4 .btn:focus, +.btn:active, +.btn:focus { + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1) !important; +} + +.featured-car-4 .btn:focus, +.btn:active, +.btn:focus { + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1) !important; +} + +.advanced-search2 { + box-shadow: none; +} + +.advanced-search2 .btn:focus, +.btn:active, +.btn:focus { + box-shadow: none !important; +} + +/** Car box 5 **/ +.vs { + border-radius: 50%; + width: 80px; + height: 80px; + margin: 0 auto; +} + +.vs img { + width: 100%; +} + +.search-compare { + margin-bottom: 20px; + text-align: center; +} + +.search-compare h3 { + margin-bottom: 20px; + font-weight: 400; + font-size: 24px; + color: #212121; +} + +.compare-vehicles-box { + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + margin-bottom: 30px; +} + +.vehicles-box { + position: relative; + margin-bottom: 30px; + overflow: hidden; + text-align: center; +} + +.vehicles-box .detail { + padding: 0 20px; +} + +.vehicles-box .detail h4 a { + font-size: 20px; + color: #212121; +} + +.vehicles-box .detail .ratings i { + color: orange; +} + +/** About text **/ +.service-center .about-text { + padding: 15px 0 0 30px; +} + +.service-center .about-text p { + margin-bottom: 20px; +} + +.service-center .about-text h3 { + color: #212121; + font-size: 30px; + font-weight: 500; + margin-bottom: 15px; +} + +.about-slider-box { + position: relative; +} + +.about-slider-box img { + border-radius: 10px; +} + +.about-slider-box:before { + position: absolute; + left: -0px; + top: -0px; + height: 100%; + width: 100%; + border-radius: 5px; + content: ""; +} + +.about-slider-box img { + position: relative; + margin: 0; + z-index: 9; + left: 15px; + top: 15px; + border-radius: 5px; +} + +.service-center ul li { + margin-bottom: 10px; + font-size: 15px; + padding-left: 26px; + position: relative; + font-weight: 500; +} + +.service-center ul li i { + left: 0; + position: absolute; + top: 3px; +} + +/** Pricing 1 start **/ +.pricing-1 { + margin-bottom: 30px; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.pricing-1 .plan-header { + background-color: #fff; + padding: 40px 22px 0; + border-width: 1px; + position: relative; + text-align: center; +} + +.pricing-1 .plan-header p { + font-size: 16px; +} + +.pricing-1 .plan-header h5 { + margin-bottom: 5px; + font-weight: 400; + font-size: 22px; + color: #212121; +} + +.pricing-1 .plan-header .plan-price sup { + font-size: 24px; + position: relative; + top: -30px; + font-weight: 400; + color: #535353; +} + +.pricing-1 .plan-header .plan-price { + font-size: 60px; + font-weight: 700; + position: relative; + text-align: center; + padding: 0; +} + +.pricing-1 .plan-header .plan-price span { + font-size: 16px; + font-weight: 400; +} + +.pricing-1 .plan-list { + background-color: #fff; + border-width: 0 1px 1px; + padding: 20px 0 40px; +} + +.pricing-1 .plan-list ul { + display: table; + margin: 0 auto; + padding: 0 40px; + text-align: left; +} + +.pricing-1 .plan-list ul li { + list-style: none; + border-bottom: 1px dashed #eaeceb; + line-height: 42px; + font-size: 15px; + font-weight: 400; +} + +.pricing-1 .plan-list ul li i { + margin-right: 12px; +} + +.pricing-1 .plan-list ul li:last-child { + border-bottom: none; +} + +.pricing-1 .plan-button { + padding-top: 20px; +} + +.pricing-1 .pricing-btn { + border-radius: 3px; +} + +/** Team 1 start **/ +.team-1 { + margin-bottom: 30px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.team-1:hover { + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); +} + +.team-1 .photo { + position: relative; + text-align: center; +} + +.team-1 .photo img { + width: 100%; +} + +.team-1 .social-list { + position: absolute; + bottom: 15px; + text-align: center; + z-index: 20; + border-radius: 5px 5px 0 0; + left: 0; + color: rgb(255, 255, 255); + display: inline-block; + width: 100%; +} + +.team-1 .social-list a { + color: #fff; + width: 40px; + height: 40px; + line-height: 40px; + display: inline-block; + margin: 2px; + border-radius: 3px; + text-align: center; + background: rgba(0, 0, 0, 0.5); +} + +.team-1 .details { + text-align: center; + padding: 25px 10px; +} + +.team-1 .details h4 { + margin-bottom: 7px; +} + +.team-1 .details h4 a { + font-size: 20px; + font-weight: 400; + color: #212121; +} + +.team-1 .details h4 a:hover { + color: #212529; +} + +.team-1 .details h5 { + font-size: 15px; + color: #535353; + font-weight: 400; +} + +.team-1 .social-list a:hover { + box-shadow: none; +} + +.team-1 .facebook-bg:hover { + background: #4867aa !important; +} + +.team-1 .twitter-bg:hover { + background: #56d7fe !important; +} + +.team-1 .google-bg:hover { + background: #dc4e41 !important; +} + +.our-team-2 { + background: rgba(0, 0, 0, 0.04) url(../img/bg-img-6.jpg) top left repeat; + background-size: cover; +} + +/** Team 2 start **/ +.team-2 { + margin: 0 1px; + margin-bottom: 30px; + background: white !important; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.team-2:hover { + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.col-pad { + padding: 0; +} + +.team-2 .detail { + padding: 10px 20px 10px 30px; +} + +.team-2 .detail h4 { + margin: 0 0 10px; + font-size: 22px; + font-weight: 400; +} + +.team-2 .detail h4 a { + color: #212121; +} + +.team-2 .detail h4 a:hover { + color: #212529; +} + +.team-2 .detail h5 { + margin: 0 0 20px; + font-size: 13px; + font-weight: 500; + color: #535353; + text-transform: uppercase; +} + +.team-2 img { + width: 100%; +} + +.team-2 .detail .contact ul li { + line-height: 30px; + font-size: 15px; + position: relative; + padding-left: 22px; +} + +.team-2 .detail .contact ul li i { + left: 0; + position: absolute; + line-height: 30px; +} + +.team-2 .photo .social-list { + position: absolute; + top: 15px; + text-align: center; + z-index: 20; + border-radius: 5px 5px 0 0; + left: 15px; + width: 35px; + color: rgb(255, 255, 255); +} + +.team-2 .photo .social-list a { + color: #fff; + width: 40px; + height: 40px; + line-height: 40px; + display: inline-block; + margin-bottom: 10px; + border-radius: 5px; + background: rgba(0, 0, 0, 0.15); + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); +} + +.team-2 .photo .social-list a:hover { + box-shadow: none; +} + +.team-2 .facebook-bg:hover { + background: #4867aa !important; +} + +.team-2 .twitter-bg:hover { + background: #56d7fe !important; +} + +.team-2 .google-bg:hover { + background: #dc4e41 !important; +} + +/** pages 404 start **/ +.pages-404 { + top: 0; + width: 100%; + bottom: 0; + opacity: 1; + min-height: 100vh; + position: relative; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + justify-content: center; + align-items: center; + padding: 30px 0; +} + +.pages-404 .error404 { + line-height: .8; + margin: 25px 0 40px; + font-weight: 700; + font-size: 264px; + opacity: 2; + color: #eee; + text-shadow: 1px 1px 5px rgba(0, 0, 0, .4); +} + +.pages-404 .nobottomborder h1 { + font-size: 35px; + font-weight: 300; + margin-bottom: 20px; + color: #212121; +} + +.pages-404 .nobottomborder { + padding-left: 20px; +} + +.pages-404 .hr { + width: 50px; + height: 10px; + background: #eee; + text-shadow: 1px 1px 5px rgba(0, 0, 0, .4); + margin: 0px 0 20px; + border-radius: 10px; +} + +.pages-404 .nobottomborder p { + line-height: 30px; + font-size: 17px; +} + +.pages-404 .form-inline { + margin-bottom: 20px; +} + +.pages-404 .form-control { + width: 69%; + height: 45px; + padding: 10px 15px; + border-radius: 0; + font-size: 16px; + outline: 0; + background-color: #eee; + border-color: #eee; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + color: #6c757c; + font-weight: 400; +} + +.pages-404 .btn, +.pages-404 .btn:hover, +.pages-404 .btn:active { + width: 31%; + border-radius: 0; + height: 45px; + line-height: 45px; + padding: 0 15px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + font-size: 16px; + font-weight: 400; + font-family: 'Roboto', sans-serif; + cursor: pointer; + color: #fff; +} + +/** Blog 3 start **/ +.blog-3 { + margin-bottom: 30px; + border-radius: 0; + border: none; + background: #fff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.blog-3:hover { + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.blog-3 .blog-photo { + position: relative; +} + +.blog-3 .blog-photo:before { + content: ""; + top: 0; + position: absolute; + height: 100%; + width: 100%; + z-index: 0; + background: linear-gradient(to top, rgba(47, 45, 45, 0.6) 0%, rgba(0, 0, 0, 0.32) 35%, rgba(2, 2, 2, 0) 60%, rgba(0, 0, 0, 0) 100%); +} + +.blog-3 { + margin-bottom: 30px; + border-radius: 0; + border: none; + background: transparent; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.blog-3:hover { + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); +} + +.blog-3 .detail { + padding: 35px 20px 10px; +} + +.blog-3 .blog-photo { + position: relative; +} + +.blog-3 .blog-photo img { + width: 100%; +} + +.blog-3 .profile-user img { + width: 60px; + height: 60px; + border-radius: 50%; +} + +.blog-3 .profile-user { + position: absolute; + bottom: -30px; + left: 20px; + display: block; + box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4); + border-radius: 50%; +} + +.blog-3 .post-meta { + width: 100%; + margin: 5px 0 15px; +} + +.blog-3 .post-meta ul li { + margin: 0 15px 0 0; + display: inline-block; + font-size: 14px; + line-height: 26px; +} + +.blog-3 .post-meta ul li strong { + font-weight: 400; + color: #37404d; +} + +.blog-3 .post-meta ul li a { + color: #535353; +} + +.blog-3 .post-meta ul li i { + font-size: 14px; +} + +.blog-3 .detail h3 { + font-size: 20px; + font-weight: 400; + margin-bottom: 15px; +} + +.blog-3 .detail h3 a { + color: #212121; +} + +.blog-3 .detail h3 a:hover { + color: #535353; +} + +.blog-3 .post-meta ul li i { + margin-right: 5px; +} + +.blog-3 .read-more { + margin-bottom: 20px; + display: block; +} + +.blog-3 .date-box { + position: absolute; + top: 15px; + font-size: 11px; + color: #fff; + width: 60px; + height: 60px; + text-align: center; + padding: 10px 0 5px; + right: 19px; + border-radius: 5px 5px 0 5px; + text-transform: uppercase; + font-weight: 600; +} + +.blog-3 .date-box span { + font-size: 17px; + display: block; + font-weight: 600; + margin-bottom: 0; + color: #fff; +} + +.blog-3 .date-box::after { + position: absolute; + content: ''; + width: 0; + height: 0; + border-top: 0; + border-bottom: 10px solid transparent; + bottom: -10px; + right: 0; +} + +.blog-section { + background: rgba(0, 0, 0, 0.04) url(../img/bg-img-6.jpg) top left repeat; + background-size: cover; +} + +/** Blog 1 start **/ +.date-box { + position: absolute; + top: 20px; + font-size: 14px; + border-radius: 5px 5px 5px 5px; + color: #fff; + width: 60px; + height: 60px; + text-align: center; + padding-top: 10px; + right: 20px; + background: rgba(0, 0, 0, 0.36); +} + +.blog-big { + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.blog-big h3 { + font-size: 25px; + margin-bottom: 15px; + font-weight: 400; +} + +.blog-big h3 a { + color: #212121; +} + +.blog-big h3 a:hover { + color: #535353; +} + +.blog-big .detail { + padding: 30px 20px 20px; +} + +.intro-section { + padding: 30px 0 25px; +} + +.intro-text h3 { + font-size: 27px; + margin: 0; + line-height: 50px; + color: #fff; + font-weight: 300; +} + +.intro-section .btn { + background: #fff; + float: right; + color: #37404d; +} + +.intro-section .btn:hover { + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.10), 0 3px 3px 0 rgba(0, 0, 0, 0.20); +} + +/** Notice start **/ +.notice { + padding: 17px 15px; + background-color: #ffffff; + margin-bottom: 10px; + border-radius: 2px; + border: 1px solid #eaeff5; + border-left: 4px solid #838992; + box-shadow: 0px 0px 10px 1px rgba(71, 85, 95, 0.08); + -webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95, 0.08); + -moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95, 0.08); +} + +.notice-success { + border-left-color: #74ba28 +} + +.notice-success strong { + color: #74ba28 !important; +} + +.notice-danger { + border-left-color: #eb344f; +} + +.notice-danger strong { + color: #eb344f; +} + +.notice-info strong { + color: #1db4bd; +} + +.notice-info { + border-left-color: #1db4bd; +} + +.notice-warning { + border-left-color: #fea911; +} + +.notice-warning strong { + color: #fea911; +} + +.notice strong { + font-weight: 600; +} + +.progress { + margin-bottom: 20px; + height: 22px; +} + +.tab-box .nav-pills .nav-link { + padding: 7px 30px; +} + +.tab-box .nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + border-radius: 3px; +} + +.table-bordered .ass th { + font-weight: 600; +} + +.table-bordered { + font-family: 'Roboto', sans-serif; + font-weight: 500; + color: #535353; + font-size: 15px; +} + +/** Footer start **/ +footer { + background: #222e56; +} + +.footer ul li a { + color: #b3b3b3; +} + +.footer h4 { + font-size: 20px; + margin-bottom: 25px; + font-weight: 400; + color: #d6d6d6; +} + +.footer .footer-item { + margin-bottom: 60px; +} + +.footer .footer-inner .links li { + margin-bottom: 10px; + font-size: 15px; + font-weight: 500; + padding-left: 20px; + position: relative; + line-height: 20px; +} + +.footer .footer-inner .links li a i { + left: 0; + position: absolute; + top: 0; + line-height: 22px; +} + +.footer .footer-inner .links li:last-child { + margin-bottom: 0; +} + +.footer .footer-inner .links li a:hover { + color: #a6a8ab; +} + +.footer a { + color: #b3b3b3; +} + +.footer .footer-inner p { + font-size: 15px; + color: #b3b3b3; +} + +.footer .footer-inner p a { + color: #b3b3b3; +} + +.footer .footer-inner .contact-info li { + margin-bottom: 15px; + font-size: 15px; + font-weight: 500; + color: #b3b3b3; + position: relative; + padding-left: 25px; +} + +.footer .footer-inner .contact-info li i { + left: 0; + position: absolute; + line-height: 22px; +} + +.footer .social-list-2 { + float: right; +} + +.footer .social-list-2 li { + display: inline-block; + font-size: 16px; + text-align: center; +} + +.footer .social-list-2 li a { + margin: 0 2px; + color: #fff; + width: 40px; + height: 40px; + line-height: 40px; + display: inline-block; + border-radius: 3px; + background: rgba(0, 0, 0, 0.15); + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); +} + +.footer .social-list-2 li a:hover { + box-shadow: none; +} + +.footer .facebook-bg:hover { + background: #4867aa !important; +} + +.footer .twitter-bg:hover { + background: #56d7fe !important; +} + +.footer .google-bg:hover { + background: #dc4e41 !important; +} + +.footer .linkedin-bg:hover { + background: #0177b5 !important; +} + +.footer .f-logo { + margin-bottom: 0px; + height: 50px; +} + +.footer .footer-inner .subscribe-box { + text-align: left; +} + +.sub-footer { + padding: 20px 0; + text-align: center; + margin-bottom: 0; + background: #202c54; + color: #fff; +} + +.sub-footer p { + margin-bottom: 0; + color: #b3b3b3; + text-align: left; + line-height: 44px; +} + +.footer .form-inline { + width: 100%; +} + +.footer .footer-inner form .form-control { + width: 100%; + height: 44px; + padding: 10px 15px; + font-size: 15px; + outline: 0; + border: transparent; + border-radius: 3px; + margin-bottom: 10px !important; +} + +.footer .form-inline .btn { + width: 100%; + padding: 10px 13px; + font-size: 15px; + font-weight: 400; + border-radius: 3px; +} + +.footer .recent-posts .media h5 a { + color: #b3b3b3; + font-weight: 400; +} + +.footer .recent-posts .media h5 a:hover { + color: #a6a8ab; +} + +.footer .recent-posts .listing-post-meta { + font-size: 14px; + color: #b3b3b3; +} + +.footer .recent-posts .listing-post-meta a { + color: #b3b3b3; +} + +.footer .footer-inner .text { + margin-right: 30px; +} + +.footer .s-border { + background: #525252; +} + +.footer .m-border { + background: #525252; +} + +/** Brand box start **/ +.brand-box { + text-align: center; + display: inline-block; + width: 100%; + margin-bottom: 50px; + color: #505050; +} + +.brand-box img { + height: 50px; +} + +.brand-box h5 { + margin: 15px 0 10px; + font-size: 16px; + font-weight: 400; + color: #212121; +} + +.brand-box h6 { + margin: 0; + font-size: 14px; + color: #535353; +} + +.view-all ul { + margin-bottom: 30px; + padding: 0; + text-align: center; +} + +.view-all ul li { + display: inline-block; +} + +.view-all ul li a { + width: 38px; + height: 38px; + line-height: 38px; + margin-bottom: 5px; + text-align: center; + display: inline-block; + font-size: 15px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + text-decoration: none; + color: #535353; +} + +.view-all h3 { + margin: 0 0 30px; + text-align: center; + font-weight: 400; + color: #212121; + font-size: 30px; +} + +.view-form-search { + max-width: 400px; + margin: 0 auto 50px; +} + +.view-form-search .form-search .form-control { + border: 1px solid #fff; + border-radius: 3px; + background: #fff; + height: 50px; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + padding: 10px 30px; + font-size: 16px; +} + +.view-form-search .form-search .btn { + background: none; + position: absolute; + right: 0; + top: 0; + padding: 13px 20px 11px 13px; +} + +/** Posts by category start **/ +.posts-by-category ul { + margin: 0; + padding: 0; + text-align: left; +} + +.posts-by-category ul li { + margin-bottom: 10px; +} + +.posts-by-category ul li a { + color: #535353; + font-weight: 500; + font-size: 15px; +} + +.posts-by-category ul li a span { + float: right; +} + +.posts-by-category ul li:last-child { + border-bottom: none; + margin: 0; +} + +/** Tags box start **/ +.tags-box ul li { + display: inline-block; +} + +.tags-box ul li a { + border: 1px solid #f3f3f3; + background: #f3f3f3; + color: #535353; + display: inline-block; + font-size: 14px; + margin: 0 0 5px; + padding: 5px 13px; + font-weight: 400; + text-transform: capitalize; + border-radius: 3px; +} + +.tags-box ul li a:hover { + color: #fff; +} + +/** Recent posts start **/ +.recent-posts .media img { + width: 60px; + border-radius: 100px; +} + +.recent-posts .media h5 { + margin-bottom: 7px; + font-weight: 400; +} + +.recent-posts .media h5 a { + font-size: 18px; + color: #383737; +} + +.recent-posts .media h5 a:hover { + color: #2d2d2d; +} + +.recent-posts .listing-post-meta { + font-size: 14px; + color: #535353; +} + +.recent-posts .listing-post-meta a { + color: #535353; +} + +/** Best team start **/ +.best-team .media img { + width: 75px; + border-radius: 3px; +} + +.best-team .media h5 { + margin-bottom: 7px; + font-weight: 400; +} + +.best-team .media h5 a { + font-size: 18px; + color: #212121; + font-weight: 400; +} + +.best-team .media h5 a:hover { + color: #2d2d2d; +} + +.best-team .media li { + margin-bottom: 3px; + font-size: 14px; + font-weight: 400; + color: #535353; +} + +.best-team .media .media-body li i { + margin-right: 5px; + font-size: 13px; +} + +/** Question start **/ +.question .contact-info li { + line-height: 25px; + padding-left: 22px; + font-weight: 500; + position: relative; + font-size: 15px; + margin-bottom: 15px; +} + +.question .contact-info li i { + left: 0; + position: absolute; + top: 0; + font-size: 15px; +} + +.question .social-list li { + text-align: center; + display: inline-block; + list-style: none; +} + +.question .social-list li a { + width: 38px; + height: 38px; + line-height: 38px; + text-align: center; + display: inline-block; + font-size: 16px; + border-radius: 3px; + color: #fff; + margin: 0 4px 2px 0; +} + +/** Agent experience start **/ +.agent-experience { + font-size: 15px; + position: relative; + padding-left: 22px; +} + +.agent-experience i { + top: 7px; +} + +.agent-experience i { + left: 0; + position: absolute; +} + +/** Rating area start **/ +.rating-area { + margin-bottom: 20px; +} + +.rating-area .average-rating { + padding: 19px; + text-align: center; + border-radius: 0; +} + +.rating-area .average-rating h1 { + color: #fff; + font-weight: 600; +} + +.rating-area .average-rating .ratings i { + color: orange; +} + +.rating-area .average-rating h4 { + font-size: 16px; + color: #fff; + margin-bottom: 0; +} + +.rating-area .rating-item { + display: flex; + align-items: center; + margin-bottom: 6px; +} + +.rating-area .rating-item .ratings { + margin-left: auto; +} + +.rating-area .rating-count { + width: 40px; +} + +.rating-area .rating-bar { + width: 59%; + height: 15px; + margin: 0 20px; + background: #d4d7de; + position: relative; +} + +.rating-area .rating-width { + position: absolute; + height: 100%; + left: 0; + top: 0; + z-index: 1; + background: #7a7d8a; +} + +.rating-area .ratings i { + color: #eda619; + font-size: 14px; +} + +/** Counters start **/ +.counters { + padding: 80px 0 50px; + background: url(../img/car-6.jpg); + z-index: 0; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; +} + +.counter-box { + text-align: center; + opacity: 0.9; + border: dashed 1px #504f4f; + padding: 20px; + max-width: 200px; + margin: 0 auto 30px; + border-radius: 5px; +} + +.counter-box i { + font-size: 45px; + color: #fff; + line-height: inherit; +} + +.counter-box h1 { + font-weight: 700; + margin: 10px 0 15px; + font-size: 35px; +} + +.counter-box h5 { + margin: 0; + font-size: 16px; + color: #fff; + font-weight: 400; + text-transform: uppercase; +} + +/** Counters 2 start **/ +.counters-2 { + padding: 100px 0 70px; + background: url(../img/car-7.jpg); + z-index: 0; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + position: relative; +} + +.counter-box-2 { + position: relative; + margin-bottom: 30px; +} + +.counter-box-2 .icon { + position: absolute; + font-size: 40px; + width: 65px; + border-radius: 2px; + margin-right: 20px; + background: #fff; + height: 65px; + text-align: center; + line-height: 65px; +} + +.counter-box-2 .icon i { + color: #fff; +} + +.counter-box-2 .detail { + margin-left: 87px; + text-align: left; +} + +.counter-box-2 h2 { + font-weight: 700; + color: #fff; + margin: 0 0 7px; + font-size: 30px; + opacity: 0.9; +} + +.counter-box-2 h5 { + margin: 0; + line-height: normal; + font-size: 15px; + color: #fff; + opacity: 0.9; +} + +/** Service info 2 start **/ +.service-info-2 { + margin: 0 0 30px 0; + width: 100%; + background: #fff; + padding: 50px 20px 40px; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + text-align: center; +} + +.service-info-2:hover { + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); +} + +.service-info-2 .icon { + margin: 0 auto 20px; + font-size: 50px; + line-height: normal; +} + +.service-info-2 h5 { + font-size: 20px; + font-weight: 400; + margin-bottom: 15px; + color: #212121; +} + +.mt-50 { + margin-top: 50px; +} + +.service-section { + background: rgba(0, 0, 0, 0.04) url(../img/bg-img-6.jpg) top left repeat; + background-size: cover; + width: 100%; +} + +/** Service section 2 start **/ +.service-section-2 { + background: rgba(0, 0, 0, 0.04) url(../img/bg-img-6.jpg) top left repeat; + background-size: cover; + width: 100%; + padding: 100px 0 70px; +} + +.featured-car.content-area { + background: rgba(0, 0, 0, 0.04) url(../img/bg-img-6.jpg) top left repeat; + background-size: cover; + width: 100%; + padding: 100px 0 70px; +} + +.service-box ul { + margin-bottom: 20px; +} + +.service-box ul li { + margin-bottom: 10px; + font-size: 15px; + padding-left: 26px; + position: relative; + font-weight: 500; +} + +.service-box ul li i { + left: 0; + position: absolute; + top: 3px; +} + +/** Testimonial 2 start **/ +.testimonial-2 { + opacity: 1; + background: rgba(0, 0, 0, 0.04) url(../img/car-10.jpg) top left repeat; + z-index: 0; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + position: relative; +} + +.testimonial-2:before { + position: absolute; + content: ''; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.35); +} + +.testimonial-2 h1 { + color: #fff; + opacity: 0.9; +} + +.testimonial-2 .main-title p { + color: #fff; + opacity: 0.9; + margin-bottom: 20px; +} + +.testimonial-2 .testimonial-info-box { + text-align: left; + border: none; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + position: relative; + padding: 30px; + border-radius: 5px; + background: #fff; +} + +.testimonial-2 .testimonial-info-box p { + margin-bottom: 30px; +} + +.testimonial-2 .testimonial-info-box .user-profile { + position: relative; + display: inline-block; + width: 100%; + text-align: left; +} + +.testimonial-2 .testimonial-info-box .user-profile img { + width: 60px; + border-radius: 5px; + box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4); +} + +.testimonial-2 .testimonial-info-box .user-profile .info { + margin: 0 0 0 75px; +} + +.testimonial-2 .testimonial-info-box .user-profile .avatar { + border-radius: 50%; + height: 65px; + width: 65px; + left: 0; + position: absolute; +} + +.testimonial-2 .testimonial-info-box .user-profile h5 { + margin: 7px 0 5px; +} + +.testimonial-2 .testimonial-info-box .user-profile h5 a { + font-weight: 400; + font-size: 20px; + color: #212121; +} + +.testimonial-2 .testimonial-info-box .user-profile h6 { + font-size: 15px; + margin-bottom: 0; +} + +/** Testimonial 3 start **/ +.testimonial-3 { + padding: 100px 0; + background: url(../img/car-10.jpg); + z-index: 0; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + position: relative; +} + +.testimonial-3:before { + position: absolute; + content: ''; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.35); +} + +.testimonial-3 .carousel-item { + margin-bottom: 30px; +} + +.testimonial-3 .carousel-indicators li { + position: relative; + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + width: 12px; + height: 12px; + border-radius: 50px; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + background-color: #fff; +} + +.testimonial-3 .carousel-indicators { + bottom: -15px; +} + +.testimonial-3 .testimonial-info { + max-width: 800px; + margin: 0 auto; +} + +.testimonial-3 .testimonial-info p { + color: #fff; + opacity: 0.8; +} + +.testimonial-3 .testimonial-info .avatar img { + border-radius: 5px; +} + +.testimonial-3 .testimonial-info h5 { + font-size: 16px; + color: #fff; + margin-bottom: 0; + opacity: 0.8; +} + +.testimonial-3 .testimonial-info .ratings { + color: orange; + font-size: 14px; + margin-bottom: 10px; +} + +.testimonial-3 .testimonial-info .ratings span { + color: #fff; + opacity: 0.8; +} + +.testimonial-3 .testimonial-info .info-section { + padding: 35px 30px; + border-radius: 5px; + background: rgba(0, 0, 0, 0.36); + border: solid 2px rgba(255, 255, 255, 0.2); +} + +/** Important btn start **/ +.important-btn { + cursor: pointer; + padding: 8px 30px; + font-size: 15px; + font-weight: 400; + transition: .5s; + border-radius: 3px !important; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +/** Listings parallax start **/ +.listings-parallax { + + z-index: 0; + background-position: center center; + background-repeat: no-repeat; + background-size: cover; + color: #efefef; + padding-top: 80px; +} + +.listings-parallax .text { + display: inline-block; +} + +/** Social links start SOCIAL **/ +.social-links .social-list li { + display: inline-block; + font-size: 16px; +} + +.social-links .social-list li a { + margin-right: 2px; + font-size: 14px; + width: 40px; + height: 40px; + border-radius: 3px; + display: inline-block; + text-align: center; + line-height: 40px; +} + +/** Option bar start **/ +.option-bar { + margin-bottom: 30px; + padding: 15px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.option-bar .sort { + color: #4d4d4d; + font-size: 14px; + font-weight: 600; + margin-right: 10px; + line-height: 35px; +} + +.sorting-options2 { + float: left; +} + +.sorting-options2 h5 { + line-height: 45px; + margin-bottom: 0; + font-size: 20px; + font-weight: 400; + color: #212121; +} + +.sorting-options span { + line-height: 35px; +} + +.sorting-options { + float: right; +} + +.sorting-options-3 { + width: 200px; + margin-right: 3px; +} + +.change-view-btn { + border-radius: 2px; + border: solid 2px #e4e4e4; + margin: 0 2px; + width: 45px; + height: 45px; + text-align: center; + line-height: 45px; + display: block; + float: left; + font-size: 18px; +} + +.change-view-btn:hover { + background: #e4e4e4; + border: solid 1px #e4e4e4; +} + +.active-view-btn { + background: #e4e4e4; + border: solid 1px #e4e4e4; + width: 45px; + height: 45px; + text-align: center; + line-height: 45px; + display: block; + float: left; +} + +.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { + background-color: #ccc !important; + filter: "alpha(opacity=20)"; + -ms-filter: "alpha(opacity=20)"; +} + +.option-bar .btn-light:hover { + color: #636363; +} + +/** Comments start **/ +.comments { + list-style: none; + margin: 0; + padding: 0; +} + +.comment { + margin: 0 0 30px 0; + position: relative; + display: inline-block; + width: 100%; +} + +.comment h5 { + font-size: 15px; + font-weight: 600; + margin-bottom: 15px; +} + +.comment .title { + font-size: 18px; + font-weight: 600; + margin-bottom: 10px; +} + +.comment-author { + border-radius: 50%; + height: 60px; + width: 60px; + left: 0; + position: absolute; + top: 0; +} + +.comment-author a img { + bottom: 2px; + border-radius: 5px; + display: block; + width: 100%; + position: absolute; + top: 2px; + box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4); +} + +.t-s { + margin-top: 40px; +} + +.t-s h2 { + font-weight: 600; + font-size: 22px; + margin: 0 0 20px; +} + +.comment-content { + margin: 0 0 0 80px; + background: #f3f3f3; + padding: 20px; + border-radius: 5px; +} + +.comment p { + margin-bottom: 0; + font-size: 15px; +} + +.mrg-bdr { + margin-bottom: 0; + border-bottom: none; + padding: 0; +} + +.comment-content h6 { + font-size: 16px; + font-weight: 500; + margin-bottom: 10px; +} + +.comment-content h6 span { + font-weight: 400; + font-size: 14px; +} + +.comment-content h6 span a { + margin-left: 10px; + padding: 5px 10px; + border-radius: 3px; + text-transform: uppercase; + font-size: 12px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.comment-content h6 span a:hover { + color: #535353 !important; +} + +.comment-content .comment-rating { + color: orange; +} + +.comments ul { + list-style: none; + margin: 0 0 0 80px; + padding: 0; +} + +.comment-b .comment-content { + padding-bottom: 0; + border-bottom: transparent; + margin: 0 0 0 85px; +} + +.comment-b .comment-content p { + margin-bottom: 0; +} + +.comment-b { + margin-bottom: 0; +} + +/** Coming soon start **/ +.coming-soon { + background: rgba(0, 0, 0, 0.04) url(../img/car-1.jpg) top left repeat; + background-size: cover; + top: 0; + width: 100%; + bottom: 0; + opacity: 1; + min-height: 100vh; + text-align: center; + position: relative; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + justify-content: center; + align-items: center; + padding: 10px 0; +} + +.coming-soon .coming-soon-info { + max-width: 500px; + margin: 0 auto; +} + +.coming-soon-info .logo { + letter-spacing: 1px; + top: 15px; + right: 20px; +} + + +.coming-soon h1 { + font-weight: 600; + font-size: 45px; + margin-bottom: 20px; + color: #fff; + text-transform: uppercase; +} + +.coming-soon h1 span { + font-weight: 900; +} + +.coming-soon h6 { + color: #fff; + font-size: 16px; + margin-bottom: 30px; + letter-spacing: 1px; +} + +.coming-soon ul li { + display: inline-block; +} + +.coming-soon ul li a { + color: #fff; + width: 45px; + font-size: 18px; + height: 45px; + display: inline-block; + line-height: 45px; + margin: 2px; + border-radius: 3px; + background: rgba(0, 0, 0, 0.36); + -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); +} + +.coming-soon ul li a:hover { + background: #fff; + -webkit-box-shadow: 0px 0px 0px 2px #fff; + box-shadow: 0px 0px 0px 2px #fff; +} + +.coming-soon-info .coming-form { + max-width: 400px; + margin: 0 auto; +} + +.coming-soon .bordered-right { + border-right: 1px solid #848484; +} + +.coming-soon .form-control { + width: 67%; + height: 50px; + padding: 10px 15px; + border-radius: 0; + font-size: 16px; + outline: 0; + border: 1px solid #ebebeb; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} + +.coming-soon .btn, +.coming-soon-info .btn:hover, +.coming-soon-info .btn:active { + width: 33%; + border-radius: 0; + height: 50px; + line-height: 50px; + padding: 0 15px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + font-size: 15px; + font-weight: 400; + text-transform: uppercase; + cursor: pointer; + color: #fff; +} + +.coming-soon img { + margin-bottom: 20px; + height: 50px; +} + +.coming-soon-counter { + margin-bottom: 20px; +} + +.coming-soon-counter div { + display: inline-block; + font-size: 30px; + font-weight: 700; + color: #fff; + margin: 0 10px 10px; + width: 100px; + padding: 5px 2px 10px; + border-radius: 3px; + background: rgba(0, 0, 0, 0.36); + -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); +} + +.coming-soon-counter div:last-child { + border: none; +} + +.coming-soon-counter div span { + display: block; + font-weight: 400; + text-align: center; + font-size: 15px; + color: #fff; + font-family: 'Roboto', sans-serif; +} + +.ca .team-2 .detail { + padding: 20px 20px 20px 25px; + left: -0; +} + +/** Contact 2 start **/ +.contact-2 .contact-info { + text-align: center; +} + +.contact-2 .contact-info strong { + font-weight: 500; + font-size: 14px; + color: #525252; +} + +.contact-2 .contact-info i { + font-size: 24px; + color: #212529; +} + +.contact-2 .contact-info p { + margin: 0; + font-size: 15px; +} + +.contact-2 .form-control { + width: 100%; + padding: 10px 20px; + font-size: 16px; + background: transparent; + outline: 0; + height: 45px; + border-radius: 3px; + border: 1px solid #dbdbdb; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); +} + +.contact-2 .form-control:focus { + color: #495057; + background-color: transparent; + border: 1px solid #dbdbdb; + outline: 0; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); +} + +.contact-2 .form-group { + margin-bottom: 20px; +} + +.contact-2 textarea { + min-height: 250px; +} + +.contact-2 .btn-message { + border-radius: 50px; + padding: 10px 60px 11px; +} + +.contact-map { + height: 350px !important; +} + +.contact-map-content .map-content { + width: 250px; +} + +.contact-2 .contact-info-2 { + padding: 40px; + border-radius: 5px; + margin-left: 50px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.contact-2 .contact-info-2 .ci-box i { + width: 45px; + line-height: 50px; + margin-right: 5px; + font-size: 33px; +} + +.contact-2 .contact-info-2 .ci-box h5 { + font-weight: 500; + font-size: 16px; + margin: 0 0 5px; +} + +.contact-2 .contact-info-2 .ci-box p { + font-size: 15px; + font-weight: 400; + margin-bottom: 0; +} + +.contact-2 .contact-info-2 .ci-box { + margin: 0 0 30px 0; + position: relative; + width: 100%; +} + +.contact-2 .ci-box .icon { + position: absolute; +} + +.contact-2 .ci-box .detail { + margin-left: 50px; +} + +/** Social media box **/ +.social-media-box .social-list li { + float: left; +} + +.social-media-box .social-list li a { + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + display: inline-block; + font-size: 18px; + color: #fff; + margin: 0 6px 4px 0; + border-radius: 3px; +} + +/** Financing calculator **/ +.financing-calculator .form-label { + margin-bottom: 8px; + font-size: 14px; + color: #535353; + font-family: 'Roboto', sans-serif; +} + +.financing-calculator .form-group { + margin-bottom: 20px; +} + +.mt-30 { + margin-top: 30px; +} + +/** Service info srart **/ +.service-info { + margin: 0 0 30px 0; + width: 100%; + position: relative; + display: inline-block; + background: #fff; + padding: 30px 25px; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.service-info:hover { + box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); +} + +.service-info i { + font-size: 40px; + margin-bottom: 20px; +} + +.service-info h3 { + font-size: 20px; + font-weight: 400; + position: relative; + margin: 10px 0; +} + +.service-info .number { + font-size: 170px; + line-height: 1; + color: #f6f6f6; + display: inline-block; + position: absolute; + z-index: 0; + right: 15px; + font-weight: 600; + top: 5px; + margin-top: -25px; + font-family: "Poppins", sans-serif; + +} + +.service-info p { + line-height: 26px; + margin-bottom: 0; + font-size: 15px; + position: relative; +} + +/** Content area srart **/ +.content-area { + padding: 100px 0 70px; +} + +.content-area-2 { + margin-bottom: 100px; +} + +.content-area-3 { + margin-bottom: 70px; +} + +.content-area-4 { + padding: 100px 0 50px; +} + +.content-area-5 { + padding: 100px 0; +} + +.content-area-6 { + padding: 100px 0 50px; +} + +.content-area-7 { + padding-bottom: 85px; +} + +.content-area-8 { + padding: 185px 0 70px; +} + +.content-area-9 { + padding: 100px 0 90px; +} + +.content-area-10 { + padding: 100px 0 60px; +} + +.content-area-11 { + padding: 100px 0; +} + +.content-area-12 { + padding: 100px 0 80px; +} + +.content-area-13 { + padding: 100px 0 85px; +} + +.content-area-14 { + margin-bottom: 90px; +} + +.content-area-15 { + padding: 100px 0 10px; +} + +.content-area-16 { + padding: 100px 0 90px; +} + +.content-area-17 { + padding: 100px 0 80px; +} + +.content-area-18 { + padding: 185px 0 100px; +} + +.content-area-19 { + padding: 100px 0 50px; +} + +.content-area-19 { + padding: 100px 0 50px; +} + +.service-center { + padding: 100px 0 115px; +} + +.content-area-5 { + padding: 100px 0; +} + +.theme img { + margin-bottom: 30px; +} + +/** Paginatin box **/ +.pagination-box { + margin-bottom: 25px; +} + +.pagination { + padding-left: 0; + border-radius: 4px; + display: inline-block; +} + +.pagination li { + display: inline-block; +} + +.pagination>li>a { + color: #4d4d4d; + font-size: 18px; + background: #fff; + font-weight: 400; +} + +.pagination>li>a i { + font-size: 15px; + font-weight: 600; +} + +.pagination>li>a, +.pagination>li>span { + margin: 0 2px 5px; + height: 40px; + width: 40px; + line-height: 40px; + text-align: center; + border: none; + padding: 0; + border-radius: 0; + background: #fff; + box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); +} + +.pagination .page-item:first-child .page-link { + border-radius: 0; +} + +.pagination .page-item:last-child .page-link { + border-radius: 0; +} + +.pagination>li>a:hover { + color: #fff; +} + +.pagination>li>.active { + color: #fff; + box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); +} + +.page-link:focus { + box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); +} + +.show-more-options { + font-weight: 600; + font-size: 14px; + margin-bottom: 20px; + display: block; + line-height: 30px; + font-family: 'Roboto', sans-serif; + color: #383737 !important; +} + +.show-more-options i { + font-size: 20px; + line-height: 30px; + margin-right: 3px; +} + +/** Partners start **/ +.partners { + text-align: center; + padding: 30px 0 20px; +} + +.partners img { + max-width: 120px; + margin: 0 auto; +} + +/** S-border start **/ +.s-border { + width: 50px; + height: 1px; + margin-bottom: 2px; + border-radius: 50px; + background: #c5c5c5; +} + +.m-border { + width: 25px; + height: 1px; + margin-bottom: 30px; + border-radius: 50px; + background: #c5c5c5; +} + +.sidebar-right .m-border { + margin-bottom: 20px; +} + +.sidebar-left .m-border { + margin-bottom: 20px; +} + +.sidebar-right .contact-2 textarea { + min-height: 150px; +} + +/** Navbar buttons start **/ +.navbar-buttons img { + width: 45px; + border-radius: 50px; + margin: 20px 15px 20px 0; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.navbar-buttons { + float: right; + text-align: right; + font-weight: 500; +} + +.navbar-buttons ul li { + float: left; + margin-left: 35px; +} + +.navbar-buttons .btn-md { + border-radius: 50px; +} + +.header-2 { + padding: 0 15px; +} + +/** Contact-section start **/ +.contact-section { + min-height: 100vh; + position: relative; + display: flex; + justify-content: center; + align-items: center; + padding: 10px 0; +} + +.contact-section .bg-img { + + background-size: cover; + top: 0; + bottom: 0; + border-radius: 0 20px 20px 0; + opacity: 1; + width: 100%; + z-index: 999; + min-height: 496px; + position: relative; + display: flex; + justify-content: center; + align-items: center; +} + +.contact-section { + top: 0; + width: 100%; + bottom: 0; + opacity: 1; + min-height: 100vh; + text-align: center; + position: relative; + display: flex; + justify-content: center; + align-items: center; + padding: 30px 0; +} + +.contact-section .form-section { + max-width: 600px; + margin: 0 auto; + padding: 30px; + background: #fff; + border-radius: 5px; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.contact-section .form-section p { + margin-bottom: 0; + text-align: center; + font-size: 15px; +} + +.contact-section .form-section p a { + font-weight: 400; + color: #535353; +} + +.contact-section .form-section .extra-login { + float: left; + width: 100%; + margin: 25px 0 25px; + text-align: center; + position: relative; +} + +.contact-section .form-section .extra-login::before { + position: absolute; + left: 0; + top: 10px; + width: 100%; + height: 1px; + background: #d8dcdc; + content: ""; +} + +.contact-section .form-section .extra-login>span { + width: auto; + float: none; + display: inline-block; + background: #fff; + padding: 1px 20px; + z-index: 1; + position: relative; + font-family: Open Sans; + font-size: 13px; + color: #616161; + text-transform: capitalize; +} + +.contact-section .form-section ul { + list-style: none; + padding: 0; + margin: 0 0 20px; +} + +.contact-section .form-section .social-list li { + display: inline-block; + margin-bottom: 5px; +} + +.contact-section .logo-2 img { + margin-bottom: 5px; + height: 45px; +} + +.contact-section .form-section .social-list li a { + font-size: 12px; + font-weight: 600; + width: 120px; + margin: 2px 0 3px 0; + height: 35px; + line-height: 35px; + border-radius: 3px; + display: inline-block; + text-align: center; + text-decoration: none; +} + +.contact-section .form-section .social-list li a i { + height: 35px; + width: 35px; + line-height: 35px; + float: left; + border-radius: 3px; +} + +.contact-section .form-section .social-list li a span { + margin-right: 7px; + color: #fff; +} + +.contact-section .form-section .thembo { + margin-left: 4px; +} + +.contact-section .form-section h3 { + margin: 0 0 25px; + font-size: 22px; + font-weight: 400; + color: #212121; + text-align: center; +} + +.contact-section .form-section .form-group { + margin-bottom: 20px; +} + +.contact-section .form-section .form-box { + float: left; + width: 100%; + position: relative; +} + +.contact-section .form-section .form-box input { + float: left; + width: 100%; + padding: 10px 20px 11px 50px; + border-radius: 3px; +} + +.contact-section .form-section .form-box select { + width: 100%; + padding: 10px 20px; + font-size: 15px; + background: transparent; + outline: 0; + color: #717171; + height: 50px; + border-radius: 3px; + border: 1px solid #dbdbdb; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); +} + + + + +.contact-section .form-section .form-box .fa-user { + position: absolute; + top: 15px; + left: 20px; + color: #717171; + font-size: 19px; +} + +.contact-section .form-section .input-text { + width: 100%; + padding: 10px 20px; + font-size: 15px; + background: transparent; + outline: 0; + color: #717171; + height: 50px; + border-radius: 3px; + border: 1px solid #dbdbdb; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); +} + +.contact-section .form-section .form-box i { + position: absolute; + top: 11px; + left: 20px; + color: #717171; + font-size: 19px; +} + +.contact-section .form-section .checkbox .terms { + margin-left: 3px; +} + +.contact-section .form-section .btn-md { + cursor: pointer; + padding: 14.5px 50px 13.5px 50px; + font-size: 15px; + font-weight: 400; + border-radius: 3px; +} + +.contact-section .form-section input[type=checkbox], +input[type=radio] { + margin-right: 3px; +} + +.contact-section .form-section button:focus { + outline: none; + outline: 0 auto -webkit-focus-ring-color; +} + +.contact-section .form-section .btn-theme.focus, +.btn-theme:focus { + box-shadow: none; +} + +.contact-section .form-section .btn-theme { + box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); + border: none; + color: #fff; +} + +.contact-section .form-section .btn-theme:hover { + box-shadow: 0 0 35px rgba(0, 0, 0, 0.2); +} + +.contact-section .none-2 { + display: none; +} + +.contact-section .logo { + top: 40px; + position: absolute; + left: 65px; +} + +.contact-section .form-section .terms { + margin-left: 3px; +} + +.contact-section .form-section .checkbox { + margin-bottom: 20px; + font-size: 14px; +} + +.contact-section .form-section .form-check { + float: left; + margin-bottom: 0; +} + +.contact-section .form-section .form-check a { + color: #616161; + float: right; +} + +.contact-section .form-section .form-check-input { + position: absolute; + margin-left: 0; +} + +.contact-section .form-section .form-check label::before { + content: ""; + display: inline-block; + position: absolute; + width: 18px; + height: 18px; + top: 2px; + margin-left: -25px; + border: 1px solid #c5c3c3; + border-radius: 3px; + background-color: #fff; +} + +.contact-section .form-section .form-check-label { + padding-left: 25px; + margin-bottom: 0; + font-size: 14px; + color: #616161; +} + +.contact-section .form-section .checkbox-theme input[type="checkbox"]:checked+label::before { + background-color: #00a875; + border-color: #00a875; +} + +.contact-section .form-section input[type=checkbox]:checked+label:before { + font-weight: 300; + color: #f3f3f3; + line-height: 15px; + font-size: 14px; + content: "\2713"; +} + +.contact-section .form-section input[type=checkbox], +input[type=radio] { + margin-top: 4px; +} + +.contact-section .form-section a.forgot-password { + font-size: 15px; + float: right; + line-height: 50px; +} + +/** Social media **/ +.contact-section .facebook-bg { + background: #4867aa; + color: #fff; +} + +.contact-section .twitter-bg { + background: #33CCFF; + color: #fff; +} + +.contact-section .google-bg { + background: #db4437; + color: #fff; +} + +.contact-section .google-i { + background: #c3291c; +} + +.contact-section .facebook-i { + background: #3b589e; +} + +.contact-section .twitter-i { + background: #0cace0; +} + +@media (max-width: 500px) { + .contact-section .form-section .social-list li a i { + display: none; + } + + .contact-section .form-section .social-list li a { + width: 100px; + } +} + +/** Login 2 end **/ + +/** Sidebar widget start **/ +.sidebar-right { + margin: 0 0 30px 0; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.sidebar-left { + margin: 0 0 30px 0; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.widget { + padding: 30px 20px; + border-bottom: solid 1px #efefef; +} + +.widget-2 { + margin-bottom: 40px; + padding: 30px 20px; +} + +.widget-2 .m-border { + margin-bottom: 20px; +} + +.widget-3 { + border-bottom: none; +} + +.single-block { + margin-bottom: 30px; +} + +.sidebar-title { + font-size: 22px; + position: relative; + margin: 0 0 25px; + font-weight: 400; + color: #212121; +} + +.sidebar .search-box { + padding: 20px 20px 0 20px; + margin-bottom: 0; +} + +.form-search { + position: relative; +} + +.form-search .form-control { + box-shadow: none; + border: 1px solid #F7F7F7; + background: #F7F7F7; + border-radius: 3px; + height: 45px; +} + +.form-search .btn { + background: none; + position: absolute; + right: 0; + top: 0; + padding: 12px 12px 9px 13px; +} + +.form-search .btn:active, +.form-search .btn:focus { + box-shadow: none; + outline: none; +} + +.form-search .btn i { + color: #777; +} + +.form-search .form-group, +.form-search .form-control { + width: 100%; +} + +.range-slider { + margin-top: 15px; + margin-bottom: 30px; + font-family: 'Roboto', sans-serif; +} + +.range-slider .ui-slider { + position: relative; + text-align: left; +} + +.range-slider label { + font-size: 14px; + color: #535353; + font-weight: 500; + margin-bottom: 12px; +} + +.range-slider .ui-slider .ui-slider-handle { + position: absolute; + z-index: 2; + width: 14px; + height: 14px; + border-radius: 0; + border: 2px solid #66676b; + cursor: w-resize; + outline: none; + top: -5px; + margin-left: -8px; + box-shadow: none !important; +} + +.range-slider .ui-slider .ui-slider-range { + position: absolute; + z-index: 1; + display: block; + border: 0; + background-position: 0 0; +} + +.range-slider .ui-slider .ui-slider-handle {} + +.range-slider .ui-widget-content { + background-color: #ccc; +} + +.range-slider .ui-widget-header {} + +.range-slider .ui-slider.ui-state-disabled .ui-slider-handle, +.range-slider .ui-slider.ui-state-disabled .ui-slider-range { + filter: inherit; +} + +.range-slider .ui-slider-horizontal { + height: 4px; + border-radius: 10px; + width: calc(100% - 16px); + margin-left: 8px; +} + +.range-slider .ui-slider-horizontal .ui-slider-range { + top: 0; + height: 100%; +} + +.range-slider .ui-slider-horizontal .ui-slider-range-min { + left: 0; +} + +.range-slider .ui-slider-horizontal .ui-slider-range-max { + right: 0; +} + +.min-value:focus, +.max-value:focus, +.min-value, +.max-value { + width: 40%; + display: inline-block; + border: 0; + background-color: transparent; + padding: 0; + margin: 12px 0 0 0; + cursor: default; +} + +.min-value { + float: left; + margin-left: -8px; + width: 40%; + margin-right: -8px; + font-size: 13px; + color: #535353; + font-weight: 500; + margin-top: 15px; +} + +.max-value { + float: right; + width: 60%; + text-align: right; + margin-right: -8px; + font-size: 13px; + color: #535353; + font-weight: 500; + margin-top: 15px; +} + +.sidebar .recent-posts-box .detail header { + padding-bottom: 0; +} + +.search-box-3 { + padding: 30px 0 10px; + background: #fff; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.search-box-3 .button-theme { + color: #fff; + font-weight: 600; +} + +.search-box-3 i { + margin-right: 3px; +} + +.search-box-3 .form-group { + margin-bottom: 20px; +} + +.search-box-3 .range-slider { + margin-top: 10px; + margin-bottom: 20px; +} + +.sb-6 { + display: none; +} + +.white-btn { + background: #24272b; + color: #fff; + font-size: 14px; +} + +.text-l { + text-align: left !important; +} + +.text-r { + text-align: right !important; +} + +.search-box-4 { + position: absolute; + padding: 25px 25px 10px; + max-width: 400px !important; + width: 100%; + top: 25%; + right: 10%; + z-index: 1; + background: #fff; + border-radius: 10px; +} + +.search-box-4 .search-fields { + min-height: 40px; + padding: 0; + border-radius: 3px; + box-shadow: none; + border: 1px solid #e0e0e0; + background: #fff; +} + +.search-box-4 .btn-md { + padding: 12px 30px 12px 30px; +} + +/** Sub Banner start **/ +.sub-banner { + background: rgba(0, 0, 0, 0.04) url(../img/car-1.jpg) top left repeat; + background-size: cover; + height: 360px; + background-position: center center; + background-repeat: no-repeat; + position: relative; + text-align: center; + font-family: 'Roboto', sans-serif; +} + +.sub-banner .breadcrumb-area { + letter-spacing: 1px; + position: absolute; + top: 55%; + right: 0; + opacity: 0.9; + left: 0; +} + +.mb-7 { + margin-bottom: 7px; +} + +.sub-banner .breadcrumb-area h1 { + margin: 0 0 7px; + font-weight: 500; + color: #fff; + font-size: 30px; + text-transform: uppercase; +} + +.sub-banner .breadcrumbs li { + display: inline-block; + list-style: none; + font-size: 16px; + font-weight: 400; + font-family: 'Roboto', sans-serif; + margin: 0; +} + +.sub-banner .breadcrumbs li a { + color: #fff; +} + +.sub-banner .breadcrumbs .active { + margin-left: 3px; + color: #fff; +} + +.sub-banner .breadcrumbs .active:before { + margin-right: 7px; + content: "/"; + padding: 0 3px; + color: #fff; + font: normal normal normal 16px/1 FontAwesome; +} + +.blog-social-list { + float: right; + font-family: 'Roboto', sans-serif; +} + +.blog-social-list a { + text-align: center; + display: inline-block; + list-style: none; +} + +.blog-social-list span { + margin-right: 10px; + font-weight: 600; + color: #4d4d4d; +} + +.blog-social-list a { + width: 32px; + height: 32px; + line-height: 32px; + text-align: center; + display: inline-block; + font-size: 15px; + color: rgb(255, 255, 255); + margin: 2px 0; + border-radius: 5%; +} + +.blog-tags a { + border: 1px solid #f3f3f3; + background: #f3f3f3; + color: #535353; + display: inline-block; + font-size: 14px; + margin: 0 0 5px; + padding: 5px 13px; + font-weight: 500; + text-transform: capitalize; + border-radius: 3px; +} + +.blog-tags span { + margin-right: 10px; + font-weight: 600; + color: #4d4d4d; + font-family: 'Roboto', sans-serif; +} + +/** Details banner start **/ +.details-banner { + background: rgba(0, 0, 0, 0.04) url(../img/car-11.jpg) top left repeat; + background-size: cover; + height: 550px; + background-position: center center; + background-repeat: no-repeat; + position: relative; + font-family: 'Roboto', sans-serif; +} + +.details-banner .text h1 { + font-size: 43px; + font-weight: 500; + margin-bottom: 25px; + color: #fff; +} + +.details-banner .text .ratings-3 span { + font-size: 15px; + color: #fff; + font-weight: 400; + font-family: 'Roboto', sans-serif; +} + +.details-banner .text .ratings-box { + margin-right: 4px; + padding: 4px 10px; + color: #fff; + border-radius: 3px; +} + +.details-banner .text .ratings-3 { + margin-bottom: 0 !important; + float: right; + display: inline-block; +} + +.details-banner .text .ratings-3 i { + color: orange; +} + +.details-banner .price-box-2 { + font-size: 36px; + font-weight: 700; + position: inherit; + float: right; + display: inline-block; +} + +.details-banner .text .ratings-3 span { + color: #fff; + opacity: 0.9; +} + +.details-banner .texts { + margin-top: 22px; +} + +.details-banner .breadcrumb-area-2 { + letter-spacing: 1px; + width: 100%; + position: absolute; + bottom: 40px; + right: 0; + left: 0; +} + +.details-banner .cover-buttons ul li { + display: inline-block; +} + +.details-banner .cover-buttons ul li a { + padding: 8px 15px; + font-size: 13px; + font-weight: 400; + border-radius: 3px; + -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.2); + box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2); + background: rgba(0, 0, 0, 0.36); + margin: 0 2px 2px 0; + color: #dedede; +} + +.details-banner .cover-buttons ul li a:hover { + color: #fff; +} + +/** My account box start **/ +.my-address form .form-group { + margin-bottom: 20px; +} + +.my-address form .input-text { + width: 100%; + padding: 10px 17px; + font-size: 14px; + border: 1px solid #e8e7e7; + outline: none; + height: 45px; + border-radius: 3px; + line-height: 30px; +} + +.my-address form textarea { + min-height: 150px; +} + +.my-address form label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-size: 12px; + font-weight: 600; + color: #827f7f; +} + +.my-address { + background: #fff; + padding: 20px; + box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08); +} + +.edit-profile-photo { + position: relative; + box-shadow: 0 0 10px 1px rgb(228, 228, 228); + padding: 2px; +} + +.change-photo-btn { + display: inline-block; + position: absolute; + font-size: 13px; + left: 0%; + right: 0%; + width: auto; + transition: 0.3s; + cursor: pointer; + line-height: 28px; + margin: 20px 0; +} + +.photoUpload { + position: relative; + overflow: hidden; + padding: 3px 15px; + border-radius: 3px; + cursor: pointer; + font-size: 12px; + text-align: center; +} + +.photoUpload span { + color: #fff; + font-weight: 600; +} + +.photoUpload input.upload { + position: absolute; + top: 0; + right: 0; + margin: 0; + padding: 0; + cursor: pointer; + opacity: 0; + filter: alpha(opacity=0); +} + +.my-address { + margin-bottom: 30px; +} + +.footer .listing-meta span a { + text-decoration: none; + float: right; + margin-left: 15px; + color: #525252; +} + +.footer .listing-meta span a i { + margin-right: 4px; +} + +.footer .listing-meta span a:hover { + color: #8c8c8c; +} + +.heading { + margin: 0 0 30px; + /* font-size: 20px; */ + font-weight: 600; +} + +.heading-2 { + margin: 0 0 25px; + font-size: 22px; + font-weight: 400; + color: #212121; +} + +.heading-4 { + margin-bottom: 30px; +} + +.heading-4 h4 { + margin-bottom: 10px; + font-size: 22px; + font-weight: 400; + color: #212121; +} + +.heading-4 p { + font-size: 16px; +} + +.form-group label, +.checkbox label { + font-weight: 400; + font-size: 14px; + color: #535353; +} + +/** Dashboard nav start **/ +.dashboard { + position: relative; +} + +.fixed-header { + position: fixed; + width: 100%; + z-index: 9999; + background: #fff; +} + +.dashboard-nav { + display: block; + height: 100%; +} + +.dashboard-nav h4 { + margin-bottom: 0; + color: #fff; + text-transform: uppercase; + font-weight: 600; + font-size: 12px; + letter-spacing: 1px; + padding: 15px 30px 15px; +} + +.dashboard-nav ul { + border-bottom: 1px solid #343a40; +} + +.dashboard-nav ul li.active, +.dashboard-nav ul li:hover { + border-color: #fff; +} + + +.dashboard-nav ul li { + border-left: 3px solid transparent; + line-height: 25px; + font-weight: 400; + font-size: 15px; +} + +.dashboard-nav ul li a { + color: #fff; + display: block; + padding: 11px 27px; + transition: .3s; + cursor: pointer; +} + +.dashboard-nav ul li a:hover { + color: #b3b3b3; +} + +.dashboard-nav ul li a i { + padding-right: 8px; + width: 20px; +} + +.dashboard-content { + padding: 30px 30px 0; +} + +.dashboard-header { + margin-bottom: 20px; +} + +.dashboard-header .breadcrumb-nav { + right: 15px; + display: inline-block; + font-size: 15px; + font-weight: 400; + float: right; +} + +.dashboard-header .breadcrumb-nav ul li { + display: inline-block; + list-style: none; + margin: 0 0 0 15px; + font-weight: 500; +} + +.dashboard-header h4 { + font-weight: 600; + font-size: 25px; +} + +.dashboard-list { + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + padding: 0; + margin-bottom: 30px; + display: inline-block; + width: 100%; +} + +.dashboard-list h3 { + padding: 15px 25px; + border-bottom: 1px solid #eee; + font-size: 20px; + margin: 0; + width: 100%; + font-weight: 600; +} + +.dashboard-message { + float: left; + padding: 25px 25px; + position: relative; + border-bottom: 1px solid #eee; + width: 100%; +} + +.dashboard-list h4 { + padding: 15px 25px; + border-top: 1px solid #eee; + border-bottom: 1px solid #eee; + font-size: 20px; + font-weight: 600; + margin: 0; +} + +.responsive-table { + padding: 20px; + display: inline-block; + border-bottom: 1px solid #eee; + width: 100%; + font-weight: 500; +} + +.dashboard-nav ul li span.nav-tag { + font-weight: 600; + display: inline-block; + font-size: 12px; + line-height: 18px; + padding: 0 7px; + text-align: center; + min-width: 20px; + height: 20px; + border-radius: 3px; + margin-left: 5px; + background: #fff; +} + +.dashboard-list .comment-content { + padding-bottom: 20px; + margin-bottom: 0; +} + +.sub-banner-2 { + margin: 0 15px 30px; + font-size: 15px; +} + +.badge-pink { + background-color: #ff8acc; + color: #fff; +} + +.badge-purple { + background-color: #5b69bc; + color: #fff; +} + +/** Tab box 2 start **/ +.tab-box-2 .nav-pills .nav-link.active, +.nav-pills .show>.nav-link { + background: transparent; + border-radius: 0; +} + +.tab-box-2 .nav-item { + float: right; + display: inline-block; +} + +.tab-box-2 .nav-link { + display: block; + padding: 8px 10px; + font-weight: 500; +} + +.comments-tr { + border-bottom: 1px solid #eee; +} + +.comments-tr span { + font-size: 20px; + margin: 0; + font-weight: 600; +} + +.tab-box-2 .comment-content { + padding-bottom: 0; + border-bottom: none; +} + +.tab-box-2 .comment-content p { + margin-bottom: 0; +} + +/** Ui item start **/ +.ui-item { + position: relative; + width: 100%; + display: inline-block; + padding: 30px; + color: #fff; + border-radius: 5px; + margin-bottom: 50px; +} + +.ui-item i { + font-size: 70px; + position: absolute; + ; + right: 20px; + top: 20px; + color: rgba(255, 255, 255, 0.41); +} + +.ui-item p { + color: #fff; + font-weight: 600; + margin-bottom: 0; +} + +.ui-item h4 { + color: #fff; + font-weight: 600; + font-size: 30px; +} + +.alert-2 { + margin-bottom: 50px; +} + +/** typography start **/ +.typography .heading { + margin: 0 0 20px; + font-weight: 400; + color: #212121; + text-transform: uppercase; +} + +.typography .sd p { + margin-bottom: 40px; +} + +/** Car amenities start **/ +.car-amenities ul li { + margin-bottom: 15px; + font-size: 15px; + padding-left: 27px; + position: relative; + font-weight: 500; +} + +.car-amenities ul li i { + left: 0; + position: absolute; + top: 3px; +} + +.search-banner .show-more-options { + margin-bottom: 20px; + display: block; +} + +.features-info ul li { + font-weight: 500; + margin-bottom: 10px; + font-size: 15px; +} + +.features-info ul li strong { + margin-right: 5px; + font-weight: 500; +} + +.car-details-page .heading { + margin: 0 0 25px; + font-size: 20px; + font-weight: 600; +} + +.car-details-page iframe, +.modal-body iframe .element.style { + height: 350px; +} + +.car-details-page iframe, +.modal-body iframe { + width: 100%; + border: none; +} + +/** Heading car start **/ +.heading-car { + margin-bottom: 20px; +} + +.heading-car h3 { + font-weight: 500; + font-size: 25px; + text-transform: uppercase; + margin-bottom: 10px; +} + +.heading-car h6 { + font-size: 15px; + margin-bottom: 0; + color: #535353; +} + +.heading-car h6 i { + margin-right: 3px; +} + +.heading-car h3 span { + float: right; + margin-bottom: 5px; +} + +.heading-car .ratings-2 { + float: right; +} + +.ratings-2 i { + color: orange; +} + +/** Car details sliders start **/ +.car-details-sliders .carousel-indicators { + margin-left: initial; + margin-top: 0; +} + +.car-details-sliders .carousel-indicators a { + cursor: pointer; +} + +.car-details-sliders .carousel-indicators>li { + height: initial; + text-indent: initial; + margin-right: 0; + margin-left: 0; +} + +.dd.car-details-sliders .carousel-indicators>li { + width: initial; + height: initial; + text-indent: initial; +} + +.car-details-sliders .list-inline { + width: 100%; + bottom: 10px; + position: absolute; +} + +.car-details-sliders .list-inline a { + margin-right: 0; +} + +.car-properties .list-inline-item { + width: 80px; + margin: 5px !important; + border-radius: 5%; +} + +.car-properties .list-inline-item a img { + width: 100%; + border: none; + border-radius: 5%; + box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.82); +} + +.car-details-sliders .carousel-indicators>li.active img { + opacity: 0.7; +} + +.car-details-sliders .right { + position: absolute; + right: 15px; + top: 45%; +} + +.car-details-sliders .left { + left: 10px; + top: 47%; + width: 30px; + height: 30px; + line-height: 33px; + position: absolute; + z-index: 5; + display: inline-block; + right: -30px; + text-align: center; + background: #a5a5a5; + border-radius: 5%; +} + +.car-details-sliders .left i { + font-size: 20px; + color: #4d4d4d; +} + +.car-details-sliders .right { + right: 10px; + top: 47%; + width: 30px; + height: 30px; + line-height: 33px; + position: absolute; + z-index: 5; + display: inline-block; + text-align: center; + background: #a5a5a5; + border-radius: 5%; +} + +.car-details-sliders .right i { + font-size: 20px; + color: #4d4d4d; +} + +.list-inline-item:not(:last-child) { + margin-right: 1px; +} + +.car-properties { + width: 100%; +} + +/** Carousel indicators section start **/ +.carousel-indicators-section { + background: red; + display: inline-block; + width: 100%; +} + +.carousel-indicators-section .car-properties .list-inline-item { + width: 20%; + margin: 0 !important; + border-radius: 0 !important; +} + +.carousel-indicators-section .list-inline-item a img { + border-radius: 0; +} + +.carousel-item img { + width: 100%; +} + +.carousel-indicators-section .carousel-indicators>li { + height: initial; + text-indent: initial; + margin-right: 0; + margin-left: 0; +} + +.carousel-indicators-section .list-inline { + width: 100%; + bottom: inherit; + position: absolute; +} + +.carousel-indicators-section .carousel-indicators { + margin-left: initial; + margin-top: 0; + position: relative; +} + +/** Shop box start **/ +.shop-box { + text-align: center; + border-radius: 0; + border: none; + margin-bottom: 30px; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.shop-theme { + position: relative; +} + +.shop-theme:before { + content: ""; + top: 0; + position: absolute; + height: 100%; + width: 100%; + z-index: 8; + background: linear-gradient(to top, rgba(47, 45, 45, 0.41) 0%, rgba(0, 0, 0, 0.22) 35%, rgba(2, 2, 2, 0) 60%, rgba(0, 0, 0, 0) 100%); + border-radius: 4px 4px 0 0; + opacity: 1; +} + +.shop-box img { + width: 100%; +} + +.shop-box .shop-details { + padding: 25px 20px; +} + +.btn-border:hover { + color: #fff; +} + +.shop-box .shop-details h3 { + font-weight: 400; + margin-bottom: 10px; + font-size: 18px; +} + +.shop-box .shop-details h3 a { + color: #212121; +} + +.shop-box .shop-details .btn { + padding: 5px 20px; + font-size: 13px; + border-radius: 3px; + font-weight: 500; +} + +.shop-box .price-box { + color: #fff; + text-align: right; + font-size: 17px; + position: absolute; + bottom: 15px; + right: 15px; + z-index: 20; + font-weight: 600; + opacity: 0.9; + font-family: 'Roboto', sans-serif; +} + +/** Cart total box start **/ +.cart-total-box { + padding: 30px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.cart-total-box h5 { + font-weight: 400; + font-size: 20px; + color: #212121; +} + +.cart-total-box ul li { + line-height: 33px; + width: 100%; + font-size: 15px; +} + +/** Shop checkout start **/ +.shop-checkout .form-control { + width: 100%; + padding: 10px 20px; + font-size: 16px; + background: transparent; + outline: 0; + height: 45px; + border-radius: 3px; + border: 1px solid #dbdbdb; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); +} + +.shop-checkout .form-group { + margin-bottom: 20px; +} + +.payment-box { + margin-left: 20px; +} + +.payment-box .form-check-label { + font-size: 15px; + font-weight: 500; + font-family: 'Roboto', sans-serif; + margin-bottom: 5px; + color: #212121; +} + +.shop-info .btn-md { + padding: 13px 5px 11px 5px; +} + +.shop-info .form-control { + width: 100%; + padding: 10px 20px; + font-size: 16px; + background: transparent; + outline: 0; + height: 45px; + border-radius: 3px; + border: 1px solid #dbdbdb; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06); +} + +.shop-info { + background: #fff; + margin-bottom: 40px; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.shop-info button, +input { + overflow: visible; + padding: 10px; +} + +.shop-info h3 { + font-size: 27px; + font-weight: 400; + color: #212121; +} + +.shop-info .price { + font-size: 18px; + font-weight: 400; + margin-bottom: 5px; +} + +.shop-info .price del { + margin-right: 15px; +} + +.shop-info .inner { + padding: 30px; +} + +.shop-info .ratings { + margin-bottom: 20px; +} + +.shop-info .ratings i { + color: orange; +} + +.shop-info .car-properties .list-inline-item { + width: 50px; +} + +/** SHOP table **/ +table { + width: 100%; +} + +.shop-header { + margin-bottom: 30px; +} + +.shop-table.cart .product-thumbnail, +.shop-table.cart .product-name { + padding-left: 0; +} + +.shop-table.cart .product-thumbnail, +.shop-table.cart .product-name a { + text-transform: none; + font-size: 15px; +} + +.shop-table th { + padding: 15px 0; + border: none; +} + +.shop-table.cart td, +.shop-table.cart th { + vertical-align: middle; + padding-left: 10px; + padding-right: 10px; + font-size: 17px; + color: #525252; +} + +.shop-table.cart .t-600 { + font-weight: 400; + font-family: 'Roboto', sans-serif; +} + +.shop-table.cart .product-remove { + padding-right: 0; +} + +.shop-table td { + border-top: 1px solid #ddd; + padding: 20px 0; +} + +.shop-table.cart .product-thumbnail img { + width: 100px; + padding: 2px; + background: #eaeaea; +} + +.shop-table.cart .qty { + width: 60px; + padding-left: 0; + padding-right: 0; + text-align: center; +} + +.shop-table input[type="text"], +input[type="email"], +textarea, +input[type="password"], +input[type="tel"] { + border: 1px solid #e8e8e8; + padding: 6px 15px; + color: #525252; + max-width: 100%; + outline: none; +} + +/** Service center start **/ +.service-center iframe, +.modal-body iframe { + width: 100%; + border: none; + height: 300px; +} + +.about-car { + padding-right: 40px; +} + +.about-car .best-used-car h3 { + font-size: 25px; + font-weight: 500; + margin-bottom: 15px; + text-transform: uppercase; +} + +.about-car .best-used-car ul li { + margin-bottom: 10px; + font-size: 15px; + padding-left: 26px; + position: relative; + font-weight: 500; +} + +.about-car .best-used-car ul li i { + left: 0; + position: absolute; + top: 3px; +} + +.about-car .carousel-inner img { + border-radius: 5px; +} + +.about-car .best-used-car { + padding-left: 20px; +} + +.about-car .car-details-sliders .list-inline { + width: 100%; + bottom: 10px; + position: absolute; +} + +.about-car .car-properties .list-inline-item { + width: 60px; + margin: 3px !important; + border-radius: 5%; +} + +/** Tabbing box start **/ +.tabbing-box .tab-pane { + padding-top: 30px; +} + +.tabbing-box .nav-tabs { + border-bottom: none; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.tabbing-box .nav-tabs .nav-link { + display: block; + padding: 12px 17px 10px; +} + +.tabbing-box .nav-tabs li { + font-size: 16px; + font-weight: 400; +} + +.tabbing-box .nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-link.active { + color: #fff; + border-radius: 0; +} + +.tabbing-box .nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-link:hover { + border-radius: 0; + color: #fff; +} + +.tabbing-box .nav-tabs .nav-link { + border: none; +} + +/** Compare table start **/ +.compare-table tr { + border: 1px solid #ececec; +} + +.compare-table tr:first-child { + border-top: none; +} + +.compare-table tr td:first-child { + width: 350px; + background: #f8f9fa; + font-weight: 500; +} + +.compare-table tr td { + box-sizing: border-box; + font-size: 15px; + color: #6d6d6d; + padding: 20px 15px; + text-align: center; + width: 395px; + font-weight: 400; +} + +.compare-table tr td .fa-times { + color: red; +} + +.compare-table tr td .fa-check { + color: green; +} + +/** Faq info start **/ +.faq-info .nav-tabs { + background: transparent; + border-bottom: none; + margin-bottom: 30px; +} + +.faq-info .nav-tabs .nav-link { + display: block; + padding: 14px 30px 12px; +} + +.faq-info .nav-tabs .nav-link { + display: block; + padding: 14px 30px 12px; + border-radius: 5px; +} + +/** Faq start **/ +.faq-box { + border: 1px solid transparent; + border-radius: 0; + margin-bottom: 0; +} + +.faq-box h5 .btn-link { + padding: 25px 20px; + width: 100%; + text-align: left; + display: inline-block; + text-decoration: none; + font-size: 16px; + color: #535353; +} + +.faq-box .card-header { + padding: 0; + margin: 0; + font-size: 14px; + border-bottom: solid 1px #d8d8d8; +} + +.faq-box .card-body p { + line-height: 27px; +} + +.faq-box .card-body span { + font-size: 14px; +} + +.faq-box .card-body span a { + font-weight: 500; +} + +.faq-accordion .card { + margin-bottom: 0; + border: none; +} + +.faq-accordion .p-text { + padding: 20px 0 50px; + line-height: 30px; + color: #535353; +} + +.faq-accordion .card-header { + padding: 15px 20px; + background: transparent; +} + +.bd-none { + border-bottom: 1px none; +} + +.faq-accordion .card-title { + margin-bottom: 0; + font-weight: 400; + width: 100%; + padding: 0 20px; + line-height: 30px; + background-color: transparent; + letter-spacing: 0; + font-size: 16px; + cursor: pointer; +} + +.faq-accordion .card-header { + border: none; + margin-bottom: 10px; + border-radius: 3px; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +.faq-accordion .card-header a { + width: 100%; +} + +.faq-accordion .card-block { + padding: 0; +} + +.faq-accordion .card-header .card-title:before { + font-family: 'FontAwesome'; + content: "\f077"; + font-size: 13px; + font-weight: 300; + float: left; + text-align: center; + width: 30px; + height: 30px; + line-height: 30px; + border-radius: 3px; + border: solid 2px #eaeaea; +} + +.faq-accordion .card-header .collapsed.card-title:before { + content: "\f078"; + font-size: 13px; + font-weight: 300; +} + +.foq-info p { + font-size: 14px; + line-height: 30px; +} + +.foq-info { + padding: 15px 0 35px; +} + +/** Submit property start **/ +.submit-property .checkbox { + padding-left: 0; + margin-bottom: 10px; +} + +.submit-property .heading-2 { + margin: 0 0 20px; + font-size: 23px; +} + +.submit-address form .input-text { + width: 100%; + padding: 10px 17px; + font-size: 13px; + border: 1px solid #e8e7e7; + outline: none; + color: #6c6c6c; + height: 45px; + border-radius: 2px; +} + +.submit-address .search-fields { + min-height: 45px; + border-radius: 2px; +} + +.submit-address form textarea { + min-height: 160px; +} + +.submit-address form label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: 600; + font-size: 13px; + color: #4d4d4d; +} + +.pad-20 { + padding: 25px; +} + +.pad-2 { + padding: 25px 25px 10px; +} + +.submit-address form .form-group { + margin-bottom: 20px; +} + +.dropzone-design { + border: 2px dashed #d0d0d0; + min-height: 100px; +} + +.dropzone-design, +.dropzone-design * { + box-sizing: border-box; +} + +.dropzone-design { + min-height: 160px; + border: 2px solid rgba(0, 0, 0, 0.3); + background: white; + padding: 20px 20px; +} + +.dropzone-design.dz-clickable { + cursor: pointer; +} + +.dropzone-design.dz-clickable * { + cursor: default; +} + +.dropzone-design.dz-clickable .dz-message, +.dropzone-design.dz-clickable .dz-message * { + cursor: pointer; +} + +.dropzone-design.dz-started .dz-message { + display: none; +} + +.dropzone-design.dz-drag-hover { + border-style: solid; +} + +.dropzone-design.dz-drag-hover .dz-message { + opacity: 0.5; +} + +.dropzone-design .dz-preview { + position: relative; + display: inline-block; + vertical-align: top; + margin: 16px; + min-height: 100px; +} + +.dropzone-design .dz-preview:hover { + z-index: 1000; +} + +.dropzone-design .dz-preview:hover .dz-details { + opacity: 1; +} + +.dropzone-design .dz-preview.dz-file-preview .dz-image { + border-radius: 3px; + background: #999; + background: linear-gradient(to bottom, #eee, #ddd); +} + +.dropzone-design .dz-preview.dz-file-preview .dz-details { + opacity: 1; +} + +.dropzone-design .dz-preview.dz-image-preview { + background: white; +} + +.dropzone-design .dz-preview.dz-image-preview .dz-details { + -webkit-transition: opacity 0.2s linear; + -moz-transition: opacity 0.2s linear; + -ms-transition: opacity 0.2s linear; + -o-transition: opacity 0.2s linear; + transition: opacity 0.2s linear; +} + +.dropzone-design .dz-preview .dz-remove { + font-size: 14px; + text-align: center; + display: block; + cursor: pointer; + border: none; +} + +.dropzone-design .dz-preview .dz-remove:hover { + text-decoration: underline; +} + +.dropzone-design .dz-preview:hover .dz-details { + opacity: 1; +} + +.dropzone-design .dz-preview .dz-details { + z-index: 20; + position: absolute; + top: 0; + left: 0; + opacity: 0; + font-size: 13px; + min-width: 100%; + max-width: 100%; + padding: 2em 1em; + text-align: center; + color: rgba(0, 0, 0, 0.9); + line-height: 150%; +} + +.dropzone-design .dz-preview .dz-details .dz-size { + margin-bottom: 1em; + font-size: 16px; +} + +.dropzone-design .dz-preview .dz-details .dz-filename { + white-space: nowrap; +} + +.dropzone-design .dz-preview .dz-details .dz-filename:hover span { + border: 1px solid rgba(200, 200, 200, 0.8); + background-color: rgba(255, 255, 255, 0.8); +} + +.dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) { + overflow: hidden; + text-overflow: ellipsis; +} + +.dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) span { + border: 1px solid transparent; +} + +.dropzone-design .dz-preview .dz-details .dz-filename span, +.dropzone-design .dz-preview .dz-details .dz-size span { + background-color: rgba(255, 255, 255, 0.4); + padding: 0 0.4em; + border-radius: 3px; +} + +.dropzone-design .dz-preview:hover .dz-image img { + -webkit-transform: scale(1.05, 1.05); + -moz-transform: scale(1.05, 1.05); + -ms-transform: scale(1.05, 1.05); + -o-transform: scale(1.05, 1.05); + transform: scale(1.05, 1.05); + -webkit-filter: blur(8px); + filter: blur(8px); +} + +.dropzone-design .dz-preview .dz-image { + border-radius: 3px; + overflow: hidden; + width: 120px; + height: 120px; + position: relative; + transition: all 0.3s; + display: block; + z-index: 10; +} + +.dropzone-design .dz-preview .dz-image img { + display: block; + filter: blur(0px); + transition: all 0.4s; +} + +.dropzone-design .dz-preview.dz-success .dz-success-mark { + -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); + animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); +} + +.dropzone-design .dz-preview.dz-error .dz-error-mark { + opacity: 1; + -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); + animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); +} + +.dropzone-design .dz-preview .dz-success-mark, +.dropzone-design .dz-preview .dz-error-mark { + pointer-events: none; + opacity: 0; + z-index: 500; + position: absolute; + display: block; + top: 50%; + left: 50%; + margin-left: -27px; + margin-top: -27px; +} + +.dropzone-design .dz-preview .dz-success-mark svg, +.dropzone-design .dz-preview .dz-error-mark svg { + display: block; + width: 54px; + height: 54px; +} + +.dropzone-design .dz-preview.dz-processing .dz-progress { + opacity: 1; + -webkit-transition: all 0.2s linear; + -moz-transition: all 0.2s linear; + -ms-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + transition: all 0.2s linear; +} + +.dropzone-design .dz-preview.dz-complete .dz-progress { + opacity: 0; + -webkit-transition: opacity 0.4s ease-in; + -moz-transition: opacity 0.4s ease-in; + -ms-transition: opacity 0.4s ease-in; + -o-transition: opacity 0.4s ease-in; + transition: opacity 0.4s ease-in; +} + +.dropzone-design .dz-preview:not(.dz-processing) .dz-progress { + -webkit-animation: pulse 6s ease infinite; + -moz-animation: pulse 6s ease infinite; + -ms-animation: pulse 6s ease infinite; + -o-animation: pulse 6s ease infinite; + animation: pulse 6s ease infinite; +} + +.dropzone-design .dz-preview .dz-progress { + opacity: 1; + z-index: 1000; + pointer-events: none; + position: absolute; + height: 16px; + left: 50%; + top: 50%; + margin-top: -8px; + width: 80px; + margin-left: -40px; + background: rgba(255, 255, 255, 0.9); + -webkit-transform: scale(1); + border-radius: 8px; + overflow: hidden; +} + +.dropzone-design .dz-preview .dz-progress .dz-upload { + background: #333; + background: linear-gradient(to bottom, #666, #444); + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 0; + -webkit-transition: width 300ms ease-in-out; + -moz-transition: width 300ms ease-in-out; + -ms-transition: width 300ms ease-in-out; + -o-transition: width 300ms ease-in-out; + transition: width 300ms ease-in-out; +} + +.dropzone-design .dz-preview.dz-error .dz-error-message { + display: block; +} + +.dropzone-design .dz-preview.dz-error:hover .dz-error-message { + opacity: 1; + pointer-events: auto; +} + +.dropzone-design .dz-preview .dz-error-message { + pointer-events: none; + z-index: 1000; + position: absolute; + display: block; + display: none; + opacity: 0; + -webkit-transition: opacity 0.3s ease; + -moz-transition: opacity 0.3s ease; + -ms-transition: opacity 0.3s ease; + -o-transition: opacity 0.3s ease; + transition: opacity 0.3s ease; + border-radius: 8px; + font-size: 13px; + top: 130px; + left: -10px; + width: 140px; + background: #be2626; + background: linear-gradient(to bottom, #be2626, #a92222); + padding: 0.5em 1.2em; + color: white; +} + +.dropzone-design .dz-preview .dz-error-message:after { + content: ''; + position: absolute; + top: -6px; + left: 64px; + width: 0; + height: 0; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid #be2626; +} + +.dropzone-design { + position: relative; + border: 2px dashed #d0d0d0; + border-radius: 3px; + background: #fcfcfc; + transition: all 0.3s linear; + display: inline-block; + width: 100%; +} + +.dropzone-design:before { + position: absolute; + height: 100%; + width: 100%; + content: ""; + top: 0; + left: 0; + background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9)); + background-color: #66676b; + opacity: 0; + z-index: 10; + transition: all 0.3s linear; + border-radius: 3px; +} + +.dropzone-design:hover:before { + opacity: 0.4; +} + +.dropzone-design .dz-message { + text-align: center; + margin: 50px 0; + font-size: 17px; + color: #888; + transition: all 0.3s linear; + position: relative; + z-index: 11; +} + +.dropzone-design:hover .dz-message { + color: #66676b; +} + +.dz-message i { + display: block; + font-size: 32px; + margin-bottom: 15px; +} + +.dropzone-design .dz-default.dz-message span { + display: inline; + line-height: 117px; +} + +/** Specifications start **/ +.book-btn { + display: block; + height: 41px; + margin-bottom: 15px; + border-radius: 3px; +} + +.no-js #loader { + display: none; +} + +.js #loader { + display: block; + position: absolute; + left: 100px; + top: 0; +} + +.page_loader { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100%; + z-index: 999999; + background: url(../img/loader.gif) center no-repeat #fff; +} + +.slider-section .simple-slider { + margin-bottom: 30px; +} + +/** Icons library **/ +.icon-lists .heading { + margin: 0 0 10px 0; + text-transform: uppercase; +} + +.glyph .bshadow0 { + background: #fff; + text-align: center; + font-size: 15px; + color: #535353; + margin-bottom: 30px; +} + +.glyph .glyph-icon { + font-size: 24px; + font-weight: 500; + color: #555; +} + +.glyph fieldset, +.glyph .hidden-true { + display: none; +} + +.glyph .bshadow0 .lnr { + font-size: 24px; + color: #555; + display: block; + line-height: 35px; +} + +.icon-lists mark { + margin-bottom: 10px; + display: inline-block; +} + +.font-awesome-icons .col-print-4 { + margin-bottom: 15px; +} + +.font-awesome-icons { + font-size: 14px; + color: #555; +} + +.font-awesome-icons .text-muted { + display: none; +} + +/** Portfolio item **/ +.portfolio-item { + margin-bottom: 30px; +} + +.pg-4 .portfolio-item { + margin-bottom: 0; +} + +/** Option panel **/ +.default-plate { + background: #376bff +} + +.blue-plate { + background: #2048bb +} + +.yellow-plate { + background: #ffb400 +} + +.red-plate { + background: #f0151f +} + +.green-light-plate { + background: #1abc9c +} + +.green-plate { + background: #7dba21 +} + +.yellow-light-plate { + background: #faaa5d +} + +.green-light-2-plate { + background: #0dcdbd +} + +.olive-plate { + background: #b3c211 +} + +.purple-plate { + background: #8e44ad +} + +.midnight-blue-plate { + background: #ff214f +} + +.brown-plate { + background: #A14C10 +} + +.setting-button { + display: none !important; + position: absolute; + font-size: 20px; + text-align: center; + width: 45px; + height: 45px; + line-height: 45px; + left: -45px; + color: #2b303b; + top: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + cursor: pointer; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); +} + +/** Option Panel **/ + +/** Full page search **/ +#full-page-search { + position: fixed; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.8); + -webkit-transition: all 0.5s ease-in-out; + -moz-transition: all 0.5s ease-in-out; + -o-transition: all 0.5s ease-in-out; + -ms-transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; + -webkit-transform: translate(0px, -100%) scale(0, 0); + -moz-transform: translate(0px, -100%) scale(0, 0); + -o-transform: translate(0px, -100%) scale(0, 0); + -ms-transform: translate(0px, -100%) scale(0, 0); + transform: translate(0px, -100%) scale(0, 0); + opacity: 0; + z-index: 99999; +} + +#full-page-search.open { + -webkit-transform: translate(0px, 0px) scale(1, 1); + -moz-transform: translate(0px, 0px) scale(1, 1); + -o-transform: translate(0px, 0px) scale(1, 1); + -ms-transform: translate(0px, 0px) scale(1, 1); + transform: translate(0px, 0px) scale(1, 1); + opacity: 1; + width: 100%; +} + +#full-page-search input[type="search"] { + position: absolute; + top: 50%; + width: 100%; + color: #4d4d4d; + background: rgba(0, 0, 0, 0); + font-weight: 400; + text-align: center; + border: 0; + margin-top: -51px; + padding: 15px; + max-width: 400px; + background: #fff; + outline: none; + border-radius: 3px; + font-size: 17px; +} + +.search-header { + max-width: 400px; + margin: 0 auto; +} + +#full-page-search .btn { + position: absolute; + top: 50%; + left: 50%; + font-weight: 400; + margin-top: 20px; + margin-left: -45px; +} + +#full-page-search .close { + position: fixed; + top: 15px; + right: 15px; + color: #535353; + opacity: 1; + padding: 10px 17px; + font-size: 17px; + outline: 0 auto -webkit-focus-ring-color; + cursor: pointer; + border-radius: 3px; + background: #3a3a3a; +} + +/* Mtb **/ +.mtb-50 { + margin: 50px 0; +} + +.mtb-30 { + margin: 30px 0; +} + +/* Mt **/ +.mt-20 { + margin-top: 20px; +} + +/* Mb **/ +.mb-40 { + margin-bottom: 40px; +} + +.mb-35 { + margin-bottom: 35px; +} + +.mb-50 { + margin-bottom: 50px; +} + +.mb-25 { + margin-bottom: 25px; +} + +.mb-30 { + margin-bottom: 30px !important; +} + +.mb-20 { + margin-bottom: 20px; +} + +.mb-10 { + margin-bottom: 10px; +} + +/** Option Panel **/ +.option-panel { + z-index: 9999; + width: 193px; + position: fixed; + right: 0; + top: 20%; + background: #fff; + box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); + padding: 20px; + -webkit-transition: all 1s ease; + -moz-transition: all 1s ease; + -ms-transition: all 1s ease; + -o-transition: all 1s ease; + transition: all 1s ease; +} + +.option-panel-collased { + right: -193px; +} + +.option-panel h2 { + font-size: 14px; + margin: 0 0 0 0; + text-align: center; + padding: 0 0 10px; + font-weight: 500; +} + +.option-panel .color-plate { + width: 32px; + height: 32px; + float: left; + margin: 3px; + border-radius: 0; + cursor: pointer; +} + +/** Overview bgi **/ +.overview-bgi { + position: relative; +} + +.overview-bgi:before { + position: absolute; + content: ''; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: rgba(0, 0, 0, 0.6); +} + +@media all and (min-width: 1200px) { + .car-box-2 .footer { + position: absolute; + width: 100%; + bottom: 0; + } +} + +@media all and (min-width: 992px) { + .banner img { + /*animation: bgburnsEast 25s linear infinite alternate; + -webkit-animation: bgburnsEast 25s linear infinite alternate;*/ + } + + .dropdown:hover>.dropdown-menu { + display: block; + max-width: 700px; + margin: auto; + } + + .dropdown .dropdown-item:hover>.dropdown-menu { + display: block; + } + + .dropdown-submenu:hover>.dropdown-menu { + display: block; + } + + .sticky-header .nav-link::after { + display: none !important; + } + + .sticky-header .navbar-expand-lg .navbar-nav .nav-link { + color: #fff; + opacity: 0.9; + } + + .sh-2 .navbar-expand-lg .navbar-nav .nav-link { + color: #515151; + opacity: 1; + } + + .sh-3 .navbar-expand-lg .navbar-nav .nav-link { + color: #fff; + opacity: 1; + } + + .sticky-header .open-offcanvas { + color: #fff; + display: inline-block; + } + + .header-shrink .navbar-expand-lg .navbar-nav .nav-link { + color: #515151; + } + + .header-shrink .open-offcanvas { + color: #515151; + } + + .hide-carat .nav-link::after { + display: none !important; + } + + .sticky-header { + position: fixed; + top: 49px; + z-index: 9999; + width: 100%; + background: rgba(12, 12, 12, 0.1); + } + + .mh-4 { + top: 0; + } + + .sh-2 { + background: #fff; + top: 50px; + } + + .header-shrink { + background: #fff; + -webkit-transition: 0.5s; + -moz-transition: 0.5s; + -ms-transition: 0.5s; + transition: 0.5s; + box-shadow: 0 0 5px rgba(0, 0, 0, .1); + top: 0px !important; + z-index: 1000; + } + + .top-header-bg { + background: rgba(12, 12, 12, 0.1); + position: fixed; + top: 0; + z-index: 999; + width: 100%; + } +} + +/** Media **/ +@media (max-width: 1200px) { + .car-box-2 .facilities-list li { + padding: 3px 10px; + } + + .car-box-2 .detail { + padding: 0 35px 0 20px; + } + + .main-header .navbar-expand-lg .navbar-nav .nav-link { + padding: 35px 10px; + } + + .service-car { + padding-right: 15px; + } + + .best-used-car h3 { + font-size: 30px; + } + + .main-header .navbar-expand-lg .user-account { + padding: 30px 10px; + } + + .main-header .form-inline .submit { + margin-left: 10px; + } + + .service-center .about-text { + padding: 5px 0 0 30px; + } + + .service-center .about-text h3 { + font-size: 25px; + } + + .tabbing-box .nav-tabs .nav-link { + padding: 10px 14px; + } + + .sorting-options2 h5 { + line-height: normal; + } +} + +@media (max-width: 992px) { + .m-hide { + display: none; + } + + .content-area { + padding: 80px 0 50px; + } + + .content-area-2 { + margin-bottom: 80px; + } + + .content-area-3 { + margin-bottom: 50px; + } + + .content-area-4 { + padding: 80px 0 50px; + } + + .content-area-5 { + padding: 80px 0; + } + + .content-area-6 { + padding: 80px 0 50px; + } + + .content-area-7 { + padding-bottom: 65px; + } + + .content-area-8 { + padding: 80px 0 50px; + } + + .content-area-9 { + padding: 80px 0 70px; + } + + .content-area-10 { + padding: 80px 0 40px; + } + + .content-area-11 { + padding: 50px 0; + } + + .content-area-12 { + padding: 80px 0 60px; + } + + .content-area-13 { + padding: 80px 0 65px; + } + + .content-area-14 { + margin-bottom: 70px; + } + + .content-area-15 { + padding: 80px 0 10px; + } + + .content-area-16 { + padding: 80px 0 70px; + } + + .content-area-17 { + padding: 80px 0 80px; + } + + .content-area-18 { + padding: 80px 0 80px; + } + + .content-area-19 { + padding: 80px 0 30px; + } + + .sidebar-title { + margin: 0 0 20px; + } + + .modalLabel-1 { + display: none; + } + + .modalLabel-2 { + display: flex; + } + + .banner .carousel-content.bi-2 { + padding-top: 100px; + } + + .banner .w-100 { + width: auto !important; + } + + .testimonial-3 .testimonial-info { + max-width: 500px; + text-align: center; + } + + .banner .price-box-3 { + margin-bottom: 10px; + font-size: 35px; + } + + .view-all h3 { + font-size: 24px; + } + + .pages-404 .error404 { + font-size: 150px; + margin: 0 0 30px; + } + + .vs-section { + border-top: solid 1px #ececec; + border-bottom: solid 1px #ececec; + padding: 5px 0; + } + + .about-car .best-used-car h3 { + font-size: 22px; + } + + .about-car .best-used-car { + padding: 0; + margin-top: 30px; + } + + .counters-2 { + padding: 80px 0 50px; + } + + .top-header { + display: none; + } + + .sticky-header { + top: 0; + } + + .sorting-options2 h5 { + line-height: 45px; + } + + .car-model-2 .modal-right-content { + padding: 30px 30px 0; + } + + .car-model-2 .modal-left, + .modal-right { + flex: inherit; + } + + .car-model-2 .modal-body { + background: #fff; + padding: 0 15px 30px; + } + + .car-model-2 .modal-left-content .description { + padding: 30px 30px 0; + } + + .btn-white-lg-outline { + padding: 9px 28px 8px 28px; + } + + .banner .btn-lg { + cursor: pointer; + padding: 10px 28px 9px 28px; + } + + .as-2 { + display: inline-block; + width: 100%; + } + + .service-center { + padding: 80px 0; + } + + .content-area-5 { + padding: 80px 0; + } + + .contact-2 .contact-info-2 { + margin: 50px 0 0; + } + + .footer .social-list-2 { + float: none; + } + + .testimonial-3 { + padding: 80px 0; + } + + .sub-footer p { + margin-bottom: 20px; + text-align: center; + line-height: normal; + } + + .about-slider-box img { + left: 0; + top: 0; + } + + .about-slider-box:before { + display: none; + } + + .service-car { + padding-right: 0; + margin-bottom: 30px; + } + + .best-used-car h3 { + font-size: 26px; + } + + .faq-info .nav-tabs .nav-link { + display: block; + padding: 8px 25px 10px; + } + + .faq-info { + margin-bottom: 30px; + } + + .pages-404 h1 { + font-size: 50px; + } + + .main-title-2 p { + line-height: 26px; + font-size: 16px; + } + + .mt-50 { + margin-top: 0; + } + + .service-section-2 { + padding: 80px 0 50px; + } + + .banner h4 { + font-size: 42px; + } + + .banner h5 { + font-size: 18px; + line-height: 30px; + margin-bottom: 20px; + } + + .sb-2 { + display: flex; + } + + .details-banner .cover-buttons ul { + float: left; + } + + .slide-2 { + margin-bottom: 40px; + } + + .details-banner .cover-buttons { + left: 15px; + } + + .details-banner { + height: 500px; + } + + .details-banner .text h1 { + font-size: 35px; + } + + .d-none-992 { + display: none; + } + + .details-banner .price-box-2 { + float: left; + } + + .details-banner .text .ratings-3 { + float: left; + } + + .details-banner .cover-buttons ul li { + display: inline-block; + line-height: 36px; + } + + .main-title-3 { + padding-right: 0; + text-align: center; + } + + .main-title-3 p span { + display: none; + } + + .main-title-3 .important-btn { + display: none; + } + + .pages-404 .nobottomborder { + padding-left: 0; + } + + .car-model-2 h4 { + font-size: 20px; + } + + .sb-5 { + display: none; + } + + .sb-6 { + display: flex; + } + + .search-box-4 { + max-width: 260px !important; + top: 15%; + right: 12%; + } + + .search-box-3 .form-group { + margin-bottom: 15px; + } + + .search-box-3 .range-slider { + margin-top: 5px; + margin-bottom: 15px; + } + + .search-box-3 { + padding: 30px 0 15px; + } + + .heading-4 h4 { + margin-bottom: 5px; + } + + .heading-4 { + margin-bottom: 25px; + } + + .cart-total-box { + margin-top: 30px; + } + + .typography .heading-3 { + margin-bottom: 15px; + } + + .typography .mb-50 { + margin-bottom: 40px; + } + + .blog-big h3 { + font-size: 22px; + } + + .inline-search-area .bootstrap-select .dropdown-toggle .filter-option { + position: absolute; + top: 7px; + } + + .search-compare h3 { + font-size: 22px; + } + + .main-header .dropdown-menu { + border-top: solid 1px #f1f1f1; + border-bottom: solid 1px #f1f1f1; + } + + .logo { + margin: 15px 0; + } + + .coming-soon-info .logo { + margin: 0; + } + + .logo img { + height: 40px; + } + + .coming-soon-info .logo img { + height: 50px; + } + + .p-box-2 { + margin-bottom: 45px; + } + + .banner .carousel-content.banner-info { + /*top: 27%;*/ + } + + .inline-search-area .btn-search { + height: 45px; + line-height: 45px; + } + + .inline-search-area .search-col .form-control, + .inline-search-area button.btn-search { + height: 45px; + margin-bottom: 0; + border-radius: 3px !important; + padding: 0; + font-size: 14px; + } + + .banner-slider-inner .show-more-options { + display: none; + } + + .banner-slider-inner .row-4 { + margin: 0; + } + + .inline-search-area .search-col { + padding: 0 15px; + margin-bottom: 15px; + } + + .row-3 { + margin-right: -15px; + margin-left: -15px; + } + + .inline-search-area .bootstrap-select button { + padding: 5px 15px 5px 15px; + border-radius: 3px; + height: 45px; + } + + .inline-search-area .search-fields { + min-height: 40px; + } + + .inline-search-area .dropdown-toggle::after { + top: 22px; + } + + .car-box-2 .detail { + padding: 25px 35px 20px 25px; + } + + .main-header .navbar-expand-lg .navbar-nav .link-color { + padding: 10px 15px !important; + border-radius: 0; + border: none; + font-size: 14px; + background: #f9f9f9 !important; + border: transparent !important; + margin: 0; + color: #515151 !important; + } + + .header-ml { + margin-left: 0; + } + + #search-style-3 { + padding: 30px 0 80px; + } + + .intro-text h3 { + line-height: inherit; + } + + .intro-section .btn-md { + padding: 10px 27px 8px; + font-size: 13px; + } + + .helping-sentar { + padding-top: 80px; + } + + .tab-box-2 .nav-link { + display: block; + padding: .5rem .3rem; + } + + .ui-item { + margin-bottom: 30px; + } + + .alert-2 { + margin-bottom: 30px; + } + + .header-2 { + padding: 0; + } + + .main-title { + margin-bottom: 40px; + } + + .main-title-2 { + margin-bottom: 40px; + } + + .search-area { + padding: 25px 20px 5px; + border-radius: 0; + } + + .search-options-btn, + .search-options-btn:hover { + padding: 7px 10px 8px 10px; + border-radius: 3px; + } + + .search-options-btn, + .search-options-btn i { + margin-left: 0; + } + + .search-area .form-group { + margin-bottom: 15px; + } + + .about-slider-box { + margin-bottom: 30px; + } + + .search-area-2 .range-slider { + margin-top: 15px; + margin-bottom: 1rem; + } + + .bg-grea .range-slider { + margin-top: 15px; + margin-bottom: 1rem; + } + + .search-area-2 { + padding: 30px 0 10px; + } + + .t-c { + text-align: center; + } + + .main-title h1 { + font-size: 30px; + margin-bottom: 10px; + } + + .main-title-2 h1 { + font-size: 30px; + margin-bottom: 10px; + } + + .hidden-mb-20 { + margin-bottom: 20px; + } + + .main-header .search-fields button { + background: #efefef; + } + + .main-header .inline-search-small .inline-search-area .search-col:first-child .form-control { + border-radius: 50px 0 0 50px !important; + background-color: #efefef; + } + + .search-compare h4 { + font-size: 20px; + margin-bottom: 20px; + text-align: center; + } + + .search-compare .form-group { + margin-bottom: 20px; + } + + .header-transparent { + position: static; + z-index: 9; + width: 100%; + } + + .banner h2 { + font-size: 42px; + } + + .banner .banner-slider-inner { + top: 0%; + } + + .banner .banner-opt .banner-slider-inner h1 { + font-size: 20px; + } + + .banner .banner-opt .banner-slider-inner p { + line-height: 22px; + font-size: 14px; + max-width: 90%; + margin: 0px auto; + margin-bottom: 5px; + } + + .pages-404 .nobottomborder h1 { + font-size: 27px; + } + + .pb-hediin-60 { + padding-bottom: 60px; + } + + .service-info.h-bdr { + border: solid 1px #efefef; + } + + .main-header .navbar-expand-lg .navbar-nav .nav-link { + padding: 10px 15px; + background: #f9f9f9; + } + + .main-header .navbar-expand-lg .navbar-nav .link-color:hover { + background: #f9f9f9; + } + + .main-header .dropdown-menu a { + padding: 10px 30px; + } + + .main-header .navbar-expand-lg .user-account { + padding: 15px 10px; + } + + .main-header .navbar-expand-lg .user-account li { + font-size: 12px; + } + + .main-header .form-inline .submit { + margin: 0 0 50px 10px; + font-size: 12px; + } + + .navbar-light .navbar-toggler { + border: none; + font-size: 18px; + font-weight: 400; + } + + .navbar-light .navbar-toggler span { + color: #fff; + } + + .navbar-toggler { + padding: 0; + width: 32px; + height: 32px; + outline: none; + border-radius: 0; + } + + .contect-agent-photo img { + margin-top: 40px; + } + + .service-center .about-text { + padding: 0; + } + + .inline-search-area .bootstrap-select button { + border-bottom: none; + } + + .banner h3 { + font-size: 42px; + } + + .b p { + margin-bottom: 0; + } + + .main-title p { + line-height: 26px; + font-size: 16px; + } + + .search-box-4 { + display: none; + } + + .text-l { + text-align: center !important; + } + + .text-r { + text-align: center !important; + } + + .sub-banner { + height: 330px; + } + + .sticky-header { + position: fixed; + z-index: 9999; + width: 100%; + } + + .sh-2 { + background: #fff; + } + + .top-header-bg { + background: rgba(12, 12, 12, 0.18); + position: fixed; + top: 0; + z-index: 999; + width: 100%; + border-bottom: 1px solid rgba(220, 220, 220, .2) + } + + .sticky-header { + position: fixed; + z-index: 9999; + width: 100%; + top: 0px; + } + + .testimonial-3 .testimonial-info .avatar { + max-width: 120px; + margin: 0 auto 20px; + } + + .testimonial-3 .testimonial-info .avatar img { + width: 100%; + border-radius: 100%; + } + + .cb-4 .detail { + padding: 25px 35px 25px 35px; + } + + .sub-banner { + background-position: inherit; + background-repeat: inherit; + } +} + +@media (max-width: 768px) { + .sub-banner { + height: 300px; + } + + .shop-info h3 { + font-size: 22px; + } + + .service-section-2 { + padding: 60px 0 30px; + } + + .inline-search-area .search-col { + margin-bottom: 10px; + } + + .main-header .company-logo img { + height: 40px; + } + + .main-header .company-logo-2 img { + height: 40px; + } + + .banner h4 { + font-size: 34px; + } + + .banner .carousel-content.bi-2 { + padding-top: 75px; + } + + .details-banner { + height: 450px; + } + + .details-banner .text h1 { + font-size: 30px; + } + + .sub-banner .breadcrumb-area h1 { + font-size: 27px; + } + + .shop-table.cart td, + .shop-table.cart th { + padding-left: 0; + } + + .shop-table.cart .product-thumbnail img { + width: 70px; + } + + .shop-table.cart .product-thumbnail, + .shop-table.cart .product-name a { + font-size: 13px; + } + + .shop-table.cart .qty { + width: 40px; + } + + .cart-total-box { + padding: 20px; + } + + .car-box-2 .detail { + padding: 25px 35px 20px 35px; + } + + .main-title-2 h1 { + font-size: 27px; + } + + .content-area-17 { + padding: 60px 0 60px; + } + + .content-area-18 { + padding: 60px 0 60px; + } + + .content-area-19 { + padding: 60px 0 10px; + } + + .main-title h1 { + font-size: 27px; + } + + .search-area-3 { + padding: 25px 0 10px; + background: #efefef; + } + + .none-768 { + display: none; + } + + .btn-secton { + right: 10px; + top: 50%; + } + + .heading-car h3 { + font-size: 22px; + } + + .team-2 .detail { + padding: 25px; + } + + .counters { + padding: 60px 0 30px; + } + + .slick-slide-item { + margin-bottom: 0; + } + + .slick-initialized .slick-slide { + display: block; + margin-bottom: 0; + } + + .option-bar { + background: transparent; + box-shadow: none; + padding: 0; + } + + .testimonial-3 .testimonial-info { + text-align: center; + } + + .sub-banner .breadcrumbs li { + font-size: 15px; + } + + .counters-2 { + padding: 60px 0 30px; + } + + .counter-box-2 { + position: relative; + max-width: 300px; + margin: 0 auto 30px; + padding: 10px 10px 15px; + border: dashed 1px rgba(255, 255, 255, 0.2); + } + + .testimonial-3 { + padding: 60px 0; + } + + .sorting-options-3.float-right { + float: left !important; + } + + .sorting-options2 h5 { + line-height: normal; + margin-bottom: 15px; + } + + .alert { + text-transform: uppercase; + font-size: 12px; + border-radius: 0; + padding: 12.5px 20px; + } + + .pages-404 h1 { + font-size: 40px; + } + + .search-area-3 .inline-search-area .bootstrap-select button { + padding: 5px 15px 5px 15px; + border-right: none !important; + } + + .search-area-3 .inline-search-area .dropdown-toggle::after { + top: 22px; + } + + .search-area-3 .search-fields { + min-height: 40px; + } + + .search-area-3 .inline-search-area .search-col .form-control, + .inline-search-area button.btn-search { + margin-bottom: 0; + padding: 0; + font-size: 14px; + } + + .elements-page .mb-50 { + margin-bottom: 40px; + } + + .banner .banner-info ul { + margin-top: 10px; + } + + .banner .carousel-content.banner-info { + /*top: 33%;*/ + text-align: center; + } + + .banner .banner-slider-inner p { + font-size: 16px; + margin-bottom: 20px; + } + + .search-area-3 { + display: none; + } + + .car-properties .list-inline-item { + width: 45px; + margin: 3px !important; + } + + .tabbing-box .nav-tabs .nav-link { + padding: 8px 14px; + font-size: 15px; + } + + .tabbing-box .nav-tabs { + background: transparent; + border-bottom: transparent; + } + + .cars { + padding: 0; + } + + .photo-gallery .col-pad { + padding: 0 15px 0; + } + + .intro-section .btn { + float: none; + } + + .intro-section { + text-align: center; + } + + .intro-text h3 { + font-size: 22px; + margin-bottom: 15px; + } + + .intro-section { + padding: 25px 0 30px; + } + + #search-style-3 { + padding: 30px 0 60px; + } + + .faq-accordion .card-title { + padding: 0 10px 0 15px; + } + + .compare-table tr td { + box-sizing: border-box; + padding: 10px 7px; + } + + footer { + padding-top: 60px; + } + + .dashboard-content { + padding: 30px 15px 0; + overflow: hidden; + } + + .car-box-2 .price-box { + right: 30px; + } + + .dashboard-header .breadcrumb-nav { + right: 15px; + display: inline-block; + font-size: 15px; + float: left; + } + + .dashboard-header .breadcrumb-nav ul li { + display: inline-block; + list-style: none; + margin: 0 15px 0 0; + } + + .edit-profile-photo { + width: 160px; + margin-bottom: 80px; + } + + .search-options-btn, + .search-options-btn:hover { + padding: 5px 8px 6px 8px; + border-radius: 3px; + font-size: 13px; + } + + .main-title { + margin-bottom: 30px; + } + + .main-title-2 { + margin-bottom: 30px; + } + + .main-header { + box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12); + } + + .search-area-2 .form-group { + margin-bottom: 10px; + } + + .property-meta { + padding: 20px 5px; + } + + .search-area-2 { + padding: 30px 20px 10px; + } + + .coming-soon-info .form-control { + width: 65%; + } + + .coming-soon-info .btn, + .coming-soon-info .btn:hover, + .coming-soon-info .btn:active { + width: 35%; + } + + .property-meta ul li { + font-size: 14px; + } + + .property-meta ul li i { + margin-right: 7px; + font-size: 17px; + } + + .car-box-2 .footer { + padding: 15px 35px 15px 35px; + } + + .car-box-2 .hdg { + padding: 20px 35px; + } + + .footer .footer-item { + margin-bottom: 40px; + } + + .sub-footer .social-list { + float: none; + } + + .sub-footer { + text-align: center; + } + + .coming-soon-counter div { + margin: 0 5px 10px; + } + + .coming-soon h1 { + font-size: 34px; + } + + .banner h2 { + font-size: 34px; + margin-bottom: 20px; + } + + .banner-car-box .meta ul li { + margin-right: 15px; + } + + .banner-car-box .mb-30 { + margin-bottom: 20px; + } + + .banner h3 { + font-size: 34px; + } + + .banner .btn-md { + padding: 9px 15px; + font-size: 12px; + } + + .blog-social-list { + float: left; + margin-top: 20px; + } + + .countdown .top { + font-size: 30px; + } + + .pages-404 .nobottomborder h4 { + font-size: 16px; + } + + .pages-404 .nobottomborder { + margin-bottom: 0; + padding: 0; + } + + .setting-button { + font-size: 18px; + width: 40px; + height: 40px; + line-height: 40px; + left: -40px; + } + + .inside-car iframe { + height: 220px !important; + } + + .breadcrumbs { + font-size: 12px; + } + + .back-to-listings { + height: 35px; + line-height: 35px; + width: 35px; + font-size: 15px; + } + + .search-area label { + display: none; + } + + .listings-parallax h1 { + font-size: 25px; + margin: 0 0 20px; + } + + .listings-parallax { + text-align: center; + padding-top: 60px; + } + + .contact-details .media .media-left { + padding-right: 20px; + } + + .search-area-inner { + margin: 0 -15px; + } + + .search-box-3 .search-area-inner { + margin: 0; + } + + .search-contents .col-xs-12, + .search-contents .col-xs-6 { + padding: 3px 10px; + } + + .search-box .form-group { + margin-bottom: 0; + } + + .blog-box .detail .tags-box { + margin-bottom: 20px; + } + + .blog-box .detail .blog-share { + float: left; + text-align: left; + } + + .comments ul { + margin: 0 0 0 0; + } + + .comment-body { + margin: 10px 0 0 0; + line-height: 20px; + padding: 10px 0 0 0; + font-size: 13px; + text-align: justify; + } + + .blog-banner { + text-align: center; + padding: 40px 0; + } + + .comment-content { + margin: 0 0 0 65px; + } + + .comment-author { + height: 50px; + width: 50px; + } + + .comment p { + line-height: 26px; + } + + .sec-title-three h2 { + margin-top: 0; + } + + .content-area { + padding: 60px 0 30px; + } + + .content-area-2 { + margin-bottom: 60px; + } + + .content-area-3 { + margin-bottom: 30px; + } + + .content-area-4 { + padding: 60px 0 30px; + } + + .content-area-5 { + padding: 60px 0; + } + + .content-area-6 { + padding: 60px 0 30px; + } + + .content-area-7 { + padding-bottom: 45px; + } + + .content-area-8 { + padding: 60px 0 30px; + } + + .content-area-10 { + padding: 60px 0 20px; + } + + .content-area-11 { + padding: 30px 0 20px; + } + + .content-area-12 { + padding: 60px 0 40px; + } + + .content-area-13 { + padding: 60px 0 45px; + } + + .content-area-14 { + margin-bottom: 50px; + } + + .content-area-15 { + padding: 60px 0 10px; + } + + .content-area-16 { + padding: 60px 0 50px; + } + + .content-area-9 { + padding: 60px 0 50px; + } + + .service-center { + padding: 60px 0; + } + + .content-area-5 { + padding: 60px 0; + } + + .service-center .about-text { + padding: 0; + } + + .search-area .form-group { + margin-bottom: 10px; + } + + .recent-posts-box .detail .location a { + font-size: 14px; + } + + .about-box { + max-width: 100%; + } + + .car-amenities ul li { + list-style: none; + margin-bottom: 10px; + } + + .heading-car p { + font-size: 13px; + } + + .heading-car h5 { + font-size: 13px; + } + + .typography-page p { + font-size: 13px; + line-height: 25px; + text-align: justify; + } + + .breadcrumb-area .btn-md { + padding: 10px 20px; + } + + .helping-sentar { + padding-top: 60px; + } +} + +@media (max-width: 580px) { + .comment-content h6 span { + display: none; + } + + .heading-car .pull-left { + display: inline-block; + width: 100%; + margin-bottom: 20px; + } + + .heading-car .pull-right { + float: left; + } + + .heading-car .price-box-3 { + font-size: 20px; + } + + .heading-car .price-box-3 sup { + top: -15px; + } + + .coming-soon-counter div { + font-size: 30px; + width: 80px; + } + + .product-price { + display: none; + } + + .d_none { + display: none; + } + + /*.none-580{ + display: none; + }*/ + + .banner-car-box .meta ul li i { + margin-right: 5px; + } + + .search-options-btn, + .search-options-btn:hover { + left: 30px; + bottom: 0px; + } + + .setting-button { + display: none; + } + + .banner .slider-mover-left { + display: none; + } + + .banner .slider-mover-right { + display: none; + } + + .heading-car h3 span { + float: left; + } +} + + +@media (max-width: 520px) { + .blog .blog-3 { + margin-bottom: 0; + } + +} + +@media (min-width: 180px) { + .header-shrink { + background: #fff !important; + -webkit-transition: 0.5s; + -moz-transition: 0.5s; + -ms-transition: 0.5s; + transition: 0.5s; + box-shadow: 0 0 5px rgba(0, 0, 0, .1); + top: 0px !important; + } +} + +input, +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + font-size: 14px; + color: #c6c4c4 !important; +} + +.form-control:disabled, +.form-control[readonly] { + font-size: 14px; +} + +.form-control { + color: #495057 !important; +} + +.contact-dealer.modal-header { + background: #f0151f !important; +} + +.contact-dealer.modal-header img { + width: 75% !important; +} + +.car-box .footer .cartype { + font-weight: 600; + font-size: 18px; + padding-right: 20px; + margin-bottom: 0; + line-height: 49px; + color: #f0151f; +} + +.ratings-2 .cartype { + font-weight: 600; + font-size: 18px; + padding-right: 20px; + margin-bottom: 0; + line-height: 49px; + color: #f0151f; +} + + +a.nav-link.active { + color: #f0151f !important; +} + +.tabbing-box .nav-tabs .nav-item.show .nav-link, +.nav-tabs .nav-link.active { + color: #fff !important; +} \ No newline at end of file diff --git a/dashboard.html b/dashboard.html new file mode 100644 index 0000000..a255d2b --- /dev/null +++ b/dashboard.html @@ -0,0 +1,387 @@ + + + + Car Zone + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+ + + + + + + +
+ +
+ + + + +
+
+

Welcome User

+

Here are the cars that you have inquired about

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#Car NameLocationPriceAction
1Lamborgini HuracanAustin$25000View Car
2Lamborgini HuracanAustin$25000View Car
3Lamborgini HuracanAustin$25000View Car
+
+ + + + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/favico.png b/favico.png new file mode 100644 index 0000000..8556033 Binary files /dev/null and b/favico.png differ diff --git a/favico1.png b/favico1.png new file mode 100644 index 0000000..7177fb4 Binary files /dev/null and b/favico1.png differ diff --git a/fonts/flaticon/font/Flaticon.eot b/fonts/flaticon/font/Flaticon.eot new file mode 100644 index 0000000..16c8a5e Binary files /dev/null and b/fonts/flaticon/font/Flaticon.eot differ diff --git a/fonts/flaticon/font/Flaticon.svg b/fonts/flaticon/font/Flaticon.svg new file mode 100644 index 0000000..63c548e --- /dev/null +++ b/fonts/flaticon/font/Flaticon.svg @@ -0,0 +1,459 @@ + + + + + +Created by FontForge 20170731 at Thu Mar 28 20:19:01 2019 + By root + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/flaticon/font/Flaticon.ttf b/fonts/flaticon/font/Flaticon.ttf new file mode 100644 index 0000000..fa3ac58 Binary files /dev/null and b/fonts/flaticon/font/Flaticon.ttf differ diff --git a/fonts/flaticon/font/Flaticon.woff b/fonts/flaticon/font/Flaticon.woff new file mode 100644 index 0000000..1340cf5 Binary files /dev/null and b/fonts/flaticon/font/Flaticon.woff differ diff --git a/fonts/flaticon/font/Flaticon.woff2 b/fonts/flaticon/font/Flaticon.woff2 new file mode 100644 index 0000000..bcd7b74 Binary files /dev/null and b/fonts/flaticon/font/Flaticon.woff2 differ diff --git a/fonts/flaticon/font/Flaticond41d.eot b/fonts/flaticon/font/Flaticond41d.eot new file mode 100644 index 0000000..16c8a5e Binary files /dev/null and b/fonts/flaticon/font/Flaticond41d.eot differ diff --git a/fonts/flaticon/font/flaticon.css b/fonts/flaticon/font/flaticon.css new file mode 100644 index 0000000..45c6979 --- /dev/null +++ b/fonts/flaticon/font/flaticon.css @@ -0,0 +1,68 @@ + /* + Flaticon icon font: Flaticon + Creation date: 28/03/2019 20:19 + */ + +@font-face { + font-family: "Flaticon"; + src: url("Flaticon.eot"); + src: url("Flaticond41d.eot?#iefix") format("embedded-opentype"), + url("Flaticon.woff2") format("woff2"), + url("Flaticon.woff") format("woff"), + url("Flaticon.ttf") format("truetype"), + url("Flaticon.svg#Flaticon") format("svg"); + font-weight: normal; + font-style: normal; +} + +@media screen and (-webkit-min-device-pixel-ratio:0) { + @font-face { + font-family: "Flaticon"; + src: url("Flaticon.svg#Flaticon") format("svg"); + } +} + +[class^="flaticon-"]:before, [class*=" flaticon-"]:before, +[class^="flaticon-"]:after, [class*=" flaticon-"]:after { + font-family: Flaticon; + font-size: auto; + font-style: normal; + margin-left: 0; +} + +.flaticon-way:before { content: "\f100"; } +.flaticon-road:before { content: "\f101"; } +.flaticon-manual-transmission:before { content: "\f102"; } +.flaticon-calendar:before { content: "\f103"; } +.flaticon-calendar-1:before { content: "\f104"; } +.flaticon-fuel:before { content: "\f105"; } +.flaticon-car:before { content: "\f106"; } +.flaticon-car-1:before { content: "\f107"; } +.flaticon-gear:before { content: "\f108"; } +.flaticon-pin:before { content: "\f109"; } +.flaticon-comment:before { content: "\f10a"; } +.flaticon-blog:before { content: "\f10b"; } +.flaticon-mail:before { content: "\f10c"; } +.flaticon-mail-1:before { content: "\f10d"; } +.flaticon-fax:before { content: "\f10e"; } +.flaticon-shield:before { content: "\f10f"; } +.flaticon-lock:before { content: "\f110"; } +.flaticon-agreement:before { content: "\f111"; } +.flaticon-deal:before { content: "\f112"; } +.flaticon-money:before { content: "\f113"; } +.flaticon-support:before { content: "\f114"; } +.flaticon-support-1:before { content: "\f115"; } +.flaticon-support-2:before { content: "\f116"; } +.flaticon-phone:before { content: "\f117"; } +.flaticon-earth:before { content: "\f118"; } +.flaticon-user:before { content: "\f119"; } +.flaticon-user-1:before { content: "\f11a"; } +.flaticon-award:before { content: "\f11b"; } +.flaticon-medal:before { content: "\f11c"; } +.flaticon-cup:before { content: "\f11d"; } +.flaticon-wheel:before { content: "\f11e"; } +.flaticon-air-conditioner:before { content: "\f11f"; } +.flaticon-speed:before { content: "\f120"; } +.flaticon-car-2:before { content: "\f121"; } +.flaticon-motor:before { content: "\f122"; } +.flaticon-logout:before { content: "\f123"; } \ No newline at end of file diff --git a/fonts/font-awesome/css/font-awesome.min.css b/fonts/font-awesome/css/font-awesome.min.css new file mode 100644 index 0000000..748f4b3 --- /dev/null +++ b/fonts/font-awesome/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0');src:url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.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(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/fonts/font-awesome/fonts/fontawesome-webfont3e6e.eot b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.eot differ diff --git a/fonts/font-awesome/fonts/fontawesome-webfont3e6e.svg b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/font-awesome/fonts/fontawesome-webfont3e6e.ttf b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.ttf differ diff --git a/fonts/font-awesome/fonts/fontawesome-webfont3e6e.woff b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.woff differ diff --git a/fonts/font-awesome/fonts/fontawesome-webfont3e6e.woff2 b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/fonts/font-awesome/fonts/fontawesome-webfont3e6e.woff2 differ diff --git a/fonts/font-awesome/fonts/fontawesome-webfontd41d.eot b/fonts/font-awesome/fonts/fontawesome-webfontd41d.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/fonts/font-awesome/fonts/fontawesome-webfontd41d.eot differ diff --git a/fonts/lg/lgd41d.eot b/fonts/lg/lgd41d.eot new file mode 100644 index 0000000..51264c4 Binary files /dev/null and b/fonts/lg/lgd41d.eot differ diff --git a/fonts/lg/lgd641.eot b/fonts/lg/lgd641.eot new file mode 100644 index 0000000..51264c4 Binary files /dev/null and b/fonts/lg/lgd641.eot differ diff --git a/fonts/lg/lgd641.svg b/fonts/lg/lgd641.svg new file mode 100644 index 0000000..1142a1c --- /dev/null +++ b/fonts/lg/lgd641.svg @@ -0,0 +1 @@ +NoSuchKeyThe specified key does not exist.
No such object: theme-vessel/carhouse/fonts/lg/lg.svg
\ No newline at end of file diff --git a/fonts/lg/lgd641.ttf b/fonts/lg/lgd641.ttf new file mode 100644 index 0000000..f292429 --- /dev/null +++ b/fonts/lg/lgd641.ttf @@ -0,0 +1 @@ +NoSuchKeyThe specified key does not exist.
No such object: theme-vessel/carhouse/fonts/lg/lg.ttf
\ No newline at end of file diff --git a/fonts/lg/lgd641.woff b/fonts/lg/lgd641.woff new file mode 100644 index 0000000..d98ff60 Binary files /dev/null and b/fonts/lg/lgd641.woff differ diff --git a/fonts/linearicons/fonts/Linearicons-Free54e9.eot b/fonts/linearicons/fonts/Linearicons-Free54e9.eot new file mode 100644 index 0000000..e531c22 Binary files /dev/null and b/fonts/linearicons/fonts/Linearicons-Free54e9.eot differ diff --git a/fonts/linearicons/fonts/Linearicons-Free54e9.svg b/fonts/linearicons/fonts/Linearicons-Free54e9.svg new file mode 100644 index 0000000..f498bf4 --- /dev/null +++ b/fonts/linearicons/fonts/Linearicons-Free54e9.svg @@ -0,0 +1,199 @@ + + + + + +{ + "fontFamily": "Linearicons-Free", + "majorVersion": 1, + "minorVersion": 0, + "description": "Designed by Perxis (https://perxis.com).\nFont generated by IcoMoon.", + "copyright": "Copyright © 2015 Perxis.com. All Rights Reserved.", + "designerURL": "https://perxis.com", + "license": "https://linearicons.com/free/license", + "fontURL": "https://linearicons.com", + "licenseURL": "https://linearicons.com/free/license", + "version": "Version 1.0", + "fontId": "Linearicons-Free", + "psName": "Linearicons-Free", + "subFamily": "Regular", + "fullName": "Linearicons-Free" +} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/linearicons/fonts/Linearicons-Free54e9.ttf b/fonts/linearicons/fonts/Linearicons-Free54e9.ttf new file mode 100644 index 0000000..73d6783 Binary files /dev/null and b/fonts/linearicons/fonts/Linearicons-Free54e9.ttf differ diff --git a/fonts/linearicons/fonts/Linearicons-Free54e9.woff b/fonts/linearicons/fonts/Linearicons-Free54e9.woff new file mode 100644 index 0000000..63b5b75 Binary files /dev/null and b/fonts/linearicons/fonts/Linearicons-Free54e9.woff differ diff --git a/fonts/linearicons/fonts/Linearicons-Free54e9.woff2 b/fonts/linearicons/fonts/Linearicons-Free54e9.woff2 new file mode 100644 index 0000000..d4c5dda Binary files /dev/null and b/fonts/linearicons/fonts/Linearicons-Free54e9.woff2 differ diff --git a/fonts/linearicons/fonts/Linearicons-Freed41d.eot b/fonts/linearicons/fonts/Linearicons-Freed41d.eot new file mode 100644 index 0000000..e531c22 Binary files /dev/null and b/fonts/linearicons/fonts/Linearicons-Freed41d.eot differ diff --git a/fonts/linearicons/style.css b/fonts/linearicons/style.css new file mode 100644 index 0000000..93fe480 --- /dev/null +++ b/fonts/linearicons/style.css @@ -0,0 +1,536 @@ +@font-face { + font-family: 'Linearicons-Free'; + src:url('fonts/Linearicons-Free54e9.eot?w118d'); + src:url('fonts/Linearicons-Freed41d.eot?#iefixw118d') format('embedded-opentype'), + url('fonts/Linearicons-Free54e9.woff2?w118d') format('woff2'), + url('fonts/Linearicons-Free54e9.woff?w118d') format('woff'), + url('fonts/Linearicons-Free54e9.ttf?w118d') format('truetype'), + url('fonts/Linearicons-Free54e9.svg?w118d#Linearicons-Free') format('svg'); + font-weight: normal; + font-style: normal; +} + +.lnr { + font-family: 'Linearicons-Free'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.lnr-home:before { + content: "\e800"; +} +.lnr-apartment:before { + content: "\e801"; +} +.lnr-pencil:before { + content: "\e802"; +} +.lnr-magic-wand:before { + content: "\e803"; +} +.lnr-drop:before { + content: "\e804"; +} +.lnr-lighter:before { + content: "\e805"; +} +.lnr-poop:before { + content: "\e806"; +} +.lnr-sun:before { + content: "\e807"; +} +.lnr-moon:before { + content: "\e808"; +} +.lnr-cloud:before { + content: "\e809"; +} +.lnr-cloud-upload:before { + content: "\e80a"; +} +.lnr-cloud-download:before { + content: "\e80b"; +} +.lnr-cloud-sync:before { + content: "\e80c"; +} +.lnr-cloud-check:before { + content: "\e80d"; +} +.lnr-database:before { + content: "\e80e"; +} +.lnr-lock:before { + content: "\e80f"; +} +.lnr-cog:before { + content: "\e810"; +} +.lnr-trash:before { + content: "\e811"; +} +.lnr-dice:before { + content: "\e812"; +} +.lnr-heart:before { + content: "\e813"; +} +.lnr-star:before { + content: "\e814"; +} +.lnr-star-half:before { + content: "\e815"; +} +.lnr-star-empty:before { + content: "\e816"; +} +.lnr-flag:before { + content: "\e817"; +} +.lnr-envelope:before { + content: "\e818"; +} +.lnr-paperclip:before { + content: "\e819"; +} +.lnr-inbox:before { + content: "\e81a"; +} +.lnr-eye:before { + content: "\e81b"; +} +.lnr-printer:before { + content: "\e81c"; +} +.lnr-file-empty:before { + content: "\e81d"; +} +.lnr-file-add:before { + content: "\e81e"; +} +.lnr-enter:before { + content: "\e81f"; +} +.lnr-exit:before { + content: "\e820"; +} +.lnr-graduation-hat:before { + content: "\e821"; +} +.lnr-license:before { + content: "\e822"; +} +.lnr-music-note:before { + content: "\e823"; +} +.lnr-film-play:before { + content: "\e824"; +} +.lnr-camera-video:before { + content: "\e825"; +} +.lnr-camera:before { + content: "\e826"; +} +.lnr-picture:before { + content: "\e827"; +} +.lnr-book:before { + content: "\e828"; +} +.lnr-bookmark:before { + content: "\e829"; +} +.lnr-user:before { + content: "\e82a"; +} +.lnr-users:before { + content: "\e82b"; +} +.lnr-shirt:before { + content: "\e82c"; +} +.lnr-store:before { + content: "\e82d"; +} +.lnr-cart:before { + content: "\e82e"; +} +.lnr-tag:before { + content: "\e82f"; +} +.lnr-phone-handset:before { + content: "\e830"; +} +.lnr-phone:before { + content: "\e831"; +} +.lnr-pushpin:before { + content: "\e832"; +} +.lnr-map-marker:before { + content: "\e833"; +} +.lnr-map:before { + content: "\e834"; +} +.lnr-location:before { + content: "\e835"; +} +.lnr-calendar-full:before { + content: "\e836"; +} +.lnr-keyboard:before { + content: "\e837"; +} +.lnr-spell-check:before { + content: "\e838"; +} +.lnr-screen:before { + content: "\e839"; +} +.lnr-smartphone:before { + content: "\e83a"; +} +.lnr-tablet:before { + content: "\e83b"; +} +.lnr-laptop:before { + content: "\e83c"; +} +.lnr-laptop-phone:before { + content: "\e83d"; +} +.lnr-power-switch:before { + content: "\e83e"; +} +.lnr-bubble:before { + content: "\e83f"; +} +.lnr-heart-pulse:before { + content: "\e840"; +} +.lnr-construction:before { + content: "\e841"; +} +.lnr-pie-chart:before { + content: "\e842"; +} +.lnr-chart-bars:before { + content: "\e843"; +} +.lnr-gift:before { + content: "\e844"; +} +.lnr-diamond:before { + content: "\e845"; +} +.lnr-linearicons:before { + content: "\e846"; +} +.lnr-dinner:before { + content: "\e847"; +} +.lnr-coffee-cup:before { + content: "\e848"; +} +.lnr-leaf:before { + content: "\e849"; +} +.lnr-paw:before { + content: "\e84a"; +} +.lnr-rocket:before { + content: "\e84b"; +} +.lnr-briefcase:before { + content: "\e84c"; +} +.lnr-bus:before { + content: "\e84d"; +} +.lnr-car:before { + content: "\e84e"; +} +.lnr-train:before { + content: "\e84f"; +} +.lnr-bicycle:before { + content: "\e850"; +} +.lnr-wheelchair:before { + content: "\e851"; +} +.lnr-select:before { + content: "\e852"; +} +.lnr-earth:before { + content: "\e853"; +} +.lnr-smile:before { + content: "\e854"; +} +.lnr-sad:before { + content: "\e855"; +} +.lnr-neutral:before { + content: "\e856"; +} +.lnr-mustache:before { + content: "\e857"; +} +.lnr-alarm:before { + content: "\e858"; +} +.lnr-bullhorn:before { + content: "\e859"; +} +.lnr-volume-high:before { + content: "\e85a"; +} +.lnr-volume-medium:before { + content: "\e85b"; +} +.lnr-volume-low:before { + content: "\e85c"; +} +.lnr-volume:before { + content: "\e85d"; +} +.lnr-mic:before { + content: "\e85e"; +} +.lnr-hourglass:before { + content: "\e85f"; +} +.lnr-undo:before { + content: "\e860"; +} +.lnr-redo:before { + content: "\e861"; +} +.lnr-sync:before { + content: "\e862"; +} +.lnr-history:before { + content: "\e863"; +} +.lnr-clock:before { + content: "\e864"; +} +.lnr-download:before { + content: "\e865"; +} +.lnr-upload:before { + content: "\e866"; +} +.lnr-enter-down:before { + content: "\e867"; +} +.lnr-exit-up:before { + content: "\e868"; +} +.lnr-bug:before { + content: "\e869"; +} +.lnr-code:before { + content: "\e86a"; +} +.lnr-link:before { + content: "\e86b"; +} +.lnr-unlink:before { + content: "\e86c"; +} +.lnr-thumbs-up:before { + content: "\e86d"; +} +.lnr-thumbs-down:before { + content: "\e86e"; +} +.lnr-magnifier:before { + content: "\e86f"; +} +.lnr-cross:before { + content: "\e870"; +} +.lnr-menu:before { + content: "\e871"; +} +.lnr-list:before { + content: "\e872"; +} +.lnr-chevron-up:before { + content: "\e873"; +} +.lnr-chevron-down:before { + content: "\e874"; +} +.lnr-chevron-left:before { + content: "\e875"; +} +.lnr-chevron-right:before { + content: "\e876"; +} +.lnr-arrow-up:before { + content: "\e877"; +} +.lnr-arrow-down:before { + content: "\e878"; +} +.lnr-arrow-left:before { + content: "\e879"; +} +.lnr-arrow-right:before { + content: "\e87a"; +} +.lnr-move:before { + content: "\e87b"; +} +.lnr-warning:before { + content: "\e87c"; +} +.lnr-question-circle:before { + content: "\e87d"; +} +.lnr-menu-circle:before { + content: "\e87e"; +} +.lnr-checkmark-circle:before { + content: "\e87f"; +} +.lnr-cross-circle:before { + content: "\e880"; +} +.lnr-plus-circle:before { + content: "\e881"; +} +.lnr-circle-minus:before { + content: "\e882"; +} +.lnr-arrow-up-circle:before { + content: "\e883"; +} +.lnr-arrow-down-circle:before { + content: "\e884"; +} +.lnr-arrow-left-circle:before { + content: "\e885"; +} +.lnr-arrow-right-circle:before { + content: "\e886"; +} +.lnr-chevron-up-circle:before { + content: "\e887"; +} +.lnr-chevron-down-circle:before { + content: "\e888"; +} +.lnr-chevron-left-circle:before { + content: "\e889"; +} +.lnr-chevron-right-circle:before { + content: "\e88a"; +} +.lnr-crop:before { + content: "\e88b"; +} +.lnr-frame-expand:before { + content: "\e88c"; +} +.lnr-frame-contract:before { + content: "\e88d"; +} +.lnr-layers:before { + content: "\e88e"; +} +.lnr-funnel:before { + content: "\e88f"; +} +.lnr-text-format:before { + content: "\e890"; +} +.lnr-text-format-remove:before { + content: "\e891"; +} +.lnr-text-size:before { + content: "\e892"; +} +.lnr-bold:before { + content: "\e893"; +} +.lnr-italic:before { + content: "\e894"; +} +.lnr-underline:before { + content: "\e895"; +} +.lnr-strikethrough:before { + content: "\e896"; +} +.lnr-highlight:before { + content: "\e897"; +} +.lnr-text-align-left:before { + content: "\e898"; +} +.lnr-text-align-center:before { + content: "\e899"; +} +.lnr-text-align-right:before { + content: "\e89a"; +} +.lnr-text-align-justify:before { + content: "\e89b"; +} +.lnr-line-spacing:before { + content: "\e89c"; +} +.lnr-indent-increase:before { + content: "\e89d"; +} +.lnr-indent-decrease:before { + content: "\e89e"; +} +.lnr-pilcrow:before { + content: "\e89f"; +} +.lnr-direction-ltr:before { + content: "\e8a0"; +} +.lnr-direction-rtl:before { + content: "\e8a1"; +} +.lnr-page-break:before { + content: "\e8a2"; +} +.lnr-sort-alpha-asc:before { + content: "\e8a3"; +} +.lnr-sort-amount-asc:before { + content: "\e8a4"; +} +.lnr-hand:before { + content: "\e8a5"; +} +.lnr-pointer-up:before { + content: "\e8a6"; +} +.lnr-pointer-right:before { + content: "\e8a7"; +} +.lnr-pointer-down:before { + content: "\e8a8"; +} +.lnr-pointer-left:before { + content: "\e8a9"; +} diff --git a/img/192X192.png b/img/192X192.png new file mode 100644 index 0000000..62c456e Binary files /dev/null and b/img/192X192.png differ diff --git a/img/512X512.png b/img/512X512.png new file mode 100644 index 0000000..989548c Binary files /dev/null and b/img/512X512.png differ diff --git a/img/96X96.png b/img/96X96.png new file mode 100644 index 0000000..923012c Binary files /dev/null and b/img/96X96.png differ diff --git a/img/avatar/avatar-1.jpg b/img/avatar/avatar-1.jpg new file mode 100644 index 0000000..95c89eb Binary files /dev/null and b/img/avatar/avatar-1.jpg differ diff --git a/img/avatar/avatar-10.jpeg b/img/avatar/avatar-10.jpeg new file mode 100644 index 0000000..85bd43d Binary files /dev/null and b/img/avatar/avatar-10.jpeg differ diff --git a/img/avatar/avatar-11.jpeg b/img/avatar/avatar-11.jpeg new file mode 100644 index 0000000..2b5b360 Binary files /dev/null and b/img/avatar/avatar-11.jpeg differ diff --git a/img/avatar/avatar-11.jpg b/img/avatar/avatar-11.jpg new file mode 100644 index 0000000..ff72bfe Binary files /dev/null and b/img/avatar/avatar-11.jpg differ diff --git a/img/avatar/avatar-12.jpg b/img/avatar/avatar-12.jpg new file mode 100644 index 0000000..48ec497 Binary files /dev/null and b/img/avatar/avatar-12.jpg differ diff --git a/img/avatar/avatar-12.png b/img/avatar/avatar-12.png new file mode 100644 index 0000000..03bb8f3 Binary files /dev/null and b/img/avatar/avatar-12.png differ diff --git a/img/avatar/avatar-2.jpg b/img/avatar/avatar-2.jpg new file mode 100644 index 0000000..81bc241 Binary files /dev/null and b/img/avatar/avatar-2.jpg differ diff --git a/img/avatar/avatar-3.jpg b/img/avatar/avatar-3.jpg new file mode 100644 index 0000000..0720613 Binary files /dev/null and b/img/avatar/avatar-3.jpg differ diff --git a/img/avatar/avatar-4.jpg b/img/avatar/avatar-4.jpg new file mode 100644 index 0000000..1b8cdb2 Binary files /dev/null and b/img/avatar/avatar-4.jpg differ diff --git a/img/avatar/avatar-9.jpeg b/img/avatar/avatar-9.jpeg new file mode 100644 index 0000000..b3ec7e1 Binary files /dev/null and b/img/avatar/avatar-9.jpeg differ diff --git a/img/bg-img-6.jpg b/img/bg-img-6.jpg new file mode 100644 index 0000000..10f2e82 Binary files /dev/null and b/img/bg-img-6.jpg differ diff --git a/img/car-1.jpg b/img/car-1.jpg new file mode 100644 index 0000000..a32a142 Binary files /dev/null and b/img/car-1.jpg differ diff --git a/img/car-10.jpg b/img/car-10.jpg new file mode 100644 index 0000000..48d5ef9 Binary files /dev/null and b/img/car-10.jpg differ diff --git a/img/car-11.jpg b/img/car-11.jpg new file mode 100644 index 0000000..6c064f7 Binary files /dev/null and b/img/car-11.jpg differ diff --git a/img/car-12.jpg b/img/car-12.jpg new file mode 100644 index 0000000..9c0b396 Binary files /dev/null and b/img/car-12.jpg differ diff --git a/img/car-13.jpg b/img/car-13.jpg new file mode 100644 index 0000000..f1902a3 Binary files /dev/null and b/img/car-13.jpg differ diff --git a/img/car-14.jpg b/img/car-14.jpg new file mode 100644 index 0000000..c1bc22c Binary files /dev/null and b/img/car-14.jpg differ diff --git a/img/car-2.jpg b/img/car-2.jpg new file mode 100644 index 0000000..ca9a6fd Binary files /dev/null and b/img/car-2.jpg differ diff --git a/img/car-3.jpg b/img/car-3.jpg new file mode 100644 index 0000000..124522d Binary files /dev/null and b/img/car-3.jpg differ diff --git a/img/car-4.jpg b/img/car-4.jpg new file mode 100644 index 0000000..a15196a Binary files /dev/null and b/img/car-4.jpg differ diff --git a/img/car-5.jpg b/img/car-5.jpg new file mode 100644 index 0000000..07c68ef Binary files /dev/null and b/img/car-5.jpg differ diff --git a/img/car-6.jpg b/img/car-6.jpg new file mode 100644 index 0000000..658ddb9 Binary files /dev/null and b/img/car-6.jpg differ diff --git a/img/car-7.jpg b/img/car-7.jpg new file mode 100644 index 0000000..1325118 Binary files /dev/null and b/img/car-7.jpg differ diff --git a/img/car/car-1.jpg b/img/car/car-1.jpg new file mode 100644 index 0000000..1f1c1fc Binary files /dev/null and b/img/car/car-1.jpg differ diff --git a/img/car/car-2.jpg b/img/car/car-2.jpg new file mode 100644 index 0000000..a681186 Binary files /dev/null and b/img/car/car-2.jpg differ diff --git a/img/car/car-3.jpg b/img/car/car-3.jpg new file mode 100644 index 0000000..63a9e64 Binary files /dev/null and b/img/car/car-3.jpg differ diff --git a/img/car/car-4.jpg b/img/car/car-4.jpg new file mode 100644 index 0000000..11e088a Binary files /dev/null and b/img/car/car-4.jpg differ diff --git a/img/car/car-5.jpg b/img/car/car-5.jpg new file mode 100644 index 0000000..3bb5224 Binary files /dev/null and b/img/car/car-5.jpg differ diff --git a/img/car/car-6.jpg b/img/car/car-6.jpg new file mode 100644 index 0000000..92e141d Binary files /dev/null and b/img/car/car-6.jpg differ diff --git a/img/car/small-car-1.jpg b/img/car/small-car-1.jpg new file mode 100644 index 0000000..ad6984f Binary files /dev/null and b/img/car/small-car-1.jpg differ diff --git a/img/car/small-car-2.jpg b/img/car/small-car-2.jpg new file mode 100644 index 0000000..d177d88 Binary files /dev/null and b/img/car/small-car-2.jpg differ diff --git a/img/car/small-car-3.jpg b/img/car/small-car-3.jpg new file mode 100644 index 0000000..4b6321e Binary files /dev/null and b/img/car/small-car-3.jpg differ diff --git a/img/car0.png b/img/car0.png new file mode 100644 index 0000000..3e71c54 Binary files /dev/null and b/img/car0.png differ diff --git a/img/favicon.ico b/img/favicon.ico new file mode 100644 index 0000000..47fa37c Binary files /dev/null and b/img/favicon.ico differ diff --git a/img/latest-offers/img-1.jpg b/img/latest-offers/img-1.jpg new file mode 100644 index 0000000..75b2b49 Binary files /dev/null and b/img/latest-offers/img-1.jpg differ diff --git a/img/latest-offers/img-2.jpg b/img/latest-offers/img-2.jpg new file mode 100644 index 0000000..8eda064 Binary files /dev/null and b/img/latest-offers/img-2.jpg differ diff --git a/img/latest-offers/img-3.jpg b/img/latest-offers/img-3.jpg new file mode 100644 index 0000000..d3f838d Binary files /dev/null and b/img/latest-offers/img-3.jpg differ diff --git a/img/latest-offers/img-4.jpg b/img/latest-offers/img-4.jpg new file mode 100644 index 0000000..e2ce7cb Binary files /dev/null and b/img/latest-offers/img-4.jpg differ diff --git a/img/latest-offers/img-5.jpg b/img/latest-offers/img-5.jpg new file mode 100644 index 0000000..019d03f Binary files /dev/null and b/img/latest-offers/img-5.jpg differ diff --git a/img/loader.gif b/img/loader.gif new file mode 100644 index 0000000..e771b50 Binary files /dev/null and b/img/loader.gif differ diff --git a/img/logos/black-logo.png b/img/logos/black-logo.png new file mode 100644 index 0000000..2c209d5 Binary files /dev/null and b/img/logos/black-logo.png differ diff --git a/img/logos/logo-black-white.png b/img/logos/logo-black-white.png new file mode 100644 index 0000000..0508135 Binary files /dev/null and b/img/logos/logo-black-white.png differ diff --git a/img/logos/logo.png b/img/logos/logo.png new file mode 100644 index 0000000..186101e Binary files /dev/null and b/img/logos/logo.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..210cfc6 --- /dev/null +++ b/index.html @@ -0,0 +1,1300 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+

Executive Team

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

+
+ +
+ +
+
+
+ + + +
+
+
+
+
+

Do You Have Questions ?

+
+
+ +
+
+
+ + + + + + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/js/app.js b/js/app.js new file mode 100644 index 0000000..d749a92 --- /dev/null +++ b/js/app.js @@ -0,0 +1,606 @@ +$(function () { + "use strict"; + + // Showing page loader + $(window).on("load", function () { + populateColorPlates(); + setTimeout(function () { + $(".page_loader").fadeOut("fast"); + }, 100); + + if ($("body .filter-portfolio").length > 0) { + $(function () { + $(".filter-portfolio").filterizr({ + delay: 0, + }); + }); + $(".filteriz-navigation li").on("click", function () { + $(".filteriz-navigation .filtr").removeClass("active"); + $(this).addClass("active"); + }); + } + }); + //progressive webapp + class PWAConfApp { + constructor() { + this.speakersDiv = document.querySelector(".speakers"); + this.scheduleDiv = document.querySelector(".schedule"); + this.init(); + } + + async init() { + this.loadSpeakers(); + this.loadSchedule(); + } + + async loadSpeakers() { + this.speakers = await this.fetchJSON("./speakers.json"); + + this.speakersDiv.innerHTML = this.speakers + .map(this.toSpeakerBlock) + .join("\n"); + } + + async loadSchedule() { + const rawSchedule = await this.fetchJSON("./schedule.json"); + + // Add speaker details to array + this.schedule = rawSchedule.map(this.addSpeakerDetails, this); + this.scheduleDiv.innerHTML = this.schedule + .map(this.toScheduleBlock) + .join("\n"); + } + + toSpeakerBlock(speaker) { + return ` +
+ ${speaker.name} +
${speaker.name}
+
`; + } + + toScheduleBlock(scheduleItem) { + return ` +
+
+
${scheduleItem.startTime}
+
+
${scheduleItem.title}
+
${ + scheduleItem.speaker ? scheduleItem.speaker.name : " " + }
+
+
+

${scheduleItem.description}

+
+ `; + } + + addSpeakerDetails(item) { + if (item.speakerId) { + return Object.assign({}, item, { + speaker: this.speakers.find((s) => s.id === item.speakerId), + }); + } + return Object.assign({}, item); + } + + async fetchJSON(url) { + const res = await fetch(url); + return res.json(); + } + } + + window.addEventListener("load", (e) => { + new PWAConfApp(); + registerSW(); + }); + async function registerSW() { + if ("serviceWorker" in navigator) { + try { + await navigator.serviceWorker.register("./sw.js"); + } catch (e) { + alert("ServiceWorker registration failed. Sorry about that."); + } + } else { + document.querySelector(".alert").removeAttribute("hidden"); + } + } + // Made the left sidebar's min-height to window's height + var winHeight = $(window).height(); + $(".dashboard-nav").css("min-height", winHeight); + + // Magnify activation + $(".portfolio-item").magnificPopup({ + delegate: "a", + type: "image", + gallery: { enabled: true }, + }); + + $(".car-magnify-gallery").lightGallery(); + + $(document).on("click", ".compare-btn", function () { + if ($(this).hasClass("active")) { + $(this).removeClass("active"); + $.jnoty("Car has been removed from compare list", { + header: "Warning", + sticky: true, + theme: "jnoty-warning", + icon: "fa fa-check-circle", + }); + } else { + $(this).addClass("active"); + $.jnoty("Car has been added to compare list", { + header: "Success", + sticky: true, + theme: "jnoty-success", + icon: "fa fa-check-circle", + }); + } + }); + + $(document).on("click", ".wishlist-btn", function () { + if ($(this).hasClass("active")) { + $(this).removeClass("active"); + $.jnoty("Car has been removed from wishlist list", { + header: "Warning", + sticky: true, + theme: "jnoty-warning", + icon: "fa fa-check-circle", + }); + } else { + $(this).addClass("active"); + $.jnoty("Car has been added to wishlist list", { + header: "Success", + sticky: true, + theme: "jnoty-success", + icon: "fa fa-check-circle", + }); + } + }); + + // Header shrink while page scroll + adjustHeader(); + doSticky(); + placedDashboard(); + $(window).on("scroll", function () { + adjustHeader(); + doSticky(); + placedDashboard(); + }); + + // Header shrink while page resize + $(window).on("resize", function () { + adjustHeader(); + doSticky(); + placedDashboard(); + }); + + function adjustHeader() { + var windowWidth = $(window).width(); + if (windowWidth > 0) { + if ($(document).scrollTop() >= 100) { + if ($(".header-shrink").length < 1) { + $(".sticky-header").addClass("header-shrink"); + } + if ($(".do-sticky").length < 1) { + $(".company-logo img").attr("src", "img/logos/black-logo.png"); + } + } else { + $(".sticky-header").removeClass("header-shrink"); + if ( + $(".do-sticky").length < 1 && + $(".fixed-header").length == 0 && + $(".fixed-header2").length == 0 + ) { + $(".company-logo img").attr("src", "img/logos/logo.png"); + } else { + $(".company-logo img").attr("src", "img/logos/black-logo.png"); + } + } + } else { + $(".company-logo img").attr("src", "img/logos/black-logo.png"); + } + } + + function doSticky() { + if ($(document).scrollTop() > 40) { + $(".do-sticky").addClass("sticky-header"); + //$('.do-sticky').addClass('header-shrink'); + } else { + $(".do-sticky").removeClass("sticky-header"); + //$('.do-sticky').removeClass('header-shrink'); + } + } + + function placedDashboard() { + var headerHeight = parseInt($(".main-header").height(), 10); + $(".dashboard").css("top", headerHeight); + } + + // Banner slider + (function ($) { + //Function to animate slider captions + function doAnimations(elems) { + //Cache the animationend event in a variable + var animEndEv = "webkitAnimationEnd animationend"; + elems.each(function () { + var $this = $(this), + $animationType = $this.data("animation"); + $this.addClass($animationType).one(animEndEv, function () { + $this.removeClass($animationType); + }); + }); + } + + //Variables on page load + var $myCarousel = $("#carousel-example-generic"); + var $firstAnimatingElems = $myCarousel + .find(".item:first") + .find("[data-animation ^= 'animated']"); + //Initialize carousel + $myCarousel.carousel(); + + //Animate captions in first slide on page load + doAnimations($firstAnimatingElems); + //Pause carousel + $myCarousel.carousel("pause"); + //Other slides to be animated on carousel slide event + $myCarousel.on("slide.bs.carousel", function (e) { + var $animatingElems = $(e.relatedTarget).find( + "[data-animation ^= 'animated']" + ); + doAnimations($animatingElems); + }); + $("#carousel-example-generic").carousel({ + interval: 3000, + pause: "false", + }); + })(jQuery); + + // Page scroller initialization. + $.scrollUp({ + scrollName: "page_scroller", + scrollDistance: 300, + scrollFrom: "top", + scrollSpeed: 500, + easingType: "linear", + animation: "fade", + animationSpeed: 200, + scrollTrigger: false, + scrollTarget: false, + scrollText: '', + scrollTitle: false, + scrollImg: false, + activeOverlay: false, + zIndex: 2147483647, + }); + + // Counter + function isCounterElementVisible($elementToBeChecked) { + var TopView = $(window).scrollTop(); + var BotView = TopView + $(window).height(); + var TopElement = $elementToBeChecked.offset().top; + var BotElement = TopElement + $elementToBeChecked.height(); + return BotElement <= BotView && TopElement >= TopView; + } + + $(window).on("scroll", function () { + $(".counter").each(function () { + var isOnView = isCounterElementVisible($(this)); + if (isOnView && !$(this).hasClass("Starting")) { + $(this).addClass("Starting"); + $(this) + .prop("Counter", 0) + .animate( + { + Counter: $(this).text(), + }, + { + duration: 3000, + easing: "swing", + step: function (now) { + $(this).text(Math.ceil(now)); + }, + } + ); + } + }); + }); + + // Countdown activation + $(function () { + // Add background image + //$.backstretch('../img/nature.jpg'); + var endDate = "December 27, 2019 15:03:25"; + $(".countdown.simple").countdown({ date: endDate }); + $(".countdown.styled").countdown({ + date: endDate, + render: function (data) { + $(this.el).html( + "
" + + this.leadingZeros(data.days, 3) + + " Days
" + + this.leadingZeros(data.hours, 2) + + " Hours
" + + this.leadingZeros(data.min, 2) + + " Minutes
" + + this.leadingZeros(data.sec, 2) + + " Seconds
" + ); + }, + }); + $(".countdown.callback") + .countdown({ + date: +new Date() + 10000, + render: function (data) { + $(this.el).text(this.leadingZeros(data.sec, 2) + " sec"); + }, + onEnd: function () { + $(this.el).addClass("ended"); + }, + }) + .on("click", function () { + $(this) + .removeClass("ended") + .data("countdown") + .update(+new Date() + 10000) + .start(); + }); + }); + + $(".range-slider-ui").each(function () { + var minRangeValue = $(this).attr("data-min"); + var maxRangeValue = $(this).attr("data-max"); + var minName = $(this).attr("data-min-name"); + var maxName = $(this).attr("data-max-name"); + var unit = $(this).attr("data-unit"); + + $(this).append( + "" + + " " + + "" + + "" + + "" + ); + $(this).slider({ + range: true, + min: minRangeValue, + max: maxRangeValue, + values: [minRangeValue, maxRangeValue], + slide: function (event, ui) { + event = event; + var currentMin = parseInt(ui.values[0], 10); + var currentMax = parseInt(ui.values[1], 10); + $(this) + .children(".min-value") + .text(currentMin + " " + unit); + $(this) + .children(".max-value") + .text(currentMax + " " + unit); + $(this).children(".current-min").val(currentMin); + $(this).children(".current-max").val(currentMax); + }, + }); + + var currentMin = parseInt($(this).slider("values", 0), 10); + var currentMax = parseInt($(this).slider("values", 1), 10); + $(this) + .children(".min-value") + .text(currentMin + " " + unit); + $(this) + .children(".max-value") + .text(currentMax + " " + unit); + $(this).children(".current-min").val(currentMin); + $(this).children(".current-max").val(currentMax); + }); + + // Select picket + $(".selectpicker").selectpicker(); + + // Search option's icon toggle + $(".search-options-btn").on("click", function () { + $(".search-section").toggleClass("show-search-area"); + $(".search-options-btn .fa").toggleClass("fa-chevron-down"); + }); + + // Carousel with partner initialization + (function () { + $("#ourPartners").carousel({ interval: 3600 }); + })(); + + (function () { + $(".our-partners .item").each(function () { + var itemToClone = $(this); + for (var i = 1; i < 4; i++) { + itemToClone = itemToClone.next(); + if (!itemToClone.length) { + itemToClone = $(this).siblings(":first"); + } + itemToClone + .children(":first-child") + .clone() + .addClass("cloneditem-" + i) + .appendTo($(this)); + } + }); + })(); + + // Background video playing script + $(document).ready(function () { + $(".player").mb_YTPlayer({ + mobileFallbackImage: "img/banner/banner-1.jpg", + }); + }); + + // Multilevel menuus + $("[data-submenu]").submenupicker(); + + // Expending/Collapsing advance search content + $(".show-more-options").on("click", function () { + if ($(this).find(".fa").hasClass("fa-minus-circle")) { + $(this).find(".fa").removeClass("fa-minus-circle"); + $(this).find(".fa").addClass("fa-plus-circle"); + } else { + $(this).find(".fa").removeClass("fa-plus-circle"); + $(this).find(".fa").addClass("fa-minus-circle"); + } + }); + + var videoWidth = $(".sidebar-widget").width(); + var videoHeight = videoWidth * 0.61; + $(".sidebar-widget iframe").css("height", videoHeight); + + // Megamenu activation + $(".megamenu").on("click", function (e) { + e.stopPropagation(); + }); + + // Dropdown activation + $(".dropdown-menu a.dropdown-toggle").on("click", function (e) { + if (!$(this).next().hasClass("show")) { + $(this) + .parents(".dropdown-menu") + .first() + .find(".show") + .removeClass("show"); + } + var $subMenu = $(this).next(".dropdown-menu"); + $subMenu.toggleClass("show"); + + $(this) + .parents("li.nav-item.dropdown.show") + .on("hidden.bs.dropdown", function (e) { + $(".dropdown-submenu .show").removeClass("show"); + }); + + return false; + }); + + // Full Page Search Activation + $(function () { + $('a[href="#full-page-search"]').on("click", function (event) { + event.preventDefault(); + $("#full-page-search").addClass("open"); + $('#full-page-search > form > input[type="search"]').focus(); + }); + + $("#full-page-search, #full-page-search button.close").on( + "click keyup", + function (event) { + if ( + event.target == this || + event.target.className == "close" || + event.keyCode == 27 + ) { + $(this).removeClass("open"); + } + } + ); + }); + + // Slick Sliders + $(".slick-carousel").each(function () { + var slider = $(this); + $(this).slick({ + infinite: true, + dots: false, + arrows: false, + centerMode: true, + centerPadding: "0", + }); + + $(this) + .closest(".slick-slider-area") + .find(".slick-prev") + .on("click", function () { + slider.slick("slickPrev"); + }); + $(this) + .closest(".slick-slider-area") + .find(".slick-next") + .on("click", function () { + slider.slick("slickNext"); + }); + }); + + $(".dropdown.btns .dropdown-toggle").on("click", function () { + $(this).dropdown("toggle"); + return false; + }); + + // Dropzone initialization + Dropzone.autoDiscover = false; + $(function () { + $("div#myDropZone").dropzone({ + url: "/file-upload", + }); + }); + + // Filterizr initialization + $(function () { + //$('.filtr-container').filterizr(); + }); + + function toggleChevron(e) { + $(e.target) + .prev(".panel-heading") + .find(".fa") + .toggleClass("fa-minus fa-plus"); + } + + $(".panel-group").on("shown.bs.collapse", toggleChevron); + $(".panel-group").on("hidden.bs.collapse", toggleChevron); + + // Switching Color schema + function populateColorPlates() { + var plateStings = + '
\n' + + "

Change Color

\n" + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + '
\n' + + ' \n' + + "
\n" + + "
"; + $("body").append(plateStings); + } + $(document).on("click", ".color-plate", function () { + var name = $(this).attr("data-color"); + $('link[id="style_sheet"]').attr("href", "css/skins/" + name + ".css"); + }); + + $(document).on("click", ".setting-button", function () { + $(".option-panel").toggleClass("option-panel-collased"); + }); +}); + +// mCustomScrollbar initialization +(function ($) { + $(window) + .resize(function () { + $("#map").css("height", $(this).height() - 110); + if ($(this).width() > 768) { + $(".map-content-sidebar").mCustomScrollbar({ theme: "minimal-dark" }); + $(".map-content-sidebar").css("height", $(this).height() - 110); + } else { + $(".map-content-sidebar").mCustomScrollbar("destroy"); //destroy scrollbar + $(".map-content-sidebar").css("height", "100%"); + } + }) + .trigger("resize"); +})(jQuery); diff --git a/js/bootstrap-select.min.js b/js/bootstrap-select.min.js new file mode 100644 index 0000000..9263e4a --- /dev/null +++ b/js/bootstrap-select.min.js @@ -0,0 +1,9 @@ +/*! + * Bootstrap-select v1.13.0-beta (https://developer.snapappointments.com/bootstrap-select) + * + * Copyright 2012-2018 SnapAppointments, LLC + * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) + */ +!function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):"object"==typeof module&&module.exports?module.exports=b(require("jquery")):b(a.jQuery)}(this,function(a){!function(a){"use strict";function b(a,b){return a.length===b.length&&a.every(function(a,c){return a===b[c]})}function c(a,b,c,d){for(var f=["content","subtext","tokens"],g=!1,h=0;h=0:j.startsWith(b)))break}return g}function d(a){return parseInt(a,10)||0}function e(b){var c=[{re:/[\xC0-\xC6]/g,ch:"A"},{re:/[\xE0-\xE6]/g,ch:"a"},{re:/[\xC8-\xCB]/g,ch:"E"},{re:/[\xE8-\xEB]/g,ch:"e"},{re:/[\xCC-\xCF]/g,ch:"I"},{re:/[\xEC-\xEF]/g,ch:"i"},{re:/[\xD2-\xD6]/g,ch:"O"},{re:/[\xF2-\xF6]/g,ch:"o"},{re:/[\xD9-\xDC]/g,ch:"U"},{re:/[\xF9-\xFC]/g,ch:"u"},{re:/[\xC7-\xE7]/g,ch:"c"},{re:/[\xD1]/g,ch:"N"},{re:/[\xF1]/g,ch:"n"}];return a.each(c,function(){b=b?b.replace(this.re,this.ch):""}),b}function f(b){var c=arguments,d=b;[].shift.apply(c);var e,f=this.each(function(){var b=a(this);if(b.is("select")){var f=b.data("selectpicker"),g="object"==typeof d&&d;if(f){if(g)for(var h in g)g.hasOwnProperty(h)&&(f.options[h]=g[h])}else{var i=a.extend({},w.DEFAULTS,a.fn.selectpicker.defaults||{},b.data(),g);i.template=a.extend({},w.DEFAULTS.template,a.fn.selectpicker.defaults?a.fn.selectpicker.defaults.template:{},b.data().template,g.template),b.data("selectpicker",f=new w(this,i))}"string"==typeof d&&(e=f[d]instanceof Function?f[d].apply(f,c):f.options[d])}});return void 0!==e?e:f}var g=document.createElement("_");if(g.classList.toggle("c3",!1),g.classList.contains("c3")){var h=DOMTokenList.prototype.toggle;DOMTokenList.prototype.toggle=function(a,b){return 1 in arguments&&!this.contains(a)==!b?b:h.call(this,a)}}String.prototype.startsWith||function(){var a=function(){try{var a={},b=Object.defineProperty,c=b(a,a,a)&&b}catch(a){}return c}(),b={}.toString,c=function(a){if(null==this)throw new TypeError;var c=String(this);if(a&&"[object RegExp]"==b.call(a))throw new TypeError;var d=c.length,e=String(a),f=e.length,g=arguments.length>1?arguments[1]:void 0,h=g?Number(g):0;h!=h&&(h=0);var i=Math.min(Math.max(h,0),d);if(f+i>d)return!1;for(var j=-1;++j":">",'"':""","'":"'","`":"`"},m={"&":"&","<":"<",">":">",""":'"',"'":"'","`":"`"},n=function(a){var b=function(b){return a[b]},c="(?:"+Object.keys(a).join("|")+")",d=RegExp(c),e=RegExp(c,"g");return function(a){return a=null==a?"":""+a,d.test(a)?a.replace(e,b):a}},o=n(l),p=n(m),q={32:" ",48:"0",49:"1",50:"2",51:"3",52:"4",53:"5",54:"6",55:"7",56:"8",57:"9",59:";",65:"A",66:"B",67:"C",68:"D",69:"E",70:"F",71:"G",72:"H",73:"I",74:"J",75:"K",76:"L",77:"M",78:"N",79:"O",80:"P",81:"Q",82:"R",83:"S",84:"T",85:"U",86:"V",87:"W",88:"X",89:"Y",90:"Z",96:"0",97:"1",98:"2",99:"3",100:"4",101:"5",102:"6",103:"7",104:"8",105:"9"},r={ESCAPE:27,ENTER:13,SPACE:32,TAB:9,ARROW_UP:38,ARROW_DOWN:40},s={};s.full=(a.fn.dropdown.Constructor.VERSION||"").split(" ")[0].split("."),s.major=s.full[0];var t={DISABLED:"disabled",DIVIDER:"4"===s.major?"dropdown-divider":"divider",SHOW:"4"===s.major?"show":"open",DROPUP:"dropup",MENURIGHT:"dropdown-menu-right",MENULEFT:"dropdown-menu-left",BUTTONCLASS:"4"===s.major?"btn-light":"btn-default"},u=new RegExp(r.ARROW_UP+"|"+r.ARROW_DOWN),v=new RegExp("^"+r.TAB+"$|"+r.ESCAPE),w=(new RegExp(r.ENTER+"|"+r.SPACE),function(b,c){var d=this;i.useDefault||(a.valHooks.select.set=i._set,i.useDefault=!0),this.$element=a(b),this.$newElement=null,this.$button=null,this.$menu=null,this.options=c,this.selectpicker={main:{map:{newIndex:{},originalIndex:{}}},current:{map:{}},search:{map:{}},view:{},keydown:{keyHistory:"",resetKeyHistory:{start:function(){return setTimeout(function(){d.selectpicker.keydown.keyHistory=""},800)}}}},null===this.options.title&&(this.options.title=this.$element.attr("title"));var e=this.options.windowPadding;"number"==typeof e&&(this.options.windowPadding=[e,e,e,e]),this.val=w.prototype.val,this.render=w.prototype.render,this.refresh=w.prototype.refresh,this.setStyle=w.prototype.setStyle,this.selectAll=w.prototype.selectAll,this.deselectAll=w.prototype.deselectAll,this.destroy=w.prototype.destroy,this.remove=w.prototype.remove,this.show=w.prototype.show,this.hide=w.prototype.hide,this.init()});w.VERSION="1.13.0-beta",w.DEFAULTS={noneSelectedText:"Nothing selected",noneResultsText:"No results matched {0}",countSelectedText:function(a,b){return 1==a?"{0} item selected":"{0} items selected"},maxOptionsText:function(a,b){return[1==a?"Limit reached ({n} item max)":"Limit reached ({n} items max)",1==b?"Group limit reached ({n} item max)":"Group limit reached ({n} items max)"]},selectAllText:"Select All",deselectAllText:"Deselect All",doneButton:!1,doneButtonText:"Close",multipleSeparator:", ",styleBase:"btn",style:"btn-default",size:"auto",title:null,selectedTextFormat:"values",width:!1,container:!1,hideDisabled:!1,showSubtext:!1,showIcon:!0,showContent:!0,dropupAuto:!0,header:!1,liveSearch:!1,liveSearchPlaceholder:null,liveSearchNormalize:!1,liveSearchStyle:"contains",actionsBox:!1,iconBase:"glyphicon",tickIcon:"glyphicon-ok",showTick:!1,template:{caret:''},maxOptions:!1,mobile:!1,selectOnTab:!1,dropdownAlignRight:!1,windowPadding:0,virtualScroll:600},"4"===s.major&&(w.DEFAULTS.style="btn-light",w.DEFAULTS.iconBase="",w.DEFAULTS.tickIcon="bs-ok-default"),w.prototype={constructor:w,init:function(){var a=this,b=this.$element.attr("id");this.$element.addClass("bs-select-hidden"),this.multiple=this.$element.prop("multiple"),this.autofocus=this.$element.prop("autofocus"),this.$newElement=this.createDropdown(),this.createLi(),this.$element.after(this.$newElement).prependTo(this.$newElement),this.$button=this.$newElement.children("button"),this.$menu=this.$newElement.children(".dropdown-menu"),this.$menuInner=this.$menu.children(".inner"),this.$searchbox=this.$menu.find("input"),this.$element.removeClass("bs-select-hidden"),!0===this.options.dropdownAlignRight&&this.$menu.addClass(t.MENURIGHT),void 0!==b&&this.$button.attr("data-id",b),this.checkDisabled(),this.clickListener(),this.options.liveSearch&&this.liveSearchListener(),this.render(),this.setStyle(),this.setWidth(),this.options.container?this.selectPosition():this.$element.on("hide.bs.select",function(){if(a.isVirtual()){var b=a.$menuInner[0],c=b.firstChild.cloneNode(!1);b.replaceChild(c,b.firstChild),b.scrollTop=0}}),this.$menu.data("this",this),this.$newElement.data("this",this),this.options.mobile&&this.mobile(),this.$newElement.on({"hide.bs.dropdown":function(b){a.$menuInner.attr("aria-expanded",!1),a.$element.trigger("hide.bs.select",b)},"hidden.bs.dropdown":function(b){a.$element.trigger("hidden.bs.select",b)},"show.bs.dropdown":function(b){a.$menuInner.attr("aria-expanded",!0),a.$element.trigger("show.bs.select",b)},"shown.bs.dropdown":function(b){a.$element.trigger("shown.bs.select",b)}}),a.$element[0].hasAttribute("required")&&this.$element.on("invalid",function(){a.$button.addClass("bs-invalid"),a.$element.on({"shown.bs.select":function(){a.$element.val(a.$element.val()).off("shown.bs.select")},"rendered.bs.select":function(){this.validity.valid&&a.$button.removeClass("bs-invalid"),a.$element.off("rendered.bs.select")}}),a.$button.on("blur.bs.select",function(){a.$element.focus().blur(),a.$button.off("blur.bs.select")})}),setTimeout(function(){a.$element.trigger("loaded.bs.select")})},createDropdown:function(){var b=this.multiple||this.options.showTick?" show-tick":"",c=this.$element.parent().hasClass("input-group")?" input-group-btn":"",d=this.autofocus?" autofocus":"",e=this.options.header?'
'+this.options.header+"
":"",f=this.options.liveSearch?'':"",g=this.multiple&&this.options.actionsBox?'
":"",h=this.multiple&&this.options.doneButton?'
":"",i='";return a(i)},setPositionData:function(){this.selectpicker.view.canHighlight=[];for(var a=0;a=this.options.virtualScroll||!0===this.options.virtualScroll},createView:function(c,d){function e(a,d){var e,j,k,l,m,n,o,p=f.selectpicker.current.elements.length,q=[],r=void 0,s=!0,t=f.isVirtual();f.selectpicker.view.scrollTop=a,!0===t&&f.sizeInfo.hasScrollBar&&f.$menu[0].offsetWidth>f.sizeInfo.totalMenuWidth&&(f.sizeInfo.menuWidth=f.$menu[0].offsetWidth,f.sizeInfo.totalMenuWidth=f.sizeInfo.menuWidth+f.sizeInfo.scrollBarWidth,f.$menu.css("min-width",f.sizeInfo.menuWidth)),e=Math.ceil(f.sizeInfo.menuInnerHeight/f.sizeInfo.liHeight*1.5),j=Math.round(p/e)||1;for(var u=0;up-1?0:f.selectpicker.current.data[p-1].position-f.selectpicker.current.data[f.selectpicker.view.position1-1].position,y.firstChild.style.marginTop=w+"px",y.firstChild.style.marginBottom=x+"px"),y.firstChild.appendChild(z)}if(f.prevActiveIndex=f.activeIndex,f.options.liveSearch){if(c&&d){var D,E=0;f.selectpicker.view.canHighlight[E]||(E=1+f.selectpicker.view.canHighlight.slice(1).indexOf(!0)),D=f.selectpicker.view.visibleElements[E],f.selectpicker.view.currentActive&&(f.selectpicker.view.currentActive.classList.remove("active"),f.selectpicker.view.currentActive.firstChild&&f.selectpicker.view.currentActive.firstChild.classList.remove("active")),D&&(D.classList.add("active"),D.firstChild&&D.firstChild.classList.add("active")),f.activeIndex=f.selectpicker.current.map.originalIndex[E]}}else f.$menuInner.focus()}d=d||0;var f=this;this.selectpicker.current=c?this.selectpicker.search:this.selectpicker.main;var g,h,i=[];this.setPositionData(),e(d,!0),this.$menuInner.off("scroll.createView").on("scroll.createView",function(a,b){f.noScroll||e(this.scrollTop,b),f.noScroll=!1}),a(window).off("resize.createView").on("resize.createView",function(){e(f.$menuInner[0].scrollTop)})},createLi:function(){var b,c=this,d=[],e=0,f=0,g=[],h=0,i=0,j=-1;this.selectpicker.view.titleOption||(this.selectpicker.view.titleOption=document.createElement("option"));var k={span:document.createElement("span"),subtext:document.createElement("small"),a:document.createElement("a"),li:document.createElement("li"),whitespace:document.createTextNode(" ")},l=k.span.cloneNode(!1),m=document.createDocumentFragment();l.className=c.options.iconBase+" "+c.options.tickIcon+" check-mark",k.a.appendChild(l),k.a.setAttribute("role","option"),k.subtext.className="text-muted",k.text=k.span.cloneNode(!1),k.text.className="text";var n=function(a,b,c,d){var e=k.li.cloneNode(!1);return a&&(1===a.nodeType||11===a.nodeType?e.appendChild(a):e.innerHTML=a),void 0!==c&&""!==c&&(e.className=c),void 0!==d&&null!==d&&e.classList.add("optgroup-"+d),e},p=function(a,b,c){var d=k.a.cloneNode(!0);return a&&(11===a.nodeType?d.appendChild(a):d.insertAdjacentHTML("beforeend",a)),void 0!==b&""!==b&&(d.className=b),"4"===s.major&&d.classList.add("dropdown-item"),c&&d.setAttribute("style",c),d},q=function(a){var b,d,e=k.text.cloneNode(!1);if(a.optionContent)e.innerHTML=a.optionContent;else{if(e.textContent=a.text,a.optionIcon){var f=k.whitespace.cloneNode(!1);d=k.span.cloneNode(!1),d.className=c.options.iconBase+" "+a.optionIcon,m.appendChild(d),m.appendChild(f)}a.optionSubtext&&(b=k.subtext.cloneNode(!1),b.textContent=a.optionSubtext,e.appendChild(b))}return m.appendChild(e),m},r=function(a){var b,d,e=k.text.cloneNode(!1);if(e.textContent=a.labelEscaped,a.labelIcon){var f=k.whitespace.cloneNode(!1);d=k.span.cloneNode(!1),d.className=c.options.iconBase+" "+a.labelIcon,m.appendChild(d),m.appendChild(f)}return a.labelSubtext&&(b=k.subtext.cloneNode(!1),b.textContent=a.labelSubtext,e.appendChild(b)),m.appendChild(e),m};if(this.options.title&&!this.multiple){j--;var u=this.$element[0],v=!1;if(!this.selectpicker.view.titleOption.parentNode){this.selectpicker.view.titleOption.className="bs-title-option",this.selectpicker.view.titleOption.innerHTML=this.options.title,this.selectpicker.view.titleOption.value="";v=void 0===a(u.options[u.selectedIndex]).attr("selected")&&void 0===this.$element.data("selected")}u.insertBefore(this.selectpicker.view.titleOption,u.firstChild),v&&(u.selectedIndex=0)}var w=this.$element.find("option");w.each(function(k){var l=a(this);if(j++,!l.hasClass("bs-title-option")){var m,s,u=l.data(),v=this.className||"",x=o(this.style.cssText),y=u.content,z=this.textContent,A=u.tokens,B=u.subtext,C=u.icon,D=l.parent(),E=D[0],F="OPTGROUP"===E.tagName,G=F&&E.disabled,H=this.disabled||G,I=this.previousElementSibling&&"OPTGROUP"===this.previousElementSibling.tagName,J=D.data();if(!0===u.hidden||c.options.hideDisabled&&(H&&!F||G)){if(m=u.prevHiddenIndex,l.next().data("prevHiddenIndex",void 0!==m?m:k),j--,!I&&void 0!==m){var K=w[m].previousElementSibling;K&&"OPTGROUP"===K.tagName&&!K.disabled&&(I=!0)}return void(I&&"divider"!==g[g.length-1].type&&(j++,d.push(n(!1,0,t.DIVIDER,h+"div")),g.push({type:"divider",optID:h,originalIndex:k})))}if(F&&!0!==u.divider){if(c.options.hideDisabled&&H){if(void 0===J.allOptionsDisabled){var L=D.children();D.data("allOptionsDisabled",L.filter(":disabled").length===L.length)}if(D.data("allOptionsDisabled"))return void j--}var M=" "+E.className||"";if(!this.previousElementSibling){h+=1;var N=E.label,O=o(N),P=J.subtext,Q=J.icon;0!==k&&d.length>0&&(j++,d.push(n(!1,0,t.DIVIDER,h+"div")),g.push({type:"divider",optID:h,originalIndex:k})),j++;var R=r({labelEscaped:O,labelSubtext:P,labelIcon:Q});d.push(n(R,0,"dropdown-header"+M,h)),g.push({content:O,subtext:P,type:"optgroup-label",optID:h,originalIndex:k}),i=j-1}if(c.options.hideDisabled&&H||!0===u.hidden)return void j--;s=q({text:z,optionContent:y,optionSubtext:B,optionIcon:C}),d.push(n(p(s,"opt "+v+M,x),0,"",h)),g.push({content:z,subtext:B,tokens:A,type:"option",optID:h,headerIndex:i,lastIndex:i+E.childElementCount,originalIndex:k}),e++}else if(!0===u.divider)d.push(n(!1,0,"divider")),g.push({type:"divider",originalIndex:k});else{if(!I&&c.options.hideDisabled&&void 0!==(m=u.prevHiddenIndex)){var K=w[m].previousElementSibling;K&&"OPTGROUP"===K.tagName&&!K.disabled&&(I=!0)}I&&"divider"!==g[g.length-1].type&&(j++,d.push(n(!1,0,t.DIVIDER,h+"div")),g.push({type:"divider",optID:h,originalIndex:k})),s=q({text:z,optionContent:y,optionSubtext:B,optionIcon:C}),d.push(n(p(s,v,x))),g.push({content:z,subtext:B,tokens:A,type:"option",originalIndex:k}),e++}c.selectpicker.main.map.newIndex[k]=j,c.selectpicker.main.map.originalIndex[j]=k;var S=g[g.length-1];S.disabled=H;var T=0;S.content&&(T+=S.content.length),S.subtext&&(T+=S.subtext.length),C&&(T+=1),T>f&&(f=T,b=d[d.length-1])}}),this.selectpicker.main.elements=d,this.selectpicker.main.data=g,this.selectpicker.current=this.selectpicker.main,this.selectpicker.view.widestOption=b,this.selectpicker.view.availableOptionsCount=e},findLis:function(){return this.$menuInner.find(".inner > li")},render:function(){var b=this,c=this.$element.find("option"),d=[],e=[];this.togglePlaceholder(),this.tabIndex(),c.each(function(c){if(this.selected&&(d.push(this),e.length<100&&"count"!==b.options.selectedTextFormat)){if(b.options.hideDisabled&&(this.disabled||"OPTGROUP"===this.parentNode.tagName&&this.parentNode.disabled))return;var f,g,h=a(this),i=h.data(),j=i.icon&&b.options.showIcon?' ':"";f=b.options.showSubtext&&i.subtext&&!b.multiple?' '+i.subtext+"":"",g=void 0!==h.attr("title")?h.attr("title"):i.content&&b.options.showContent?i.content.toString():j+h.html()+f,e.push(g)}});var f=this.multiple?e.join(this.options.multipleSeparator):e[0];if(d.length>100&&(f+="..."),this.multiple&&this.options.selectedTextFormat.indexOf("count")>-1){var g=this.options.selectedTextFormat.split(">");if(g.length>1&&d.length>g[1]||1===g.length&&d.length>=2){var h=this.selectpicker.view.availableOptionsCount;f=("function"==typeof this.options.countSelectedText?this.options.countSelectedText(d.length,h):this.options.countSelectedText).replace("{0}",d.length.toString()).replace("{1}",h.toString())}}void 0==this.options.title&&(this.options.title=this.$element.attr("title")),"static"==this.options.selectedTextFormat&&(f=this.options.title),f||(f=void 0!==this.options.title?this.options.title:this.options.noneSelectedText),this.$button.attr("title",p(a.trim(f.replace(/<[^>]*>?/g,"")))),this.$button.find(".filter-option-inner").html(f),this.$element.trigger("rendered.bs.select")},setStyle:function(a,b){this.$element.attr("class")&&this.$newElement.addClass(this.$element.attr("class").replace(/selectpicker|mobile-device|bs-select-hidden|validate\[.*\]/gi,""));var c=a||this.options.style;"add"==b?this.$button.addClass(c):"remove"==b?this.$button.removeClass(c):(this.$button.removeClass(this.options.style),this.$button.addClass(c))},liHeight:function(b){if(b||!1!==this.options.size&&!this.sizeInfo){this.sizeInfo||(this.sizeInfo={});var c=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),g=document.createElement("ul"),h=document.createElement("li"),i=document.createElement("li"),j=document.createElement("li"),k=document.createElement("a"),l=document.createElement("span"),m=this.options.header&&this.$menu.find(".popover-title").length>0?this.$menu.find(".popover-title")[0].cloneNode(!0):null,n=this.options.liveSearch?document.createElement("div"):null,o=this.options.actionsBox&&this.multiple&&this.$menu.find(".bs-actionsbox").length>0?this.$menu.find(".bs-actionsbox")[0].cloneNode(!0):null,p=this.options.doneButton&&this.multiple&&this.$menu.find(".bs-donebutton").length>0?this.$menu.find(".bs-donebutton")[0].cloneNode(!0):null;if(this.sizeInfo.selectWidth=this.$newElement[0].offsetWidth,l.className="text",k.className="dropdown-item",c.className=this.$menu[0].parentNode.className+" "+t.SHOW,c.style.width=this.sizeInfo.selectWidth+"px",e.className="dropdown-menu "+t.SHOW,f.className="inner "+t.SHOW,g.className="dropdown-menu inner "+("4"===s.major?t.SHOW:""),h.className=t.DIVIDER,i.className="dropdown-header",l.appendChild(document.createTextNode("Inner text")),k.appendChild(l),j.appendChild(k),i.appendChild(l.cloneNode(!0)),this.selectpicker.view.widestOption&&g.appendChild(this.selectpicker.view.widestOption.cloneNode(!0)),g.appendChild(j),g.appendChild(h),g.appendChild(i),m&&e.appendChild(m),n){var q=document.createElement("input");n.className="bs-searchbox",q.className="form-control",n.appendChild(q),e.appendChild(n)}o&&e.appendChild(o),f.appendChild(g),e.appendChild(f),p&&e.appendChild(p),c.appendChild(e),document.body.appendChild(c);var r,u=k.offsetHeight,v=i?i.offsetHeight:0,w=m?m.offsetHeight:0,x=n?n.offsetHeight:0,y=o?o.offsetHeight:0,z=p?p.offsetHeight:0,A=a(h).outerHeight(!0),B=!!window.getComputedStyle&&window.getComputedStyle(e),C=e.offsetWidth,D=B?null:a(e),E={vert:d(B?B.paddingTop:D.css("paddingTop"))+d(B?B.paddingBottom:D.css("paddingBottom"))+d(B?B.borderTopWidth:D.css("borderTopWidth"))+d(B?B.borderBottomWidth:D.css("borderBottomWidth")),horiz:d(B?B.paddingLeft:D.css("paddingLeft"))+d(B?B.paddingRight:D.css("paddingRight"))+d(B?B.borderLeftWidth:D.css("borderLeftWidth"))+d(B?B.borderRightWidth:D.css("borderRightWidth"))},F={vert:E.vert+d(B?B.marginTop:D.css("marginTop"))+d(B?B.marginBottom:D.css("marginBottom"))+2,horiz:E.horiz+d(B?B.marginLeft:D.css("marginLeft"))+d(B?B.marginRight:D.css("marginRight"))+2};f.style.overflowY="scroll",r=e.offsetWidth-C,document.body.removeChild(c),this.sizeInfo.liHeight=u,this.sizeInfo.dropdownHeaderHeight=v,this.sizeInfo.headerHeight=w,this.sizeInfo.searchHeight=x,this.sizeInfo.actionsHeight=y,this.sizeInfo.doneButtonHeight=z,this.sizeInfo.dividerHeight=A,this.sizeInfo.menuPadding=E,this.sizeInfo.menuExtras=F,this.sizeInfo.menuWidth=C,this.sizeInfo.totalMenuWidth=this.sizeInfo.menuWidth,this.sizeInfo.scrollBarWidth=r,this.sizeInfo.selectHeight=this.$newElement[0].offsetHeight,this.setPositionData()}},getSelectPosition:function(){var b,c=this,d=a(window),e=c.$newElement.offset(),f=a(c.options.container);c.options.container&&!f.is("body")?(b=f.offset(),b.top+=parseInt(f.css("borderTopWidth")),b.left+=parseInt(f.css("borderLeftWidth"))):b={top:0,left:0};var g=c.options.windowPadding;this.sizeInfo.selectOffsetTop=e.top-b.top-d.scrollTop(),this.sizeInfo.selectOffsetBot=d.height()-this.sizeInfo.selectOffsetTop-this.sizeInfo.selectHeight-b.top-g[2],this.sizeInfo.selectOffsetLeft=e.left-b.left-d.scrollLeft(),this.sizeInfo.selectOffsetRight=d.width()-this.sizeInfo.selectOffsetLeft-this.sizeInfo.selectWidth-b.left-g[1],this.sizeInfo.selectOffsetTop-=g[0],this.sizeInfo.selectOffsetLeft-=g[3]},setMenuSize:function(a){this.getSelectPosition();var b,c,d,e,f,g,h,i=this.sizeInfo.selectWidth,j=this.sizeInfo.liHeight,k=this.sizeInfo.headerHeight,l=this.sizeInfo.searchHeight,m=this.sizeInfo.actionsHeight,n=this.sizeInfo.doneButtonHeight,o=this.sizeInfo.dividerHeight,p=this.sizeInfo.menuPadding,q=0;if(this.options.dropupAuto&&(h=j*this.selectpicker.current.elements.length+p.vert,this.$newElement.toggleClass(t.DROPUP,this.sizeInfo.selectOffsetTop-this.sizeInfo.selectOffsetBot>this.sizeInfo.menuExtras.vert&&h+this.sizeInfo.menuExtras.vert+50>this.sizeInfo.selectOffsetBot)),"auto"===this.options.size)e=this.selectpicker.current.elements.length>3?3*this.sizeInfo.liHeight+this.sizeInfo.menuExtras.vert-2:0,c=this.sizeInfo.selectOffsetBot-this.sizeInfo.menuExtras.vert,d=e+k+l+m+n,g=Math.max(e-p.vert,0),this.$newElement.hasClass(t.DROPUP)&&(c=this.sizeInfo.selectOffsetTop-this.sizeInfo.menuExtras.vert),f=c,b=c-k-l-m-n-p.vert;else if(this.options.size&&"auto"!=this.options.size&&this.selectpicker.current.elements.length>this.options.size){for(var r=0;rthis.sizeInfo.selectOffsetRight&&this.sizeInfo.selectOffsetRightthis.sizeInfo.menuInnerHeight&&(this.sizeInfo.hasScrollBar=!0,this.sizeInfo.totalMenuWidth=this.sizeInfo.menuWidth+this.sizeInfo.scrollBarWidth,this.$menu.css("min-width",this.sizeInfo.totalMenuWidth)),this.dropdown&&this.dropdown._popper.update()},setSize:function(b){if(this.liHeight(b),this.options.header&&this.$menu.css("padding-top",0),!1!==this.options.size){var c,d=this,e=a(window),f=0;this.setMenuSize(),"auto"===this.options.size?(this.$searchbox.off("input.setMenuSize propertychange.setMenuSize").on("input.setMenuSize propertychange.setMenuSize",function(){return d.setMenuSize()}),e.off("resize.setMenuSize scroll.setMenuSize").on("resize.setMenuSize scroll.setMenuSize",function(){return d.setMenuSize()})):this.options.size&&"auto"!=this.options.size&&this.selectpicker.current.elements.length>this.options.size&&(this.$searchbox.off("input.setMenuSize propertychange.setMenuSize"),e.off("resize.setMenuSize scroll.setMenuSize")),b?f=this.$menuInner[0].scrollTop:d.multiple||"number"==typeof(c=d.selectpicker.main.map.newIndex[d.$element[0].selectedIndex])&&!1!==d.options.size&&(f=d.sizeInfo.liHeight*c,f=f-d.sizeInfo.menuInnerHeight/2+d.sizeInfo.liHeight/2),d.createView(!1,f)}},setWidth:function(){var a=this;"auto"===this.options.width?requestAnimationFrame(function(){a.$menu.css("min-width","0"),a.liHeight(),a.setMenuSize();var b=a.$newElement.clone().appendTo("body"),c=b.css("width","auto").children("button").outerWidth();b.remove(),a.sizeInfo.selectWidth=Math.max(a.sizeInfo.totalMenuWidth,c),a.$newElement.css("width",a.sizeInfo.selectWidth+"px")}):"fit"===this.options.width?(this.$menu.css("min-width",""),this.$newElement.css("width","").addClass("fit-width")):this.options.width?(this.$menu.css("min-width",""),this.$newElement.css("width",this.options.width)):(this.$menu.css("min-width",""),this.$newElement.css("width","")),this.$newElement.hasClass("fit-width")&&"fit"!==this.options.width&&this.$newElement.removeClass("fit-width")},selectPosition:function(){this.$bsContainer=a('
');var b,c,d,e=this,f=a(this.options.container),g=function(a){var g={};e.$bsContainer.addClass(a.attr("class").replace(/form-control|fit-width/gi,"")).toggleClass(t.DROPUP,a.hasClass(t.DROPUP)),b=a.offset(),f.is("body")?c={top:0,left:0}:(c=f.offset(),c.top+=parseInt(f.css("borderTopWidth"))-f.scrollTop(),c.left+=parseInt(f.css("borderLeftWidth"))-f.scrollLeft()),d=a.hasClass(t.DROPUP)?0:a[0].offsetHeight,s.major<4&&(g.top=b.top-c.top+d,g.left=b.left-c.left),g.width=a[0].offsetWidth,e.$bsContainer.css(g)};this.$button.on("click.bs.dropdown.data-api",function(){e.isDisabled()||(g(e.$newElement),e.$bsContainer.appendTo(e.options.container).toggleClass(t.SHOW,!e.$button.hasClass(t.SHOW)).append(e.$menu))}),a(window).on("resize scroll",function(){g(e.$newElement)}),this.$element.on("hide.bs.select",function(){e.$menu.data("height",e.$menu.height()),e.$bsContainer.detach()})},setOptionStatus:function(){var a=this,b=this.$element.find("option");if(a.noScroll=!1,a.selectpicker.view.visibleElements&&a.selectpicker.view.visibleElements.length)for(var c=0;c3&&!b.dropdown&&(b.dropdown=b.$button.data("bs.dropdown"),b.dropdown._menu=b.$menu[0])}),this.$button.on("click.bs.dropdown.data-api",function(){b.$newElement.hasClass(t.SHOW)||b.setSize()}),this.$element.on("shown.bs.select",function(){b.$menuInner[0].scrollTop!==b.selectpicker.view.scrollTop&&(b.$menuInner[0].scrollTop=b.selectpicker.view.scrollTop),b.options.liveSearch?b.$searchbox.focus():b.$menuInner.focus()}),this.$menuInner.on("click","li a",function(c,d){var e=a(this),f=b.isVirtual()?b.selectpicker.view.position0:0,g=b.selectpicker.current.map.originalIndex[e.parent().index()+f],h=b.$element.val(),i=b.$element.prop("selectedIndex"),k=!0;if(b.multiple&&1!==b.options.maxOptions&&c.stopPropagation(),c.preventDefault(),!b.isDisabled()&&!e.parent().hasClass(t.DISABLED)){var l=b.$element.find("option"),m=l.eq(g),n=m.prop("selected"),o=m.parent("optgroup"),p=b.options.maxOptions,q=o.data("maxOptions")||!1;if(b.multiple){if(m.prop("selected",!n),g===b.activeIndex&&(d=!0),d||(b.prevActiveIndex=b.activeIndex,b.activeIndex=void 0),b.setSelected(g,!n),e.blur(),!1!==p||!1!==q){var r=p
');w[2]&&(x=x.replace("{var}",w[2][p>1?0:1]),y=y.replace("{var}",w[2][q>1?0:1])),m.prop("selected",!1),b.$menu.append(z),p&&r&&(z.append(a("
"+x+"
")),k=!1,b.$element.trigger("maxReached.bs.select")),q&&s&&(z.append(a("
"+y+"
")),k=!1,b.$element.trigger("maxReachedGrp.bs.select")),setTimeout(function(){b.setSelected(g,!1)},10),z.delay(750).fadeOut(300,function(){a(this).remove()})}}}else l.prop("selected",!1),m.prop("selected",!0),b.setSelected(g,!0);!b.multiple||b.multiple&&1===b.options.maxOptions?b.$button.focus():b.options.liveSearch&&b.$searchbox.focus(),k&&(h!=b.$element.val()&&b.multiple||i!=b.$element.prop("selectedIndex")&&!b.multiple)&&(j=[g,m.prop("selected"),n],b.$element.triggerNative("change"))}}),this.$menu.on("click","li."+t.DISABLED+" a, .popover-title, .popover-title :not(.close)",function(c){c.currentTarget==this&&(c.preventDefault(),c.stopPropagation(),b.options.liveSearch&&!a(c.target).hasClass("close")?b.$searchbox.focus():b.$button.focus())}),this.$menuInner.on("click",".divider, .dropdown-header",function(a){a.preventDefault(),a.stopPropagation(),b.options.liveSearch?b.$searchbox.focus():b.$button.focus()}),this.$menu.on("click",".popover-title .close",function(){b.$button.click()}),this.$searchbox.on("click",function(a){a.stopPropagation()}),this.$menu.on("click",".actions-btn",function(c){b.options.liveSearch?b.$searchbox.focus():b.$button.focus(),c.preventDefault(),c.stopPropagation(),a(this).hasClass("bs-select-all")?b.selectAll():b.deselectAll()}),this.$element.on({change:function(){b.render(),b.$element.trigger("changed.bs.select",j),j=null},focus:function(){b.$button.focus()}})},liveSearchListener:function(){var a=this,b=document.createElement("li");this.$button.on("click.bs.dropdown.data-api",function(){a.$searchbox.val()&&a.$searchbox.val("")}),this.$searchbox.on("click.bs.dropdown.data-api focus.bs.dropdown.data-api touchend.bs.dropdown.data-api",function(a){a.stopPropagation()}),this.$searchbox.on("input propertychange",function(){var d=a.$searchbox.val();if(a.selectpicker.search.map.newIndex={},a.selectpicker.search.map.originalIndex={},a.selectpicker.search.elements=[],a.selectpicker.search.data=[],d){var e,f=[],g=d.toUpperCase(),h={},i=[],j=a._searchStyle(),k=a.options.liveSearchNormalize;a._$lisSelected=a.$menuInner.find(".selected");for(var e=0;e0&&(h[l.headerIndex-1]=!0,i.push(l.headerIndex-1)),h[l.headerIndex]=!0,i.push(l.headerIndex),h[l.lastIndex+1]=!0),h[e]&&"optgroup-label"!==l.type&&i.push(e)}for(var e=0,m=i.length;e=48&&b.which<=57||b.which>=96&&b.which<=105||b.which>=65&&b.which<=90)&&k.$button.trigger("click.bs.dropdown.data-api"),b.which===r.ESCAPE&&e&&(b.preventDefault(),k.$button.trigger("click.bs.dropdown.data-api").focus()),o){if(!l.length)return;d=!0===s?l.index(l.filter(".active")):k.selectpicker.current.map.newIndex[k.activeIndex],void 0===d&&(d=-1),-1!==d&&(f=k.selectpicker.current.elements[d+w],f.classList.remove("active"),f.firstChild&&f.firstChild.classList.remove("active")),b.which===r.ARROW_UP?(-1!==d&&d--,d+w<0&&(d+=l.length),k.selectpicker.view.canHighlight[d+w]||-1===(d=k.selectpicker.view.canHighlight.slice(0,d+w).lastIndexOf(!0)-w)&&(d=l.length-1)):(b.which===r.ARROW_DOWN||n)&&(d++,d+w>=k.selectpicker.view.canHighlight.length&&(d=0),k.selectpicker.view.canHighlight[d+w]||(d=d+1+k.selectpicker.view.canHighlight.slice(d+w+1).indexOf(!0))),b.preventDefault();var x=w+d;b.which===r.ARROW_UP?0===w&&d===l.length-1?(k.$menuInner[0].scrollTop=k.$menuInner[0].scrollHeight,x=k.selectpicker.current.elements.length-1):(g=k.selectpicker.current.data[x],h=g.position-g.height,m=hp)),f=k.selectpicker.current.elements[x],f.classList.add("active"),f.firstChild&&f.firstChild.classList.add("active"),k.activeIndex=k.selectpicker.current.map.originalIndex[x],k.selectpicker.view.currentActive=f,m&&(k.$menuInner[0].scrollTop=h),k.options.liveSearch?k.$searchbox.focus():i.focus()}else if(!i.is("input")&&!v.test(b.which)||b.which===r.SPACE&&k.selectpicker.keydown.keyHistory){var y,z,A=[];b.preventDefault(),k.selectpicker.keydown.keyHistory+=q[b.which],k.selectpicker.keydown.resetKeyHistory.cancel&&clearTimeout(k.selectpicker.keydown.resetKeyHistory.cancel),k.selectpicker.keydown.resetKeyHistory.cancel=k.selectpicker.keydown.resetKeyHistory.start(),z=k.selectpicker.keydown.keyHistory,/^(.)\1+$/.test(z)&&(z=z.charAt(0));for(var B=0;B0?(h=g.position-g.height,m=!0):(h=g.position-k.sizeInfo.menuInnerHeight,m=g.position>p+k.sizeInfo.menuInnerHeight),f=k.selectpicker.current.elements[y],f.classList.add("active"),f.firstChild&&f.firstChild.classList.add("active"),k.activeIndex=A[E],f.firstChild.focus(),m&&(k.$menuInner[0].scrollTop=h),i.focus()}}e&&(b.which===r.SPACE&&!k.selectpicker.keydown.keyHistory||b.which===r.ENTER||b.which===r.TAB&&k.options.selectOnTab)&&(b.which!==r.SPACE&&b.preventDefault(),k.options.liveSearch&&b.which===r.SPACE||(k.$menuInner.find(".active a").trigger("click",!0),i.focus(),k.options.liveSearch||(b.preventDefault(),a(document).data("spaceSelect",!0))))},mobile:function(){this.$element.addClass("mobile-device")},refresh:function(){var b=a.extend({},this.options,this.$element.data());this.options=b,this.selectpicker.main.map.newIndex={},this.selectpicker.main.map.originalIndex={},this.createLi(),this.checkDisabled(),this.render(),this.setStyle(),this.setWidth(),this.setSize(!0),this.$element.trigger("refreshed.bs.select")},hide:function(){this.$newElement.hide()},show:function(){this.$newElement.show()},remove:function(){this.$newElement.remove(),this.$element.remove()},destroy:function(){this.$newElement.before(this.$element).remove(),this.$bsContainer?this.$bsContainer.remove():this.$menu.remove(),this.$element.off(".bs.select").removeData("selectpicker").removeClass("bs-select-hidden selectpicker")}};var x=a.fn.selectpicker;a.fn.selectpicker=f,a.fn.selectpicker.Constructor=w,a.fn.selectpicker.noConflict=function(){return a.fn.selectpicker=x,this},a(document).off("keydown.bs.dropdown.data-api").on("keydown.bs.select",'.bootstrap-select [data-toggle="dropdown"], .bootstrap-select [role="listbox"], .bs-searchbox input',w.prototype.keydown).on("focusin.modal",'.bootstrap-select [data-toggle="dropdown"], .bootstrap-select [role="listbox"], .bs-searchbox input',function(a){a.stopPropagation()}),a(window).on("load.bs.select.data-api",function(){a(".selectpicker").each(function(){var b=a(this);f.call(b,b.data())})})}(a)}); +//# sourceMappingURL=bootstrap-select.js.map \ No newline at end of file diff --git a/js/bootstrap-submenu.js b/js/bootstrap-submenu.js new file mode 100644 index 0000000..e344f26 --- /dev/null +++ b/js/bootstrap-submenu.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap-submenu v2.0.4 (https://vsn4ik.github.io/bootstrap-submenu/) + * Copyright 2014-2017 Vasily A. (https://github.com/vsn4ik) + * Licensed under the MIT license + */ + +"use strict";!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a(require("jquery")):a(jQuery)}(function(a){function b(b){this.$element=a(b),this.$menu=this.$element.closest(".dropdown-menu"),this.$main=this.$menu.parent(),this.$items=this.$menu.children(".dropdown-submenu"),this.init()}function c(b){this.$element=a(b),this.$main=this.$element.parent(),this.$menu=this.$main.children(".dropdown-menu"),this.$subs=this.$main.siblings(".dropdown-submenu"),this.$items=this.$menu.children(".dropdown-submenu"),this.init()}function d(b){this.$element=a(b),this.$main=this.$element.parent(),this.$menu=this.$main.children(".dropdown-menu"),this.$items=this.$menu.children(".dropdown-submenu"),this.init()}b.prototype={init:function(){this.$element.on("keydown",a.proxy(this,"keydown"))},close:function(){this.$main.removeClass("open"),this.$items.trigger("hide.bs.submenu")},keydown:function(a){27==a.keyCode&&(a.stopPropagation(),this.close(),this.$main.children("a, button").trigger("focus"))}},a.extend(c.prototype,b.prototype,{init:function(){this.$element.on({click:a.proxy(this,"click"),keydown:a.proxy(this,"keydown")}),this.$main.on("hide.bs.submenu",a.proxy(this,"hide"))},click:function(a){a.preventDefault(),a.stopPropagation(),this.toggle()},hide:function(a){a.stopPropagation(),this.close()},open:function(){this.$main.addClass("open"),this.$subs.trigger("hide.bs.submenu")},toggle:function(){this.$main.hasClass("open")?this.close():this.open()},keydown:function(b){32==b.keyCode&&b.preventDefault(),a.inArray(b.keyCode,[13,32])!=-1&&this.toggle()}}),d.prototype={init:function(){this.$menu.off("keydown.bs.dropdown.data-api"),this.$menu.on("keydown",a.proxy(this,"itemKeydown")),this.$menu.find("li > a").each(function(){new b(this)}),this.$menu.find(".dropdown-submenu > a").each(function(){new c(this)}),this.$main.on("hidden.bs.dropdown",a.proxy(this,"hidden"))},hidden:function(){this.$items.trigger("hide.bs.submenu")},itemKeydown:function(b){if(a.inArray(b.keyCode,[38,40])!=-1){b.preventDefault(),b.stopPropagation();var c=this.$menu.find("li:not(.disabled):visible > a"),d=c.index(b.target);if(38==b.keyCode&&0!==d)d--;else{if(40!=b.keyCode||d===c.length-1)return;d++}c.eq(d).trigger("focus")}}};var e=a.fn.submenupicker;return a.fn.submenupicker=function(b){var c=this instanceof a?this:a(b);return c.each(function(){var b=a.data(this,"bs.submenu");b||(b=new d(this),a.data(this,"bs.submenu",b))})},a.fn.submenupicker.Constructor=d,a.fn.submenupicker.noConflict=function(){return a.fn.submenupicker=e,this},a.fn.submenupicker}); \ No newline at end of file diff --git a/js/bootstrap.min.js b/js/bootstrap.min.js new file mode 100644 index 0000000..534d533 --- /dev/null +++ b/js/bootstrap.min.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap v4.0.0 (https://getbootstrap.com) + * Copyright 2011-2018 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jquery"),require("popper.js")):"function"==typeof define&&define.amd?define(["exports","jquery","popper.js"],e):e(t.bootstrap={},t.jQuery,t.Popper)}(this,function(t,e,n){"use strict";function i(t,e){for(var n=0;n0?i:null}catch(t){return null}},reflow:function(t){return t.offsetHeight},triggerTransitionEnd:function(n){t(n).trigger(e.end)},supportsTransitionEnd:function(){return Boolean(e)},isElement:function(t){return(t[0]||t).nodeType},typeCheckConfig:function(t,e,n){for(var s in n)if(Object.prototype.hasOwnProperty.call(n,s)){var r=n[s],o=e[s],a=o&&i.isElement(o)?"element":(l=o,{}.toString.call(l).match(/\s([a-zA-Z]+)/)[1].toLowerCase());if(!new RegExp(r).test(a))throw new Error(t.toUpperCase()+': Option "'+s+'" provided type "'+a+'" but expected type "'+r+'".')}var l}};return e=("undefined"==typeof window||!window.QUnit)&&{end:"transitionend"},t.fn.emulateTransitionEnd=n,i.supportsTransitionEnd()&&(t.event.special[i.TRANSITION_END]={bindType:e.end,delegateType:e.end,handle:function(e){if(t(e.target).is(this))return e.handleObj.handler.apply(this,arguments)}}),i}(e),L=(a="alert",h="."+(l="bs.alert"),c=(o=e).fn[a],u={CLOSE:"close"+h,CLOSED:"closed"+h,CLICK_DATA_API:"click"+h+".data-api"},f="alert",d="fade",_="show",g=function(){function t(t){this._element=t}var e=t.prototype;return e.close=function(t){t=t||this._element;var e=this._getRootElement(t);this._triggerCloseEvent(e).isDefaultPrevented()||this._removeElement(e)},e.dispose=function(){o.removeData(this._element,l),this._element=null},e._getRootElement=function(t){var e=P.getSelectorFromElement(t),n=!1;return e&&(n=o(e)[0]),n||(n=o(t).closest("."+f)[0]),n},e._triggerCloseEvent=function(t){var e=o.Event(u.CLOSE);return o(t).trigger(e),e},e._removeElement=function(t){var e=this;o(t).removeClass(_),P.supportsTransitionEnd()&&o(t).hasClass(d)?o(t).one(P.TRANSITION_END,function(n){return e._destroyElement(t,n)}).emulateTransitionEnd(150):this._destroyElement(t)},e._destroyElement=function(t){o(t).detach().trigger(u.CLOSED).remove()},t._jQueryInterface=function(e){return this.each(function(){var n=o(this),i=n.data(l);i||(i=new t(this),n.data(l,i)),"close"===e&&i[e](this)})},t._handleDismiss=function(t){return function(e){e&&e.preventDefault(),t.close(this)}},s(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),o(document).on(u.CLICK_DATA_API,'[data-dismiss="alert"]',g._handleDismiss(new g)),o.fn[a]=g._jQueryInterface,o.fn[a].Constructor=g,o.fn[a].noConflict=function(){return o.fn[a]=c,g._jQueryInterface},g),R=(m="button",E="."+(v="bs.button"),T=".data-api",y=(p=e).fn[m],C="active",I="btn",A="focus",b='[data-toggle^="button"]',D='[data-toggle="buttons"]',S="input",w=".active",N=".btn",O={CLICK_DATA_API:"click"+E+T,FOCUS_BLUR_DATA_API:"focus"+E+T+" blur"+E+T},k=function(){function t(t){this._element=t}var e=t.prototype;return e.toggle=function(){var t=!0,e=!0,n=p(this._element).closest(D)[0];if(n){var i=p(this._element).find(S)[0];if(i){if("radio"===i.type)if(i.checked&&p(this._element).hasClass(C))t=!1;else{var s=p(n).find(w)[0];s&&p(s).removeClass(C)}if(t){if(i.hasAttribute("disabled")||n.hasAttribute("disabled")||i.classList.contains("disabled")||n.classList.contains("disabled"))return;i.checked=!p(this._element).hasClass(C),p(i).trigger("change")}i.focus(),e=!1}}e&&this._element.setAttribute("aria-pressed",!p(this._element).hasClass(C)),t&&p(this._element).toggleClass(C)},e.dispose=function(){p.removeData(this._element,v),this._element=null},t._jQueryInterface=function(e){return this.each(function(){var n=p(this).data(v);n||(n=new t(this),p(this).data(v,n)),"toggle"===e&&n[e]()})},s(t,null,[{key:"VERSION",get:function(){return"4.0.0"}}]),t}(),p(document).on(O.CLICK_DATA_API,b,function(t){t.preventDefault();var e=t.target;p(e).hasClass(I)||(e=p(e).closest(N)),k._jQueryInterface.call(p(e),"toggle")}).on(O.FOCUS_BLUR_DATA_API,b,function(t){var e=p(t.target).closest(N)[0];p(e).toggleClass(A,/^focus(in)?$/.test(t.type))}),p.fn[m]=k._jQueryInterface,p.fn[m].Constructor=k,p.fn[m].noConflict=function(){return p.fn[m]=y,k._jQueryInterface},k),j=function(t){var e="carousel",n="bs.carousel",i="."+n,o=t.fn[e],a={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0},l={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean"},h="next",c="prev",u="left",f="right",d={SLIDE:"slide"+i,SLID:"slid"+i,KEYDOWN:"keydown"+i,MOUSEENTER:"mouseenter"+i,MOUSELEAVE:"mouseleave"+i,TOUCHEND:"touchend"+i,LOAD_DATA_API:"load"+i+".data-api",CLICK_DATA_API:"click"+i+".data-api"},_="carousel",g="active",p="slide",m="carousel-item-right",v="carousel-item-left",E="carousel-item-next",T="carousel-item-prev",y={ACTIVE:".active",ACTIVE_ITEM:".active.carousel-item",ITEM:".carousel-item",NEXT_PREV:".carousel-item-next, .carousel-item-prev",INDICATORS:".carousel-indicators",DATA_SLIDE:"[data-slide], [data-slide-to]",DATA_RIDE:'[data-ride="carousel"]'},C=function(){function o(e,n){this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this._config=this._getConfig(n),this._element=t(e)[0],this._indicatorsElement=t(this._element).find(y.INDICATORS)[0],this._addEventListeners()}var C=o.prototype;return C.next=function(){this._isSliding||this._slide(h)},C.nextWhenVisible=function(){!document.hidden&&t(this._element).is(":visible")&&"hidden"!==t(this._element).css("visibility")&&this.next()},C.prev=function(){this._isSliding||this._slide(c)},C.pause=function(e){e||(this._isPaused=!0),t(this._element).find(y.NEXT_PREV)[0]&&P.supportsTransitionEnd()&&(P.triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null},C.cycle=function(t){t||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))},C.to=function(e){var n=this;this._activeElement=t(this._element).find(y.ACTIVE_ITEM)[0];var i=this._getItemIndex(this._activeElement);if(!(e>this._items.length-1||e<0))if(this._isSliding)t(this._element).one(d.SLID,function(){return n.to(e)});else{if(i===e)return this.pause(),void this.cycle();var s=e>i?h:c;this._slide(s,this._items[e])}},C.dispose=function(){t(this._element).off(i),t.removeData(this._element,n),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null},C._getConfig=function(t){return t=r({},a,t),P.typeCheckConfig(e,t,l),t},C._addEventListeners=function(){var e=this;this._config.keyboard&&t(this._element).on(d.KEYDOWN,function(t){return e._keydown(t)}),"hover"===this._config.pause&&(t(this._element).on(d.MOUSEENTER,function(t){return e.pause(t)}).on(d.MOUSELEAVE,function(t){return e.cycle(t)}),"ontouchstart"in document.documentElement&&t(this._element).on(d.TOUCHEND,function(){e.pause(),e.touchTimeout&&clearTimeout(e.touchTimeout),e.touchTimeout=setTimeout(function(t){return e.cycle(t)},500+e._config.interval)}))},C._keydown=function(t){if(!/input|textarea/i.test(t.target.tagName))switch(t.which){case 37:t.preventDefault(),this.prev();break;case 39:t.preventDefault(),this.next()}},C._getItemIndex=function(e){return this._items=t.makeArray(t(e).parent().find(y.ITEM)),this._items.indexOf(e)},C._getItemByDirection=function(t,e){var n=t===h,i=t===c,s=this._getItemIndex(e),r=this._items.length-1;if((i&&0===s||n&&s===r)&&!this._config.wrap)return e;var o=(s+(t===c?-1:1))%this._items.length;return-1===o?this._items[this._items.length-1]:this._items[o]},C._triggerSlideEvent=function(e,n){var i=this._getItemIndex(e),s=this._getItemIndex(t(this._element).find(y.ACTIVE_ITEM)[0]),r=t.Event(d.SLIDE,{relatedTarget:e,direction:n,from:s,to:i});return t(this._element).trigger(r),r},C._setActiveIndicatorElement=function(e){if(this._indicatorsElement){t(this._indicatorsElement).find(y.ACTIVE).removeClass(g);var n=this._indicatorsElement.children[this._getItemIndex(e)];n&&t(n).addClass(g)}},C._slide=function(e,n){var i,s,r,o=this,a=t(this._element).find(y.ACTIVE_ITEM)[0],l=this._getItemIndex(a),c=n||a&&this._getItemByDirection(e,a),_=this._getItemIndex(c),C=Boolean(this._interval);if(e===h?(i=v,s=E,r=u):(i=m,s=T,r=f),c&&t(c).hasClass(g))this._isSliding=!1;else if(!this._triggerSlideEvent(c,r).isDefaultPrevented()&&a&&c){this._isSliding=!0,C&&this.pause(),this._setActiveIndicatorElement(c);var I=t.Event(d.SLID,{relatedTarget:c,direction:r,from:l,to:_});P.supportsTransitionEnd()&&t(this._element).hasClass(p)?(t(c).addClass(s),P.reflow(c),t(a).addClass(i),t(c).addClass(i),t(a).one(P.TRANSITION_END,function(){t(c).removeClass(i+" "+s).addClass(g),t(a).removeClass(g+" "+s+" "+i),o._isSliding=!1,setTimeout(function(){return t(o._element).trigger(I)},0)}).emulateTransitionEnd(600)):(t(a).removeClass(g),t(c).addClass(g),this._isSliding=!1,t(this._element).trigger(I)),C&&this.cycle()}},o._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),s=r({},a,t(this).data());"object"==typeof e&&(s=r({},s,e));var l="string"==typeof e?e:s.slide;if(i||(i=new o(this,s),t(this).data(n,i)),"number"==typeof e)i.to(e);else if("string"==typeof l){if("undefined"==typeof i[l])throw new TypeError('No method named "'+l+'"');i[l]()}else s.interval&&(i.pause(),i.cycle())})},o._dataApiClickHandler=function(e){var i=P.getSelectorFromElement(this);if(i){var s=t(i)[0];if(s&&t(s).hasClass(_)){var a=r({},t(s).data(),t(this).data()),l=this.getAttribute("data-slide-to");l&&(a.interval=!1),o._jQueryInterface.call(t(s),a),l&&t(s).data(n).to(l),e.preventDefault()}}},s(o,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),o}();return t(document).on(d.CLICK_DATA_API,y.DATA_SLIDE,C._dataApiClickHandler),t(window).on(d.LOAD_DATA_API,function(){t(y.DATA_RIDE).each(function(){var e=t(this);C._jQueryInterface.call(e,e.data())})}),t.fn[e]=C._jQueryInterface,t.fn[e].Constructor=C,t.fn[e].noConflict=function(){return t.fn[e]=o,C._jQueryInterface},C}(e),H=function(t){var e="collapse",n="bs.collapse",i="."+n,o=t.fn[e],a={toggle:!0,parent:""},l={toggle:"boolean",parent:"(string|element)"},h={SHOW:"show"+i,SHOWN:"shown"+i,HIDE:"hide"+i,HIDDEN:"hidden"+i,CLICK_DATA_API:"click"+i+".data-api"},c="show",u="collapse",f="collapsing",d="collapsed",_="width",g="height",p={ACTIVES:".show, .collapsing",DATA_TOGGLE:'[data-toggle="collapse"]'},m=function(){function i(e,n){this._isTransitioning=!1,this._element=e,this._config=this._getConfig(n),this._triggerArray=t.makeArray(t('[data-toggle="collapse"][href="#'+e.id+'"],[data-toggle="collapse"][data-target="#'+e.id+'"]'));for(var i=t(p.DATA_TOGGLE),s=0;s0&&(this._selector=o,this._triggerArray.push(r))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}var o=i.prototype;return o.toggle=function(){t(this._element).hasClass(c)?this.hide():this.show()},o.show=function(){var e,s,r=this;if(!this._isTransitioning&&!t(this._element).hasClass(c)&&(this._parent&&0===(e=t.makeArray(t(this._parent).find(p.ACTIVES).filter('[data-parent="'+this._config.parent+'"]'))).length&&(e=null),!(e&&(s=t(e).not(this._selector).data(n))&&s._isTransitioning))){var o=t.Event(h.SHOW);if(t(this._element).trigger(o),!o.isDefaultPrevented()){e&&(i._jQueryInterface.call(t(e).not(this._selector),"hide"),s||t(e).data(n,null));var a=this._getDimension();t(this._element).removeClass(u).addClass(f),this._element.style[a]=0,this._triggerArray.length>0&&t(this._triggerArray).removeClass(d).attr("aria-expanded",!0),this.setTransitioning(!0);var l=function(){t(r._element).removeClass(f).addClass(u).addClass(c),r._element.style[a]="",r.setTransitioning(!1),t(r._element).trigger(h.SHOWN)};if(P.supportsTransitionEnd()){var _="scroll"+(a[0].toUpperCase()+a.slice(1));t(this._element).one(P.TRANSITION_END,l).emulateTransitionEnd(600),this._element.style[a]=this._element[_]+"px"}else l()}}},o.hide=function(){var e=this;if(!this._isTransitioning&&t(this._element).hasClass(c)){var n=t.Event(h.HIDE);if(t(this._element).trigger(n),!n.isDefaultPrevented()){var i=this._getDimension();if(this._element.style[i]=this._element.getBoundingClientRect()[i]+"px",P.reflow(this._element),t(this._element).addClass(f).removeClass(u).removeClass(c),this._triggerArray.length>0)for(var s=0;s0&&t(n).toggleClass(d,!i).attr("aria-expanded",i)}},i._getTargetFromElement=function(e){var n=P.getSelectorFromElement(e);return n?t(n)[0]:null},i._jQueryInterface=function(e){return this.each(function(){var s=t(this),o=s.data(n),l=r({},a,s.data(),"object"==typeof e&&e);if(!o&&l.toggle&&/show|hide/.test(e)&&(l.toggle=!1),o||(o=new i(this,l),s.data(n,o)),"string"==typeof e){if("undefined"==typeof o[e])throw new TypeError('No method named "'+e+'"');o[e]()}})},s(i,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return a}}]),i}();return t(document).on(h.CLICK_DATA_API,p.DATA_TOGGLE,function(e){"A"===e.currentTarget.tagName&&e.preventDefault();var i=t(this),s=P.getSelectorFromElement(this);t(s).each(function(){var e=t(this),s=e.data(n)?"toggle":i.data();m._jQueryInterface.call(e,s)})}),t.fn[e]=m._jQueryInterface,t.fn[e].Constructor=m,t.fn[e].noConflict=function(){return t.fn[e]=o,m._jQueryInterface},m}(e),W=function(t){var e="dropdown",i="bs.dropdown",o="."+i,a=".data-api",l=t.fn[e],h=new RegExp("38|40|27"),c={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,CLICK:"click"+o,CLICK_DATA_API:"click"+o+a,KEYDOWN_DATA_API:"keydown"+o+a,KEYUP_DATA_API:"keyup"+o+a},u="disabled",f="show",d="dropup",_="dropright",g="dropleft",p="dropdown-menu-right",m="dropdown-menu-left",v="position-static",E='[data-toggle="dropdown"]',T=".dropdown form",y=".dropdown-menu",C=".navbar-nav",I=".dropdown-menu .dropdown-item:not(.disabled)",A="top-start",b="top-end",D="bottom-start",S="bottom-end",w="right-start",N="left-start",O={offset:0,flip:!0,boundary:"scrollParent"},k={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)"},L=function(){function a(t,e){this._element=t,this._popper=null,this._config=this._getConfig(e),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}var l=a.prototype;return l.toggle=function(){if(!this._element.disabled&&!t(this._element).hasClass(u)){var e=a._getParentFromElement(this._element),i=t(this._menu).hasClass(f);if(a._clearMenus(),!i){var s={relatedTarget:this._element},r=t.Event(c.SHOW,s);if(t(e).trigger(r),!r.isDefaultPrevented()){if(!this._inNavbar){if("undefined"==typeof n)throw new TypeError("Bootstrap dropdown require Popper.js (https://popper.js.org)");var o=this._element;t(e).hasClass(d)&&(t(this._menu).hasClass(m)||t(this._menu).hasClass(p))&&(o=e),"scrollParent"!==this._config.boundary&&t(e).addClass(v),this._popper=new n(o,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===t(e).closest(C).length&&t("body").children().on("mouseover",null,t.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),t(this._menu).toggleClass(f),t(e).toggleClass(f).trigger(t.Event(c.SHOWN,s))}}}},l.dispose=function(){t.removeData(this._element,i),t(this._element).off(o),this._element=null,this._menu=null,null!==this._popper&&(this._popper.destroy(),this._popper=null)},l.update=function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()},l._addEventListeners=function(){var e=this;t(this._element).on(c.CLICK,function(t){t.preventDefault(),t.stopPropagation(),e.toggle()})},l._getConfig=function(n){return n=r({},this.constructor.Default,t(this._element).data(),n),P.typeCheckConfig(e,n,this.constructor.DefaultType),n},l._getMenuElement=function(){if(!this._menu){var e=a._getParentFromElement(this._element);this._menu=t(e).find(y)[0]}return this._menu},l._getPlacement=function(){var e=t(this._element).parent(),n=D;return e.hasClass(d)?(n=A,t(this._menu).hasClass(p)&&(n=b)):e.hasClass(_)?n=w:e.hasClass(g)?n=N:t(this._menu).hasClass(p)&&(n=S),n},l._detectNavbar=function(){return t(this._element).closest(".navbar").length>0},l._getPopperConfig=function(){var t=this,e={};return"function"==typeof this._config.offset?e.fn=function(e){return e.offsets=r({},e.offsets,t._config.offset(e.offsets)||{}),e}:e.offset=this._config.offset,{placement:this._getPlacement(),modifiers:{offset:e,flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}}},a._jQueryInterface=function(e){return this.each(function(){var n=t(this).data(i);if(n||(n=new a(this,"object"==typeof e?e:null),t(this).data(i,n)),"string"==typeof e){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},a._clearMenus=function(e){if(!e||3!==e.which&&("keyup"!==e.type||9===e.which))for(var n=t.makeArray(t(E)),s=0;s0&&r--,40===e.which&&rdocument.documentElement.clientHeight;!this._isBodyOverflowing&&t&&(this._element.style.paddingLeft=this._scrollbarWidth+"px"),this._isBodyOverflowing&&!t&&(this._element.style.paddingRight=this._scrollbarWidth+"px")},p._resetAdjustments=function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""},p._checkScrollbar=function(){var t=document.body.getBoundingClientRect();this._isBodyOverflowing=t.left+t.right
',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent"},f="show",d="out",_={HIDE:"hide"+o,HIDDEN:"hidden"+o,SHOW:"show"+o,SHOWN:"shown"+o,INSERTED:"inserted"+o,CLICK:"click"+o,FOCUSIN:"focusin"+o,FOCUSOUT:"focusout"+o,MOUSEENTER:"mouseenter"+o,MOUSELEAVE:"mouseleave"+o},g="fade",p="show",m=".tooltip-inner",v=".arrow",E="hover",T="focus",y="click",C="manual",I=function(){function a(t,e){if("undefined"==typeof n)throw new TypeError("Bootstrap tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=t,this.config=this._getConfig(e),this.tip=null,this._setListeners()}var I=a.prototype;return I.enable=function(){this._isEnabled=!0},I.disable=function(){this._isEnabled=!1},I.toggleEnabled=function(){this._isEnabled=!this._isEnabled},I.toggle=function(e){if(this._isEnabled)if(e){var n=this.constructor.DATA_KEY,i=t(e.currentTarget).data(n);i||(i=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(n,i)),i._activeTrigger.click=!i._activeTrigger.click,i._isWithActiveTrigger()?i._enter(null,i):i._leave(null,i)}else{if(t(this.getTipElement()).hasClass(p))return void this._leave(null,this);this._enter(null,this)}},I.dispose=function(){clearTimeout(this._timeout),t.removeData(this.element,this.constructor.DATA_KEY),t(this.element).off(this.constructor.EVENT_KEY),t(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&t(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,null!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null},I.show=function(){var e=this;if("none"===t(this.element).css("display"))throw new Error("Please use show on visible elements");var i=t.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){t(this.element).trigger(i);var s=t.contains(this.element.ownerDocument.documentElement,this.element);if(i.isDefaultPrevented()||!s)return;var r=this.getTipElement(),o=P.getUID(this.constructor.NAME);r.setAttribute("id",o),this.element.setAttribute("aria-describedby",o),this.setContent(),this.config.animation&&t(r).addClass(g);var l="function"==typeof this.config.placement?this.config.placement.call(this,r,this.element):this.config.placement,h=this._getAttachment(l);this.addAttachmentClass(h);var c=!1===this.config.container?document.body:t(this.config.container);t(r).data(this.constructor.DATA_KEY,this),t.contains(this.element.ownerDocument.documentElement,this.tip)||t(r).appendTo(c),t(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new n(this.element,r,{placement:h,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:v},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(t){t.originalPlacement!==t.placement&&e._handlePopperPlacementChange(t)},onUpdate:function(t){e._handlePopperPlacementChange(t)}}),t(r).addClass(p),"ontouchstart"in document.documentElement&&t("body").children().on("mouseover",null,t.noop);var u=function(){e.config.animation&&e._fixTransition();var n=e._hoverState;e._hoverState=null,t(e.element).trigger(e.constructor.Event.SHOWN),n===d&&e._leave(null,e)};P.supportsTransitionEnd()&&t(this.tip).hasClass(g)?t(this.tip).one(P.TRANSITION_END,u).emulateTransitionEnd(a._TRANSITION_DURATION):u()}},I.hide=function(e){var n=this,i=this.getTipElement(),s=t.Event(this.constructor.Event.HIDE),r=function(){n._hoverState!==f&&i.parentNode&&i.parentNode.removeChild(i),n._cleanTipClass(),n.element.removeAttribute("aria-describedby"),t(n.element).trigger(n.constructor.Event.HIDDEN),null!==n._popper&&n._popper.destroy(),e&&e()};t(this.element).trigger(s),s.isDefaultPrevented()||(t(i).removeClass(p),"ontouchstart"in document.documentElement&&t("body").children().off("mouseover",null,t.noop),this._activeTrigger[y]=!1,this._activeTrigger[T]=!1,this._activeTrigger[E]=!1,P.supportsTransitionEnd()&&t(this.tip).hasClass(g)?t(i).one(P.TRANSITION_END,r).emulateTransitionEnd(150):r(),this._hoverState="")},I.update=function(){null!==this._popper&&this._popper.scheduleUpdate()},I.isWithContent=function(){return Boolean(this.getTitle())},I.addAttachmentClass=function(e){t(this.getTipElement()).addClass("bs-tooltip-"+e)},I.getTipElement=function(){return this.tip=this.tip||t(this.config.template)[0],this.tip},I.setContent=function(){var e=t(this.getTipElement());this.setElementContent(e.find(m),this.getTitle()),e.removeClass(g+" "+p)},I.setElementContent=function(e,n){var i=this.config.html;"object"==typeof n&&(n.nodeType||n.jquery)?i?t(n).parent().is(e)||e.empty().append(n):e.text(t(n).text()):e[i?"html":"text"](n)},I.getTitle=function(){var t=this.element.getAttribute("data-original-title");return t||(t="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),t},I._getAttachment=function(t){return c[t.toUpperCase()]},I._setListeners=function(){var e=this;this.config.trigger.split(" ").forEach(function(n){if("click"===n)t(e.element).on(e.constructor.Event.CLICK,e.config.selector,function(t){return e.toggle(t)});else if(n!==C){var i=n===E?e.constructor.Event.MOUSEENTER:e.constructor.Event.FOCUSIN,s=n===E?e.constructor.Event.MOUSELEAVE:e.constructor.Event.FOCUSOUT;t(e.element).on(i,e.config.selector,function(t){return e._enter(t)}).on(s,e.config.selector,function(t){return e._leave(t)})}t(e.element).closest(".modal").on("hide.bs.modal",function(){return e.hide()})}),this.config.selector?this.config=r({},this.config,{trigger:"manual",selector:""}):this._fixTitle()},I._fixTitle=function(){var t=typeof this.element.getAttribute("data-original-title");(this.element.getAttribute("title")||"string"!==t)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))},I._enter=function(e,n){var i=this.constructor.DATA_KEY;(n=n||t(e.currentTarget).data(i))||(n=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(i,n)),e&&(n._activeTrigger["focusin"===e.type?T:E]=!0),t(n.getTipElement()).hasClass(p)||n._hoverState===f?n._hoverState=f:(clearTimeout(n._timeout),n._hoverState=f,n.config.delay&&n.config.delay.show?n._timeout=setTimeout(function(){n._hoverState===f&&n.show()},n.config.delay.show):n.show())},I._leave=function(e,n){var i=this.constructor.DATA_KEY;(n=n||t(e.currentTarget).data(i))||(n=new this.constructor(e.currentTarget,this._getDelegateConfig()),t(e.currentTarget).data(i,n)),e&&(n._activeTrigger["focusout"===e.type?T:E]=!1),n._isWithActiveTrigger()||(clearTimeout(n._timeout),n._hoverState=d,n.config.delay&&n.config.delay.hide?n._timeout=setTimeout(function(){n._hoverState===d&&n.hide()},n.config.delay.hide):n.hide())},I._isWithActiveTrigger=function(){for(var t in this._activeTrigger)if(this._activeTrigger[t])return!0;return!1},I._getConfig=function(n){return"number"==typeof(n=r({},this.constructor.Default,t(this.element).data(),n)).delay&&(n.delay={show:n.delay,hide:n.delay}),"number"==typeof n.title&&(n.title=n.title.toString()),"number"==typeof n.content&&(n.content=n.content.toString()),P.typeCheckConfig(e,n,this.constructor.DefaultType),n},I._getDelegateConfig=function(){var t={};if(this.config)for(var e in this.config)this.constructor.Default[e]!==this.config[e]&&(t[e]=this.config[e]);return t},I._cleanTipClass=function(){var e=t(this.getTipElement()),n=e.attr("class").match(l);null!==n&&n.length>0&&e.removeClass(n.join(""))},I._handlePopperPlacementChange=function(t){this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(t.placement))},I._fixTransition=function(){var e=this.getTipElement(),n=this.config.animation;null===e.getAttribute("x-placement")&&(t(e).removeClass(g),this.config.animation=!1,this.hide(),this.show(),this.config.animation=n)},a._jQueryInterface=function(e){return this.each(function(){var n=t(this).data(i),s="object"==typeof e&&e;if((n||!/dispose|hide/.test(e))&&(n||(n=new a(this,s),t(this).data(i,n)),"string"==typeof e)){if("undefined"==typeof n[e])throw new TypeError('No method named "'+e+'"');n[e]()}})},s(a,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return u}},{key:"NAME",get:function(){return e}},{key:"DATA_KEY",get:function(){return i}},{key:"Event",get:function(){return _}},{key:"EVENT_KEY",get:function(){return o}},{key:"DefaultType",get:function(){return h}}]),a}();return t.fn[e]=I._jQueryInterface,t.fn[e].Constructor=I,t.fn[e].noConflict=function(){return t.fn[e]=a,I._jQueryInterface},I}(e),x=function(t){var e="popover",n="bs.popover",i="."+n,o=t.fn[e],a=new RegExp("(^|\\s)bs-popover\\S+","g"),l=r({},U.Default,{placement:"right",trigger:"click",content:"",template:''}),h=r({},U.DefaultType,{content:"(string|element|function)"}),c="fade",u="show",f=".popover-header",d=".popover-body",_={HIDE:"hide"+i,HIDDEN:"hidden"+i,SHOW:"show"+i,SHOWN:"shown"+i,INSERTED:"inserted"+i,CLICK:"click"+i,FOCUSIN:"focusin"+i,FOCUSOUT:"focusout"+i,MOUSEENTER:"mouseenter"+i,MOUSELEAVE:"mouseleave"+i},g=function(r){var o,g;function p(){return r.apply(this,arguments)||this}g=r,(o=p).prototype=Object.create(g.prototype),o.prototype.constructor=o,o.__proto__=g;var m=p.prototype;return m.isWithContent=function(){return this.getTitle()||this._getContent()},m.addAttachmentClass=function(e){t(this.getTipElement()).addClass("bs-popover-"+e)},m.getTipElement=function(){return this.tip=this.tip||t(this.config.template)[0],this.tip},m.setContent=function(){var e=t(this.getTipElement());this.setElementContent(e.find(f),this.getTitle());var n=this._getContent();"function"==typeof n&&(n=n.call(this.element)),this.setElementContent(e.find(d),n),e.removeClass(c+" "+u)},m._getContent=function(){return this.element.getAttribute("data-content")||this.config.content},m._cleanTipClass=function(){var e=t(this.getTipElement()),n=e.attr("class").match(a);null!==n&&n.length>0&&e.removeClass(n.join(""))},p._jQueryInterface=function(e){return this.each(function(){var i=t(this).data(n),s="object"==typeof e?e:null;if((i||!/destroy|hide/.test(e))&&(i||(i=new p(this,s),t(this).data(n,i)),"string"==typeof e)){if("undefined"==typeof i[e])throw new TypeError('No method named "'+e+'"');i[e]()}})},s(p,null,[{key:"VERSION",get:function(){return"4.0.0"}},{key:"Default",get:function(){return l}},{key:"NAME",get:function(){return e}},{key:"DATA_KEY",get:function(){return n}},{key:"Event",get:function(){return _}},{key:"EVENT_KEY",get:function(){return i}},{key:"DefaultType",get:function(){return h}}]),p}(U);return t.fn[e]=g._jQueryInterface,t.fn[e].Constructor=g,t.fn[e].noConflict=function(){return t.fn[e]=o,g._jQueryInterface},g}(e),K=function(t){var e="scrollspy",n="bs.scrollspy",i="."+n,o=t.fn[e],a={offset:10,method:"auto",target:""},l={offset:"number",method:"string",target:"(string|element)"},h={ACTIVATE:"activate"+i,SCROLL:"scroll"+i,LOAD_DATA_API:"load"+i+".data-api"},c="dropdown-item",u="active",f={DATA_SPY:'[data-spy="scroll"]',ACTIVE:".active",NAV_LIST_GROUP:".nav, .list-group",NAV_LINKS:".nav-link",NAV_ITEMS:".nav-item",LIST_ITEMS:".list-group-item",DROPDOWN:".dropdown",DROPDOWN_ITEMS:".dropdown-item",DROPDOWN_TOGGLE:".dropdown-toggle"},d="offset",_="position",g=function(){function o(e,n){var i=this;this._element=e,this._scrollElement="BODY"===e.tagName?window:e,this._config=this._getConfig(n),this._selector=this._config.target+" "+f.NAV_LINKS+","+this._config.target+" "+f.LIST_ITEMS+","+this._config.target+" "+f.DROPDOWN_ITEMS,this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,t(this._scrollElement).on(h.SCROLL,function(t){return i._process(t)}),this.refresh(),this._process()}var g=o.prototype;return g.refresh=function(){var e=this,n=this._scrollElement===this._scrollElement.window?d:_,i="auto"===this._config.method?n:this._config.method,s=i===_?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight(),t.makeArray(t(this._selector)).map(function(e){var n,r=P.getSelectorFromElement(e);if(r&&(n=t(r)[0]),n){var o=n.getBoundingClientRect();if(o.width||o.height)return[t(n)[i]().top+s,r]}return null}).filter(function(t){return t}).sort(function(t,e){return t[0]-e[0]}).forEach(function(t){e._offsets.push(t[0]),e._targets.push(t[1])})},g.dispose=function(){t.removeData(this._element,n),t(this._scrollElement).off(i),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null},g._getConfig=function(n){if("string"!=typeof(n=r({},a,n)).target){var i=t(n.target).attr("id");i||(i=P.getUID(e),t(n.target).attr("id",i)),n.target="#"+i}return P.typeCheckConfig(e,n,l),n},g._getScrollTop=function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop},g._getScrollHeight=function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)},g._getOffsetHeight=function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height},g._process=function(){var t=this._getScrollTop()+this._config.offset,e=this._getScrollHeight(),n=this._config.offset+e-this._getOffsetHeight();if(this._scrollHeight!==e&&this.refresh(),t>=n){var i=this._targets[this._targets.length-1];this._activeTarget!==i&&this._activate(i)}else{if(this._activeTarget&&t0)return this._activeTarget=null,void this._clear();for(var s=this._offsets.length;s--;){this._activeTarget!==this._targets[s]&&t>=this._offsets[s]&&("undefined"==typeof this._offsets[s+1]||t=4)throw new Error("Bootstrap's JavaScript requires at least jQuery v1.9.1 but less than v4.0.0")}(e),t.Util=P,t.Alert=L,t.Button=R,t.Carousel=j,t.Collapse=H,t.Dropdown=W,t.Modal=M,t.Popover=x,t.Scrollspy=K,t.Tab=V,t.Tooltip=U,Object.defineProperty(t,"__esModule",{value:!0})}); +//# sourceMappingURL=bootstrap.min.js.map \ No newline at end of file diff --git a/js/dropzone.js b/js/dropzone.js new file mode 100644 index 0000000..aa6e746 --- /dev/null +++ b/js/dropzone.js @@ -0,0 +1,1767 @@ + +/* + * + * More info at [www.dropzonejs.com](http://www.dropzonejs.com) + * + * Copyright (c) 2012, Matias Meno + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + * + */ + +(function() { + var Dropzone, Emitter, camelize, contentLoaded, detectVerticalSquash, drawImageIOSFix, noop, without, + __slice = [].slice, + __hasProp = {}.hasOwnProperty, + __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; }; + + noop = function() {}; + + Emitter = (function() { + function Emitter() {} + + Emitter.prototype.addEventListener = Emitter.prototype.on; + + Emitter.prototype.on = function(event, fn) { + this._callbacks = this._callbacks || {}; + if (!this._callbacks[event]) { + this._callbacks[event] = []; + } + this._callbacks[event].push(fn); + return this; + }; + + Emitter.prototype.emit = function() { + var args, callback, callbacks, event, _i, _len; + event = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; + this._callbacks = this._callbacks || {}; + callbacks = this._callbacks[event]; + if (callbacks) { + for (_i = 0, _len = callbacks.length; _i < _len; _i++) { + callback = callbacks[_i]; + callback.apply(this, args); + } + } + return this; + }; + + Emitter.prototype.removeListener = Emitter.prototype.off; + + Emitter.prototype.removeAllListeners = Emitter.prototype.off; + + Emitter.prototype.removeEventListener = Emitter.prototype.off; + + Emitter.prototype.off = function(event, fn) { + var callback, callbacks, i, _i, _len; + if (!this._callbacks || arguments.length === 0) { + this._callbacks = {}; + return this; + } + callbacks = this._callbacks[event]; + if (!callbacks) { + return this; + } + if (arguments.length === 1) { + delete this._callbacks[event]; + return this; + } + for (i = _i = 0, _len = callbacks.length; _i < _len; i = ++_i) { + callback = callbacks[i]; + if (callback === fn) { + callbacks.splice(i, 1); + break; + } + } + return this; + }; + + return Emitter; + + })(); + + Dropzone = (function(_super) { + var extend, resolveOption; + + __extends(Dropzone, _super); + + Dropzone.prototype.Emitter = Emitter; + + + /* + This is a list of all available events you can register on a dropzone object. + + You can register an event handler like this: + + dropzone.on("dragEnter", function() { }); + */ + + Dropzone.prototype.events = ["drop", "dragstart", "dragend", "dragenter", "dragover", "dragleave", "addedfile", "addedfiles", "removedfile", "thumbnail", "error", "errormultiple", "processing", "processingmultiple", "uploadprogress", "totaluploadprogress", "sending", "sendingmultiple", "success", "successmultiple", "canceled", "canceledmultiple", "complete", "completemultiple", "reset", "maxfilesexceeded", "maxfilesreached", "queuecomplete"]; + + Dropzone.prototype.defaultOptions = { + url: null, + method: "post", + withCredentials: false, + parallelUploads: 2, + uploadMultiple: false, + maxFilesize: 256, + paramName: "file", + createImageThumbnails: true, + maxThumbnailFilesize: 10, + thumbnailWidth: 120, + thumbnailHeight: 120, + filesizeBase: 1000, + maxFiles: null, + params: {}, + clickable: true, + ignoreHiddenFiles: true, + acceptedFiles: null, + acceptedMimeTypes: null, + autoProcessQueue: true, + autoQueue: true, + addRemoveLinks: false, + previewsContainer: null, + hiddenInputContainer: "body", + capture: null, + renameFilename: null, + dictDefaultMessage: "Drop files here to upload", + dictFallbackMessage: "Your browser does not support drag'n'drop file uploads.", + dictFallbackText: "Please use the fallback form below to upload your files like in the olden days.", + dictFileTooBig: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.", + dictInvalidFileType: "You can't upload files of this type.", + dictResponseError: "Server responded with {{statusCode}} code.", + dictCancelUpload: "Cancel upload", + dictCancelUploadConfirmation: "Are you sure you want to cancel this upload?", + dictRemoveFile: "Remove file", + dictRemoveFileConfirmation: null, + dictMaxFilesExceeded: "You can not upload any more files.", + accept: function(file, done) { + return done(); + }, + init: function() { + return noop; + }, + forceFallback: false, + fallback: function() { + var child, messageElement, span, _i, _len, _ref; + this.element.className = "" + this.element.className + " dz-browser-not-supported"; + _ref = this.element.getElementsByTagName("div"); + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + child = _ref[_i]; + if (/(^| )dz-message($| )/.test(child.className)) { + messageElement = child; + child.className = "dz-message"; + continue; + } + } + if (!messageElement) { + messageElement = Dropzone.createElement("
"); + this.element.appendChild(messageElement); + } + span = messageElement.getElementsByTagName("span")[0]; + if (span) { + if (span.textContent != null) { + span.textContent = this.options.dictFallbackMessage; + } else if (span.innerText != null) { + span.innerText = this.options.dictFallbackMessage; + } + } + return this.element.appendChild(this.getFallbackForm()); + }, + resize: function(file) { + var info, srcRatio, trgRatio; + info = { + srcX: 0, + srcY: 0, + srcWidth: file.width, + srcHeight: file.height + }; + srcRatio = file.width / file.height; + info.optWidth = this.options.thumbnailWidth; + info.optHeight = this.options.thumbnailHeight; + if ((info.optWidth == null) && (info.optHeight == null)) { + info.optWidth = info.srcWidth; + info.optHeight = info.srcHeight; + } else if (info.optWidth == null) { + info.optWidth = srcRatio * info.optHeight; + } else if (info.optHeight == null) { + info.optHeight = (1 / srcRatio) * info.optWidth; + } + trgRatio = info.optWidth / info.optHeight; + if (file.height < info.optHeight || file.width < info.optWidth) { + info.trgHeight = info.srcHeight; + info.trgWidth = info.srcWidth; + } else { + if (srcRatio > trgRatio) { + info.srcHeight = file.height; + info.srcWidth = info.srcHeight * trgRatio; + } else { + info.srcWidth = file.width; + info.srcHeight = info.srcWidth / trgRatio; + } + } + info.srcX = (file.width - info.srcWidth) / 2; + info.srcY = (file.height - info.srcHeight) / 2; + return info; + }, + + /* + Those functions register themselves to the events on init and handle all + the user interface specific stuff. Overwriting them won't break the upload + but can break the way it's displayed. + You can overwrite them if you don't like the default behavior. If you just + want to add an additional event handler, register it on the dropzone object + and don't overwrite those options. + */ + drop: function(e) { + return this.element.classList.remove("dz-drag-hover"); + }, + dragstart: noop, + dragend: function(e) { + return this.element.classList.remove("dz-drag-hover"); + }, + dragenter: function(e) { + return this.element.classList.add("dz-drag-hover"); + }, + dragover: function(e) { + return this.element.classList.add("dz-drag-hover"); + }, + dragleave: function(e) { + return this.element.classList.remove("dz-drag-hover"); + }, + paste: noop, + reset: function() { + return this.element.classList.remove("dz-started"); + }, + addedfile: function(file) { + var node, removeFileEvent, removeLink, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _results; + if (this.element === this.previewsContainer) { + this.element.classList.add("dz-started"); + } + if (this.previewsContainer) { + file.previewElement = Dropzone.createElement(this.options.previewTemplate.trim()); + file.previewTemplate = file.previewElement; + this.previewsContainer.appendChild(file.previewElement); + _ref = file.previewElement.querySelectorAll("[data-dz-name]"); + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + node = _ref[_i]; + node.textContent = this._renameFilename(file.name); + } + _ref1 = file.previewElement.querySelectorAll("[data-dz-size]"); + for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) { + node = _ref1[_j]; + node.innerHTML = this.filesize(file.size); + } + if (this.options.addRemoveLinks) { + file._removeLink = Dropzone.createElement("" + this.options.dictRemoveFile + ""); + file.previewElement.appendChild(file._removeLink); + } + removeFileEvent = (function(_this) { + return function(e) { + e.preventDefault(); + e.stopPropagation(); + if (file.status === Dropzone.UPLOADING) { + return Dropzone.confirm(_this.options.dictCancelUploadConfirmation, function() { + return _this.removeFile(file); + }); + } else { + if (_this.options.dictRemoveFileConfirmation) { + return Dropzone.confirm(_this.options.dictRemoveFileConfirmation, function() { + return _this.removeFile(file); + }); + } else { + return _this.removeFile(file); + } + } + }; + })(this); + _ref2 = file.previewElement.querySelectorAll("[data-dz-remove]"); + _results = []; + for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) { + removeLink = _ref2[_k]; + _results.push(removeLink.addEventListener("click", removeFileEvent)); + } + return _results; + } + }, + removedfile: function(file) { + var _ref; + if (file.previewElement) { + if ((_ref = file.previewElement) != null) { + _ref.parentNode.removeChild(file.previewElement); + } + } + return this._updateMaxFilesReachedClass(); + }, + thumbnail: function(file, dataUrl) { + var thumbnailElement, _i, _len, _ref; + if (file.previewElement) { + file.previewElement.classList.remove("dz-file-preview"); + _ref = file.previewElement.querySelectorAll("[data-dz-thumbnail]"); + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + thumbnailElement = _ref[_i]; + thumbnailElement.alt = file.name; + thumbnailElement.src = dataUrl; + } + return setTimeout(((function(_this) { + return function() { + return file.previewElement.classList.add("dz-image-preview"); + }; + })(this)), 1); + } + }, + error: function(file, message) { + var node, _i, _len, _ref, _results; + if (file.previewElement) { + file.previewElement.classList.add("dz-error"); + if (typeof message !== "String" && message.error) { + message = message.error; + } + _ref = file.previewElement.querySelectorAll("[data-dz-errormessage]"); + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + node = _ref[_i]; + _results.push(node.textContent = message); + } + return _results; + } + }, + errormultiple: noop, + processing: function(file) { + if (file.previewElement) { + file.previewElement.classList.add("dz-processing"); + if (file._removeLink) { + return file._removeLink.textContent = this.options.dictCancelUpload; + } + } + }, + processingmultiple: noop, + uploadprogress: function(file, progress, bytesSent) { + var node, _i, _len, _ref, _results; + if (file.previewElement) { + _ref = file.previewElement.querySelectorAll("[data-dz-uploadprogress]"); + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + node = _ref[_i]; + if (node.nodeName === 'PROGRESS') { + _results.push(node.value = progress); + } else { + _results.push(node.style.width = "" + progress + "%"); + } + } + return _results; + } + }, + totaluploadprogress: noop, + sending: noop, + sendingmultiple: noop, + success: function(file) { + if (file.previewElement) { + return file.previewElement.classList.add("dz-success"); + } + }, + successmultiple: noop, + canceled: function(file) { + return this.emit("error", file, "Upload canceled."); + }, + canceledmultiple: noop, + complete: function(file) { + if (file._removeLink) { + file._removeLink.textContent = this.options.dictRemoveFile; + } + if (file.previewElement) { + return file.previewElement.classList.add("dz-complete"); + } + }, + completemultiple: noop, + maxfilesexceeded: noop, + maxfilesreached: noop, + queuecomplete: noop, + addedfiles: noop, + previewTemplate: "
\n
\n
\n
\n
\n
\n
\n
\n
\n \n Check\n \n \n \n \n \n
\n
\n \n Error\n \n \n \n \n \n \n \n
\n
" + }; + + extend = function() { + var key, object, objects, target, val, _i, _len; + target = arguments[0], objects = 2 <= arguments.length ? __slice.call(arguments, 1) : []; + for (_i = 0, _len = objects.length; _i < _len; _i++) { + object = objects[_i]; + for (key in object) { + val = object[key]; + target[key] = val; + } + } + return target; + }; + + function Dropzone(element, options) { + var elementOptions, fallback, _ref; + this.element = element; + this.version = Dropzone.version; + this.defaultOptions.previewTemplate = this.defaultOptions.previewTemplate.replace(/\n*/g, ""); + this.clickableElements = []; + this.listeners = []; + this.files = []; + if (typeof this.element === "string") { + this.element = document.querySelector(this.element); + } + if (!(this.element && (this.element.nodeType != null))) { + throw new Error("Invalid dropzone element."); + } + if (this.element.dropzone) { + throw new Error("Dropzone already attached."); + } + Dropzone.instances.push(this); + this.element.dropzone = this; + elementOptions = (_ref = Dropzone.optionsForElement(this.element)) != null ? _ref : {}; + this.options = extend({}, this.defaultOptions, elementOptions, options != null ? options : {}); + if (this.options.forceFallback || !Dropzone.isBrowserSupported()) { + return this.options.fallback.call(this); + } + if (this.options.url == null) { + this.options.url = this.element.getAttribute("action"); + } + if (!this.options.url) { + throw new Error("No URL provided."); + } + if (this.options.acceptedFiles && this.options.acceptedMimeTypes) { + throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated."); + } + if (this.options.acceptedMimeTypes) { + this.options.acceptedFiles = this.options.acceptedMimeTypes; + delete this.options.acceptedMimeTypes; + } + this.options.method = this.options.method.toUpperCase(); + if ((fallback = this.getExistingFallback()) && fallback.parentNode) { + fallback.parentNode.removeChild(fallback); + } + if (this.options.previewsContainer !== false) { + if (this.options.previewsContainer) { + this.previewsContainer = Dropzone.getElement(this.options.previewsContainer, "previewsContainer"); + } else { + this.previewsContainer = this.element; + } + } + if (this.options.clickable) { + if (this.options.clickable === true) { + this.clickableElements = [this.element]; + } else { + this.clickableElements = Dropzone.getElements(this.options.clickable, "clickable"); + } + } + this.init(); + } + + Dropzone.prototype.getAcceptedFiles = function() { + var file, _i, _len, _ref, _results; + _ref = this.files; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + file = _ref[_i]; + if (file.accepted) { + _results.push(file); + } + } + return _results; + }; + + Dropzone.prototype.getRejectedFiles = function() { + var file, _i, _len, _ref, _results; + _ref = this.files; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + file = _ref[_i]; + if (!file.accepted) { + _results.push(file); + } + } + return _results; + }; + + Dropzone.prototype.getFilesWithStatus = function(status) { + var file, _i, _len, _ref, _results; + _ref = this.files; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + file = _ref[_i]; + if (file.status === status) { + _results.push(file); + } + } + return _results; + }; + + Dropzone.prototype.getQueuedFiles = function() { + return this.getFilesWithStatus(Dropzone.QUEUED); + }; + + Dropzone.prototype.getUploadingFiles = function() { + return this.getFilesWithStatus(Dropzone.UPLOADING); + }; + + Dropzone.prototype.getAddedFiles = function() { + return this.getFilesWithStatus(Dropzone.ADDED); + }; + + Dropzone.prototype.getActiveFiles = function() { + var file, _i, _len, _ref, _results; + _ref = this.files; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + file = _ref[_i]; + if (file.status === Dropzone.UPLOADING || file.status === Dropzone.QUEUED) { + _results.push(file); + } + } + return _results; + }; + + Dropzone.prototype.init = function() { + var eventName, noPropagation, setupHiddenFileInput, _i, _len, _ref, _ref1; + if (this.element.tagName === "form") { + this.element.setAttribute("enctype", "multipart/form-data"); + } + if (this.element.classList.contains("dropzone") && !this.element.querySelector(".dz-message")) { + this.element.appendChild(Dropzone.createElement("
" + this.options.dictDefaultMessage + "
")); + } + if (this.clickableElements.length) { + setupHiddenFileInput = (function(_this) { + return function() { + if (_this.hiddenFileInput) { + _this.hiddenFileInput.parentNode.removeChild(_this.hiddenFileInput); + } + _this.hiddenFileInput = document.createElement("input"); + _this.hiddenFileInput.setAttribute("type", "file"); + if ((_this.options.maxFiles == null) || _this.options.maxFiles > 1) { + _this.hiddenFileInput.setAttribute("multiple", "multiple"); + } + _this.hiddenFileInput.className = "dz-hidden-input"; + if (_this.options.acceptedFiles != null) { + _this.hiddenFileInput.setAttribute("accept", _this.options.acceptedFiles); + } + if (_this.options.capture != null) { + _this.hiddenFileInput.setAttribute("capture", _this.options.capture); + } + _this.hiddenFileInput.style.visibility = "hidden"; + _this.hiddenFileInput.style.position = "absolute"; + _this.hiddenFileInput.style.top = "0"; + _this.hiddenFileInput.style.left = "0"; + _this.hiddenFileInput.style.height = "0"; + _this.hiddenFileInput.style.width = "0"; + document.querySelector(_this.options.hiddenInputContainer).appendChild(_this.hiddenFileInput); + return _this.hiddenFileInput.addEventListener("change", function() { + var file, files, _i, _len; + files = _this.hiddenFileInput.files; + if (files.length) { + for (_i = 0, _len = files.length; _i < _len; _i++) { + file = files[_i]; + _this.addFile(file); + } + } + _this.emit("addedfiles", files); + return setupHiddenFileInput(); + }); + }; + })(this); + setupHiddenFileInput(); + } + this.URL = (_ref = window.URL) != null ? _ref : window.webkitURL; + _ref1 = this.events; + for (_i = 0, _len = _ref1.length; _i < _len; _i++) { + eventName = _ref1[_i]; + this.on(eventName, this.options[eventName]); + } + this.on("uploadprogress", (function(_this) { + return function() { + return _this.updateTotalUploadProgress(); + }; + })(this)); + this.on("removedfile", (function(_this) { + return function() { + return _this.updateTotalUploadProgress(); + }; + })(this)); + this.on("canceled", (function(_this) { + return function(file) { + return _this.emit("complete", file); + }; + })(this)); + this.on("complete", (function(_this) { + return function(file) { + if (_this.getAddedFiles().length === 0 && _this.getUploadingFiles().length === 0 && _this.getQueuedFiles().length === 0) { + return setTimeout((function() { + return _this.emit("queuecomplete"); + }), 0); + } + }; + })(this)); + noPropagation = function(e) { + e.stopPropagation(); + if (e.preventDefault) { + return e.preventDefault(); + } else { + return e.returnValue = false; + } + }; + this.listeners = [ + { + element: this.element, + events: { + "dragstart": (function(_this) { + return function(e) { + return _this.emit("dragstart", e); + }; + })(this), + "dragenter": (function(_this) { + return function(e) { + noPropagation(e); + return _this.emit("dragenter", e); + }; + })(this), + "dragover": (function(_this) { + return function(e) { + var efct; + try { + efct = e.dataTransfer.effectAllowed; + } catch (_error) {} + e.dataTransfer.dropEffect = 'move' === efct || 'linkMove' === efct ? 'move' : 'copy'; + noPropagation(e); + return _this.emit("dragover", e); + }; + })(this), + "dragleave": (function(_this) { + return function(e) { + return _this.emit("dragleave", e); + }; + })(this), + "drop": (function(_this) { + return function(e) { + noPropagation(e); + return _this.drop(e); + }; + })(this), + "dragend": (function(_this) { + return function(e) { + return _this.emit("dragend", e); + }; + })(this) + } + } + ]; + this.clickableElements.forEach((function(_this) { + return function(clickableElement) { + return _this.listeners.push({ + element: clickableElement, + events: { + "click": function(evt) { + if ((clickableElement !== _this.element) || (evt.target === _this.element || Dropzone.elementInside(evt.target, _this.element.querySelector(".dz-message")))) { + _this.hiddenFileInput.click(); + } + return true; + } + } + }); + }; + })(this)); + this.enable(); + return this.options.init.call(this); + }; + + Dropzone.prototype.destroy = function() { + var _ref; + this.disable(); + this.removeAllFiles(true); + if ((_ref = this.hiddenFileInput) != null ? _ref.parentNode : void 0) { + this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput); + this.hiddenFileInput = null; + } + delete this.element.dropzone; + return Dropzone.instances.splice(Dropzone.instances.indexOf(this), 1); + }; + + Dropzone.prototype.updateTotalUploadProgress = function() { + var activeFiles, file, totalBytes, totalBytesSent, totalUploadProgress, _i, _len, _ref; + totalBytesSent = 0; + totalBytes = 0; + activeFiles = this.getActiveFiles(); + if (activeFiles.length) { + _ref = this.getActiveFiles(); + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + file = _ref[_i]; + totalBytesSent += file.upload.bytesSent; + totalBytes += file.upload.total; + } + totalUploadProgress = 100 * totalBytesSent / totalBytes; + } else { + totalUploadProgress = 100; + } + return this.emit("totaluploadprogress", totalUploadProgress, totalBytes, totalBytesSent); + }; + + Dropzone.prototype._getParamName = function(n) { + if (typeof this.options.paramName === "function") { + return this.options.paramName(n); + } else { + return "" + this.options.paramName + (this.options.uploadMultiple ? "[" + n + "]" : ""); + } + }; + + Dropzone.prototype._renameFilename = function(name) { + if (typeof this.options.renameFilename !== "function") { + return name; + } + return this.options.renameFilename(name); + }; + + Dropzone.prototype.getFallbackForm = function() { + var existingFallback, fields, fieldsString, form; + if (existingFallback = this.getExistingFallback()) { + return existingFallback; + } + fieldsString = "
"; + if (this.options.dictFallbackText) { + fieldsString += "

" + this.options.dictFallbackText + "

"; + } + fieldsString += "
"; + fields = Dropzone.createElement(fieldsString); + if (this.element.tagName !== "FORM") { + form = Dropzone.createElement("
"); + form.appendChild(fields); + } else { + this.element.setAttribute("enctype", "multipart/form-data"); + this.element.setAttribute("method", this.options.method); + } + return form != null ? form : fields; + }; + + Dropzone.prototype.getExistingFallback = function() { + var fallback, getFallback, tagName, _i, _len, _ref; + getFallback = function(elements) { + var el, _i, _len; + for (_i = 0, _len = elements.length; _i < _len; _i++) { + el = elements[_i]; + if (/(^| )fallback($| )/.test(el.className)) { + return el; + } + } + }; + _ref = ["div", "form"]; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + tagName = _ref[_i]; + if (fallback = getFallback(this.element.getElementsByTagName(tagName))) { + return fallback; + } + } + }; + + Dropzone.prototype.setupEventListeners = function() { + var elementListeners, event, listener, _i, _len, _ref, _results; + _ref = this.listeners; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + elementListeners = _ref[_i]; + _results.push((function() { + var _ref1, _results1; + _ref1 = elementListeners.events; + _results1 = []; + for (event in _ref1) { + listener = _ref1[event]; + _results1.push(elementListeners.element.addEventListener(event, listener, false)); + } + return _results1; + })()); + } + return _results; + }; + + Dropzone.prototype.removeEventListeners = function() { + var elementListeners, event, listener, _i, _len, _ref, _results; + _ref = this.listeners; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + elementListeners = _ref[_i]; + _results.push((function() { + var _ref1, _results1; + _ref1 = elementListeners.events; + _results1 = []; + for (event in _ref1) { + listener = _ref1[event]; + _results1.push(elementListeners.element.removeEventListener(event, listener, false)); + } + return _results1; + })()); + } + return _results; + }; + + Dropzone.prototype.disable = function() { + var file, _i, _len, _ref, _results; + this.clickableElements.forEach(function(element) { + return element.classList.remove("dz-clickable"); + }); + this.removeEventListeners(); + _ref = this.files; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + file = _ref[_i]; + _results.push(this.cancelUpload(file)); + } + return _results; + }; + + Dropzone.prototype.enable = function() { + this.clickableElements.forEach(function(element) { + return element.classList.add("dz-clickable"); + }); + return this.setupEventListeners(); + }; + + Dropzone.prototype.filesize = function(size) { + var cutoff, i, selectedSize, selectedUnit, unit, units, _i, _len; + selectedSize = 0; + selectedUnit = "b"; + if (size > 0) { + units = ['TB', 'GB', 'MB', 'KB', 'b']; + for (i = _i = 0, _len = units.length; _i < _len; i = ++_i) { + unit = units[i]; + cutoff = Math.pow(this.options.filesizeBase, 4 - i) / 10; + if (size >= cutoff) { + selectedSize = size / Math.pow(this.options.filesizeBase, 4 - i); + selectedUnit = unit; + break; + } + } + selectedSize = Math.round(10 * selectedSize) / 10; + } + return "" + selectedSize + " " + selectedUnit; + }; + + Dropzone.prototype._updateMaxFilesReachedClass = function() { + if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) { + if (this.getAcceptedFiles().length === this.options.maxFiles) { + this.emit('maxfilesreached', this.files); + } + return this.element.classList.add("dz-max-files-reached"); + } else { + return this.element.classList.remove("dz-max-files-reached"); + } + }; + + Dropzone.prototype.drop = function(e) { + var files, items; + if (!e.dataTransfer) { + return; + } + this.emit("drop", e); + files = e.dataTransfer.files; + this.emit("addedfiles", files); + if (files.length) { + items = e.dataTransfer.items; + if (items && items.length && (items[0].webkitGetAsEntry != null)) { + this._addFilesFromItems(items); + } else { + this.handleFiles(files); + } + } + }; + + Dropzone.prototype.paste = function(e) { + var items, _ref; + if ((e != null ? (_ref = e.clipboardData) != null ? _ref.items : void 0 : void 0) == null) { + return; + } + this.emit("paste", e); + items = e.clipboardData.items; + if (items.length) { + return this._addFilesFromItems(items); + } + }; + + Dropzone.prototype.handleFiles = function(files) { + var file, _i, _len, _results; + _results = []; + for (_i = 0, _len = files.length; _i < _len; _i++) { + file = files[_i]; + _results.push(this.addFile(file)); + } + return _results; + }; + + Dropzone.prototype._addFilesFromItems = function(items) { + var entry, item, _i, _len, _results; + _results = []; + for (_i = 0, _len = items.length; _i < _len; _i++) { + item = items[_i]; + if ((item.webkitGetAsEntry != null) && (entry = item.webkitGetAsEntry())) { + if (entry.isFile) { + _results.push(this.addFile(item.getAsFile())); + } else if (entry.isDirectory) { + _results.push(this._addFilesFromDirectory(entry, entry.name)); + } else { + _results.push(void 0); + } + } else if (item.getAsFile != null) { + if ((item.kind == null) || item.kind === "file") { + _results.push(this.addFile(item.getAsFile())); + } else { + _results.push(void 0); + } + } else { + _results.push(void 0); + } + } + return _results; + }; + + Dropzone.prototype._addFilesFromDirectory = function(directory, path) { + var dirReader, errorHandler, readEntries; + dirReader = directory.createReader(); + errorHandler = function(error) { + return typeof console !== "undefined" && console !== null ? typeof console.log === "function" ? console.log(error) : void 0 : void 0; + }; + readEntries = (function(_this) { + return function() { + return dirReader.readEntries(function(entries) { + var entry, _i, _len; + if (entries.length > 0) { + for (_i = 0, _len = entries.length; _i < _len; _i++) { + entry = entries[_i]; + if (entry.isFile) { + entry.file(function(file) { + if (_this.options.ignoreHiddenFiles && file.name.substring(0, 1) === '.') { + return; + } + file.fullPath = "" + path + "/" + file.name; + return _this.addFile(file); + }); + } else if (entry.isDirectory) { + _this._addFilesFromDirectory(entry, "" + path + "/" + entry.name); + } + } + readEntries(); + } + return null; + }, errorHandler); + }; + })(this); + return readEntries(); + }; + + Dropzone.prototype.accept = function(file, done) { + if (file.size > this.options.maxFilesize * 1024 * 1024) { + return done(this.options.dictFileTooBig.replace("{{filesize}}", Math.round(file.size / 1024 / 10.24) / 100).replace("{{maxFilesize}}", this.options.maxFilesize)); + } else if (!Dropzone.isValidFile(file, this.options.acceptedFiles)) { + return done(this.options.dictInvalidFileType); + } else if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) { + done(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}", this.options.maxFiles)); + return this.emit("maxfilesexceeded", file); + } else { + return this.options.accept.call(this, file, done); + } + }; + + Dropzone.prototype.addFile = function(file) { + file.upload = { + progress: 0, + total: file.size, + bytesSent: 0 + }; + this.files.push(file); + file.status = Dropzone.ADDED; + this.emit("addedfile", file); + this._enqueueThumbnail(file); + return this.accept(file, (function(_this) { + return function(error) { + if (error) { + file.accepted = false; + _this._errorProcessing([file], error); + } else { + file.accepted = true; + if (_this.options.autoQueue) { + _this.enqueueFile(file); + } + } + return _this._updateMaxFilesReachedClass(); + }; + })(this)); + }; + + Dropzone.prototype.enqueueFiles = function(files) { + var file, _i, _len; + for (_i = 0, _len = files.length; _i < _len; _i++) { + file = files[_i]; + this.enqueueFile(file); + } + return null; + }; + + Dropzone.prototype.enqueueFile = function(file) { + if (file.status === Dropzone.ADDED && file.accepted === true) { + file.status = Dropzone.QUEUED; + if (this.options.autoProcessQueue) { + return setTimeout(((function(_this) { + return function() { + return _this.processQueue(); + }; + })(this)), 0); + } + } else { + throw new Error("This file can't be queued because it has already been processed or was rejected."); + } + }; + + Dropzone.prototype._thumbnailQueue = []; + + Dropzone.prototype._processingThumbnail = false; + + Dropzone.prototype._enqueueThumbnail = function(file) { + if (this.options.createImageThumbnails && file.type.match(/image.*/) && file.size <= this.options.maxThumbnailFilesize * 1024 * 1024) { + this._thumbnailQueue.push(file); + return setTimeout(((function(_this) { + return function() { + return _this._processThumbnailQueue(); + }; + })(this)), 0); + } + }; + + Dropzone.prototype._processThumbnailQueue = function() { + if (this._processingThumbnail || this._thumbnailQueue.length === 0) { + return; + } + this._processingThumbnail = true; + return this.createThumbnail(this._thumbnailQueue.shift(), (function(_this) { + return function() { + _this._processingThumbnail = false; + return _this._processThumbnailQueue(); + }; + })(this)); + }; + + Dropzone.prototype.removeFile = function(file) { + if (file.status === Dropzone.UPLOADING) { + this.cancelUpload(file); + } + this.files = without(this.files, file); + this.emit("removedfile", file); + if (this.files.length === 0) { + return this.emit("reset"); + } + }; + + Dropzone.prototype.removeAllFiles = function(cancelIfNecessary) { + var file, _i, _len, _ref; + if (cancelIfNecessary == null) { + cancelIfNecessary = false; + } + _ref = this.files.slice(); + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + file = _ref[_i]; + if (file.status !== Dropzone.UPLOADING || cancelIfNecessary) { + this.removeFile(file); + } + } + return null; + }; + + Dropzone.prototype.createThumbnail = function(file, callback) { + var fileReader; + fileReader = new FileReader; + fileReader.onload = (function(_this) { + return function() { + if (file.type === "image/svg+xml") { + _this.emit("thumbnail", file, fileReader.result); + if (callback != null) { + callback(); + } + return; + } + return _this.createThumbnailFromUrl(file, fileReader.result, callback); + }; + })(this); + return fileReader.readAsDataURL(file); + }; + + Dropzone.prototype.createThumbnailFromUrl = function(file, imageUrl, callback, crossOrigin) { + var img; + img = document.createElement("img"); + if (crossOrigin) { + img.crossOrigin = crossOrigin; + } + img.onload = (function(_this) { + return function() { + var canvas, ctx, resizeInfo, thumbnail, _ref, _ref1, _ref2, _ref3; + file.width = img.width; + file.height = img.height; + resizeInfo = _this.options.resize.call(_this, file); + if (resizeInfo.trgWidth == null) { + resizeInfo.trgWidth = resizeInfo.optWidth; + } + if (resizeInfo.trgHeight == null) { + resizeInfo.trgHeight = resizeInfo.optHeight; + } + canvas = document.createElement("canvas"); + ctx = canvas.getContext("2d"); + canvas.width = resizeInfo.trgWidth; + canvas.height = resizeInfo.trgHeight; + drawImageIOSFix(ctx, img, (_ref = resizeInfo.srcX) != null ? _ref : 0, (_ref1 = resizeInfo.srcY) != null ? _ref1 : 0, resizeInfo.srcWidth, resizeInfo.srcHeight, (_ref2 = resizeInfo.trgX) != null ? _ref2 : 0, (_ref3 = resizeInfo.trgY) != null ? _ref3 : 0, resizeInfo.trgWidth, resizeInfo.trgHeight); + thumbnail = canvas.toDataURL("image/png"); + _this.emit("thumbnail", file, thumbnail); + if (callback != null) { + return callback(); + } + }; + })(this); + if (callback != null) { + img.onerror = callback; + } + return img.src = imageUrl; + }; + + Dropzone.prototype.processQueue = function() { + var i, parallelUploads, processingLength, queuedFiles; + parallelUploads = this.options.parallelUploads; + processingLength = this.getUploadingFiles().length; + i = processingLength; + if (processingLength >= parallelUploads) { + return; + } + queuedFiles = this.getQueuedFiles(); + if (!(queuedFiles.length > 0)) { + return; + } + if (this.options.uploadMultiple) { + return this.processFiles(queuedFiles.slice(0, parallelUploads - processingLength)); + } else { + while (i < parallelUploads) { + if (!queuedFiles.length) { + return; + } + this.processFile(queuedFiles.shift()); + i++; + } + } + }; + + Dropzone.prototype.processFile = function(file) { + return this.processFiles([file]); + }; + + Dropzone.prototype.processFiles = function(files) { + var file, _i, _len; + for (_i = 0, _len = files.length; _i < _len; _i++) { + file = files[_i]; + file.processing = true; + file.status = Dropzone.UPLOADING; + this.emit("processing", file); + } + if (this.options.uploadMultiple) { + this.emit("processingmultiple", files); + } + return this.uploadFiles(files); + }; + + Dropzone.prototype._getFilesWithXhr = function(xhr) { + var file, files; + return files = (function() { + var _i, _len, _ref, _results; + _ref = this.files; + _results = []; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + file = _ref[_i]; + if (file.xhr === xhr) { + _results.push(file); + } + } + return _results; + }).call(this); + }; + + Dropzone.prototype.cancelUpload = function(file) { + var groupedFile, groupedFiles, _i, _j, _len, _len1, _ref; + if (file.status === Dropzone.UPLOADING) { + groupedFiles = this._getFilesWithXhr(file.xhr); + for (_i = 0, _len = groupedFiles.length; _i < _len; _i++) { + groupedFile = groupedFiles[_i]; + groupedFile.status = Dropzone.CANCELED; + } + file.xhr.abort(); + for (_j = 0, _len1 = groupedFiles.length; _j < _len1; _j++) { + groupedFile = groupedFiles[_j]; + this.emit("canceled", groupedFile); + } + if (this.options.uploadMultiple) { + this.emit("canceledmultiple", groupedFiles); + } + } else if ((_ref = file.status) === Dropzone.ADDED || _ref === Dropzone.QUEUED) { + file.status = Dropzone.CANCELED; + this.emit("canceled", file); + if (this.options.uploadMultiple) { + this.emit("canceledmultiple", [file]); + } + } + if (this.options.autoProcessQueue) { + return this.processQueue(); + } + }; + + resolveOption = function() { + var args, option; + option = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; + if (typeof option === 'function') { + return option.apply(this, args); + } + return option; + }; + + Dropzone.prototype.uploadFile = function(file) { + return this.uploadFiles([file]); + }; + + Dropzone.prototype.uploadFiles = function(files) { + var file, formData, handleError, headerName, headerValue, headers, i, input, inputName, inputType, key, method, option, progressObj, response, updateProgress, url, value, xhr, _i, _j, _k, _l, _len, _len1, _len2, _len3, _m, _ref, _ref1, _ref2, _ref3, _ref4, _ref5; + xhr = new XMLHttpRequest(); + for (_i = 0, _len = files.length; _i < _len; _i++) { + file = files[_i]; + file.xhr = xhr; + } + method = resolveOption(this.options.method, files); + url = resolveOption(this.options.url, files); + xhr.open(method, url, true); + xhr.withCredentials = !!this.options.withCredentials; + response = null; + handleError = (function(_this) { + return function() { + var _j, _len1, _results; + _results = []; + for (_j = 0, _len1 = files.length; _j < _len1; _j++) { + file = files[_j]; + _results.push(_this._errorProcessing(files, response || _this.options.dictResponseError.replace("{{statusCode}}", xhr.status), xhr)); + } + return _results; + }; + })(this); + updateProgress = (function(_this) { + return function(e) { + var allFilesFinished, progress, _j, _k, _l, _len1, _len2, _len3, _results; + if (e != null) { + progress = 100 * e.loaded / e.total; + for (_j = 0, _len1 = files.length; _j < _len1; _j++) { + file = files[_j]; + file.upload = { + progress: progress, + total: e.total, + bytesSent: e.loaded + }; + } + } else { + allFilesFinished = true; + progress = 100; + for (_k = 0, _len2 = files.length; _k < _len2; _k++) { + file = files[_k]; + if (!(file.upload.progress === 100 && file.upload.bytesSent === file.upload.total)) { + allFilesFinished = false; + } + file.upload.progress = progress; + file.upload.bytesSent = file.upload.total; + } + if (allFilesFinished) { + return; + } + } + _results = []; + for (_l = 0, _len3 = files.length; _l < _len3; _l++) { + file = files[_l]; + _results.push(_this.emit("uploadprogress", file, progress, file.upload.bytesSent)); + } + return _results; + }; + })(this); + xhr.onload = (function(_this) { + return function(e) { + var _ref; + if (files[0].status === Dropzone.CANCELED) { + return; + } + if (xhr.readyState !== 4) { + return; + } + response = xhr.responseText; + if (xhr.getResponseHeader("content-type") && ~xhr.getResponseHeader("content-type").indexOf("application/json")) { + try { + response = JSON.parse(response); + } catch (_error) { + e = _error; + response = "Invalid JSON response from server."; + } + } + updateProgress(); + if (!((200 <= (_ref = xhr.status) && _ref < 300))) { + return handleError(); + } else { + return _this._finished(files, response, e); + } + }; + })(this); + xhr.onerror = (function(_this) { + return function() { + if (files[0].status === Dropzone.CANCELED) { + return; + } + return handleError(); + }; + })(this); + progressObj = (_ref = xhr.upload) != null ? _ref : xhr; + progressObj.onprogress = updateProgress; + headers = { + "Accept": "application/json", + "Cache-Control": "no-cache", + "X-Requested-With": "XMLHttpRequest" + }; + if (this.options.headers) { + extend(headers, this.options.headers); + } + for (headerName in headers) { + headerValue = headers[headerName]; + if (headerValue) { + xhr.setRequestHeader(headerName, headerValue); + } + } + formData = new FormData(); + if (this.options.params) { + _ref1 = this.options.params; + for (key in _ref1) { + value = _ref1[key]; + formData.append(key, value); + } + } + for (_j = 0, _len1 = files.length; _j < _len1; _j++) { + file = files[_j]; + this.emit("sending", file, xhr, formData); + } + if (this.options.uploadMultiple) { + this.emit("sendingmultiple", files, xhr, formData); + } + if (this.element.tagName === "FORM") { + _ref2 = this.element.querySelectorAll("input, textarea, select, button"); + for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) { + input = _ref2[_k]; + inputName = input.getAttribute("name"); + inputType = input.getAttribute("type"); + if (input.tagName === "SELECT" && input.hasAttribute("multiple")) { + _ref3 = input.options; + for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) { + option = _ref3[_l]; + if (option.selected) { + formData.append(inputName, option.value); + } + } + } else if (!inputType || ((_ref4 = inputType.toLowerCase()) !== "checkbox" && _ref4 !== "radio") || input.checked) { + formData.append(inputName, input.value); + } + } + } + for (i = _m = 0, _ref5 = files.length - 1; 0 <= _ref5 ? _m <= _ref5 : _m >= _ref5; i = 0 <= _ref5 ? ++_m : --_m) { + formData.append(this._getParamName(i), files[i], this._renameFilename(files[i].name)); + } + return this.submitRequest(xhr, formData, files); + }; + + Dropzone.prototype.submitRequest = function(xhr, formData, files) { + return xhr.send(formData); + }; + + Dropzone.prototype._finished = function(files, responseText, e) { + var file, _i, _len; + for (_i = 0, _len = files.length; _i < _len; _i++) { + file = files[_i]; + file.status = Dropzone.SUCCESS; + this.emit("success", file, responseText, e); + this.emit("complete", file); + } + if (this.options.uploadMultiple) { + this.emit("successmultiple", files, responseText, e); + this.emit("completemultiple", files); + } + if (this.options.autoProcessQueue) { + return this.processQueue(); + } + }; + + Dropzone.prototype._errorProcessing = function(files, message, xhr) { + var file, _i, _len; + for (_i = 0, _len = files.length; _i < _len; _i++) { + file = files[_i]; + file.status = Dropzone.ERROR; + this.emit("error", file, message, xhr); + this.emit("complete", file); + } + if (this.options.uploadMultiple) { + this.emit("errormultiple", files, message, xhr); + this.emit("completemultiple", files); + } + if (this.options.autoProcessQueue) { + return this.processQueue(); + } + }; + + return Dropzone; + + })(Emitter); + + Dropzone.version = "4.3.0"; + + Dropzone.options = {}; + + Dropzone.optionsForElement = function(element) { + if (element.getAttribute("id")) { + return Dropzone.options[camelize(element.getAttribute("id"))]; + } else { + return void 0; + } + }; + + Dropzone.instances = []; + + Dropzone.forElement = function(element) { + if (typeof element === "string") { + element = document.querySelector(element); + } + if ((element != null ? element.dropzone : void 0) == null) { + throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone."); + } + return element.dropzone; + }; + + Dropzone.autoDiscover = true; + + Dropzone.discover = function() { + var checkElements, dropzone, dropzones, _i, _len, _results; + if (document.querySelectorAll) { + dropzones = document.querySelectorAll(".dropzone"); + } else { + dropzones = []; + checkElements = function(elements) { + var el, _i, _len, _results; + _results = []; + for (_i = 0, _len = elements.length; _i < _len; _i++) { + el = elements[_i]; + if (/(^| )dropzone($| )/.test(el.className)) { + _results.push(dropzones.push(el)); + } else { + _results.push(void 0); + } + } + return _results; + }; + checkElements(document.getElementsByTagName("div")); + checkElements(document.getElementsByTagName("form")); + } + _results = []; + for (_i = 0, _len = dropzones.length; _i < _len; _i++) { + dropzone = dropzones[_i]; + if (Dropzone.optionsForElement(dropzone) !== false) { + _results.push(new Dropzone(dropzone)); + } else { + _results.push(void 0); + } + } + return _results; + }; + + Dropzone.blacklistedBrowsers = [/opera.*Macintosh.*version\/12/i]; + + Dropzone.isBrowserSupported = function() { + var capableBrowser, regex, _i, _len, _ref; + capableBrowser = true; + if (window.File && window.FileReader && window.FileList && window.Blob && window.FormData && document.querySelector) { + if (!("classList" in document.createElement("a"))) { + capableBrowser = false; + } else { + _ref = Dropzone.blacklistedBrowsers; + for (_i = 0, _len = _ref.length; _i < _len; _i++) { + regex = _ref[_i]; + if (regex.test(navigator.userAgent)) { + capableBrowser = false; + continue; + } + } + } + } else { + capableBrowser = false; + } + return capableBrowser; + }; + + without = function(list, rejectedItem) { + var item, _i, _len, _results; + _results = []; + for (_i = 0, _len = list.length; _i < _len; _i++) { + item = list[_i]; + if (item !== rejectedItem) { + _results.push(item); + } + } + return _results; + }; + + camelize = function(str) { + return str.replace(/[\-_](\w)/g, function(match) { + return match.charAt(1).toUpperCase(); + }); + }; + + Dropzone.createElement = function(string) { + var div; + div = document.createElement("div"); + div.innerHTML = string; + return div.childNodes[0]; + }; + + Dropzone.elementInside = function(element, container) { + if (element === container) { + return true; + } + while (element = element.parentNode) { + if (element === container) { + return true; + } + } + return false; + }; + + Dropzone.getElement = function(el, name) { + var element; + if (typeof el === "string") { + element = document.querySelector(el); + } else if (el.nodeType != null) { + element = el; + } + if (element == null) { + throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector or a plain HTML element."); + } + return element; + }; + + Dropzone.getElements = function(els, name) { + var e, el, elements, _i, _j, _len, _len1, _ref; + if (els instanceof Array) { + elements = []; + try { + for (_i = 0, _len = els.length; _i < _len; _i++) { + el = els[_i]; + elements.push(this.getElement(el, name)); + } + } catch (_error) { + e = _error; + elements = null; + } + } else if (typeof els === "string") { + elements = []; + _ref = document.querySelectorAll(els); + for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) { + el = _ref[_j]; + elements.push(el); + } + } else if (els.nodeType != null) { + elements = [els]; + } + if (!((elements != null) && elements.length)) { + throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector, a plain HTML element or a list of those."); + } + return elements; + }; + + Dropzone.confirm = function(question, accepted, rejected) { + if (window.confirm(question)) { + return accepted(); + } else if (rejected != null) { + return rejected(); + } + }; + + Dropzone.isValidFile = function(file, acceptedFiles) { + var baseMimeType, mimeType, validType, _i, _len; + if (!acceptedFiles) { + return true; + } + acceptedFiles = acceptedFiles.split(","); + mimeType = file.type; + baseMimeType = mimeType.replace(/\/.*$/, ""); + for (_i = 0, _len = acceptedFiles.length; _i < _len; _i++) { + validType = acceptedFiles[_i]; + validType = validType.trim(); + if (validType.charAt(0) === ".") { + if (file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.length - validType.length) !== -1) { + return true; + } + } else if (/\/\*$/.test(validType)) { + if (baseMimeType === validType.replace(/\/.*$/, "")) { + return true; + } + } else { + if (mimeType === validType) { + return true; + } + } + } + return false; + }; + + if (typeof jQuery !== "undefined" && jQuery !== null) { + jQuery.fn.dropzone = function(options) { + return this.each(function() { + return new Dropzone(this, options); + }); + }; + } + + if (typeof module !== "undefined" && module !== null) { + module.exports = Dropzone; + } else { + window.Dropzone = Dropzone; + } + + Dropzone.ADDED = "added"; + + Dropzone.QUEUED = "queued"; + + Dropzone.ACCEPTED = Dropzone.QUEUED; + + Dropzone.UPLOADING = "uploading"; + + Dropzone.PROCESSING = Dropzone.UPLOADING; + + Dropzone.CANCELED = "canceled"; + + Dropzone.ERROR = "error"; + + Dropzone.SUCCESS = "success"; + + + /* + + Bugfix for iOS 6 and 7 + Source: http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios + based on the work of https://github.com/stomita/ios-imagefile-megapixel + */ + + detectVerticalSquash = function(img) { + var alpha, canvas, ctx, data, ey, ih, iw, py, ratio, sy; + iw = img.naturalWidth; + ih = img.naturalHeight; + canvas = document.createElement("canvas"); + canvas.width = 1; + canvas.height = ih; + ctx = canvas.getContext("2d"); + ctx.drawImage(img, 0, 0); + data = ctx.getImageData(0, 0, 1, ih).data; + sy = 0; + ey = ih; + py = ih; + while (py > sy) { + alpha = data[(py - 1) * 4 + 3]; + if (alpha === 0) { + ey = py; + } else { + sy = py; + } + py = (ey + sy) >> 1; + } + ratio = py / ih; + if (ratio === 0) { + return 1; + } else { + return ratio; + } + }; + + drawImageIOSFix = function(ctx, img, sx, sy, sw, sh, dx, dy, dw, dh) { + var vertSquashRatio; + vertSquashRatio = detectVerticalSquash(img); + return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh / vertSquashRatio); + }; + + + /* + * contentloaded.js + * + * Author: Diego Perini (diego.perini at gmail.com) + * Summary: cross-browser wrapper for DOMContentLoaded + * Updated: 20101020 + * License: MIT + * Version: 1.2 + * + * URL: + * http://javascript.nwbox.com/ContentLoaded/ + * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE + */ + + contentLoaded = function(win, fn) { + var add, doc, done, init, poll, pre, rem, root, top; + done = false; + top = true; + doc = win.document; + root = doc.documentElement; + add = (doc.addEventListener ? "addEventListener" : "attachEvent"); + rem = (doc.addEventListener ? "removeEventListener" : "detachEvent"); + pre = (doc.addEventListener ? "" : "on"); + init = function(e) { + if (e.type === "readystatechange" && doc.readyState !== "complete") { + return; + } + (e.type === "load" ? win : doc)[rem](pre + e.type, init, false); + if (!done && (done = true)) { + return fn.call(win, e.type || e); + } + }; + poll = function() { + var e; + try { + root.doScroll("left"); + } catch (_error) { + e = _error; + setTimeout(poll, 50); + return; + } + return init("poll"); + }; + if (doc.readyState !== "complete") { + if (doc.createEventObject && root.doScroll) { + try { + top = !win.frameElement; + } catch (_error) {} + if (top) { + poll(); + } + } + doc[add](pre + "DOMContentLoaded", init, false); + doc[add](pre + "readystatechange", init, false); + return win[add](pre + "load", init, false); + } + }; + + Dropzone._autoDiscoverFunction = function() { + if (Dropzone.autoDiscover) { + return Dropzone.discover(); + } + }; + + contentLoaded(window, Dropzone._autoDiscoverFunction); + +}).call(this); \ No newline at end of file diff --git a/js/ie-emulation-modes-warning.js b/js/ie-emulation-modes-warning.js new file mode 100644 index 0000000..e41d272 --- /dev/null +++ b/js/ie-emulation-modes-warning.js @@ -0,0 +1,51 @@ +// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT +// IT'S JUST JUNK FOR OUR DOCS! +// ++++++++++++++++++++++++++++++++++++++++++ +/*! + * Copyright 2014-2015 Twitter, Inc. + * + * Licensed under the Creative Commons Attribution 3.0 Unported License. For + * details, see https://creativecommons.org/licenses/by/3.0/. + */ +// Intended to prevent false-positive bug reports about Bootstrap not working properly in old versions of IE due to folks testing using IE's unreliable emulation modes. +(function () { + 'use strict'; + + function emulatedIEMajorVersion() { + var groups = /MSIE ([0-9.]+)/.exec(window.navigator.userAgent) + if (groups === null) { + return null + } + var ieVersionNum = parseInt(groups[1], 10) + var ieMajorVersion = Math.floor(ieVersionNum) + return ieMajorVersion + } + + function actualNonEmulatedIEMajorVersion() { + // Detects the actual version of IE in use, even if it's in an older-IE emulation mode. + // IE JavaScript conditional compilation docs: https://msdn.microsoft.com/library/121hztk3%28v=vs.94%29.aspx + // @cc_on docs: https://msdn.microsoft.com/library/8ka90k2e%28v=vs.94%29.aspx + var jscriptVersion = new Function('/*@cc_on return @_jscript_version; @*/')() // jshint ignore:line + if (jscriptVersion === undefined) { + return 11 // IE11+ not in emulation mode + } + if (jscriptVersion < 9) { + return 8 // IE8 (or lower; haven't tested on IE<8) + } + return jscriptVersion // IE9 or IE10 in any mode, or IE11 in non-IE11 mode + } + + var ua = window.navigator.userAgent + if (ua.indexOf('Opera') > -1 || ua.indexOf('Presto') > -1) { + return // Opera, which might pretend to be IE + } + var emulated = emulatedIEMajorVersion() + if (emulated === null) { + return // Not IE + } + var nonEmulated = actualNonEmulatedIEMajorVersion() + + if (emulated !== nonEmulated) { + window.alert('WARNING: You appear to be using IE' + nonEmulated + ' in IE' + emulated + ' emulation mode.\nIE emulation modes can behave significantly differently from ACTUAL older versions of IE.\nPLEASE DON\'T FILE BOOTSTRAP BUGS based on testing in IE emulation modes!') + } +})(); \ No newline at end of file diff --git a/js/ie10-viewport-bug-workaround.js b/js/ie10-viewport-bug-workaround.js new file mode 100644 index 0000000..2c77829 --- /dev/null +++ b/js/ie10-viewport-bug-workaround.js @@ -0,0 +1,23 @@ +/*! + * IE10 viewport hack for Surface/desktop Windows 8 bug + * Copyright 2014-2015 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ + +// See the Getting Started docs for more information: +// http://getbootstrap.com/getting-started/#support-ie10-width + +(function () { + 'use strict'; + + if (navigator.userAgent.match(/IEMobile\/10\.0/)) { + var msViewportStyle = document.createElement('style') + msViewportStyle.appendChild( + document.createTextNode( + '@-ms-viewport{width:auto!important}' + ) + ) + document.querySelector('head').appendChild(msViewportStyle) + } + +})(); \ No newline at end of file diff --git a/js/jnoty.js b/js/jnoty.js new file mode 100644 index 0000000..41e8c99 --- /dev/null +++ b/js/jnoty.js @@ -0,0 +1,257 @@ +(function($) { + /** jnoty Wrapper - Establish a base jnoty Container for compatibility with older releases. **/ + $.jnoty = function( m , o ) { + // To maintain compatibility with older version that only supported one instance we'll create the base container. + if ( $('#jnoty').length === 0 ) + $('
').addClass( (o && o.position) ? o.position : $.jnoty.defaults.position ).appendTo( (o && o.appendTo) ? o.appendTo : $.jnoty.defaults.appendTo ); + + // Create a notification on the container. + $('#jnoty').jnoty(m,o); + }; + + + /** Raise jnoty Notification on a jnoty Container **/ + $.fn.jnoty = function( m , o ) { + // Short hand for passing in just an object to this method + if ( o === undefined && $.isPlainObject(m) ) { + o = m; + m = o.mesage; + } + + if ( $.isFunction(this.each) ) { + var args = arguments; + + return this.each(function() { + /** Create a jnoty Instance on the Container if it does not exist **/ + if ( $(this).data('jnoty.instance') === undefined ) { + $(this).data('jnoty.instance', $.extend( new $.fn.jnoty(), { notifications: [], element: null, interval: null } )); + $(this).data('jnoty.instance').startup( this ); + } + + /** Optionally call jnoty instance methods, or just raise a normal notification **/ + if ( $.isFunction($(this).data('jnoty.instance')[m]) ) { + $(this).data('jnoty.instance')[m].apply( $(this).data('jnoty.instance') , $.makeArray(args).slice(1) ); + } else { + $(this).data('jnoty.instance').create( m , o ); + } + }); + } + }; + + $.extend( $.fn.jnoty.prototype , { + + /** Default jnoty Settings **/ + defaults: { + pool: 0, + header: '', + group: '', + sticky: false, + position: 'top-right', + appendTo: 'body', + glue: 'after', + theme: 'default', + themeState: 'highlight', + corners: '10px', + check: 250, + life: 3000, + closeDuration: 'normal', + openDuration: 'normal', + easing: 'swing', + closer: false, + closeTemplate: '×', + closerTemplate: '
[ close all ]
', + log: function() {}, + beforeOpen: function() {}, + afterOpen: function() {}, + open: function() {}, + beforeClose: function() {}, + close: function() {}, + click: function() {}, + animateOpen: { + opacity: 'show' + }, + animateClose: { + opacity: 'hide' + } + }, + + notifications: [], + + /** jnoty Container Node **/ + element: null, + + /** Interval Function **/ + interval: null, + + /** Create a Notification **/ + create: function( message , options ) { + var o = $.extend({}, this.defaults, options); + + /* To keep backward compatibility with 1.24 and earlier, honor 'speed' if the user has set it */ + if (typeof o.speed !== 'undefined') { + o.openDuration = o.speed; + o.closeDuration = o.speed; + } + + this.notifications.push({ message: message , options: o }); + + o.log.apply( this.element , [this.element,message,o] ); + }, + + render: function( n ) { + var self = this; + var message = n.message; + var o = n.options; + + // Support for jQuery theme-states, if this is not used it displays a widget header + o.themeState = (o.themeState === '') ? '' : 'ui-state-' + o.themeState; + + var notification = $('
') + .addClass('jGrowl-notification alert ' + o.themeState + ' ui-corner-all' + ((o.group !== undefined && o.group !== '') ? ' ' + o.group : '')) + .append($('',preload:[0,2],navigateByImgClick:!0,arrows:!0,tPrev:"Previous (Left arrow key)",tNext:"Next (Right arrow key)",tCounter:"%curr% of %total%"},proto:{initGallery:function(){var c=b.st.gallery,e=".mfp-gallery";return b.direction=!0,c&&c.enabled?(f+=" mfp-gallery",w(m+e,function(){c.navigateByImgClick&&b.wrap.on("click"+e,".mfp-img",function(){return b.items.length>1?(b.next(),!1):void 0}),d.on("keydown"+e,function(a){37===a.keyCode?b.prev():39===a.keyCode&&b.next()})}),w("UpdateStatus"+e,function(a,c){c.text&&(c.text=T(c.text,b.currItem.index,b.items.length))}),w(l+e,function(a,d,e,f){var g=b.items.length;e.counter=g>1?T(c.tCounter,f.index,g):""}),w("BuildControls"+e,function(){if(b.items.length>1&&c.arrows&&!b.arrowLeft){var d=c.arrowMarkup,e=b.arrowLeft=a(d.replace(/%title%/gi,c.tPrev).replace(/%dir%/gi,"left")).addClass(s),f=b.arrowRight=a(d.replace(/%title%/gi,c.tNext).replace(/%dir%/gi,"right")).addClass(s);e.click(function(){b.prev()}),f.click(function(){b.next()}),b.container.append(e.add(f))}}),w(n+e,function(){b._preloadTimeout&&clearTimeout(b._preloadTimeout),b._preloadTimeout=setTimeout(function(){b.preloadNearbyImages(),b._preloadTimeout=null},16)}),void w(h+e,function(){d.off(e),b.wrap.off("click"+e),b.arrowRight=b.arrowLeft=null})):!1},next:function(){b.direction=!0,b.index=S(b.index+1),b.updateItemHTML()},prev:function(){b.direction=!1,b.index=S(b.index-1),b.updateItemHTML()},goTo:function(a){b.direction=a>=b.index,b.index=a,b.updateItemHTML()},preloadNearbyImages:function(){var a,c=b.st.gallery.preload,d=Math.min(c[0],b.items.length),e=Math.min(c[1],b.items.length);for(a=1;a<=(b.direction?e:d);a++)b._preloadItem(b.index+a);for(a=1;a<=(b.direction?d:e);a++)b._preloadItem(b.index-a)},_preloadItem:function(c){if(c=S(c),!b.items[c].preloaded){var d=b.items[c];d.parsed||(d=b.parseEl(c)),y("LazyLoad",d),"image"===d.type&&(d.img=a('').on("load.mfploader",function(){d.hasSize=!0}).on("error.mfploader",function(){d.hasSize=!0,d.loadError=!0,y("LazyLoadError",d)}).attr("src",d.src)),d.preloaded=!0}}}});var U="retina";a.magnificPopup.registerModule(U,{options:{replaceSrc:function(a){return a.src.replace(/\.\w+$/,function(a){return"@2x"+a})},ratio:1},proto:{initRetina:function(){if(window.devicePixelRatio>1){var a=b.st.retina,c=a.ratio;c=isNaN(c)?c():c,c>1&&(w("ImageHasSize."+U,function(a,b){b.img.css({"max-width":b.img[0].naturalWidth/c,width:"100%"})}),w("ElementParse."+U,function(b,d){d.src=a.replaceSrc(d,c)}))}}}}),A()}); \ No newline at end of file diff --git a/js/jquery.mb.YTPlayer.js b/js/jquery.mb.YTPlayer.js new file mode 100644 index 0000000..51d90cd --- /dev/null +++ b/js/jquery.mb.YTPlayer.js @@ -0,0 +1,2064 @@ +/*___________________________________________________________________________________________________________________________________________________ + _ jquery.mb.components _ + _ _ + _ file: jquery.mb.YTPlayer.src.js _ + _ last modified: 05/01/16 17.43 _ + _ _ + _ Open Lab s.r.l., Florence - Italy _ + _ _ + _ email: matteo@open-lab.com _ + _ site: http://pupunzi.com _ + _ http://open-lab.com _ + _ blog: http://pupunzi.open-lab.com _ + _ Q&A: http://jquery.pupunzi.com _ + _ _ + _ Licences: MIT, GPL _ + _ http://www.opensource.org/licenses/mit-license.php _ + _ http://www.gnu.org/licenses/gpl.html _ + _ _ + _ Copyright (c) 2001-2016. Matteo Bicocchi (Pupunzi); _ + ___________________________________________________________________________________________________________________________________________________*/ +var ytp = ytp || {}; + +function onYouTubeIframeAPIReady() { + if( ytp.YTAPIReady ) return; + ytp.YTAPIReady = true; + jQuery( document ).trigger( "YTAPIReady" ); +} + +var getYTPVideoID = function( url ) { + var videoID, playlistID; + if( url.indexOf( "youtu.be" ) > 0 ) { + videoID = url.substr( url.lastIndexOf( "/" ) + 1, url.length ); + playlistID = videoID.indexOf( "?list=" ) > 0 ? videoID.substr( videoID.lastIndexOf( "=" ), videoID.length ) : null; + videoID = playlistID ? videoID.substr( 0, videoID.lastIndexOf( "?" ) ) : videoID; + } else if( url.indexOf( "http" ) > -1 ) { + //videoID = url.match( /([\/&]v\/([^&#]*))|([\\?&]v=([^&#]*))/ )[ 1 ]; + videoID = url.match( /[\\?&]v=([^&#]*)/ )[ 1 ]; + playlistID = url.indexOf( "list=" ) > 0 ? url.match( /[\\?&]list=([^&#]*)/ )[ 1 ] : null; + } else { + videoID = url.length > 15 ? null : url; + playlistID = videoID ? null : url; + } + return { + videoID: videoID, + playlistID: playlistID + }; +}; + +( function( jQuery, ytp ) { + + jQuery.mbYTPlayer = { + name: "jquery.mb.YTPlayer", + version: "3.0.8", + build: "5883", + author: "Matteo Bicocchi", + apiKey: "", + defaults: { + containment: "body", + ratio: "auto", // "auto", "16/9", "4/3" + videoURL: null, + playlistURL: null, + startAt: 0, + stopAt: 0, + autoPlay: true, + vol: 50, // 1 to 100 + addRaster: false, + mask: false, + opacity: 1, + quality: "default", //or “small”, “medium”, “large”, “hd720”, “hd1080”, “highres” + mute: false, + loop: true, + showControls: true, + showAnnotations: false, + showYTLogo: true, + stopMovieOnBlur: true, + realfullscreen: true, + mobileFallbackImage: null, + gaTrack: true, + optimizeDisplay: true, + align: "center,center", // top,bottom,left,right + onReady: function( player ) {} + }, + /** + * @fontface icons + * */ + controls: { + play: "P", + pause: "p", + mute: "M", + unmute: "A", + onlyYT: "O", + showSite: "R", + ytLogo: "Y" + }, + controlBar: null, + loading: null, + locationProtocol: "https:", + filters: { + grayscale: { + value: 0, + unit: "%" + }, + hue_rotate: { + value: 0, + unit: "deg" + }, + invert: { + value: 0, + unit: "%" + }, + opacity: { + value: 0, + unit: "%" + }, + saturate: { + value: 0, + unit: "%" + }, + sepia: { + value: 0, + unit: "%" + }, + brightness: { + value: 0, + unit: "%" + }, + contrast: { + value: 0, + unit: "%" + }, + blur: { + value: 0, + unit: "px" + } + }, + /** + * + * @param options + * @returns [players] + */ + buildPlayer: function( options ) { + return this.each( function() { + var YTPlayer = this; + var $YTPlayer = jQuery( YTPlayer ); + YTPlayer.loop = 0; + YTPlayer.opt = {}; + YTPlayer.state = {}; + YTPlayer.filters = jQuery.mbYTPlayer.filters; + YTPlayer.filtersEnabled = true; + YTPlayer.id = YTPlayer.id || "YTP_" + new Date().getTime(); + $YTPlayer.addClass( "mb_YTPlayer" ); + var property = $YTPlayer.data( "property" ) && typeof $YTPlayer.data( "property" ) == "string" ? eval( '(' + $YTPlayer.data( "property" ) + ')' ) : $YTPlayer.data( "property" ); + if( typeof property != "undefined" && typeof property.vol != "undefined" ) property.vol = property.vol === 0 ? property.vol = 1 : property.vol; + + jQuery.extend( YTPlayer.opt, jQuery.mbYTPlayer.defaults, options, property ); + + if( !YTPlayer.hasChanged ) { + YTPlayer.defaultOpt = {}; + jQuery.extend( YTPlayer.defaultOpt, jQuery.mbYTPlayer.defaults, options ); + } + + if( YTPlayer.opt.loop == "true" ) + YTPlayer.opt.loop = 9999; + + YTPlayer.isRetina = ( window.retina || window.devicePixelRatio > 1 ); + var isIframe = function() { + var isIfr = false; + try { + if( self.location.href != top.location.href ) isIfr = true; + } catch( e ) { + isIfr = true; + } + return isIfr; + }; + YTPlayer.canGoFullScreen = !( jQuery.browser.msie || jQuery.browser.opera || isIframe() ); + if( !YTPlayer.canGoFullScreen ) YTPlayer.opt.realfullscreen = false; + if( !$YTPlayer.attr( "id" ) ) $YTPlayer.attr( "id", "video_" + new Date().getTime() ); + var playerID = "mbYTP_" + YTPlayer.id; + YTPlayer.isAlone = false; + YTPlayer.hasFocus = true; + YTPlayer.videoID = this.opt.videoURL ? getYTPVideoID( this.opt.videoURL ).videoID : $YTPlayer.attr( "href" ) ? getYTPVideoID( $YTPlayer.attr( "href" ) ).videoID : false; + YTPlayer.playlistID = this.opt.videoURL ? getYTPVideoID( this.opt.videoURL ).playlistID : $YTPlayer.attr( "href" ) ? getYTPVideoID( $YTPlayer.attr( "href" ) ).playlistID : false; + /* + YTPlayer.videoID = videoID; + YTPlayer.playlistID = playlistID; + */ + YTPlayer.opt.showAnnotations = YTPlayer.opt.showAnnotations ? '0' : '3'; + + var playerVars = { + 'modestbranding': 1, + 'autoplay': 0, + 'controls': 0, + 'showinfo': 0, + 'rel': 0, + 'enablejsapi': 1, + 'version': 3, + 'playerapiid': playerID, + 'origin': '*', + 'allowfullscreen': true, + 'wmode': 'transparent', + 'iv_load_policy': YTPlayer.opt.showAnnotations + }; + + if( document.createElement( 'video' ).canPlayType ) jQuery.extend( playerVars, { + 'html5': 1 + } ); + if( jQuery.browser.msie && jQuery.browser.version < 9 ) this.opt.opacity = 1; + + YTPlayer.isSelf = YTPlayer.opt.containment == "self"; + YTPlayer.defaultOpt.containment = YTPlayer.opt.containment = YTPlayer.opt.containment == "self" ? jQuery( this ) : jQuery( YTPlayer.opt.containment ); + YTPlayer.isBackground = YTPlayer.opt.containment.is( "body" ); + + if( YTPlayer.isBackground && ytp.backgroundIsInited ) + return; + + var isPlayer = YTPlayer.opt.containment.is( jQuery( this ) ); + + YTPlayer.canPlayOnMobile = isPlayer && jQuery( this ).children().length === 0; + YTPlayer.isPlayer = false; + + if( !isPlayer ) { + $YTPlayer.hide(); + } else { + YTPlayer.isPlayer = true; + } + + var overlay = jQuery( "
" ).css( { + position: "absolute", + top: 0, + left: 0, + width: "100%", + height: "100%" + } ).addClass( "YTPOverlay" ); + + if( YTPlayer.isPlayer ) { + overlay.on( "click", function() { + $YTPlayer.YTPTogglePlay(); + } ) + } + + var wrapper = jQuery( "
" ).addClass( "mbYTP_wrapper" ).attr( "id", "wrapper_" + playerID ); + wrapper.css( { + position: "absolute", + zIndex: 0, + minWidth: "100%", + minHeight: "100%", + left: 0, + top: 0, + overflow: "hidden", + opacity: 0 + } ); + + var playerBox = jQuery( "
" ).attr( "id", playerID ).addClass( "playerBox" ); + playerBox.css( { + position: "absolute", + zIndex: 0, + width: "100%", + height: "100%", + top: 0, + left: 0, + overflow: "hidden" + } ); + + wrapper.append( playerBox ); + + YTPlayer.opt.containment.children().not( "script, style" ).each( function() { + if( jQuery( this ).css( "position" ) == "static" ) jQuery( this ).css( "position", "relative" ); + } ); + if( YTPlayer.isBackground ) { + jQuery( "body" ).css( { + boxSizing: "border-box" + } ); + + wrapper.css( { + position: "fixed", + top: 0, + left: 0, + zIndex: 0 + } ); + + $YTPlayer.hide(); + + } else if( YTPlayer.opt.containment.css( "position" ) == "static" ) + YTPlayer.opt.containment.css( { + position: "relative" + } ); + + YTPlayer.opt.containment.prepend( wrapper ); + YTPlayer.wrapper = wrapper; + + playerBox.css( { + opacity: 1 + } ); + + if( !jQuery.browser.mobile ) { + playerBox.after( overlay ); + YTPlayer.overlay = overlay; + } + + if( !YTPlayer.isBackground ) { + overlay.on( "mouseenter", function() { + if( YTPlayer.controlBar.length ) + YTPlayer.controlBar.addClass( "visible" ); + } ).on( "mouseleave", function() { + if( YTPlayer.controlBar.length ) + YTPlayer.controlBar.removeClass( "visible" ); + } ); + } + + if( !ytp.YTAPIReady ) { + jQuery( "#YTAPI" ).remove(); + var tag = jQuery( "" ).attr( { + "src": jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/iframe_api?v=" + jQuery.mbYTPlayer.version, + "id": "YTAPI" + } ); + jQuery( "head" ).prepend( tag ); + } else { + setTimeout( function() { + jQuery( document ).trigger( "YTAPIReady" ); + }, 100 ) + } + + if( jQuery.browser.mobile && !YTPlayer.canPlayOnMobile ) { + + if( YTPlayer.opt.mobileFallbackImage ) { + YTPlayer.opt.containment.css( { + backgroundImage: "url(" + YTPlayer.opt.mobileFallbackImage + ")", + backgroundPosition: "center center", + backgroundSize: "cover", + backgroundRepeat: "no-repeat" + } ) + }; + + $YTPlayer.remove(); + jQuery( document ).trigger( "YTPUnavailable" ); + return; + } + + jQuery( document ).on( "YTAPIReady", function() { + if( ( YTPlayer.isBackground && ytp.backgroundIsInited ) || YTPlayer.isInit ) return; + if( YTPlayer.isBackground ) { + ytp.backgroundIsInited = true; + } + + YTPlayer.opt.autoPlay = typeof YTPlayer.opt.autoPlay == "undefined" ? ( YTPlayer.isBackground ? true : false ) : YTPlayer.opt.autoPlay; + YTPlayer.opt.vol = YTPlayer.opt.vol ? YTPlayer.opt.vol : 100; + jQuery.mbYTPlayer.getDataFromAPI( YTPlayer ); + jQuery( YTPlayer ).on( "YTPChanged", function() { + + if( YTPlayer.isInit ) + return; + + YTPlayer.isInit = true; + + //if is mobile && isPlayer fallback to the default YT player + if( jQuery.browser.mobile && YTPlayer.canPlayOnMobile ) { + // Try to adjust the player dimention + if( YTPlayer.opt.containment.outerWidth() > jQuery( window ).width() ) { + YTPlayer.opt.containment.css( { + maxWidth: "100%" + } ); + var h = YTPlayer.opt.containment.outerWidth() * .563; + YTPlayer.opt.containment.css( { + maxHeight: h + } ); + } + new YT.Player( playerID, { + videoId: YTPlayer.videoID.toString(), + width: '100%', + height: h, + playerVars: playerVars, + events: { + 'onReady': function( event ) { + YTPlayer.player = event.target; + playerBox.css( { + opacity: 1 + } ); + YTPlayer.wrapper.css( { + opacity: 1 + } ); + } + } + } ); + return; + } + + new YT.Player( playerID, { + videoId: YTPlayer.videoID.toString(), + playerVars: playerVars, + events: { + 'onReady': function( event ) { + YTPlayer.player = event.target; + if( YTPlayer.isReady ) return; + YTPlayer.isReady = YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ? false : true; + YTPlayer.playerEl = YTPlayer.player.getIframe(); + + jQuery( YTPlayer.playerEl ).unselectable(); + + $YTPlayer.optimizeDisplay(); + jQuery( window ).off( "resize.YTP_" + YTPlayer.id ).on( "resize.YTP_" + YTPlayer.id, function() { + $YTPlayer.optimizeDisplay(); + } ); + + jQuery.mbYTPlayer.checkForState( YTPlayer ); + }, + /** + * + * @param event + * + * -1 (unstarted) + * 0 (ended) + * 1 (playing) + * 2 (paused) + * 3 (buffering) + * 5 (video cued). + * + * + */ + 'onStateChange': function( event ) { + if( typeof event.target.getPlayerState != "function" ) return; + var state = event.target.getPlayerState(); + + if( YTPlayer.preventTrigger ) { + YTPlayer.preventTrigger = false; + return + } + + /* + if( YTPlayer.state == state ) + return; + */ + + YTPlayer.state = state; + + var eventType; + switch( state ) { + case -1: //----------------------------------------------- unstarted + eventType = "YTPUnstarted"; + break; + case 0: //------------------------------------------------ ended + eventType = "YTPEnd"; + break; + case 1: //------------------------------------------------ play + eventType = "YTPPlay"; + if( YTPlayer.controlBar.length ) + YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.pause ); + if( typeof _gaq != "undefined" && eval( YTPlayer.opt.gaTrack ) ) _gaq.push( [ '_trackEvent', 'YTPlayer', 'Play', ( YTPlayer.hasData ? YTPlayer.videoData.title : YTPlayer.videoID.toString() ) ] ); + if( typeof ga != "undefined" && eval( YTPlayer.opt.gaTrack ) ) ga( 'send', 'event', 'YTPlayer', 'play', ( YTPlayer.hasData ? YTPlayer.videoData.title : YTPlayer.videoID.toString() ) ); + break; + case 2: //------------------------------------------------ pause + eventType = "YTPPause"; + if( YTPlayer.controlBar.length ) + YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); + break; + case 3: //------------------------------------------------ buffer + YTPlayer.player.setPlaybackQuality( YTPlayer.opt.quality ); + eventType = "YTPBuffering"; + if( YTPlayer.controlBar.length ) + YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); + break; + case 5: //------------------------------------------------ cued + eventType = "YTPCued"; + break; + default: + break; + } + + // Trigger state events + var YTPEvent = jQuery.Event( eventType ); + YTPEvent.time = YTPlayer.currentTime; + if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); + }, + /** + * + * @param e + */ + 'onPlaybackQualityChange': function( e ) { + var quality = e.target.getPlaybackQuality(); + var YTPQualityChange = jQuery.Event( "YTPQualityChange" ); + YTPQualityChange.quality = quality; + jQuery( YTPlayer ).trigger( YTPQualityChange ); + }, + /** + * + * @param err + */ + 'onError': function( err ) { + + if( err.data == 150 ) { + console.log( "Embedding this video is restricted by Youtube." ); + if( YTPlayer.isPlayList ) jQuery( YTPlayer ).playNext(); + } + + if( err.data == 2 && YTPlayer.isPlayList ) + jQuery( YTPlayer ).playNext(); + + if( typeof YTPlayer.opt.onError == "function" ) + YTPlayer.opt.onError( $YTPlayer, err ); + } + } + } ); + } ); + } ); + + $YTPlayer.off( "YTPTime.mask" ); + + jQuery.mbYTPlayer.applyMask( YTPlayer ); + + } ); + }, + /** + * + * @param YTPlayer + */ + getDataFromAPI: function( YTPlayer ) { + YTPlayer.videoData = jQuery.mbStorage.get( "YTPlayer_data_" + YTPlayer.videoID ); + jQuery( YTPlayer ).off( "YTPData.YTPlayer" ).on( "YTPData.YTPlayer", function() { + if( YTPlayer.hasData ) { + + if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { + var bgndURL = YTPlayer.videoData.thumb_max || YTPlayer.videoData.thumb_high || YTPlayer.videoData.thumb_medium; + YTPlayer.opt.containment.css( { + background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", + backgroundSize: "cover" + } ); + YTPlayer.opt.backgroundUrl = bgndURL; + } + } + } ); + + if( YTPlayer.videoData ) { + + setTimeout( function() { + YTPlayer.opt.ratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; + YTPlayer.dataReceived = true; + jQuery( YTPlayer ).trigger( "YTPChanged" ); + var YTPData = jQuery.Event( "YTPData" ); + YTPData.prop = {}; + for( var x in YTPlayer.videoData ) YTPData.prop[ x ] = YTPlayer.videoData[ x ]; + jQuery( YTPlayer ).trigger( YTPData ); + }, 500 ); + + YTPlayer.hasData = true; + } else if( jQuery.mbYTPlayer.apiKey ) { + // Get video info from API3 (needs api key) + // snippet,player,contentDetails,statistics,status + jQuery.getJSON( jQuery.mbYTPlayer.locationProtocol + "//www.googleapis.com/youtube/v3/videos?id=" + YTPlayer.videoID + "&key=" + jQuery.mbYTPlayer.apiKey + "&part=snippet", function( data ) { + YTPlayer.dataReceived = true; + jQuery( YTPlayer ).trigger( "YTPChanged" ); + + function parseYTPlayer_data( data ) { + YTPlayer.videoData = {}; + YTPlayer.videoData.id = YTPlayer.videoID; + YTPlayer.videoData.channelTitle = data.channelTitle; + YTPlayer.videoData.title = data.title; + YTPlayer.videoData.description = data.description.length < 400 ? data.description : data.description.substring( 0, 400 ) + " ..."; + YTPlayer.videoData.aspectratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; + YTPlayer.opt.ratio = YTPlayer.videoData.aspectratio; + YTPlayer.videoData.thumb_max = data.thumbnails.maxres ? data.thumbnails.maxres.url : null; + YTPlayer.videoData.thumb_high = data.thumbnails.high ? data.thumbnails.high.url : null; + YTPlayer.videoData.thumb_medium = data.thumbnails.medium ? data.thumbnails.medium.url : null; + jQuery.mbStorage.set( "YTPlayer_data_" + YTPlayer.videoID, YTPlayer.videoData ); + } + parseYTPlayer_data( data.items[ 0 ].snippet ); + YTPlayer.hasData = true; + var YTPData = jQuery.Event( "YTPData" ); + YTPData.prop = {}; + for( var x in YTPlayer.videoData ) YTPData.prop[ x ] = YTPlayer.videoData[ x ]; + jQuery( YTPlayer ).trigger( YTPData ); + } ); + } else { + setTimeout( function() { + jQuery( YTPlayer ).trigger( "YTPChanged" ); + }, 50 ); + if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay ) { + var bgndURL = jQuery.mbYTPlayer.locationProtocol + "//i.ytimg.com/vi/" + YTPlayer.videoID + "/hqdefault.jpg"; + YTPlayer.opt.containment.css( { + background: "rgba(0,0,0,0.5) url(" + bgndURL + ") center center", + backgroundSize: "cover" + } ); + YTPlayer.opt.backgroundUrl = bgndURL; + } + YTPlayer.videoData = null; + YTPlayer.opt.ratio = YTPlayer.opt.ratio == "auto" ? "16/9" : YTPlayer.opt.ratio; + } + if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay && !jQuery.browser.mobile ) { + YTPlayer.loading = jQuery( "
" ).addClass( "loading" ).html( "Loading" ).hide(); + jQuery( YTPlayer ).append( YTPlayer.loading ); + YTPlayer.loading.fadeIn(); + } + }, + /** + * + */ + removeStoredData: function() { + jQuery.mbStorage.remove(); + }, + /** + * + * @returns {*|YTPlayer.videoData} + */ + getVideoData: function() { + var YTPlayer = this.get( 0 ); + return YTPlayer.videoData; + }, + /** + * + * @returns {*|YTPlayer.videoID|boolean} + */ + getVideoID: function() { + var YTPlayer = this.get( 0 ); + return YTPlayer.videoID || false; + }, + /** + * + * @param quality + */ + setVideoQuality: function( quality ) { + var YTPlayer = this.get( 0 ); + //if( !jQuery.browser.chrome ) + YTPlayer.player.setPlaybackQuality( quality ); + }, + /** + * + * @param videos + * @param shuffle + * @param callback + * @param loopList + * @returns {jQuery.mbYTPlayer} + */ + playlist: function( videos, shuffle, callback, loopList ) { + var $YTPlayer = this; + var YTPlayer = $YTPlayer.get( 0 ); + YTPlayer.isPlayList = true; + if( shuffle ) videos = jQuery.shuffle( videos ); + if( !YTPlayer.videoID ) { + YTPlayer.videos = videos; + YTPlayer.videoCounter = 0; + YTPlayer.videoLength = videos.length; + jQuery( YTPlayer ).data( "property", videos[ 0 ] ); + jQuery( YTPlayer ).mb_YTPlayer(); + } + if( typeof callback == "function" ) jQuery( YTPlayer ).one( "YTPChanged", function() { + callback( YTPlayer ); + } ); + jQuery( YTPlayer ).on( "YTPEnd", function() { + loopList = typeof loopList == "undefined" ? true : loopList; + jQuery( YTPlayer ).playNext( loopList ); + } ); + return $YTPlayer; + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + playNext: function( loopList ) { + var YTPlayer = this.get( 0 ); + + if( YTPlayer.checkForStartAt ) { + clearTimeout( YTPlayer.checkForStartAt ); + clearInterval( YTPlayer.getState ); + } + + YTPlayer.videoCounter++; + if( YTPlayer.videoCounter >= YTPlayer.videoLength && loopList ) + YTPlayer.videoCounter = 0; + + if( YTPlayer.videoCounter < YTPlayer.videoLength ) + jQuery( YTPlayer ).changeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] ); + else + YTPlayer.videoCounter--; + + return this; + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + playPrev: function() { + var YTPlayer = this.get( 0 ); + + if( YTPlayer.checkForStartAt ) { + clearInterval( YTPlayer.checkForStartAt ); + clearInterval( YTPlayer.getState ); + } + + YTPlayer.videoCounter--; + if( YTPlayer.videoCounter < 0 ) YTPlayer.videoCounter = YTPlayer.videoLength - 1; + jQuery( YTPlayer ).changeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] ); + return this; + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + playIndex: function( idx ) { + var YTPlayer = this.get( 0 ); + + idx = idx - 1; + + if( YTPlayer.checkForStartAt ) { + clearInterval( YTPlayer.checkForStartAt ); + clearInterval( YTPlayer.getState ); + } + + YTPlayer.videoCounter = idx; + if( YTPlayer.videoCounter >= YTPlayer.videoLength - 1 ) + YTPlayer.videoCounter = YTPlayer.videoLength - 1; + jQuery( YTPlayer ).changeMovie( YTPlayer.videos[ YTPlayer.videoCounter ] ); + return this; + }, + /** + * + * @param opt + */ + changeMovie: function( opt ) { + + var $YTPlayer = this; + var YTPlayer = $YTPlayer.get( 0 ); + YTPlayer.opt.startAt = 0; + YTPlayer.opt.stopAt = 0; + YTPlayer.opt.mask = false; + YTPlayer.opt.mute = true; + YTPlayer.hasData = false; + YTPlayer.hasChanged = true; + YTPlayer.player.loopTime = undefined; + + if( opt ) + jQuery.extend( YTPlayer.opt, opt ); //YTPlayer.defaultOpt, + YTPlayer.videoID = getYTPVideoID( YTPlayer.opt.videoURL ).videoID; + + if( YTPlayer.opt.loop == "true" ) + YTPlayer.opt.loop = 9999; + + jQuery( YTPlayer.playerEl ).CSSAnimate( { + opacity: 0 + }, 200, function() { + + var YTPChangeMovie = jQuery.Event( "YTPChangeMovie" ); + YTPChangeMovie.time = YTPlayer.currentTime; + YTPChangeMovie.videoId = YTPlayer.videoID; + jQuery( YTPlayer ).trigger( YTPChangeMovie ); + + jQuery( YTPlayer ).YTPGetPlayer().cueVideoByUrl( encodeURI( jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/v/" + YTPlayer.videoID ), 1, YTPlayer.opt.quality ); + jQuery( YTPlayer ).optimizeDisplay(); + + jQuery.mbYTPlayer.checkForState( YTPlayer ); + jQuery.mbYTPlayer.getDataFromAPI( YTPlayer ); + + } ); + + jQuery.mbYTPlayer.applyMask( YTPlayer ); + }, + /** + * + * @returns {player} + */ + getPlayer: function() { + return jQuery( this ).get( 0 ).player; + }, + + playerDestroy: function() { + var YTPlayer = this.get( 0 ); + ytp.YTAPIReady = true; + ytp.backgroundIsInited = false; + YTPlayer.isInit = false; + YTPlayer.videoID = null; + var playerBox = YTPlayer.wrapper; + playerBox.remove(); + jQuery( "#controlBar_" + YTPlayer.id ).remove(); + clearInterval( YTPlayer.checkForStartAt ); + clearInterval( YTPlayer.getState ); + return this; + }, + + /** + * + * @param real + * @returns {jQuery.mbYTPlayer} + */ + fullscreen: function( real ) { + var YTPlayer = this.get( 0 ); + if( typeof real == "undefined" ) real = YTPlayer.opt.realfullscreen; + real = eval( real ); + var controls = jQuery( "#controlBar_" + YTPlayer.id ); + var fullScreenBtn = controls.find( ".mb_OnlyYT" ); + var videoWrapper = YTPlayer.isSelf ? YTPlayer.opt.containment : YTPlayer.wrapper; + //var videoWrapper = YTPlayer.wrapper; + if( real ) { + var fullscreenchange = jQuery.browser.mozilla ? "mozfullscreenchange" : jQuery.browser.webkit ? "webkitfullscreenchange" : "fullscreenchange"; + jQuery( document ).off( fullscreenchange ).on( fullscreenchange, function() { + var isFullScreen = RunPrefixMethod( document, "IsFullScreen" ) || RunPrefixMethod( document, "FullScreen" ); + if( !isFullScreen ) { + YTPlayer.isAlone = false; + fullScreenBtn.html( jQuery.mbYTPlayer.controls.onlyYT ); + jQuery( YTPlayer ).YTPSetVideoQuality( YTPlayer.opt.quality ); + videoWrapper.removeClass( "YTPFullscreen" ); + videoWrapper.CSSAnimate( { + opacity: YTPlayer.opt.opacity + }, 500 ); + videoWrapper.css( { + zIndex: 0 + } ); + if( YTPlayer.isBackground ) { + jQuery( "body" ).after( controls ); + } else { + YTPlayer.wrapper.before( controls ); + } + jQuery( window ).resize(); + jQuery( YTPlayer ).trigger( "YTPFullScreenEnd" ); + } else { + jQuery( YTPlayer ).YTPSetVideoQuality( "default" ); + jQuery( YTPlayer ).trigger( "YTPFullScreenStart" ); + } + } ); + } + if( !YTPlayer.isAlone ) { + function hideMouse() { + YTPlayer.overlay.css( { + cursor: "none" + } ); + } + jQuery( document ).on( "mousemove.YTPlayer", function( e ) { + YTPlayer.overlay.css( { + cursor: "auto" + } ); + clearTimeout( YTPlayer.hideCursor ); + if( !jQuery( e.target ).parents().is( ".mb_YTPBar" ) ) YTPlayer.hideCursor = setTimeout( hideMouse, 3000 ); + } ); + hideMouse(); + if( real ) { + videoWrapper.css( { + opacity: 0 + } ); + videoWrapper.addClass( "YTPFullscreen" ); + launchFullscreen( videoWrapper.get( 0 ) ); + setTimeout( function() { + videoWrapper.CSSAnimate( { + opacity: 1 + }, 1000 ); + YTPlayer.wrapper.append( controls ); + jQuery( YTPlayer ).optimizeDisplay(); + YTPlayer.player.seekTo( YTPlayer.player.getCurrentTime() + .1, true ); + }, 500 ) + } else videoWrapper.css( { + zIndex: 10000 + } ).CSSAnimate( { + opacity: 1 + }, 1000 ); + fullScreenBtn.html( jQuery.mbYTPlayer.controls.showSite ); + YTPlayer.isAlone = true; + } else { + jQuery( document ).off( "mousemove.YTPlayer" ); + clearTimeout( YTPlayer.hideCursor ); + YTPlayer.overlay.css( { + cursor: "auto" + } ); + if( real ) { + cancelFullscreen(); + } else { + videoWrapper.CSSAnimate( { + opacity: YTPlayer.opt.opacity + }, 500 ); + videoWrapper.css( { + zIndex: 0 + } ); + } + fullScreenBtn.html( jQuery.mbYTPlayer.controls.onlyYT ); + YTPlayer.isAlone = false; + } + + function RunPrefixMethod( obj, method ) { + var pfx = [ "webkit", "moz", "ms", "o", "" ]; + var p = 0, + m, t; + while( p < pfx.length && !obj[ m ] ) { + m = method; + if( pfx[ p ] == "" ) { + m = m.substr( 0, 1 ).toLowerCase() + m.substr( 1 ); + } + m = pfx[ p ] + m; + t = typeof obj[ m ]; + if( t != "undefined" ) { + pfx = [ pfx[ p ] ]; + return( t == "function" ? obj[ m ]() : obj[ m ] ); + } + p++; + } + } + + function launchFullscreen( element ) { + RunPrefixMethod( element, "RequestFullScreen" ); + } + + function cancelFullscreen() { + if( RunPrefixMethod( document, "FullScreen" ) || RunPrefixMethod( document, "IsFullScreen" ) ) { + RunPrefixMethod( document, "CancelFullScreen" ); + } + } + return this; + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + toggleLoops: function() { + var YTPlayer = this.get( 0 ); + var data = YTPlayer.opt; + if( data.loop == 1 ) { + data.loop = 0; + } else { + if( data.startAt ) { + YTPlayer.player.seekTo( data.startAt ); + } else { + YTPlayer.player.playVideo(); + } + data.loop = 1; + } + return this; + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + play: function() { + var YTPlayer = this.get( 0 ); + if( !YTPlayer.isReady ) + return this; + + YTPlayer.player.playVideo(); + YTPlayer.wrapper.CSSAnimate( { + opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity + }, 2000 ); + + jQuery( YTPlayer.playerEl ).CSSAnimate( { + opacity: 1 + }, 1000 ); + + var controls = jQuery( "#controlBar_" + YTPlayer.id ); + var playBtn = controls.find( ".mb_YTPPlaypause" ); + playBtn.html( jQuery.mbYTPlayer.controls.pause ); + YTPlayer.state = 1; + + jQuery( YTPlayer ).css( "background-image", "none" ); + return this; + }, + /** + * + * @param callback + * @returns {jQuery.mbYTPlayer} + */ + togglePlay: function( callback ) { + var YTPlayer = this.get( 0 ); + if( YTPlayer.state == 1 ) + this.YTPPause(); + else + this.YTPPlay(); + + if( typeof callback == "function" ) + callback( YTPlayer.state ); + + return this; + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + stop: function() { + var YTPlayer = this.get( 0 ); + var controls = jQuery( "#controlBar_" + YTPlayer.id ); + var playBtn = controls.find( ".mb_YTPPlaypause" ); + playBtn.html( jQuery.mbYTPlayer.controls.play ); + YTPlayer.player.stopVideo(); + return this; + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + pause: function() { + var YTPlayer = this.get( 0 ); + YTPlayer.player.pauseVideo(); + YTPlayer.state = 2; + return this; + }, + /** + * + * @param val + * @returns {jQuery.mbYTPlayer} + */ + seekTo: function( val ) { + var YTPlayer = this.get( 0 ); + YTPlayer.player.seekTo( val, true ); + return this; + }, + /** + * + * @param val + * @returns {jQuery.mbYTPlayer} + */ + setVolume: function( val ) { + var YTPlayer = this.get( 0 ); + if( !val && !YTPlayer.opt.vol && YTPlayer.player.getVolume() == 0 ) jQuery( YTPlayer ).YTPUnmute(); + else if( ( !val && YTPlayer.player.getVolume() > 0 ) || ( val && YTPlayer.opt.vol == val ) ) { + if( !YTPlayer.isMute ) jQuery( YTPlayer ).YTPMute(); + else jQuery( YTPlayer ).YTPUnmute(); + } else { + YTPlayer.opt.vol = val; + YTPlayer.player.setVolume( YTPlayer.opt.vol ); + if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.updateSliderVal( val ) + } + return this; + }, + /** + * + * @returns {boolean} + */ + toggleVolume: function() { + var YTPlayer = this.get( 0 ); + if( !YTPlayer ) return; + if( YTPlayer.player.isMuted() ) { + jQuery( YTPlayer ).YTPUnmute(); + return true; + } else { + jQuery( YTPlayer ).YTPMute(); + return false; + } + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + mute: function() { + var YTPlayer = this.get( 0 ); + if( YTPlayer.isMute ) return; + YTPlayer.player.mute(); + YTPlayer.isMute = true; + YTPlayer.player.setVolume( 0 ); + if( YTPlayer.volumeBar && YTPlayer.volumeBar.length && YTPlayer.volumeBar.width() > 10 ) { + YTPlayer.volumeBar.updateSliderVal( 0 ); + } + var controls = jQuery( "#controlBar_" + YTPlayer.id ); + var muteBtn = controls.find( ".mb_YTPMuteUnmute" ); + muteBtn.html( jQuery.mbYTPlayer.controls.unmute ); + jQuery( YTPlayer ).addClass( "isMuted" ); + if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.addClass( "muted" ); + var YTPEvent = jQuery.Event( "YTPMuted" ); + YTPEvent.time = YTPlayer.currentTime; + if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); + return this; + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + unmute: function() { + var YTPlayer = this.get( 0 ); + if( !YTPlayer.isMute ) return; + YTPlayer.player.unMute(); + YTPlayer.isMute = false; + YTPlayer.player.setVolume( YTPlayer.opt.vol ); + if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol > 10 ? YTPlayer.opt.vol : 10 ); + var controls = jQuery( "#controlBar_" + YTPlayer.id ); + var muteBtn = controls.find( ".mb_YTPMuteUnmute" ); + muteBtn.html( jQuery.mbYTPlayer.controls.mute ); + jQuery( YTPlayer ).removeClass( "isMuted" ); + if( YTPlayer.volumeBar && YTPlayer.volumeBar.length ) YTPlayer.volumeBar.removeClass( "muted" ); + var YTPEvent = jQuery.Event( "YTPUnmuted" ); + YTPEvent.time = YTPlayer.currentTime; + if( YTPlayer.canTrigger ) jQuery( YTPlayer ).trigger( YTPEvent ); + return this; + }, + /** + * FILTERS + * + * + * @param filter + * @param value + * @returns {jQuery.mbYTPlayer} + */ + applyFilter: function( filter, value ) { + return this.each( function() { + var YTPlayer = this; + YTPlayer.filters[ filter ].value = value; + if( YTPlayer.filtersEnabled ) + jQuery( YTPlayer ).YTPEnableFilters(); + } ); + }, + /** + * + * @param filters + * @returns {jQuery.mbYTPlayer} + */ + applyFilters: function( filters ) { + return this.each( function() { + var YTPlayer = this; + if( !YTPlayer.isReady ) { + jQuery( YTPlayer ).on( "YTPReady", function() { + jQuery( YTPlayer ).YTPApplyFilters( filters ); + } ); + return; + } + + for( var key in filters ) + jQuery( YTPlayer ).YTPApplyFilter( key, filters[ key ] ); + + jQuery( YTPlayer ).trigger( "YTPFiltersApplied" ); + } ); + }, + /** + * + * @param filter + * @param value + * @returns {*} + */ + toggleFilter: function( filter, value ) { + return this.each( function() { + var YTPlayer = this; + if( !YTPlayer.filters[ filter ].value ) YTPlayer.filters[ filter ].value = value; + else YTPlayer.filters[ filter ].value = 0; + if( YTPlayer.filtersEnabled ) jQuery( this ).YTPEnableFilters(); + } ); + }, + /** + * + * @param callback + * @returns {*} + */ + toggleFilters: function( callback ) { + return this.each( function() { + var YTPlayer = this; + if( YTPlayer.filtersEnabled ) { + jQuery( YTPlayer ).trigger( "YTPDisableFilters" ); + jQuery( YTPlayer ).YTPDisableFilters(); + } else { + jQuery( YTPlayer ).YTPEnableFilters(); + jQuery( YTPlayer ).trigger( "YTPEnableFilters" ); + } + if( typeof callback == "function" ) + callback( YTPlayer.filtersEnabled ); + } ) + }, + /** + * + * @returns {*} + */ + disableFilters: function() { + return this.each( function() { + var YTPlayer = this; + var iframe = jQuery( YTPlayer.playerEl ); + iframe.css( "-webkit-filter", "" ); + iframe.css( "filter", "" ); + YTPlayer.filtersEnabled = false; + } ) + }, + /** + * + * @returns {*} + */ + enableFilters: function() { + return this.each( function() { + var YTPlayer = this; + var iframe = jQuery( YTPlayer.playerEl ); + var filterStyle = ""; + for( var key in YTPlayer.filters ) { + if( YTPlayer.filters[ key ].value ) + filterStyle += key.replace( "_", "-" ) + "(" + YTPlayer.filters[ key ].value + YTPlayer.filters[ key ].unit + ") "; + } + iframe.css( "-webkit-filter", filterStyle ); + iframe.css( "filter", filterStyle ); + YTPlayer.filtersEnabled = true; + } ); + }, + /** + * + * @param filter + * @param callback + * @returns {*} + */ + removeFilter: function( filter, callback ) { + return this.each( function() { + var YTPlayer = this; + if( typeof filter == "function" ) { + callback = filter; + filter = null; + } + if( !filter ) + for( var key in YTPlayer.filters ) { + jQuery( this ).YTPApplyFilter( key, 0 ); + if( typeof callback == "function" ) callback( key ); + } else { + jQuery( this ).YTPApplyFilter( filter, 0 ); + if( typeof callback == "function" ) callback( filter ); + } + } ); + + }, + /** + * + * @returns {*} + */ + getFilters: function() { + var YTPlayer = this.get( 0 ); + return YTPlayer.filters; + }, + /** + * MASK + * + * + * @param mask + * @returns {jQuery.mbYTPlayer} + */ + addMask: function( mask ) { + var YTPlayer = this.get( 0 ); + var overlay = YTPlayer.overlay; + + if( !mask ) { + mask = YTPlayer.actualMask; + } + + var tempImg = jQuery( "" ).attr( "src", mask ).on( "load", function() { + + overlay.CSSAnimate( { + opacity: 0 + }, 500, function() { + + YTPlayer.hasMask = true; + + tempImg.remove(); + + overlay.css( { + backgroundImage: "url(" + mask + ")", + backgroundRepeat: "no-repeat", + backgroundPosition: "center center", + backgroundSize: "cover" + } ); + + overlay.CSSAnimate( { + opacity: 1 + }, 500 ); + + } ); + + } ); + + return this; + + }, + /** + * + * @returns {jQuery.mbYTPlayer} + */ + removeMask: function() { + var YTPlayer = this.get( 0 ); + var overlay = YTPlayer.overlay; + overlay.CSSAnimate( { + opacity: 0 + }, 500, function() { + + YTPlayer.hasMask = false; + + overlay.css( { + backgroundImage: "", + backgroundRepeat: "", + backgroundPosition: "", + backgroundSize: "" + } ); + overlay.CSSAnimate( { + opacity: 1 + }, 500 ); + + } ); + + return this; + + }, + /** + * + * @param YTPlayer + */ + applyMask: function( YTPlayer ) { + var $YTPlayer = jQuery( YTPlayer ); + $YTPlayer.off( "YTPTime.mask" ); + + if( YTPlayer.opt.mask ) { + + if( typeof YTPlayer.opt.mask == "string" ) { + $YTPlayer.YTPAddMask( YTPlayer.opt.mask ); + + YTPlayer.actualMask = YTPlayer.opt.mask; + + } else if( typeof YTPlayer.opt.mask == "object" ) { + + for( var time in YTPlayer.opt.mask ) { + if( YTPlayer.opt.mask[ time ] ) + var img = jQuery( "" ).attr( "src", YTPlayer.opt.mask[ time ] ); + } + + if( YTPlayer.opt.mask[ 0 ] ) + $YTPlayer.YTPAddMask( YTPlayer.opt.mask[ 0 ] ); + + $YTPlayer.on( "YTPTime.mask", function( e ) { + for( var time in YTPlayer.opt.mask ) { + if( e.time == time ) + if( !YTPlayer.opt.mask[ time ] ) { + $YTPlayer.YTPRemoveMask(); + } else { + + $YTPlayer.YTPAddMask( YTPlayer.opt.mask[ time ] ); + YTPlayer.actualMask = YTPlayer.opt.mask[ time ]; + } + + } + } ); + + } + + + } + }, + /** + * + */ + toggleMask: function() { + var YTPlayer = this.get( 0 ); + var $YTPlayer = $( YTPlayer ); + if( YTPlayer.hasMask ) + $YTPlayer.YTPRemoveMask(); + else + $YTPlayer.YTPAddMask(); + + return this; + }, + /** + * + * @returns {{totalTime: number, currentTime: number}} + */ + manageProgress: function() { + var YTPlayer = this.get( 0 ); + var controls = jQuery( "#controlBar_" + YTPlayer.id ); + var progressBar = controls.find( ".mb_YTPProgress" ); + var loadedBar = controls.find( ".mb_YTPLoaded" ); + var timeBar = controls.find( ".mb_YTPseekbar" ); + var totW = progressBar.outerWidth(); + var currentTime = Math.floor( YTPlayer.player.getCurrentTime() ); + var totalTime = Math.floor( YTPlayer.player.getDuration() ); + var timeW = ( currentTime * totW ) / totalTime; + var startLeft = 0; + var loadedW = YTPlayer.player.getVideoLoadedFraction() * 100; + loadedBar.css( { + left: startLeft, + width: loadedW + "%" + } ); + timeBar.css( { + left: 0, + width: timeW + } ); + return { + totalTime: totalTime, + currentTime: currentTime + }; + }, + /** + * + * @param YTPlayer + */ + buildControls: function( YTPlayer ) { + var data = YTPlayer.opt; + // @data.printUrl: is deprecated; use data.showYTLogo + data.showYTLogo = data.showYTLogo || data.printUrl; + + if( jQuery( "#controlBar_" + YTPlayer.id ).length ) + return; + YTPlayer.controlBar = jQuery( "" ).attr( "id", "controlBar_" + YTPlayer.id ).addClass( "mb_YTPBar" ).css( { + whiteSpace: "noWrap", + position: YTPlayer.isBackground ? "fixed" : "absolute", + zIndex: YTPlayer.isBackground ? 10000 : 1000 + } ).hide(); + var buttonBar = jQuery( "
" ).addClass( "buttonBar" ); + /* play/pause button*/ + var playpause = jQuery( "" + jQuery.mbYTPlayer.controls.play + "" ).addClass( "mb_YTPPlaypause ytpicon" ).click( function() { + if( YTPlayer.player.getPlayerState() == 1 ) jQuery( YTPlayer ).YTPPause(); + else jQuery( YTPlayer ).YTPPlay(); + } ); + /* mute/unmute button*/ + var MuteUnmute = jQuery( "" + jQuery.mbYTPlayer.controls.mute + "" ).addClass( "mb_YTPMuteUnmute ytpicon" ).click( function() { + if( YTPlayer.player.getVolume() == 0 ) { + jQuery( YTPlayer ).YTPUnmute(); + } else { + jQuery( YTPlayer ).YTPMute(); + } + } ); + /* volume bar*/ + var volumeBar = jQuery( "
" ).addClass( "mb_YTPVolumeBar" ).css( { + display: "inline-block" + } ); + YTPlayer.volumeBar = volumeBar; + /* time elapsed */ + var idx = jQuery( "" ).addClass( "mb_YTPTime" ); + var vURL = data.videoURL ? data.videoURL : ""; + if( vURL.indexOf( "http" ) < 0 ) vURL = jQuery.mbYTPlayer.locationProtocol + "//www.youtube.com/watch?v=" + data.videoURL; + var movieUrl = jQuery( "" ).html( jQuery.mbYTPlayer.controls.ytLogo ).addClass( "mb_YTPUrl ytpicon" ).attr( "title", "view on YouTube" ).on( "click", function() { + window.open( vURL, "viewOnYT" ) + } ); + var onlyVideo = jQuery( "" ).html( jQuery.mbYTPlayer.controls.onlyYT ).addClass( "mb_OnlyYT ytpicon" ).on( "click", function() { + jQuery( YTPlayer ).YTPFullscreen( data.realfullscreen ); + } ); + var progressBar = jQuery( "
" ).addClass( "mb_YTPProgress" ).css( "position", "absolute" ).click( function( e ) { + timeBar.css( { + width: ( e.clientX - timeBar.offset().left ) + } ); + YTPlayer.timeW = e.clientX - timeBar.offset().left; + YTPlayer.controlBar.find( ".mb_YTPLoaded" ).css( { + width: 0 + } ); + var totalTime = Math.floor( YTPlayer.player.getDuration() ); + YTPlayer.goto = ( timeBar.outerWidth() * totalTime ) / progressBar.outerWidth(); + YTPlayer.player.seekTo( parseFloat( YTPlayer.goto ), true ); + YTPlayer.controlBar.find( ".mb_YTPLoaded" ).css( { + width: 0 + } ); + } ); + var loadedBar = jQuery( "
" ).addClass( "mb_YTPLoaded" ).css( "position", "absolute" ); + var timeBar = jQuery( "
" ).addClass( "mb_YTPseekbar" ).css( "position", "absolute" ); + progressBar.append( loadedBar ).append( timeBar ); + buttonBar.append( playpause ).append( MuteUnmute ).append( volumeBar ).append( idx ); + if( data.showYTLogo ) { + buttonBar.append( movieUrl ); + } + if( YTPlayer.isBackground || ( eval( YTPlayer.opt.realfullscreen ) && !YTPlayer.isBackground ) ) buttonBar.append( onlyVideo ); + YTPlayer.controlBar.append( buttonBar ).append( progressBar ); + if( !YTPlayer.isBackground ) { + YTPlayer.controlBar.addClass( "inlinePlayer" ); + YTPlayer.wrapper.before( YTPlayer.controlBar ); + } else { + jQuery( "body" ).after( YTPlayer.controlBar ); + } + volumeBar.simpleSlider( { + initialval: YTPlayer.opt.vol, + scale: 100, + orientation: "h", + callback: function( el ) { + if( el.value == 0 ) { + jQuery( YTPlayer ).YTPMute(); + } else { + jQuery( YTPlayer ).YTPUnmute(); + } + YTPlayer.player.setVolume( el.value ); + if( !YTPlayer.isMute ) YTPlayer.opt.vol = el.value; + } + } ); + }, + /** + * + * @param YTPlayer + */ + checkForState: function( YTPlayer ) { + var interval = YTPlayer.opt.showControls ? 100 : 400; + clearInterval( YTPlayer.getState ); + //Checking if player has been removed from scene + if( !jQuery.contains( document, YTPlayer ) ) { + jQuery( YTPlayer ).YTPPlayerDestroy(); + clearInterval( YTPlayer.getState ); + clearInterval( YTPlayer.checkForStartAt ); + return; + } + + jQuery.mbYTPlayer.checkForStart( YTPlayer ); + + YTPlayer.getState = setInterval( function() { + var prog = jQuery( YTPlayer ).YTPManageProgress(); + var $YTPlayer = jQuery( YTPlayer ); + var data = YTPlayer.opt; + var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; + var stopAt = YTPlayer.opt.stopAt > YTPlayer.opt.startAt ? YTPlayer.opt.stopAt : 0; + stopAt = stopAt < YTPlayer.player.getDuration() ? stopAt : 0; + if( YTPlayer.currentTime != prog.currentTime ) { + + var YTPEvent = jQuery.Event( "YTPTime" ); + YTPEvent.time = YTPlayer.currentTime; + jQuery( YTPlayer ).trigger( YTPEvent ); + + } + YTPlayer.currentTime = prog.currentTime; + YTPlayer.totalTime = YTPlayer.player.getDuration(); + if( YTPlayer.player.getVolume() == 0 ) $YTPlayer.addClass( "isMuted" ); + else $YTPlayer.removeClass( "isMuted" ); + + if( YTPlayer.opt.showControls ) + if( prog.totalTime ) { + YTPlayer.controlBar.find( ".mb_YTPTime" ).html( jQuery.mbYTPlayer.formatTime( prog.currentTime ) + " / " + jQuery.mbYTPlayer.formatTime( prog.totalTime ) ); + } else { + YTPlayer.controlBar.find( ".mb_YTPTime" ).html( "-- : -- / -- : --" ); + } + + if( eval( YTPlayer.opt.stopMovieOnBlur ) ) { + if( !document.hasFocus() ) { + if( YTPlayer.state == 1 ) { + YTPlayer.hasFocus = false; + $YTPlayer.YTPPause(); + } + } else if( document.hasFocus() && !YTPlayer.hasFocus && !( YTPlayer.state == -1 || YTPlayer.state == 0 ) ) { + YTPlayer.hasFocus = true; + $YTPlayer.YTPPlay(); + } + } + + if( YTPlayer.controlBar.length && YTPlayer.controlBar.outerWidth() <= 400 && !YTPlayer.isCompact ) { + YTPlayer.controlBar.addClass( "compact" ); + YTPlayer.isCompact = true; + if( !YTPlayer.isMute && YTPlayer.volumeBar ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol ); + } else if( YTPlayer.controlBar.length && YTPlayer.controlBar.outerWidth() > 400 && YTPlayer.isCompact ) { + YTPlayer.controlBar.removeClass( "compact" ); + YTPlayer.isCompact = false; + if( !YTPlayer.isMute && YTPlayer.volumeBar ) YTPlayer.volumeBar.updateSliderVal( YTPlayer.opt.vol ); + } + if( YTPlayer.player.getPlayerState() == 1 && ( parseFloat( YTPlayer.player.getDuration() - 1.5 ) < YTPlayer.player.getCurrentTime() || ( stopAt > 0 && parseFloat( YTPlayer.player.getCurrentTime() ) > stopAt ) ) ) { + if( YTPlayer.isEnded ) return; + YTPlayer.isEnded = true; + setTimeout( function() { + YTPlayer.isEnded = false + }, 1000 ); + + if( YTPlayer.isPlayList ) { + + if( !data.loop || ( data.loop > 0 && YTPlayer.player.loopTime === data.loop - 1 ) ) { + + YTPlayer.player.loopTime = undefined; + clearInterval( YTPlayer.getState ); + var YTPEnd = jQuery.Event( "YTPEnd" ); + YTPEnd.time = YTPlayer.currentTime; + jQuery( YTPlayer ).trigger( YTPEnd ); + //YTPlayer.state = 0; + + return; + } + + } else if( !data.loop || ( data.loop > 0 && YTPlayer.player.loopTime === data.loop - 1 ) ) { + + YTPlayer.player.loopTime = undefined; + YTPlayer.preventTrigger = true; + YTPlayer.state = 2; + jQuery( YTPlayer ).YTPPause(); + + YTPlayer.wrapper.CSSAnimate( { + opacity: 0 + }, 500, function() { + + if( YTPlayer.controlBar.length ) + YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); + + var YTPEnd = jQuery.Event( "YTPEnd" ); + YTPEnd.time = YTPlayer.currentTime; + jQuery( YTPlayer ).trigger( YTPEnd ); + + YTPlayer.player.seekTo( startAt, true ); + if( !YTPlayer.isBackground ) { + YTPlayer.opt.containment.css( { + background: "rgba(0,0,0,0.5) url(" + YTPlayer.opt.backgroundUrl + ") center center", + backgroundSize: "cover" + } ); + } + } ); + + return; + + } + + YTPlayer.player.loopTime = YTPlayer.player.loopTime ? ++YTPlayer.player.loopTime : 1; + startAt = startAt || 1; + YTPlayer.preventTrigger = true; + YTPlayer.state = 2; + jQuery( YTPlayer ).YTPPause(); + YTPlayer.player.seekTo( startAt, true ); + $YTPlayer.YTPPlay(); + + + } + }, interval ); + }, + /** + * + * @returns {string} time + */ + getTime: function() { + var YTPlayer = this.get( 0 ); + return jQuery.mbYTPlayer.formatTime( YTPlayer.currentTime ); + }, + /** + * + * @returns {string} total time + */ + getTotalTime: function() { + var YTPlayer = this.get( 0 ); + return jQuery.mbYTPlayer.formatTime( YTPlayer.totalTime ); + }, + /** + * + * @param YTPlayer + */ + checkForStart: function( YTPlayer ) { + + var $YTPlayer = jQuery( YTPlayer ); + + //Checking if player has been removed from scene + if( !jQuery.contains( document, YTPlayer ) ) { + jQuery( YTPlayer ).YTPPlayerDestroy(); + return + } + + /* + if( jQuery.browser.chrome ) + YTPlayer.opt.quality = "default"; + */ + + YTPlayer.preventTrigger = true; + YTPlayer.state = 2 + jQuery( YTPlayer ).YTPPause(); + + jQuery( YTPlayer ).muteYTPVolume(); + jQuery( "#controlBar_" + YTPlayer.id ).remove(); + + YTPlayer.controlBar = false; + + if( YTPlayer.opt.showControls ) + jQuery.mbYTPlayer.buildControls( YTPlayer ); + + if( YTPlayer.opt.addRaster ) { + + var classN = YTPlayer.opt.addRaster == "dot" ? "raster-dot" : "raster"; + YTPlayer.overlay.addClass( YTPlayer.isRetina ? classN + " retina" : classN ); + + } else { + + YTPlayer.overlay.removeClass( function( index, classNames ) { + // change the list into an array + var current_classes = classNames.split( " " ), + // array of classes which are to be removed + classes_to_remove = []; + jQuery.each( current_classes, function( index, class_name ) { + // if the classname begins with bg add it to the classes_to_remove array + if( /raster.*/.test( class_name ) ) { + classes_to_remove.push( class_name ); + } + } ); + classes_to_remove.push( "retina" ); + // turn the array back into a string + return classes_to_remove.join( " " ); + } ) + + } + + var startAt = YTPlayer.opt.startAt ? YTPlayer.opt.startAt : 1; + YTPlayer.player.playVideo(); + YTPlayer.player.seekTo( startAt, true ); + + YTPlayer.checkForStartAt = setInterval( function() { + + jQuery( YTPlayer ).YTPMute(); + + var canPlayVideo = YTPlayer.player.getVideoLoadedFraction() >= startAt / YTPlayer.player.getDuration(); + + if( YTPlayer.player.getDuration() > 0 && YTPlayer.player.getCurrentTime() >= startAt && canPlayVideo ) { + + //YTPlayer.player.playVideo(); + //console.timeEnd( "checkforStart" ); + + clearInterval( YTPlayer.checkForStartAt ); + + if( typeof YTPlayer.opt.onReady == "function" ) + YTPlayer.opt.onReady( YTPlayer ); + + YTPlayer.isReady = true; + var YTPready = jQuery.Event( "YTPReady" ); + YTPready.time = YTPlayer.currentTime; + jQuery( YTPlayer ).trigger( YTPready ); + + + YTPlayer.preventTrigger = true; + YTPlayer.state = 2; + jQuery( YTPlayer ).YTPPause(); + + if( !YTPlayer.opt.mute ) jQuery( YTPlayer ).YTPUnmute(); + YTPlayer.canTrigger = true; + + if( YTPlayer.opt.autoPlay ) { + + + var YTPStart = jQuery.Event( "YTPStart" ); + YTPStart.time = YTPlayer.currentTime; + jQuery( YTPlayer ).trigger( YTPStart ); + + $YTPlayer.css( "background-image", "none" ); + jQuery( YTPlayer.playerEl ).CSSAnimate( { + opacity: 1 + }, 1000 ); + + $YTPlayer.YTPPlay(); + + YTPlayer.wrapper.CSSAnimate( { + opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity + }, 1000 ); + + /* Fix for Safari freeze */ + if( jQuery.browser.safari ) { + + YTPlayer.safariPlay = setInterval( function() { + + if( YTPlayer.state != 1 ) + $YTPlayer.YTPPlay(); + else + clearInterval( YTPlayer.safariPlay ) + }, 10 ) + } + $YTPlayer.on( "YTPReady", function() { + $YTPlayer.YTPPlay(); + } ); + + } else { + + //$YTPlayer.YTPPause(); + YTPlayer.player.pauseVideo(); + if( !YTPlayer.isPlayer ) { + jQuery( YTPlayer.playerEl ).CSSAnimate( { + opacity: 1 + }, 500 ); + + YTPlayer.wrapper.CSSAnimate( { + opacity: YTPlayer.isAlone ? 1 : YTPlayer.opt.opacity + }, 500 ); + } + + if( YTPlayer.controlBar.length ) + YTPlayer.controlBar.find( ".mb_YTPPlaypause" ).html( jQuery.mbYTPlayer.controls.play ); + + } + + if( YTPlayer.isPlayer && !YTPlayer.opt.autoPlay && ( YTPlayer.loading && YTPlayer.loading.length ) ) { + YTPlayer.loading.html( "Ready" ); + setTimeout( function() { + YTPlayer.loading.fadeOut(); + }, 100 ) + } + + if( YTPlayer.controlBar && YTPlayer.controlBar.length ) + YTPlayer.controlBar.slideDown( 1000 ); + + } else if( jQuery.browser.safari ) { + YTPlayer.player.playVideo(); + if( startAt >= 0 ) YTPlayer.player.seekTo( startAt, true ); + } + + }, 1 ); + + }, + /** + * + * @param align + */ + setAlign: function( align ) { + var $YTplayer = this; + + $YTplayer.optimizeDisplay( align ); + }, + /** + * + * @param align + */ + getAlign: function() { + var YTPlayer = this.get( 0 ); + return YTPlayer.opt.align; + }, + /** + * + * @param s + * @returns {string} + */ + formatTime: function( s ) { + var min = Math.floor( s / 60 ); + var sec = Math.floor( s - ( 60 * min ) ); + return( min <= 9 ? "0" + min : min ) + " : " + ( sec <= 9 ? "0" + sec : sec ); + } + }; + + /** + * + * @param align + * can be center, top, bottom, right, left; (default is center,center) + */ + jQuery.fn.optimizeDisplay = function( align ) { + var YTPlayer = this.get( 0 ); + var playerBox = jQuery( YTPlayer.playerEl ); + var vid = {}; + + YTPlayer.opt.align = align || YTPlayer.opt.align; + + YTPlayer.opt.align = typeof YTPlayer.opt.align != "undefined " ? YTPlayer.opt.align : "center,center"; + var YTPAlign = YTPlayer.opt.align.split( "," ); + + //data.optimizeDisplay = YTPlayer.isPlayer ? false : data.optimizeDisplay; + + if( YTPlayer.opt.optimizeDisplay ) { + var win = {}; + var el = YTPlayer.wrapper; + + win.width = el.outerWidth(); + win.height = el.outerHeight(); + + vid.width = win.width + 100; + vid.height = YTPlayer.opt.ratio == "16/9" ? Math.ceil( vid.width * ( 9 / 16 ) ) : Math.ceil( vid.width * ( 3 / 4 ) ); + + vid.marginTop = -( ( vid.height - win.height ) / 2 ); + vid.marginLeft = 0; + + var lowest = vid.height < win.height; + + if( lowest ) { + + vid.height = win.height; + vid.width = YTPlayer.opt.ratio == "16/9" ? Math.floor( win.height * ( 16 / 9 ) ) : Math.floor( win.height * ( 4 / 3 ) ); + + vid.marginTop = 0; + vid.marginLeft = -( ( vid.width - win.width ) / 2 ); + + } + + for( var a in YTPAlign ) { + + //var al = YTPAlign[ a ].trim(); + var al = YTPAlign[ a ].replace( / /g, "" ); + + switch( al ) { + + case "top": + vid.marginTop = lowest ? -( ( vid.height - win.height ) / 2 ) : 0; + break; + + case "bottom": + vid.marginTop = lowest ? 0 : -( vid.height - win.height ); + break; + + case "left": + vid.marginLeft = 0; + break; + + case "right": + vid.marginLeft = lowest ? -( vid.width - win.width ) : 0; + break; + + default: + break; + } + + } + + } else { + vid.width = "100%"; + vid.height = "100%"; + vid.marginTop = 0; + vid.marginLeft = 0; + } + + playerBox.css( { + width: vid.width, + height: vid.height, + marginTop: vid.marginTop, + marginLeft: vid.marginLeft + } ); + + }; + /** + * + * @param arr + * @returns {Array|string|Blob|*} + * + */ + jQuery.shuffle = function( arr ) { + var newArray = arr.slice(); + var len = newArray.length; + var i = len; + while( i-- ) { + var p = parseInt( Math.random() * len ); + var t = newArray[ i ]; + newArray[ i ] = newArray[ p ]; + newArray[ p ] = t; + } + return newArray; + }; + + jQuery.fn.unselectable = function() { + return this.each( function() { + jQuery( this ).css( { + "-moz-user-select": "none", + "-webkit-user-select": "none", + "user-select": "none" + } ).attr( "unselectable", "on" ); + } ); + }; + + + /* Exposed public method */ + jQuery.fn.YTPlayer = jQuery.mbYTPlayer.buildPlayer; + jQuery.fn.YTPGetPlayer = jQuery.mbYTPlayer.getPlayer; + jQuery.fn.YTPGetVideoID = jQuery.mbYTPlayer.getVideoID; + jQuery.fn.YTPChangeMovie = jQuery.mbYTPlayer.changeMovie; + jQuery.fn.YTPPlayerDestroy = jQuery.mbYTPlayer.playerDestroy; + + jQuery.fn.YTPPlay = jQuery.mbYTPlayer.play; + jQuery.fn.YTPTogglePlay = jQuery.mbYTPlayer.togglePlay; + jQuery.fn.YTPStop = jQuery.mbYTPlayer.stop; + jQuery.fn.YTPPause = jQuery.mbYTPlayer.pause; + jQuery.fn.YTPSeekTo = jQuery.mbYTPlayer.seekTo; + + jQuery.fn.YTPlaylist = jQuery.mbYTPlayer.playlist; + jQuery.fn.YTPPlayNext = jQuery.mbYTPlayer.playNext; + jQuery.fn.YTPPlayPrev = jQuery.mbYTPlayer.playPrev; + jQuery.fn.YTPPlayIndex = jQuery.mbYTPlayer.playIndex; + + jQuery.fn.YTPMute = jQuery.mbYTPlayer.mute; + jQuery.fn.YTPUnmute = jQuery.mbYTPlayer.unmute; + jQuery.fn.YTPToggleVolume = jQuery.mbYTPlayer.toggleVolume; + jQuery.fn.YTPSetVolume = jQuery.mbYTPlayer.setVolume; + + jQuery.fn.YTPGetVideoData = jQuery.mbYTPlayer.getVideoData; + jQuery.fn.YTPFullscreen = jQuery.mbYTPlayer.fullscreen; + jQuery.fn.YTPToggleLoops = jQuery.mbYTPlayer.toggleLoops; + jQuery.fn.YTPSetVideoQuality = jQuery.mbYTPlayer.setVideoQuality; + jQuery.fn.YTPManageProgress = jQuery.mbYTPlayer.manageProgress; + + jQuery.fn.YTPApplyFilter = jQuery.mbYTPlayer.applyFilter; + jQuery.fn.YTPApplyFilters = jQuery.mbYTPlayer.applyFilters; + jQuery.fn.YTPToggleFilter = jQuery.mbYTPlayer.toggleFilter; + jQuery.fn.YTPToggleFilters = jQuery.mbYTPlayer.toggleFilters; + jQuery.fn.YTPRemoveFilter = jQuery.mbYTPlayer.removeFilter; + jQuery.fn.YTPDisableFilters = jQuery.mbYTPlayer.disableFilters; + jQuery.fn.YTPEnableFilters = jQuery.mbYTPlayer.enableFilters; + jQuery.fn.YTPGetFilters = jQuery.mbYTPlayer.getFilters; + + jQuery.fn.YTPGetTime = jQuery.mbYTPlayer.getTime; + jQuery.fn.YTPGetTotalTime = jQuery.mbYTPlayer.getTotalTime; + + jQuery.fn.YTPAddMask = jQuery.mbYTPlayer.addMask; + jQuery.fn.YTPRemoveMask = jQuery.mbYTPlayer.removeMask; + jQuery.fn.YTPToggleMask = jQuery.mbYTPlayer.toggleMask; + + jQuery.fn.YTPSetAlign = jQuery.mbYTPlayer.setAlign; + jQuery.fn.YTPGetAlign = jQuery.mbYTPlayer.getAlign; + + /** + * + * @deprecated + * todo: Above methods will be removed with version 3.5.0 + * + **/ + jQuery.fn.mb_YTPlayer = jQuery.mbYTPlayer.buildPlayer; + jQuery.fn.playNext = jQuery.mbYTPlayer.playNext; + jQuery.fn.playPrev = jQuery.mbYTPlayer.playPrev; + jQuery.fn.changeMovie = jQuery.mbYTPlayer.changeMovie; + jQuery.fn.getVideoID = jQuery.mbYTPlayer.getVideoID; + jQuery.fn.getPlayer = jQuery.mbYTPlayer.getPlayer; + jQuery.fn.playerDestroy = jQuery.mbYTPlayer.playerDestroy; + jQuery.fn.fullscreen = jQuery.mbYTPlayer.fullscreen; + jQuery.fn.buildYTPControls = jQuery.mbYTPlayer.buildControls; + jQuery.fn.playYTP = jQuery.mbYTPlayer.play; + jQuery.fn.toggleLoops = jQuery.mbYTPlayer.toggleLoops; + jQuery.fn.stopYTP = jQuery.mbYTPlayer.stop; + jQuery.fn.pauseYTP = jQuery.mbYTPlayer.pause; + jQuery.fn.seekToYTP = jQuery.mbYTPlayer.seekTo; + jQuery.fn.muteYTPVolume = jQuery.mbYTPlayer.mute; + jQuery.fn.unmuteYTPVolume = jQuery.mbYTPlayer.unmute; + jQuery.fn.setYTPVolume = jQuery.mbYTPlayer.setVolume; + jQuery.fn.setVideoQuality = jQuery.mbYTPlayer.setVideoQuality; + jQuery.fn.manageYTPProgress = jQuery.mbYTPlayer.manageProgress; + jQuery.fn.YTPGetDataFromFeed = jQuery.mbYTPlayer.getVideoData; + + +} )( jQuery, ytp ); +; +/* + * ****************************************************************************** + * jquery.mb.components + * file: jquery.mb.CSSAnimate.min.js + * + * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); + * Open lab srl, Firenze - Italy + * email: matteo@open-lab.com + * site: http://pupunzi.com + * blog: http://pupunzi.open-lab.com + * http://open-lab.com + * + * Licences: MIT, GPL + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + * + * last modified: 26/03/14 21.40 + * ***************************************************************************** + */ + +function uncamel(e){return e.replace(/([A-Z])/g,function(e){return"-"+e.toLowerCase()})}function setUnit(e,t){return"string"!=typeof e||e.match(/^[\-0-9\.]+jQuery/)?""+e+t:e}function setFilter(e,t,r){var i=uncamel(t),n=jQuery.browser.mozilla?"":jQuery.CSS.sfx;e[n+"filter"]=e[n+"filter"]||"",r=setUnit(r>jQuery.CSS.filters[t].max?jQuery.CSS.filters[t].max:r,jQuery.CSS.filters[t].unit),e[n+"filter"]+=i+"("+r+") ",delete e[t]}jQuery.support.CSStransition=function(){var e=document.body||document.documentElement,t=e.style;return void 0!==t.transition||void 0!==t.WebkitTransition||void 0!==t.MozTransition||void 0!==t.MsTransition||void 0!==t.OTransition}(),jQuery.CSS={name:"mb.CSSAnimate",author:"Matteo Bicocchi",version:"2.0.0",transitionEnd:"transitionEnd",sfx:"",filters:{blur:{min:0,max:100,unit:"px"},brightness:{min:0,max:400,unit:"%"},contrast:{min:0,max:400,unit:"%"},grayscale:{min:0,max:100,unit:"%"},hueRotate:{min:0,max:360,unit:"deg"},invert:{min:0,max:100,unit:"%"},saturate:{min:0,max:400,unit:"%"},sepia:{min:0,max:100,unit:"%"}},normalizeCss:function(e){var t=jQuery.extend(!0,{},e);jQuery.browser.webkit||jQuery.browser.opera?jQuery.CSS.sfx="-webkit-":jQuery.browser.mozilla?jQuery.CSS.sfx="-moz-":jQuery.browser.msie&&(jQuery.CSS.sfx="-ms-");for(var r in t){"transform"===r&&(t[jQuery.CSS.sfx+"transform"]=t[r],delete t[r]),"transform-origin"===r&&(t[jQuery.CSS.sfx+"transform-origin"]=e[r],delete t[r]),"filter"!==r||jQuery.browser.mozilla||(t[jQuery.CSS.sfx+"filter"]=e[r],delete t[r]),"blur"===r&&setFilter(t,"blur",e[r]),"brightness"===r&&setFilter(t,"brightness",e[r]),"contrast"===r&&setFilter(t,"contrast",e[r]),"grayscale"===r&&setFilter(t,"grayscale",e[r]),"hueRotate"===r&&setFilter(t,"hueRotate",e[r]),"invert"===r&&setFilter(t,"invert",e[r]),"saturate"===r&&setFilter(t,"saturate",e[r]),"sepia"===r&&setFilter(t,"sepia",e[r]);var i="";"x"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateX("+setUnit(e[r],"px")+")",delete t[r]),"y"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateY("+setUnit(e[r],"px")+")",delete t[r]),"z"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" translateZ("+setUnit(e[r],"px")+")",delete t[r]),"rotate"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotate("+setUnit(e[r],"deg")+")",delete t[r]),"rotateX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateX("+setUnit(e[r],"deg")+")",delete t[r]),"rotateY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateY("+setUnit(e[r],"deg")+")",delete t[r]),"rotateZ"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" rotateZ("+setUnit(e[r],"deg")+")",delete t[r]),"scale"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scale("+setUnit(e[r],"")+")",delete t[r]),"scaleX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleX("+setUnit(e[r],"")+")",delete t[r]),"scaleY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleY("+setUnit(e[r],"")+")",delete t[r]),"scaleZ"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" scaleZ("+setUnit(e[r],"")+")",delete t[r]),"skew"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skew("+setUnit(e[r],"deg")+")",delete t[r]),"skewX"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skewX("+setUnit(e[r],"deg")+")",delete t[r]),"skewY"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" skewY("+setUnit(e[r],"deg")+")",delete t[r]),"perspective"===r&&(i=jQuery.CSS.sfx+"transform",t[i]=t[i]||"",t[i]+=" perspective("+setUnit(e[r],"px")+")",delete t[r])}return t},getProp:function(e){var t=[];for(var r in e)t.indexOf(r)<0&&t.push(uncamel(r));return t.join(",")},animate:function(e,t,r,i,n){return this.each(function(){function s(){u.called=!0,u.CSSAIsRunning=!1,a.off(jQuery.CSS.transitionEnd+"."+u.id),clearTimeout(u.timeout),a.css(jQuery.CSS.sfx+"transition",""),"function"==typeof n&&n.apply(u),"function"==typeof u.CSSqueue&&(u.CSSqueue(),u.CSSqueue=null)}var u=this,a=jQuery(this);u.id=u.id||"CSSA_"+(new Date).getTime();var o=o||{type:"noEvent"};if(u.CSSAIsRunning&&u.eventType==o.type&&!jQuery.browser.msie&&jQuery.browser.version<=9)return void(u.CSSqueue=function(){a.CSSAnimate(e,t,r,i,n)});if(u.CSSqueue=null,u.eventType=o.type,0!==a.length&&e){if(e=jQuery.normalizeCss(e),u.CSSAIsRunning=!0,"function"==typeof t&&(n=t,t=jQuery.fx.speeds._default),"function"==typeof r&&(i=r,r=0),"string"==typeof r&&(n=r,r=0),"function"==typeof i&&(n=i,i="cubic-bezier(0.65,0.03,0.36,0.72)"),"string"==typeof t)for(var f in jQuery.fx.speeds){if(t==f){t=jQuery.fx.speeds[f];break}t=jQuery.fx.speeds._default}if(t||(t=jQuery.fx.speeds._default),"string"==typeof n&&(i=n,n=null),!jQuery.support.CSStransition){for(var c in e){if("transform"===c&&delete e[c],"filter"===c&&delete e[c],"transform-origin"===c&&delete e[c],"auto"===e[c]&&delete e[c],"x"===c){var S=e[c],l="left";e[l]=S,delete e[c]}if("y"===c){var S=e[c],l="top";e[l]=S,delete e[c]}("-ms-transform"===c||"-ms-filter"===c)&&delete e[c]}return void a.delay(r).animate(e,t,n)}var y={"default":"ease","in":"ease-in",out:"ease-out","in-out":"ease-in-out",snap:"cubic-bezier(0,1,.5,1)",easeOutCubic:"cubic-bezier(.215,.61,.355,1)",easeInOutCubic:"cubic-bezier(.645,.045,.355,1)",easeInCirc:"cubic-bezier(.6,.04,.98,.335)",easeOutCirc:"cubic-bezier(.075,.82,.165,1)",easeInOutCirc:"cubic-bezier(.785,.135,.15,.86)",easeInExpo:"cubic-bezier(.95,.05,.795,.035)",easeOutExpo:"cubic-bezier(.19,1,.22,1)",easeInOutExpo:"cubic-bezier(1,0,0,1)",easeInQuad:"cubic-bezier(.55,.085,.68,.53)",easeOutQuad:"cubic-bezier(.25,.46,.45,.94)",easeInOutQuad:"cubic-bezier(.455,.03,.515,.955)",easeInQuart:"cubic-bezier(.895,.03,.685,.22)",easeOutQuart:"cubic-bezier(.165,.84,.44,1)",easeInOutQuart:"cubic-bezier(.77,0,.175,1)",easeInQuint:"cubic-bezier(.755,.05,.855,.06)",easeOutQuint:"cubic-bezier(.23,1,.32,1)",easeInOutQuint:"cubic-bezier(.86,0,.07,1)",easeInSine:"cubic-bezier(.47,0,.745,.715)",easeOutSine:"cubic-bezier(.39,.575,.565,1)",easeInOutSine:"cubic-bezier(.445,.05,.55,.95)",easeInBack:"cubic-bezier(.6,-.28,.735,.045)",easeOutBack:"cubic-bezier(.175, .885,.32,1.275)",easeInOutBack:"cubic-bezier(.68,-.55,.265,1.55)"};y[i]&&(i=y[i]),a.off(jQuery.CSS.transitionEnd+"."+u.id);var m=jQuery.CSS.getProp(e),d={};jQuery.extend(d,e),d[jQuery.CSS.sfx+"transition-property"]=m,d[jQuery.CSS.sfx+"transition-duration"]=t+"ms",d[jQuery.CSS.sfx+"transition-delay"]=r+"ms",d[jQuery.CSS.sfx+"transition-timing-function"]=i,setTimeout(function(){a.one(jQuery.CSS.transitionEnd+"."+u.id,s),a.css(d)},1),u.timeout=setTimeout(function(){return u.called||!n?(u.called=!1,void(u.CSSAIsRunning=!1)):(a.css(jQuery.CSS.sfx+"transition",""),n.apply(u),u.CSSAIsRunning=!1,void("function"==typeof u.CSSqueue&&(u.CSSqueue(),u.CSSqueue=null)))},t+r+10)}})}},jQuery.fn.CSSAnimate=jQuery.CSS.animate,jQuery.normalizeCss=jQuery.CSS.normalizeCss,jQuery.fn.css3=function(e){return this.each(function(){var t=jQuery(this),r=jQuery.normalizeCss(e);t.css(r)})}; +;/* + * ****************************************************************************** + * jquery.mb.components + * file: jquery.mb.browser.min.js + * + * Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi); + * Open lab srl, Firenze - Italy + * email: matteo@open-lab.com + * site: http://pupunzi.com + * blog: http://pupunzi.open-lab.com + * http://open-lab.com + * + * Licences: MIT, GPL + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + * + * last modified: 26/03/14 21.43 + * ***************************************************************************** + */ + +var nAgt=navigator.userAgent;if(!jQuery.browser){jQuery.browser={},jQuery.browser.mozilla=!1,jQuery.browser.webkit=!1,jQuery.browser.opera=!1,jQuery.browser.safari=!1,jQuery.browser.chrome=!1,jQuery.browser.androidStock=!1,jQuery.browser.msie=!1,jQuery.browser.ua=nAgt,jQuery.browser.name=navigator.appName,jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion),jQuery.browser.majorVersion=parseInt(navigator.appVersion,10);var nameOffset,verOffset,ix;if(-1!=(verOffset=nAgt.indexOf("Opera")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+6),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8));else if(-1!=(verOffset=nAgt.indexOf("OPR")))jQuery.browser.opera=!0,jQuery.browser.name="Opera",jQuery.browser.fullVersion=nAgt.substring(verOffset+4);else if(-1!=(verOffset=nAgt.indexOf("MSIE")))jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer",jQuery.browser.fullVersion=nAgt.substring(verOffset+5);else if(-1!=nAgt.indexOf("Trident")||-1!=nAgt.indexOf("Edge")){jQuery.browser.msie=!0,jQuery.browser.name="Microsoft Internet Explorer";var start=nAgt.indexOf("rv:")+3,end=start+4;jQuery.browser.fullVersion=nAgt.substring(start,end)}else-1!=(verOffset=nAgt.indexOf("Chrome"))?(jQuery.browser.webkit=!0,jQuery.browser.chrome=!0,jQuery.browser.name="Chrome",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):nAgt.indexOf("mozilla/5.0")>-1&&nAgt.indexOf("android ")>-1&&nAgt.indexOf("applewebkit")>-1&&!(nAgt.indexOf("chrome")>-1)?(verOffset=nAgt.indexOf("Chrome"),jQuery.browser.webkit=!0,jQuery.browser.androidStock=!0,jQuery.browser.name="androidStock",jQuery.browser.fullVersion=nAgt.substring(verOffset+7)):-1!=(verOffset=nAgt.indexOf("Safari"))?(jQuery.browser.webkit=!0,jQuery.browser.safari=!0,jQuery.browser.name="Safari",jQuery.browser.fullVersion=nAgt.substring(verOffset+7),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8))):-1!=(verOffset=nAgt.indexOf("AppleWebkit"))?(jQuery.browser.webkit=!0,jQuery.browser.safari=!0,jQuery.browser.name="Safari",jQuery.browser.fullVersion=nAgt.substring(verOffset+7),-1!=(verOffset=nAgt.indexOf("Version"))&&(jQuery.browser.fullVersion=nAgt.substring(verOffset+8))):-1!=(verOffset=nAgt.indexOf("Firefox"))?(jQuery.browser.mozilla=!0,jQuery.browser.name="Firefox",jQuery.browser.fullVersion=nAgt.substring(verOffset+8)):(nameOffset=nAgt.lastIndexOf(" ")+1)<(verOffset=nAgt.lastIndexOf("/"))&&(jQuery.browser.name=nAgt.substring(nameOffset,verOffset),jQuery.browser.fullVersion=nAgt.substring(verOffset+1),jQuery.browser.name.toLowerCase()==jQuery.browser.name.toUpperCase()&&(jQuery.browser.name=navigator.appName));-1!=(ix=jQuery.browser.fullVersion.indexOf(";"))&&(jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix)),-1!=(ix=jQuery.browser.fullVersion.indexOf(" "))&&(jQuery.browser.fullVersion=jQuery.browser.fullVersion.substring(0,ix)),jQuery.browser.majorVersion=parseInt(""+jQuery.browser.fullVersion,10),isNaN(jQuery.browser.majorVersion)&&(jQuery.browser.fullVersion=""+parseFloat(navigator.appVersion),jQuery.browser.majorVersion=parseInt(navigator.appVersion,10)),jQuery.browser.version=jQuery.browser.majorVersion}jQuery.browser.android=/Android/i.test(nAgt),jQuery.browser.blackberry=/BlackBerry|BB|PlayBook/i.test(nAgt),jQuery.browser.ios=/iPhone|iPad|iPod|webOS/i.test(nAgt),jQuery.browser.operaMobile=/Opera Mini/i.test(nAgt),jQuery.browser.windowsMobile=/IEMobile|Windows Phone/i.test(nAgt),jQuery.browser.kindle=/Kindle|Silk/i.test(nAgt),jQuery.browser.mobile=jQuery.browser.android||jQuery.browser.blackberry||jQuery.browser.ios||jQuery.browser.windowsMobile||jQuery.browser.operaMobile||jQuery.browser.kindle,jQuery.isMobile=jQuery.browser.mobile,jQuery.isTablet=jQuery.browser.mobile&&jQuery(window).width()>765,jQuery.isAndroidDefault=jQuery.browser.android&&!/chrome/i.test(nAgt); +;/*___________________________________________________________________________________________________________________________________________________ + _ jquery.mb.components _ + _ _ + _ file: jquery.mb.simpleSlider.min.js _ + _ last modified: 16/05/15 23.45 _ + _ _ + _ Open Lab s.r.l., Florence - Italy _ + _ _ + _ email: matteo@open-lab.com _ + _ site: http://pupunzi.com _ + _ http://open-lab.com _ + _ blog: http://pupunzi.open-lab.com _ + _ Q&A: http://jquery.pupunzi.com _ + _ _ + _ Licences: MIT, GPL _ + _ http://www.opensource.org/licenses/mit-license.php _ + _ http://www.gnu.org/licenses/gpl.html _ + _ _ + _ Copyright (c) 2001-2015. Matteo Bicocchi (Pupunzi); _ + ___________________________________________________________________________________________________________________________________________________*/ + +!function(e){var t=(/iphone|ipod|ipad|android|ie|blackberry|fennec/.test(navigator.userAgent.toLowerCase()),"ontouchstart"in window||window.navigator&&window.navigator.msPointerEnabled&&window.MSGesture||window.DocumentTouch&&document instanceof DocumentTouch||!1);e.simpleSlider={defaults:{initialval:0,scale:100,orientation:"h",readonly:!1,callback:!1},events:{start:t?"touchstart":"mousedown",end:t?"touchend":"mouseup",move:t?"touchmove":"mousemove"},init:function(o){return this.each(function(){var a=this,l=e(a);l.addClass("simpleSlider"),a.opt={},e.extend(a.opt,e.simpleSlider.defaults,o),e.extend(a.opt,l.data());var i="h"==a.opt.orientation?"horizontal":"vertical",n=e("
").addClass("level").addClass(i);l.prepend(n),a.level=n,l.css({cursor:"default"}),"auto"==a.opt.scale&&(a.opt.scale=e(a).outerWidth()),l.updateSliderVal(),a.opt.readonly||(l.on(e.simpleSlider.events.start,function(e){t&&(e=e.changedTouches[0]),a.canSlide=!0,l.updateSliderVal(e),l.css({cursor:"col-resize"}),e.preventDefault(),e.stopPropagation()}),e(document).on(e.simpleSlider.events.move,function(o){t&&(o=o.changedTouches[0]),a.canSlide&&(e(document).css({cursor:"default"}),l.updateSliderVal(o),o.preventDefault(),o.stopPropagation())}).on(e.simpleSlider.events.end,function(){e(document).css({cursor:"auto"}),a.canSlide=!1,l.css({cursor:"auto"})}))})},updateSliderVal:function(t){function o(e,t){return Math.floor(100*e/t)}var a=this,l=a.get(0);if(l.opt){l.opt.initialval="number"==typeof l.opt.initialval?l.opt.initialval:l.opt.initialval(l);var i=e(l).outerWidth(),n=e(l).outerHeight();l.x="object"==typeof t?t.clientX+document.body.scrollLeft-a.offset().left:"number"==typeof t?t*i/l.opt.scale:l.opt.initialval*i/l.opt.scale,l.y="object"==typeof t?t.clientY+document.body.scrollTop-a.offset().top:"number"==typeof t?(l.opt.scale-l.opt.initialval-t)*n/l.opt.scale:l.opt.initialval*n/l.opt.scale,l.y=a.outerHeight()-l.y,l.scaleX=l.x*l.opt.scale/i,l.scaleY=l.y*l.opt.scale/n,l.outOfRangeX=l.scaleX>l.opt.scale?l.scaleX-l.opt.scale:l.scaleX<0?l.scaleX:0,l.outOfRangeY=l.scaleY>l.opt.scale?l.scaleY-l.opt.scale:l.scaleY<0?l.scaleY:0,l.outOfRange="h"==l.opt.orientation?l.outOfRangeX:l.outOfRangeY,"undefined"!=typeof t?l.value="h"==l.opt.orientation?l.x>=a.outerWidth()?l.opt.scale:l.x<=0?0:l.scaleX:l.y>=a.outerHeight()?l.opt.scale:l.y<=0?0:l.scaleY:l.value="h"==l.opt.orientation?l.scaleX:l.scaleY,"h"==l.opt.orientation?l.level.width(o(l.x,i)+"%"):l.level.height(o(l.y,n)),"function"==typeof l.opt.callback&&l.opt.callback(l)}}},e.fn.simpleSlider=e.simpleSlider.init,e.fn.updateSliderVal=e.simpleSlider.updateSliderVal}(jQuery); +;/*___________________________________________________________________________________________________________________________________________________ + _ jquery.mb.components _ + _ _ + _ file: jquery.mb.storage.min.js _ + _ last modified: 24/05/15 16.08 _ + _ _ + _ Open Lab s.r.l., Florence - Italy _ + _ _ + _ email: matteo@open-lab.com _ + _ site: http://pupunzi.com _ + _ http://open-lab.com _ + _ blog: http://pupunzi.open-lab.com _ + _ Q&A: http://jquery.pupunzi.com _ + _ _ + _ Licences: MIT, GPL _ + _ http://www.opensource.org/licenses/mit-license.php _ + _ http://www.gnu.org/licenses/gpl.html _ + _ _ + _ Copyright (c) 2001-2015. Matteo Bicocchi (Pupunzi); _ + ___________________________________________________________________________________________________________________________________________________*/ + +!function(a){a.mbCookie={set:function(a,b,c,d){b=JSON.stringify(b),c||(c=7),d=d?"; domain="+d:"";var f,e=new Date;e.setTime(e.getTime()+1e3*60*60*24*c),f="; expires="+e.toGMTString(),document.cookie=a+"="+b+f+"; path=/"+d},get:function(a){for(var b=a+"=",c=document.cookie.split(";"),d=0;dn)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b),d=c["offsetParent"in a.fn?"offsetParent":"parent"]();return d.length||(d=a("body")),parseInt(d.css("fontSize"),10)||parseInt(c.css("fontSize"),10)||16},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})}); \ No newline at end of file diff --git a/js/jquery.scrollUp.js b/js/jquery.scrollUp.js new file mode 100644 index 0000000..3e4dd2e --- /dev/null +++ b/js/jquery.scrollUp.js @@ -0,0 +1 @@ +(function($,window,document){'use strict';$.fn.scrollUp=function(options){if(!$.data(document.body,'scrollUp')){$.data(document.body,'scrollUp',true);$.fn.scrollUp.init(options);}};$.fn.scrollUp.init=function(options){var o=$.fn.scrollUp.settings=$.extend({},$.fn.scrollUp.defaults,options),triggerVisible=false,animIn,animOut,animSpeed,scrollDis,scrollEvent,scrollTarget,$self;if(o.scrollTrigger){$self=$(o.scrollTrigger);}else{$self=$('',{id:o.scrollName,href:'#top'});}if(o.scrollTitle){$self.attr('title',o.scrollTitle);}$self.appendTo('body');if(!(o.scrollImg||o.scrollTrigger)){$self.html(o.scrollText);}$self.css({display:'none',position:'fixed',zIndex:o.zIndex});if(o.activeOverlay){$('
',{id:o.scrollName+'-active'}).css({position:'absolute','top':o.scrollDistance+'px',width:'100%',borderTop:'1px dotted'+o.activeOverlay,zIndex:o.zIndex}).appendTo('body');}switch(o.animation){case'fade':animIn='fadeIn';animOut='fadeOut';animSpeed=o.animationSpeed;break;case'slide':animIn='slideDown';animOut='slideUp';animSpeed=o.animationSpeed;break;default:animIn='show';animOut='hide';animSpeed=0;}if(o.scrollFrom==='top'){scrollDis=o.scrollDistance;}else{scrollDis=$(document).height()-$(window).height()-o.scrollDistance;}scrollEvent=$(window).scroll(function(){if($(window).scrollTop()>scrollDis){if(!triggerVisible){$self[animIn](animSpeed);triggerVisible=true;}}else{if(triggerVisible){$self[animOut](animSpeed);triggerVisible=false;}}});if(o.scrollTarget){if(typeof o.scrollTarget==='number'){scrollTarget=o.scrollTarget;}else if(typeof o.scrollTarget==='string'){scrollTarget=Math.floor($(o.scrollTarget).offset().top);}}else{scrollTarget=0;}$self.click(function(e){e.preventDefault();$('html, body').animate({scrollTop:scrollTarget},o.scrollSpeed,o.easingType);});};$.fn.scrollUp.defaults={scrollName:'scrollUp',scrollDistance:300,scrollFrom:'top',scrollSpeed:300,easingType:'linear',animation:'fade',animationSpeed:200,scrollTrigger:false,scrollTarget:false,scrollText:'Scroll to top',scrollTitle:false,scrollImg:false,activeOverlay:false,zIndex:2147483647};$.fn.scrollUp.destroy=function(scrollEvent){$.removeData(document.body,'scrollUp');$('#'+$.fn.scrollUp.settings.scrollName).remove();$('#'+$.fn.scrollUp.settings.scrollName+'-active').remove();if($.fn.jquery.split('.')[1]>=7){$(window).off('scroll',scrollEvent);}else{$(window).unbind('scroll',scrollEvent);}};$.scrollUp=$.fn.scrollUp;})(jQuery,window,document); \ No newline at end of file diff --git a/js/lightgallery-all.js b/js/lightgallery-all.js new file mode 100644 index 0000000..ff50127 --- /dev/null +++ b/js/lightgallery-all.js @@ -0,0 +1,3364 @@ +/*! lightgallery - v1.6.12 - 2019-02-19 +* http://sachinchoolur.github.io/lightGallery/ +* Copyright (c) 2019 Sachin N; Licensed GPLv3 */ +/*! lightgallery - v1.6.12 - 2019-02-19 +* http://sachinchoolur.github.io/lightGallery/ +* Copyright (c) 2019 Sachin N; Licensed GPLv3 */ +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof module === 'object' && module.exports) { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(root["jQuery"]); + } +}(this, function ($) { + + (function() { + 'use strict'; + + var defaults = { + + mode: 'lg-slide', + + // Ex : 'ease' + cssEasing: 'ease', + + //'for jquery animation' + easing: 'linear', + speed: 600, + height: '100%', + width: '100%', + addClass: '', + startClass: 'lg-start-zoom', + backdropDuration: 150, + hideBarsDelay: 6000, + + useLeft: false, + + closable: true, + loop: true, + escKey: true, + keyPress: true, + controls: true, + slideEndAnimatoin: true, + hideControlOnEnd: false, + mousewheel: true, + + getCaptionFromTitleOrAlt: true, + + // .lg-item || '.lg-sub-html' + appendSubHtmlTo: '.lg-sub-html', + + subHtmlSelectorRelative: false, + + /** + * @desc number of preload slides + * will exicute only after the current slide is fully loaded. + * + * @ex you clicked on 4th image and if preload = 1 then 3rd slide and 5th + * slide will be loaded in the background after the 4th slide is fully loaded.. + * if preload is 2 then 2nd 3rd 5th 6th slides will be preloaded.. ... ... + * + */ + preload: 1, + showAfterLoad: true, + selector: '', + selectWithin: '', + nextHtml: '', + prevHtml: '', + + // 0, 1 + index: false, + + iframeMaxWidth: '100%', + + download: true, + counter: true, + appendCounterTo: '.lg-toolbar', + + swipeThreshold: 50, + enableSwipe: true, + enableDrag: true, + + dynamic: false, + dynamicEl: [], + galleryId: 1 + }; + + function Plugin(element, options) { + + // Current lightGallery element + this.el = element; + + // Current jquery element + this.$el = $(element); + + // lightGallery settings + this.s = $.extend({}, defaults, options); + + // When using dynamic mode, ensure dynamicEl is an array + if (this.s.dynamic && this.s.dynamicEl !== 'undefined' && this.s.dynamicEl.constructor === Array && !this.s.dynamicEl.length) { + throw ('When using dynamic mode, you must also define dynamicEl as an Array.'); + } + + // lightGallery modules + this.modules = {}; + + // false when lightgallery complete first slide; + this.lGalleryOn = false; + + this.lgBusy = false; + + // Timeout function for hiding controls; + this.hideBartimeout = false; + + // To determine browser supports for touch events; + this.isTouch = ('ontouchstart' in document.documentElement); + + // Disable hideControlOnEnd if sildeEndAnimation is true + if (this.s.slideEndAnimatoin) { + this.s.hideControlOnEnd = false; + } + + // Gallery items + if (this.s.dynamic) { + this.$items = this.s.dynamicEl; + } else { + if (this.s.selector === 'this') { + this.$items = this.$el; + } else if (this.s.selector !== '') { + if (this.s.selectWithin) { + this.$items = $(this.s.selectWithin).find(this.s.selector); + } else { + this.$items = this.$el.find($(this.s.selector)); + } + } else { + this.$items = this.$el.children(); + } + } + + // .lg-item + this.$slide = ''; + + // .lg-outer + this.$outer = ''; + + this.init(); + + return this; + } + + Plugin.prototype.init = function() { + + var _this = this; + + // s.preload should not be more than $item.length + if (_this.s.preload > _this.$items.length) { + _this.s.preload = _this.$items.length; + } + + // if dynamic option is enabled execute immediately + var _hash = window.location.hash; + if (_hash.indexOf('lg=' + this.s.galleryId) > 0) { + + _this.index = parseInt(_hash.split('&slide=')[1], 10); + + $('body').addClass('lg-from-hash'); + if (!$('body').hasClass('lg-on')) { + setTimeout(function() { + _this.build(_this.index); + }); + + $('body').addClass('lg-on'); + } + } + + if (_this.s.dynamic) { + + _this.$el.trigger('onBeforeOpen.lg'); + + _this.index = _this.s.index || 0; + + // prevent accidental double execution + if (!$('body').hasClass('lg-on')) { + setTimeout(function() { + _this.build(_this.index); + $('body').addClass('lg-on'); + }); + } + } else { + + // Using different namespace for click because click event should not unbind if selector is same object('this') + _this.$items.on('click.lgcustom', function(event) { + + // For IE8 + try { + event.preventDefault(); + event.preventDefault(); + } catch (er) { + event.returnValue = false; + } + + _this.$el.trigger('onBeforeOpen.lg'); + + _this.index = _this.s.index || _this.$items.index(this); + + // prevent accidental double execution + if (!$('body').hasClass('lg-on')) { + _this.build(_this.index); + $('body').addClass('lg-on'); + } + }); + } + + }; + + Plugin.prototype.build = function(index) { + + var _this = this; + + _this.structure(); + + // module constructor + $.each($.fn.lightGallery.modules, function(key) { + _this.modules[key] = new $.fn.lightGallery.modules[key](_this.el); + }); + + // initiate slide function + _this.slide(index, false, false, false); + + if (_this.s.keyPress) { + _this.keyPress(); + } + + if (_this.$items.length > 1) { + + _this.arrow(); + + setTimeout(function() { + _this.enableDrag(); + _this.enableSwipe(); + }, 50); + + if (_this.s.mousewheel) { + _this.mousewheel(); + } + } else { + _this.$slide.on('click.lg', function() { + _this.$el.trigger('onSlideClick.lg'); + }); + } + + _this.counter(); + + _this.closeGallery(); + + _this.$el.trigger('onAfterOpen.lg'); + + // Hide controllers if mouse doesn't move for some period + _this.$outer.on('mousemove.lg click.lg touchstart.lg', function() { + + _this.$outer.removeClass('lg-hide-items'); + + clearTimeout(_this.hideBartimeout); + + // Timeout will be cleared on each slide movement also + _this.hideBartimeout = setTimeout(function() { + _this.$outer.addClass('lg-hide-items'); + }, _this.s.hideBarsDelay); + + }); + + _this.$outer.trigger('mousemove.lg'); + + }; + + Plugin.prototype.structure = function() { + var list = ''; + var controls = ''; + var i = 0; + var subHtmlCont = ''; + var template; + var _this = this; + + $('body').append('
'); + $('.lg-backdrop').css('transition-duration', this.s.backdropDuration + 'ms'); + + // Create gallery items + for (i = 0; i < this.$items.length; i++) { + list += '
'; + } + + // Create controlls + if (this.s.controls && this.$items.length > 1) { + controls = '
' + + '' + + '' + + '
'; + } + + if (this.s.appendSubHtmlTo === '.lg-sub-html') { + subHtmlCont = '
'; + } + + template = '
' + + '
' + + '
' + list + '
' + + '
' + + '' + + '
' + + controls + + subHtmlCont + + '
' + + '
'; + + $('body').append(template); + this.$outer = $('.lg-outer'); + this.$slide = this.$outer.find('.lg-item'); + + if (this.s.useLeft) { + this.$outer.addClass('lg-use-left'); + + // Set mode lg-slide if use left is true; + this.s.mode = 'lg-slide'; + } else { + this.$outer.addClass('lg-use-css3'); + } + + // For fixed height gallery + _this.setTop(); + $(window).on('resize.lg orientationchange.lg', function() { + setTimeout(function() { + _this.setTop(); + }, 100); + }); + + // add class lg-current to remove initial transition + this.$slide.eq(this.index).addClass('lg-current'); + + // add Class for css support and transition mode + if (this.doCss()) { + this.$outer.addClass('lg-css3'); + } else { + this.$outer.addClass('lg-css'); + + // Set speed 0 because no animation will happen if browser doesn't support css3 + this.s.speed = 0; + } + + this.$outer.addClass(this.s.mode); + + if (this.s.enableDrag && this.$items.length > 1) { + this.$outer.addClass('lg-grab'); + } + + if (this.s.showAfterLoad) { + this.$outer.addClass('lg-show-after-load'); + } + + if (this.doCss()) { + var $inner = this.$outer.find('.lg-inner'); + $inner.css('transition-timing-function', this.s.cssEasing); + $inner.css('transition-duration', this.s.speed + 'ms'); + } + + setTimeout(function() { + $('.lg-backdrop').addClass('in'); + }); + + setTimeout(function() { + _this.$outer.addClass('lg-visible'); + }, this.s.backdropDuration); + + if (this.s.download) { + this.$outer.find('.lg-toolbar').append('
'); + } + + // Store the current scroll top value to scroll back after closing the gallery.. + this.prevScrollTop = $(window).scrollTop(); + + }; + + // For fixed height gallery + Plugin.prototype.setTop = function() { + if (this.s.height !== '100%') { + var wH = $(window).height(); + var top = (wH - parseInt(this.s.height, 10)) / 2; + var $lGallery = this.$outer.find('.lg'); + if (wH >= parseInt(this.s.height, 10)) { + $lGallery.css('top', top + 'px'); + } else { + $lGallery.css('top', '0px'); + } + } + }; + + // Find css3 support + Plugin.prototype.doCss = function() { + // check for css animation support + var support = function() { + var transition = ['transition', 'MozTransition', 'WebkitTransition', 'OTransition', 'msTransition', 'KhtmlTransition']; + var root = document.documentElement; + var i = 0; + for (i = 0; i < transition.length; i++) { + if (transition[i] in root.style) { + return true; + } + } + }; + + if (support()) { + return true; + } + + return false; + }; + + /** + * @desc Check the given src is video + * @param {String} src + * @return {Object} video type + * Ex:{ youtube : ["//www.youtube.com/watch?v=c0asJgSyxcY", "c0asJgSyxcY"] } + */ + Plugin.prototype.isVideo = function(src, index) { + + var html; + if (this.s.dynamic) { + html = this.s.dynamicEl[index].html; + } else { + html = this.$items.eq(index).attr('data-html'); + } + + if (!src) { + if(html) { + return { + html5: true + }; + } else { + console.error('lightGallery :- data-src is not pvovided on slide item ' + (index + 1) + '. Please make sure the selector property is properly configured. More info - http://sachinchoolur.github.io/lightGallery/demos/html-markup.html'); + return false; + } + } + + var youtube = src.match(/\/\/(?:www\.)?youtu(?:\.be|be\.com|be-nocookie\.com)\/(?:watch\?v=|embed\/)?([a-z0-9\-\_\%]+)/i); + var vimeo = src.match(/\/\/(?:www\.)?vimeo.com\/([0-9a-z\-_]+)/i); + var dailymotion = src.match(/\/\/(?:www\.)?dai.ly\/([0-9a-z\-_]+)/i); + var vk = src.match(/\/\/(?:www\.)?(?:vk\.com|vkontakte\.ru)\/(?:video_ext\.php\?)(.*)/i); + + if (youtube) { + return { + youtube: youtube + }; + } else if (vimeo) { + return { + vimeo: vimeo + }; + } else if (dailymotion) { + return { + dailymotion: dailymotion + }; + } else if (vk) { + return { + vk: vk + }; + } + }; + + /** + * @desc Create image counter + * Ex: 1/10 + */ + Plugin.prototype.counter = function() { + if (this.s.counter) { + $(this.s.appendCounterTo).append('
' + (parseInt(this.index, 10) + 1) + ' / ' + this.$items.length + '
'); + } + }; + + /** + * @desc add sub-html into the slide + * @param {Number} index - index of the slide + */ + Plugin.prototype.addHtml = function(index) { + var subHtml = null; + var subHtmlUrl; + var $currentEle; + if (this.s.dynamic) { + if (this.s.dynamicEl[index].subHtmlUrl) { + subHtmlUrl = this.s.dynamicEl[index].subHtmlUrl; + } else { + subHtml = this.s.dynamicEl[index].subHtml; + } + } else { + $currentEle = this.$items.eq(index); + if ($currentEle.attr('data-sub-html-url')) { + subHtmlUrl = $currentEle.attr('data-sub-html-url'); + } else { + subHtml = $currentEle.attr('data-sub-html'); + if (this.s.getCaptionFromTitleOrAlt && !subHtml) { + subHtml = $currentEle.attr('title') || $currentEle.find('img').first().attr('alt'); + } + } + } + + if (!subHtmlUrl) { + if (typeof subHtml !== 'undefined' && subHtml !== null) { + + // get first letter of subhtml + // if first letter starts with . or # get the html form the jQuery object + var fL = subHtml.substring(0, 1); + if (fL === '.' || fL === '#') { + if (this.s.subHtmlSelectorRelative && !this.s.dynamic) { + subHtml = $currentEle.find(subHtml).html(); + } else { + subHtml = $(subHtml).html(); + } + } + } else { + subHtml = ''; + } + } + + if (this.s.appendSubHtmlTo === '.lg-sub-html') { + + if (subHtmlUrl) { + this.$outer.find(this.s.appendSubHtmlTo).load(subHtmlUrl); + } else { + this.$outer.find(this.s.appendSubHtmlTo).html(subHtml); + } + + } else { + + if (subHtmlUrl) { + this.$slide.eq(index).load(subHtmlUrl); + } else { + this.$slide.eq(index).append(subHtml); + } + } + + // Add lg-empty-html class if title doesn't exist + if (typeof subHtml !== 'undefined' && subHtml !== null) { + if (subHtml === '') { + this.$outer.find(this.s.appendSubHtmlTo).addClass('lg-empty-html'); + } else { + this.$outer.find(this.s.appendSubHtmlTo).removeClass('lg-empty-html'); + } + } + + this.$el.trigger('onAfterAppendSubHtml.lg', [index]); + }; + + /** + * @desc Preload slides + * @param {Number} index - index of the slide + */ + Plugin.prototype.preload = function(index) { + var i = 1; + var j = 1; + for (i = 1; i <= this.s.preload; i++) { + if (i >= this.$items.length - index) { + break; + } + + this.loadContent(index + i, false, 0); + } + + for (j = 1; j <= this.s.preload; j++) { + if (index - j < 0) { + break; + } + + this.loadContent(index - j, false, 0); + } + }; + + /** + * @desc Load slide content into slide. + * @param {Number} index - index of the slide. + * @param {Boolean} rec - if true call loadcontent() function again. + * @param {Boolean} delay - delay for adding complete class. it is 0 except first time. + */ + Plugin.prototype.loadContent = function(index, rec, delay) { + + var _this = this; + var _hasPoster = false; + var _$img; + var _src; + var _poster; + var _srcset; + var _sizes; + var _html; + var getResponsiveSrc = function(srcItms) { + var rsWidth = []; + var rsSrc = []; + for (var i = 0; i < srcItms.length; i++) { + var __src = srcItms[i].split(' '); + + // Manage empty space + if (__src[0] === '') { + __src.splice(0, 1); + } + + rsSrc.push(__src[0]); + rsWidth.push(__src[1]); + } + + var wWidth = $(window).width(); + for (var j = 0; j < rsWidth.length; j++) { + if (parseInt(rsWidth[j], 10) > wWidth) { + _src = rsSrc[j]; + break; + } + } + }; + + if (_this.s.dynamic) { + + if (_this.s.dynamicEl[index].poster) { + _hasPoster = true; + _poster = _this.s.dynamicEl[index].poster; + } + + _html = _this.s.dynamicEl[index].html; + _src = _this.s.dynamicEl[index].src; + + if (_this.s.dynamicEl[index].responsive) { + var srcDyItms = _this.s.dynamicEl[index].responsive.split(','); + getResponsiveSrc(srcDyItms); + } + + _srcset = _this.s.dynamicEl[index].srcset; + _sizes = _this.s.dynamicEl[index].sizes; + + } else { + + if (_this.$items.eq(index).attr('data-poster')) { + _hasPoster = true; + _poster = _this.$items.eq(index).attr('data-poster'); + } + + _html = _this.$items.eq(index).attr('data-html'); + _src = _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src'); + + if (_this.$items.eq(index).attr('data-responsive')) { + var srcItms = _this.$items.eq(index).attr('data-responsive').split(','); + getResponsiveSrc(srcItms); + } + + _srcset = _this.$items.eq(index).attr('data-srcset'); + _sizes = _this.$items.eq(index).attr('data-sizes'); + + } + + //if (_src || _srcset || _sizes || _poster) { + + var iframe = false; + if (_this.s.dynamic) { + if (_this.s.dynamicEl[index].iframe) { + iframe = true; + } + } else { + if (_this.$items.eq(index).attr('data-iframe') === 'true') { + iframe = true; + } + } + + var _isVideo = _this.isVideo(_src, index); + if (!_this.$slide.eq(index).hasClass('lg-loaded')) { + if (iframe) { + _this.$slide.eq(index).prepend('
'); + } else if (_hasPoster) { + var videoClass = ''; + if (_isVideo && _isVideo.youtube) { + videoClass = 'lg-has-youtube'; + } else if (_isVideo && _isVideo.vimeo) { + videoClass = 'lg-has-vimeo'; + } else { + videoClass = 'lg-has-html5'; + } + + _this.$slide.eq(index).prepend('
'); + + } else if (_isVideo) { + _this.$slide.eq(index).prepend('
'); + _this.$el.trigger('hasVideo.lg', [index, _src, _html]); + } else { + _this.$slide.eq(index).prepend('
'); + } + + _this.$el.trigger('onAferAppendSlide.lg', [index]); + + _$img = _this.$slide.eq(index).find('.lg-object'); + if (_sizes) { + _$img.attr('sizes', _sizes); + } + + if (_srcset) { + _$img.attr('srcset', _srcset); + try { + picturefill({ + elements: [_$img[0]] + }); + } catch (e) { + console.warn('lightGallery :- If you want srcset to be supported for older browser please include picturefil version 2 javascript library in your document.'); + } + } + + if (this.s.appendSubHtmlTo !== '.lg-sub-html') { + _this.addHtml(index); + } + + _this.$slide.eq(index).addClass('lg-loaded'); + } + + _this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() { + + // For first time add some delay for displaying the start animation. + var _speed = 0; + + // Do not change the delay value because it is required for zoom plugin. + // If gallery opened from direct url (hash) speed value should be 0 + if (delay && !$('body').hasClass('lg-from-hash')) { + _speed = delay; + } + + setTimeout(function() { + _this.$slide.eq(index).addClass('lg-complete'); + _this.$el.trigger('onSlideItemLoad.lg', [index, delay || 0]); + }, _speed); + + }); + + // @todo check load state for html5 videos + if (_isVideo && _isVideo.html5 && !_hasPoster) { + _this.$slide.eq(index).addClass('lg-complete'); + } + + if (rec === true) { + if (!_this.$slide.eq(index).hasClass('lg-complete')) { + _this.$slide.eq(index).find('.lg-object').on('load.lg error.lg', function() { + _this.preload(index); + }); + } else { + _this.preload(index); + } + } + + //} + }; + + /** + * @desc slide function for lightgallery + ** Slide() gets call on start + ** ** Set lg.on true once slide() function gets called. + ** Call loadContent() on slide() function inside setTimeout + ** ** On first slide we do not want any animation like slide of fade + ** ** So on first slide( if lg.on if false that is first slide) loadContent() should start loading immediately + ** ** Else loadContent() should wait for the transition to complete. + ** ** So set timeout s.speed + 50 + <=> ** loadContent() will load slide content in to the particular slide + ** ** It has recursion (rec) parameter. if rec === true loadContent() will call preload() function. + ** ** preload will execute only when the previous slide is fully loaded (images iframe) + ** ** avoid simultaneous image load + <=> ** Preload() will check for s.preload value and call loadContent() again accoring to preload value + ** loadContent() <====> Preload(); + + * @param {Number} index - index of the slide + * @param {Boolean} fromTouch - true if slide function called via touch event or mouse drag + * @param {Boolean} fromThumb - true if slide function called via thumbnail click + * @param {String} direction - Direction of the slide(next/prev) + */ + Plugin.prototype.slide = function(index, fromTouch, fromThumb, direction) { + + var _prevIndex = this.$outer.find('.lg-current').index(); + var _this = this; + + // Prevent if multiple call + // Required for hsh plugin + if (_this.lGalleryOn && (_prevIndex === index)) { + return; + } + + var _length = this.$slide.length; + var _time = _this.lGalleryOn ? this.s.speed : 0; + + if (!_this.lgBusy) { + + if (this.s.download) { + var _src; + if (_this.s.dynamic) { + _src = _this.s.dynamicEl[index].downloadUrl !== false && (_this.s.dynamicEl[index].downloadUrl || _this.s.dynamicEl[index].src); + } else { + _src = _this.$items.eq(index).attr('data-download-url') !== 'false' && (_this.$items.eq(index).attr('data-download-url') || _this.$items.eq(index).attr('href') || _this.$items.eq(index).attr('data-src')); + + } + + if (_src) { + $('#lg-download').attr('href', _src); + _this.$outer.removeClass('lg-hide-download'); + } else { + _this.$outer.addClass('lg-hide-download'); + } + } + + this.$el.trigger('onBeforeSlide.lg', [_prevIndex, index, fromTouch, fromThumb]); + + _this.lgBusy = true; + + clearTimeout(_this.hideBartimeout); + + // Add title if this.s.appendSubHtmlTo === lg-sub-html + if (this.s.appendSubHtmlTo === '.lg-sub-html') { + + // wait for slide animation to complete + setTimeout(function() { + _this.addHtml(index); + }, _time); + } + + this.arrowDisable(index); + + if (!direction) { + if (index < _prevIndex) { + direction = 'prev'; + } else if (index > _prevIndex) { + direction = 'next'; + } + } + + if (!fromTouch) { + + // remove all transitions + _this.$outer.addClass('lg-no-trans'); + + this.$slide.removeClass('lg-prev-slide lg-next-slide'); + + if (direction === 'prev') { + + //prevslide + this.$slide.eq(index).addClass('lg-prev-slide'); + this.$slide.eq(_prevIndex).addClass('lg-next-slide'); + } else { + + // next slide + this.$slide.eq(index).addClass('lg-next-slide'); + this.$slide.eq(_prevIndex).addClass('lg-prev-slide'); + } + + // give 50 ms for browser to add/remove class + setTimeout(function() { + _this.$slide.removeClass('lg-current'); + + //_this.$slide.eq(_prevIndex).removeClass('lg-current'); + _this.$slide.eq(index).addClass('lg-current'); + + // reset all transitions + _this.$outer.removeClass('lg-no-trans'); + }, 50); + } else { + + this.$slide.removeClass('lg-prev-slide lg-current lg-next-slide'); + var touchPrev; + var touchNext; + if (_length > 2) { + touchPrev = index - 1; + touchNext = index + 1; + + if ((index === 0) && (_prevIndex === _length - 1)) { + + // next slide + touchNext = 0; + touchPrev = _length - 1; + } else if ((index === _length - 1) && (_prevIndex === 0)) { + + // prev slide + touchNext = 0; + touchPrev = _length - 1; + } + + } else { + touchPrev = 0; + touchNext = 1; + } + + if (direction === 'prev') { + _this.$slide.eq(touchNext).addClass('lg-next-slide'); + } else { + _this.$slide.eq(touchPrev).addClass('lg-prev-slide'); + } + + _this.$slide.eq(index).addClass('lg-current'); + } + + if (_this.lGalleryOn) { + setTimeout(function() { + _this.loadContent(index, true, 0); + }, this.s.speed + 50); + + setTimeout(function() { + _this.lgBusy = false; + _this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]); + }, this.s.speed); + + } else { + _this.loadContent(index, true, _this.s.backdropDuration); + + _this.lgBusy = false; + _this.$el.trigger('onAfterSlide.lg', [_prevIndex, index, fromTouch, fromThumb]); + } + + _this.lGalleryOn = true; + + if (this.s.counter) { + $('#lg-counter-current').text(index + 1); + } + + } + _this.index = index; + + }; + + /** + * @desc Go to next slide + * @param {Boolean} fromTouch - true if slide function called via touch event + */ + Plugin.prototype.goToNextSlide = function(fromTouch) { + var _this = this; + var _loop = _this.s.loop; + if (fromTouch && _this.$slide.length < 3) { + _loop = false; + } + + if (!_this.lgBusy) { + if ((_this.index + 1) < _this.$slide.length) { + _this.index++; + _this.$el.trigger('onBeforeNextSlide.lg', [_this.index]); + _this.slide(_this.index, fromTouch, false, 'next'); + } else { + if (_loop) { + _this.index = 0; + _this.$el.trigger('onBeforeNextSlide.lg', [_this.index]); + _this.slide(_this.index, fromTouch, false, 'next'); + } else if (_this.s.slideEndAnimatoin && !fromTouch) { + _this.$outer.addClass('lg-right-end'); + setTimeout(function() { + _this.$outer.removeClass('lg-right-end'); + }, 400); + } + } + } + }; + + /** + * @desc Go to previous slide + * @param {Boolean} fromTouch - true if slide function called via touch event + */ + Plugin.prototype.goToPrevSlide = function(fromTouch) { + var _this = this; + var _loop = _this.s.loop; + if (fromTouch && _this.$slide.length < 3) { + _loop = false; + } + + if (!_this.lgBusy) { + if (_this.index > 0) { + _this.index--; + _this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]); + _this.slide(_this.index, fromTouch, false, 'prev'); + } else { + if (_loop) { + _this.index = _this.$items.length - 1; + _this.$el.trigger('onBeforePrevSlide.lg', [_this.index, fromTouch]); + _this.slide(_this.index, fromTouch, false, 'prev'); + } else if (_this.s.slideEndAnimatoin && !fromTouch) { + _this.$outer.addClass('lg-left-end'); + setTimeout(function() { + _this.$outer.removeClass('lg-left-end'); + }, 400); + } + } + } + }; + + Plugin.prototype.keyPress = function() { + var _this = this; + if (this.$items.length > 1) { + $(window).on('keyup.lg', function(e) { + if (_this.$items.length > 1) { + if (e.keyCode === 37) { + e.preventDefault(); + _this.goToPrevSlide(); + } + + if (e.keyCode === 39) { + e.preventDefault(); + _this.goToNextSlide(); + } + } + }); + } + + $(window).on('keydown.lg', function(e) { + if (_this.s.escKey === true && e.keyCode === 27) { + e.preventDefault(); + if (!_this.$outer.hasClass('lg-thumb-open')) { + _this.destroy(); + } else { + _this.$outer.removeClass('lg-thumb-open'); + } + } + }); + }; + + Plugin.prototype.arrow = function() { + var _this = this; + this.$outer.find('.lg-prev').on('click.lg', function() { + _this.goToPrevSlide(); + }); + + this.$outer.find('.lg-next').on('click.lg', function() { + _this.goToNextSlide(); + }); + }; + + Plugin.prototype.arrowDisable = function(index) { + + // Disable arrows if s.hideControlOnEnd is true + if (!this.s.loop && this.s.hideControlOnEnd) { + if ((index + 1) < this.$slide.length) { + this.$outer.find('.lg-next').removeAttr('disabled').removeClass('disabled'); + } else { + this.$outer.find('.lg-next').attr('disabled', 'disabled').addClass('disabled'); + } + + if (index > 0) { + this.$outer.find('.lg-prev').removeAttr('disabled').removeClass('disabled'); + } else { + this.$outer.find('.lg-prev').attr('disabled', 'disabled').addClass('disabled'); + } + } + }; + + Plugin.prototype.setTranslate = function($el, xValue, yValue) { + // jQuery supports Automatic CSS prefixing since jQuery 1.8.0 + if (this.s.useLeft) { + $el.css('left', xValue); + } else { + $el.css({ + transform: 'translate3d(' + (xValue) + 'px, ' + yValue + 'px, 0px)' + }); + } + }; + + Plugin.prototype.touchMove = function(startCoords, endCoords) { + + var distance = endCoords - startCoords; + + if (Math.abs(distance) > 15) { + // reset opacity and transition duration + this.$outer.addClass('lg-dragging'); + + // move current slide + this.setTranslate(this.$slide.eq(this.index), distance, 0); + + // move next and prev slide with current slide + this.setTranslate($('.lg-prev-slide'), -this.$slide.eq(this.index).width() + distance, 0); + this.setTranslate($('.lg-next-slide'), this.$slide.eq(this.index).width() + distance, 0); + } + }; + + Plugin.prototype.touchEnd = function(distance) { + var _this = this; + + // keep slide animation for any mode while dragg/swipe + if (_this.s.mode !== 'lg-slide') { + _this.$outer.addClass('lg-slide'); + } + + this.$slide.not('.lg-current, .lg-prev-slide, .lg-next-slide').css('opacity', '0'); + + // set transition duration + setTimeout(function() { + _this.$outer.removeClass('lg-dragging'); + if ((distance < 0) && (Math.abs(distance) > _this.s.swipeThreshold)) { + _this.goToNextSlide(true); + } else if ((distance > 0) && (Math.abs(distance) > _this.s.swipeThreshold)) { + _this.goToPrevSlide(true); + } else if (Math.abs(distance) < 5) { + + // Trigger click if distance is less than 5 pix + _this.$el.trigger('onSlideClick.lg'); + } + + _this.$slide.removeAttr('style'); + }); + + // remove slide class once drag/swipe is completed if mode is not slide + setTimeout(function() { + if (!_this.$outer.hasClass('lg-dragging') && _this.s.mode !== 'lg-slide') { + _this.$outer.removeClass('lg-slide'); + } + }, _this.s.speed + 100); + + }; + + Plugin.prototype.enableSwipe = function() { + var _this = this; + var startCoords = 0; + var endCoords = 0; + var isMoved = false; + + if (_this.s.enableSwipe && _this.doCss()) { + + _this.$slide.on('touchstart.lg', function(e) { + if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy) { + e.preventDefault(); + _this.manageSwipeClass(); + startCoords = e.originalEvent.targetTouches[0].pageX; + } + }); + + _this.$slide.on('touchmove.lg', function(e) { + if (!_this.$outer.hasClass('lg-zoomed')) { + e.preventDefault(); + endCoords = e.originalEvent.targetTouches[0].pageX; + _this.touchMove(startCoords, endCoords); + isMoved = true; + } + }); + + _this.$slide.on('touchend.lg', function() { + if (!_this.$outer.hasClass('lg-zoomed')) { + if (isMoved) { + isMoved = false; + _this.touchEnd(endCoords - startCoords); + } else { + _this.$el.trigger('onSlideClick.lg'); + } + } + }); + } + + }; + + Plugin.prototype.enableDrag = function() { + var _this = this; + var startCoords = 0; + var endCoords = 0; + var isDraging = false; + var isMoved = false; + if (_this.s.enableDrag && _this.doCss()) { + _this.$slide.on('mousedown.lg', function(e) { + if (!_this.$outer.hasClass('lg-zoomed') && !_this.lgBusy && !$(e.target).text().trim()) { + e.preventDefault(); + _this.manageSwipeClass(); + startCoords = e.pageX; + isDraging = true; + + // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723 + _this.$outer.scrollLeft += 1; + _this.$outer.scrollLeft -= 1; + + // * + + _this.$outer.removeClass('lg-grab').addClass('lg-grabbing'); + + _this.$el.trigger('onDragstart.lg'); + } + }); + + $(window).on('mousemove.lg', function(e) { + if (isDraging) { + isMoved = true; + endCoords = e.pageX; + _this.touchMove(startCoords, endCoords); + _this.$el.trigger('onDragmove.lg'); + } + }); + + $(window).on('mouseup.lg', function(e) { + if (isMoved) { + isMoved = false; + _this.touchEnd(endCoords - startCoords); + _this.$el.trigger('onDragend.lg'); + } else if ($(e.target).hasClass('lg-object') || $(e.target).hasClass('lg-video-play')) { + _this.$el.trigger('onSlideClick.lg'); + } + + // Prevent execution on click + if (isDraging) { + isDraging = false; + _this.$outer.removeClass('lg-grabbing').addClass('lg-grab'); + } + }); + + } + }; + + Plugin.prototype.manageSwipeClass = function() { + var _touchNext = this.index + 1; + var _touchPrev = this.index - 1; + if (this.s.loop && this.$slide.length > 2) { + if (this.index === 0) { + _touchPrev = this.$slide.length - 1; + } else if (this.index === this.$slide.length - 1) { + _touchNext = 0; + } + } + + this.$slide.removeClass('lg-next-slide lg-prev-slide'); + if (_touchPrev > -1) { + this.$slide.eq(_touchPrev).addClass('lg-prev-slide'); + } + + this.$slide.eq(_touchNext).addClass('lg-next-slide'); + }; + + Plugin.prototype.mousewheel = function() { + var _this = this; + _this.$outer.on('mousewheel.lg', function(e) { + + if (!e.deltaY) { + return; + } + + if (e.deltaY > 0) { + _this.goToPrevSlide(); + } else { + _this.goToNextSlide(); + } + + e.preventDefault(); + }); + + }; + + Plugin.prototype.closeGallery = function() { + + var _this = this; + var mousedown = false; + this.$outer.find('.lg-close').on('click.lg', function() { + _this.destroy(); + }); + + if (_this.s.closable) { + + // If you drag the slide and release outside gallery gets close on chrome + // for preventing this check mousedown and mouseup happened on .lg-item or lg-outer + _this.$outer.on('mousedown.lg', function(e) { + + if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap')) { + mousedown = true; + } else { + mousedown = false; + } + + }); + + _this.$outer.on('mousemove.lg', function() { + mousedown = false; + }); + + _this.$outer.on('mouseup.lg', function(e) { + + if ($(e.target).is('.lg-outer') || $(e.target).is('.lg-item ') || $(e.target).is('.lg-img-wrap') && mousedown) { + if (!_this.$outer.hasClass('lg-dragging')) { + _this.destroy(); + } + } + + }); + + } + + }; + + Plugin.prototype.destroy = function(d) { + + var _this = this; + + if (!d) { + _this.$el.trigger('onBeforeClose.lg'); + $(window).scrollTop(_this.prevScrollTop); + } + + + /** + * if d is false or undefined destroy will only close the gallery + * plugins instance remains with the element + * + * if d is true destroy will completely remove the plugin + */ + + if (d) { + if (!_this.s.dynamic) { + // only when not using dynamic mode is $items a jquery collection + this.$items.off('click.lg click.lgcustom'); + } + + $.removeData(_this.el, 'lightGallery'); + } + + // Unbind all events added by lightGallery + this.$el.off('.lg.tm'); + + // Distroy all lightGallery modules + $.each($.fn.lightGallery.modules, function(key) { + if (_this.modules[key]) { + _this.modules[key].destroy(); + } + }); + + this.lGalleryOn = false; + + clearTimeout(_this.hideBartimeout); + this.hideBartimeout = false; + $(window).off('.lg'); + $('body').removeClass('lg-on lg-from-hash'); + + if (_this.$outer) { + _this.$outer.removeClass('lg-visible'); + } + + $('.lg-backdrop').removeClass('in'); + + setTimeout(function() { + if (_this.$outer) { + _this.$outer.remove(); + } + + $('.lg-backdrop').remove(); + + if (!d) { + _this.$el.trigger('onCloseAfter.lg'); + } + + }, _this.s.backdropDuration + 50); + }; + + $.fn.lightGallery = function(options) { + return this.each(function() { + if (!$.data(this, 'lightGallery')) { + $.data(this, 'lightGallery', new Plugin(this, options)); + } else { + try { + $(this).data('lightGallery').init(); + } catch (err) { + console.error('lightGallery has not initiated properly'); + } + } + }); + }; + + $.fn.lightGallery.modules = {}; + + })(); + + +})); + +/*! lg-autoplay - v1.0.4 - 2017-03-28 +* http://sachinchoolur.github.io/lightGallery +* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } +}(this, function ($) { + + + (function() { + + 'use strict'; + + var defaults = { + autoplay: false, + pause: 5000, + progressBar: true, + fourceAutoplay: false, + autoplayControls: true, + appendAutoplayControlsTo: '.lg-toolbar' + }; + + /** + * Creates the autoplay plugin. + * @param {object} element - lightGallery element + */ + var Autoplay = function(element) { + + this.core = $(element).data('lightGallery'); + + this.$el = $(element); + + // Execute only if items are above 1 + if (this.core.$items.length < 2) { + return false; + } + + this.core.s = $.extend({}, defaults, this.core.s); + this.interval = false; + + // Identify if slide happened from autoplay + this.fromAuto = true; + + // Identify if autoplay canceled from touch/drag + this.canceledOnTouch = false; + + // save fourceautoplay value + this.fourceAutoplayTemp = this.core.s.fourceAutoplay; + + // do not allow progress bar if browser does not support css3 transitions + if (!this.core.doCss()) { + this.core.s.progressBar = false; + } + + this.init(); + + return this; + }; + + Autoplay.prototype.init = function() { + var _this = this; + + // append autoplay controls + if (_this.core.s.autoplayControls) { + _this.controls(); + } + + // Create progress bar + if (_this.core.s.progressBar) { + _this.core.$outer.find('.lg').append('
'); + } + + // set progress + _this.progress(); + + // Start autoplay + if (_this.core.s.autoplay) { + _this.$el.one('onSlideItemLoad.lg.tm', function() { + _this.startlAuto(); + }); + } + + // cancel interval on touchstart and dragstart + _this.$el.on('onDragstart.lg.tm touchstart.lg.tm', function() { + if (_this.interval) { + _this.cancelAuto(); + _this.canceledOnTouch = true; + } + }); + + // restore autoplay if autoplay canceled from touchstart / dragstart + _this.$el.on('onDragend.lg.tm touchend.lg.tm onSlideClick.lg.tm', function() { + if (!_this.interval && _this.canceledOnTouch) { + _this.startlAuto(); + _this.canceledOnTouch = false; + } + }); + + }; + + Autoplay.prototype.progress = function() { + + var _this = this; + var _$progressBar; + var _$progress; + + _this.$el.on('onBeforeSlide.lg.tm', function() { + + // start progress bar animation + if (_this.core.s.progressBar && _this.fromAuto) { + _$progressBar = _this.core.$outer.find('.lg-progress-bar'); + _$progress = _this.core.$outer.find('.lg-progress'); + if (_this.interval) { + _$progress.removeAttr('style'); + _$progressBar.removeClass('lg-start'); + setTimeout(function() { + _$progress.css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s'); + _$progressBar.addClass('lg-start'); + }, 20); + } + } + + // Remove setinterval if slide is triggered manually and fourceautoplay is false + if (!_this.fromAuto && !_this.core.s.fourceAutoplay) { + _this.cancelAuto(); + } + + _this.fromAuto = false; + + }); + }; + + // Manage autoplay via play/stop buttons + Autoplay.prototype.controls = function() { + var _this = this; + var _html = ''; + + // Append autoplay controls + $(this.core.s.appendAutoplayControlsTo).append(_html); + + _this.core.$outer.find('.lg-autoplay-button').on('click.lg', function() { + if ($(_this.core.$outer).hasClass('lg-show-autoplay')) { + _this.cancelAuto(); + _this.core.s.fourceAutoplay = false; + } else { + if (!_this.interval) { + _this.startlAuto(); + _this.core.s.fourceAutoplay = _this.fourceAutoplayTemp; + } + } + }); + }; + + // Autostart gallery + Autoplay.prototype.startlAuto = function() { + var _this = this; + + _this.core.$outer.find('.lg-progress').css('transition', 'width ' + (_this.core.s.speed + _this.core.s.pause) + 'ms ease 0s'); + _this.core.$outer.addClass('lg-show-autoplay'); + _this.core.$outer.find('.lg-progress-bar').addClass('lg-start'); + + _this.interval = setInterval(function() { + if (_this.core.index + 1 < _this.core.$items.length) { + _this.core.index++; + } else { + _this.core.index = 0; + } + + _this.fromAuto = true; + _this.core.slide(_this.core.index, false, false, 'next'); + }, _this.core.s.speed + _this.core.s.pause); + }; + + // cancel Autostart + Autoplay.prototype.cancelAuto = function() { + clearInterval(this.interval); + this.interval = false; + this.core.$outer.find('.lg-progress').removeAttr('style'); + this.core.$outer.removeClass('lg-show-autoplay'); + this.core.$outer.find('.lg-progress-bar').removeClass('lg-start'); + }; + + Autoplay.prototype.destroy = function() { + + this.cancelAuto(); + this.core.$outer.find('.lg-progress-bar').remove(); + }; + + $.fn.lightGallery.modules.autoplay = Autoplay; + + })(); + + +})); + +/*! lg-fullscreen - v1.1.0 - 2019-02-19 +* http://sachinchoolur.github.io/lightGallery +* Copyright (c) 2019 Sachin N; Licensed GPLv3 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof module === 'object' && module.exports) { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(root["jQuery"]); + } +}(this, function ($) { + + (function() { + + 'use strict'; + + var defaults = { + fullScreen: true + }; + + function isFullScreen() { + return ( + document.fullscreenElement || + document.mozFullScreenElement || + document.webkitFullscreenElement || + document.msFullscreenElement + ); + } + + var Fullscreen = function(element) { + + // get lightGallery core plugin data + this.core = $(element).data('lightGallery'); + + this.$el = $(element); + + // extend module defalut settings with lightGallery core settings + this.core.s = $.extend({}, defaults, this.core.s); + + this.init(); + + return this; + }; + + Fullscreen.prototype.init = function() { + var fullScreen = ''; + if (this.core.s.fullScreen) { + + // check for fullscreen browser support + if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled && + !document.mozFullScreenEnabled && !document.msFullscreenEnabled) { + return; + } else { + fullScreen = ''; + this.core.$outer.find('.lg-toolbar').append(fullScreen); + this.fullScreen(); + } + } + }; + + Fullscreen.prototype.requestFullscreen = function() { + var el = document.documentElement; + if (el.requestFullscreen) { + el.requestFullscreen(); + } else if (el.msRequestFullscreen) { + el.msRequestFullscreen(); + } else if (el.mozRequestFullScreen) { + el.mozRequestFullScreen(); + } else if (el.webkitRequestFullscreen) { + el.webkitRequestFullscreen(); + } + }; + + Fullscreen.prototype.exitFullscreen = function() { + if (document.exitFullscreen) { + document.exitFullscreen(); + } else if (document.msExitFullscreen) { + document.msExitFullscreen(); + } else if (document.mozCancelFullScreen) { + document.mozCancelFullScreen(); + } else if (document.webkitExitFullscreen) { + document.webkitExitFullscreen(); + } + }; + + // https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode + Fullscreen.prototype.fullScreen = function() { + var _this = this; + + $(document).on('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg', function() { + _this.core.$outer.toggleClass('lg-fullscreen-on'); + }); + + this.core.$outer.find('.lg-fullscreen').on('click.lg', function() { + if (isFullScreen()) { + _this.exitFullscreen(); + } else { + _this.requestFullscreen(); + } + }); + + }; + + Fullscreen.prototype.destroy = function() { + + // exit from fullscreen if activated + if(isFullScreen()) { + this.exitFullscreen(); + } + + $(document).off('fullscreenchange.lg webkitfullscreenchange.lg mozfullscreenchange.lg MSFullscreenChange.lg'); + }; + + $.fn.lightGallery.modules.fullscreen = Fullscreen; + + })(); + +})); + +/*! lg-pager - v1.0.2 - 2017-01-22 +* http://sachinchoolur.github.io/lightGallery +* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } +}(this, function ($) { + + (function() { + + 'use strict'; + + var defaults = { + pager: false + }; + + var Pager = function(element) { + + this.core = $(element).data('lightGallery'); + + this.$el = $(element); + this.core.s = $.extend({}, defaults, this.core.s); + if (this.core.s.pager && this.core.$items.length > 1) { + this.init(); + } + + return this; + }; + + Pager.prototype.init = function() { + var _this = this; + var pagerList = ''; + var $pagerCont; + var $pagerOuter; + var timeout; + + _this.core.$outer.find('.lg').append('
'); + + if (_this.core.s.dynamic) { + for (var i = 0; i < _this.core.s.dynamicEl.length; i++) { + pagerList += '
'; + } + } else { + _this.core.$items.each(function() { + + if (!_this.core.s.exThumbImage) { + pagerList += '
'; + } else { + pagerList += '
'; + } + + }); + } + + $pagerOuter = _this.core.$outer.find('.lg-pager-outer'); + + $pagerOuter.html(pagerList); + + $pagerCont = _this.core.$outer.find('.lg-pager-cont'); + $pagerCont.on('click.lg touchend.lg', function() { + var _$this = $(this); + _this.core.index = _$this.index(); + _this.core.slide(_this.core.index, false, true, false); + }); + + $pagerOuter.on('mouseover.lg', function() { + clearTimeout(timeout); + $pagerOuter.addClass('lg-pager-hover'); + }); + + $pagerOuter.on('mouseout.lg', function() { + timeout = setTimeout(function() { + $pagerOuter.removeClass('lg-pager-hover'); + }); + }); + + _this.core.$el.on('onBeforeSlide.lg.tm', function(e, prevIndex, index) { + $pagerCont.removeClass('lg-pager-active'); + $pagerCont.eq(index).addClass('lg-pager-active'); + }); + + }; + + Pager.prototype.destroy = function() { + + }; + + $.fn.lightGallery.modules.pager = Pager; + + })(); + + +})); + +/*! lg-thumbnail - v1.1.0 - 2017-08-08 +* http://sachinchoolur.github.io/lightGallery +* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } +}(this, function ($) { + + (function() { + + 'use strict'; + + var defaults = { + thumbnail: true, + + animateThumb: true, + currentPagerPosition: 'middle', + + thumbWidth: 100, + thumbHeight: '80px', + thumbContHeight: 100, + thumbMargin: 5, + + exThumbImage: false, + showThumbByDefault: true, + toogleThumb: true, + pullCaptionUp: true, + + enableThumbDrag: true, + enableThumbSwipe: true, + swipeThreshold: 50, + + loadYoutubeThumbnail: true, + youtubeThumbSize: 1, + + loadVimeoThumbnail: true, + vimeoThumbSize: 'thumbnail_small', + + loadDailymotionThumbnail: true + }; + + var Thumbnail = function(element) { + + // get lightGallery core plugin data + this.core = $(element).data('lightGallery'); + + // extend module default settings with lightGallery core settings + this.core.s = $.extend({}, defaults, this.core.s); + + this.$el = $(element); + this.$thumbOuter = null; + this.thumbOuterWidth = 0; + this.thumbTotalWidth = (this.core.$items.length * (this.core.s.thumbWidth + this.core.s.thumbMargin)); + this.thumbIndex = this.core.index; + + if (this.core.s.animateThumb) { + this.core.s.thumbHeight = '100%'; + } + + // Thumbnail animation value + this.left = 0; + + this.init(); + + return this; + }; + + Thumbnail.prototype.init = function() { + var _this = this; + if (this.core.s.thumbnail && this.core.$items.length > 1) { + if (this.core.s.showThumbByDefault) { + setTimeout(function(){ + _this.core.$outer.addClass('lg-thumb-open'); + }, 700); + } + + if (this.core.s.pullCaptionUp) { + this.core.$outer.addClass('lg-pull-caption-up'); + } + + this.build(); + if (this.core.s.animateThumb && this.core.doCss()) { + if (this.core.s.enableThumbDrag) { + this.enableThumbDrag(); + } + + if (this.core.s.enableThumbSwipe) { + this.enableThumbSwipe(); + } + + this.thumbClickable = false; + } else { + this.thumbClickable = true; + } + + this.toogle(); + this.thumbkeyPress(); + } + }; + + Thumbnail.prototype.build = function() { + var _this = this; + var thumbList = ''; + var vimeoErrorThumbSize = ''; + var $thumb; + var html = '
' + + '
' + + '
' + + '
'; + + switch (this.core.s.vimeoThumbSize) { + case 'thumbnail_large': + vimeoErrorThumbSize = '640'; + break; + case 'thumbnail_medium': + vimeoErrorThumbSize = '200x150'; + break; + case 'thumbnail_small': + vimeoErrorThumbSize = '100x75'; + } + + _this.core.$outer.addClass('lg-has-thumb'); + + _this.core.$outer.find('.lg').append(html); + + _this.$thumbOuter = _this.core.$outer.find('.lg-thumb-outer'); + _this.thumbOuterWidth = _this.$thumbOuter.width(); + + if (_this.core.s.animateThumb) { + _this.core.$outer.find('.lg-thumb').css({ + width: _this.thumbTotalWidth + 'px', + position: 'relative' + }); + } + + if (this.core.s.animateThumb) { + _this.$thumbOuter.css('height', _this.core.s.thumbContHeight + 'px'); + } + + function getThumb(src, thumb, index) { + var isVideo = _this.core.isVideo(src, index) || {}; + var thumbImg; + var vimeoId = ''; + + if (isVideo.youtube || isVideo.vimeo || isVideo.dailymotion) { + if (isVideo.youtube) { + if (_this.core.s.loadYoutubeThumbnail) { + thumbImg = '//img.youtube.com/vi/' + isVideo.youtube[1] + '/' + _this.core.s.youtubeThumbSize + '.jpg'; + } else { + thumbImg = thumb; + } + } else if (isVideo.vimeo) { + if (_this.core.s.loadVimeoThumbnail) { + thumbImg = '//i.vimeocdn.com/video/error_' + vimeoErrorThumbSize + '.jpg'; + vimeoId = isVideo.vimeo[1]; + } else { + thumbImg = thumb; + } + } else if (isVideo.dailymotion) { + if (_this.core.s.loadDailymotionThumbnail) { + thumbImg = '//www.dailymotion.com/thumbnail/video/' + isVideo.dailymotion[1]; + } else { + thumbImg = thumb; + } + } + } else { + thumbImg = thumb; + } + + thumbList += '
'; + vimeoId = ''; + } + + if (_this.core.s.dynamic) { + for (var i = 0; i < _this.core.s.dynamicEl.length; i++) { + getThumb(_this.core.s.dynamicEl[i].src, _this.core.s.dynamicEl[i].thumb, i); + } + } else { + _this.core.$items.each(function(i) { + + if (!_this.core.s.exThumbImage) { + getThumb($(this).attr('href') || $(this).attr('data-src'), $(this).find('img').attr('src'), i); + } else { + getThumb($(this).attr('href') || $(this).attr('data-src'), $(this).attr(_this.core.s.exThumbImage), i); + } + + }); + } + + _this.core.$outer.find('.lg-thumb').html(thumbList); + + $thumb = _this.core.$outer.find('.lg-thumb-item'); + + // Load vimeo thumbnails + $thumb.each(function() { + var $this = $(this); + var vimeoVideoId = $this.attr('data-vimeo-id'); + + if (vimeoVideoId) { + $.getJSON('//www.vimeo.com/api/v2/video/' + vimeoVideoId + '.json?callback=?', { + format: 'json' + }, function(data) { + $this.find('img').attr('src', data[0][_this.core.s.vimeoThumbSize]); + }); + } + }); + + // manage active class for thumbnail + $thumb.eq(_this.core.index).addClass('active'); + _this.core.$el.on('onBeforeSlide.lg.tm', function() { + $thumb.removeClass('active'); + $thumb.eq(_this.core.index).addClass('active'); + }); + + $thumb.on('click.lg touchend.lg', function() { + var _$this = $(this); + setTimeout(function() { + + // In IE9 and bellow touch does not support + // Go to slide if browser does not support css transitions + if ((_this.thumbClickable && !_this.core.lgBusy) || !_this.core.doCss()) { + _this.core.index = _$this.index(); + _this.core.slide(_this.core.index, false, true, false); + } + }, 50); + }); + + _this.core.$el.on('onBeforeSlide.lg.tm', function() { + _this.animateThumb(_this.core.index); + }); + + $(window).on('resize.lg.thumb orientationchange.lg.thumb', function() { + setTimeout(function() { + _this.animateThumb(_this.core.index); + _this.thumbOuterWidth = _this.$thumbOuter.width(); + }, 200); + }); + + }; + + Thumbnail.prototype.setTranslate = function(value) { + // jQuery supports Automatic CSS prefixing since jQuery 1.8.0 + this.core.$outer.find('.lg-thumb').css({ + transform: 'translate3d(-' + (value) + 'px, 0px, 0px)' + }); + }; + + Thumbnail.prototype.animateThumb = function(index) { + var $thumb = this.core.$outer.find('.lg-thumb'); + if (this.core.s.animateThumb) { + var position; + switch (this.core.s.currentPagerPosition) { + case 'left': + position = 0; + break; + case 'middle': + position = (this.thumbOuterWidth / 2) - (this.core.s.thumbWidth / 2); + break; + case 'right': + position = this.thumbOuterWidth - this.core.s.thumbWidth; + } + this.left = ((this.core.s.thumbWidth + this.core.s.thumbMargin) * index - 1) - position; + if (this.left > (this.thumbTotalWidth - this.thumbOuterWidth)) { + this.left = this.thumbTotalWidth - this.thumbOuterWidth; + } + + if (this.left < 0) { + this.left = 0; + } + + if (this.core.lGalleryOn) { + if (!$thumb.hasClass('on')) { + this.core.$outer.find('.lg-thumb').css('transition-duration', this.core.s.speed + 'ms'); + } + + if (!this.core.doCss()) { + $thumb.animate({ + left: -this.left + 'px' + }, this.core.s.speed); + } + } else { + if (!this.core.doCss()) { + $thumb.css('left', -this.left + 'px'); + } + } + + this.setTranslate(this.left); + + } + }; + + // Enable thumbnail dragging and swiping + Thumbnail.prototype.enableThumbDrag = function() { + + var _this = this; + var startCoords = 0; + var endCoords = 0; + var isDraging = false; + var isMoved = false; + var tempLeft = 0; + + _this.$thumbOuter.addClass('lg-grab'); + + _this.core.$outer.find('.lg-thumb').on('mousedown.lg.thumb', function(e) { + if (_this.thumbTotalWidth > _this.thumbOuterWidth) { + // execute only on .lg-object + e.preventDefault(); + startCoords = e.pageX; + isDraging = true; + + // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723 + _this.core.$outer.scrollLeft += 1; + _this.core.$outer.scrollLeft -= 1; + + // * + _this.thumbClickable = false; + _this.$thumbOuter.removeClass('lg-grab').addClass('lg-grabbing'); + } + }); + + $(window).on('mousemove.lg.thumb', function(e) { + if (isDraging) { + tempLeft = _this.left; + isMoved = true; + endCoords = e.pageX; + + _this.$thumbOuter.addClass('lg-dragging'); + + tempLeft = tempLeft - (endCoords - startCoords); + + if (tempLeft > (_this.thumbTotalWidth - _this.thumbOuterWidth)) { + tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth; + } + + if (tempLeft < 0) { + tempLeft = 0; + } + + // move current slide + _this.setTranslate(tempLeft); + + } + }); + + $(window).on('mouseup.lg.thumb', function() { + if (isMoved) { + isMoved = false; + _this.$thumbOuter.removeClass('lg-dragging'); + + _this.left = tempLeft; + + if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) { + _this.thumbClickable = true; + } + + } else { + _this.thumbClickable = true; + } + + if (isDraging) { + isDraging = false; + _this.$thumbOuter.removeClass('lg-grabbing').addClass('lg-grab'); + } + }); + + }; + + Thumbnail.prototype.enableThumbSwipe = function() { + var _this = this; + var startCoords = 0; + var endCoords = 0; + var isMoved = false; + var tempLeft = 0; + + _this.core.$outer.find('.lg-thumb').on('touchstart.lg', function(e) { + if (_this.thumbTotalWidth > _this.thumbOuterWidth) { + e.preventDefault(); + startCoords = e.originalEvent.targetTouches[0].pageX; + _this.thumbClickable = false; + } + }); + + _this.core.$outer.find('.lg-thumb').on('touchmove.lg', function(e) { + if (_this.thumbTotalWidth > _this.thumbOuterWidth) { + e.preventDefault(); + endCoords = e.originalEvent.targetTouches[0].pageX; + isMoved = true; + + _this.$thumbOuter.addClass('lg-dragging'); + + tempLeft = _this.left; + + tempLeft = tempLeft - (endCoords - startCoords); + + if (tempLeft > (_this.thumbTotalWidth - _this.thumbOuterWidth)) { + tempLeft = _this.thumbTotalWidth - _this.thumbOuterWidth; + } + + if (tempLeft < 0) { + tempLeft = 0; + } + + // move current slide + _this.setTranslate(tempLeft); + + } + }); + + _this.core.$outer.find('.lg-thumb').on('touchend.lg', function() { + if (_this.thumbTotalWidth > _this.thumbOuterWidth) { + + if (isMoved) { + isMoved = false; + _this.$thumbOuter.removeClass('lg-dragging'); + if (Math.abs(endCoords - startCoords) < _this.core.s.swipeThreshold) { + _this.thumbClickable = true; + } + + _this.left = tempLeft; + } else { + _this.thumbClickable = true; + } + } else { + _this.thumbClickable = true; + } + }); + + }; + + Thumbnail.prototype.toogle = function() { + var _this = this; + if (_this.core.s.toogleThumb) { + _this.core.$outer.addClass('lg-can-toggle'); + _this.$thumbOuter.append(''); + _this.core.$outer.find('.lg-toogle-thumb').on('click.lg', function() { + _this.core.$outer.toggleClass('lg-thumb-open'); + }); + } + }; + + Thumbnail.prototype.thumbkeyPress = function() { + var _this = this; + $(window).on('keydown.lg.thumb', function(e) { + if (e.keyCode === 38) { + e.preventDefault(); + _this.core.$outer.addClass('lg-thumb-open'); + } else if (e.keyCode === 40) { + e.preventDefault(); + _this.core.$outer.removeClass('lg-thumb-open'); + } + }); + }; + + Thumbnail.prototype.destroy = function() { + if (this.core.s.thumbnail && this.core.$items.length > 1) { + $(window).off('resize.lg.thumb orientationchange.lg.thumb keydown.lg.thumb'); + this.$thumbOuter.remove(); + this.core.$outer.removeClass('lg-has-thumb'); + } + }; + + $.fn.lightGallery.modules.Thumbnail = Thumbnail; + + })(); + +})); + +/*! lg-video - v1.2.2 - 2018-05-01 +* http://sachinchoolur.github.io/lightGallery +* Copyright (c) 2018 Sachin N; Licensed GPLv3 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof module === 'object' && module.exports) { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(root["jQuery"]); + } +}(this, function ($) { + + (function() { + + 'use strict'; + + var defaults = { + videoMaxWidth: '855px', + + autoplayFirstVideo: true, + + youtubePlayerParams: false, + vimeoPlayerParams: false, + dailymotionPlayerParams: false, + vkPlayerParams: false, + + videojs: false, + videojsOptions: {} + }; + + var Video = function(element) { + + this.core = $(element).data('lightGallery'); + + this.$el = $(element); + this.core.s = $.extend({}, defaults, this.core.s); + this.videoLoaded = false; + + this.init(); + + return this; + }; + + Video.prototype.init = function() { + var _this = this; + + // Event triggered when video url found without poster + _this.core.$el.on('hasVideo.lg.tm', onHasVideo.bind(this)); + + // Set max width for video + _this.core.$el.on('onAferAppendSlide.lg.tm', onAferAppendSlide.bind(this)); + + if (_this.core.doCss() && (_this.core.$items.length > 1) && (_this.core.s.enableSwipe || _this.core.s.enableDrag)) { + _this.core.$el.on('onSlideClick.lg.tm', function() { + var $el = _this.core.$slide.eq(_this.core.index); + _this.loadVideoOnclick($el); + }); + } else { + + // For IE 9 and bellow + _this.core.$slide.on('click.lg', function() { + _this.loadVideoOnclick($(this)); + }); + } + + _this.core.$el.on('onBeforeSlide.lg.tm', onBeforeSlide.bind(this)); + + _this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex) { + _this.core.$slide.eq(prevIndex).removeClass('lg-video-playing'); + }); + + if (_this.core.s.autoplayFirstVideo) { + _this.core.$el.on('onAferAppendSlide.lg.tm', function (e, index) { + if (!_this.core.lGalleryOn) { + var $el = _this.core.$slide.eq(index); + setTimeout(function () { + _this.loadVideoOnclick($el); + }, 100); + } + }); + } + }; + + Video.prototype.loadVideo = function(src, addClass, noPoster, index, html) { + var video = ''; + var autoplay = 1; + var a = ''; + var isVideo = this.core.isVideo(src, index) || {}; + + // Enable autoplay based on setting for first video if poster doesn't exist + if (noPoster) { + if (this.videoLoaded) { + autoplay = 0; + } else { + autoplay = this.core.s.autoplayFirstVideo ? 1 : 0; + } + } + + if (isVideo.youtube) { + + a = '?wmode=opaque&autoplay=' + autoplay + '&enablejsapi=1'; + if (this.core.s.youtubePlayerParams) { + a = a + '&' + $.param(this.core.s.youtubePlayerParams); + } + + video = ''; + + } else if (isVideo.vimeo) { + + a = '?autoplay=' + autoplay + '&api=1'; + if (this.core.s.vimeoPlayerParams) { + a = a + '&' + $.param(this.core.s.vimeoPlayerParams); + } + + video = ''; + + } else if (isVideo.dailymotion) { + + a = '?wmode=opaque&autoplay=' + autoplay + '&api=postMessage'; + if (this.core.s.dailymotionPlayerParams) { + a = a + '&' + $.param(this.core.s.dailymotionPlayerParams); + } + + video = ''; + + } else if (isVideo.html5) { + var fL = html.substring(0, 1); + if (fL === '.' || fL === '#') { + html = $(html).html(); + } + + video = html; + + } else if (isVideo.vk) { + + a = '&autoplay=' + autoplay; + if (this.core.s.vkPlayerParams) { + a = a + '&' + $.param(this.core.s.vkPlayerParams); + } + + video = ''; + + } + + return video; + }; + + Video.prototype.loadVideoOnclick = function($el){ + + var _this = this; + // check slide has poster + if ($el.find('.lg-object').hasClass('lg-has-poster') && $el.find('.lg-object').is(':visible')) { + + // check already video element present + if (!$el.hasClass('lg-has-video')) { + + $el.addClass('lg-video-playing lg-has-video'); + + var _src; + var _html; + var _loadVideo = function(_src, _html) { + + $el.find('.lg-video').append(_this.loadVideo(_src, '', false, _this.core.index, _html)); + + if (_html) { + if (_this.core.s.videojs) { + try { + videojs(_this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0), _this.core.s.videojsOptions, function() { + this.play(); + }); + } catch (e) { + console.error('Make sure you have included videojs'); + } + } else { + _this.core.$slide.eq(_this.core.index).find('.lg-html5').get(0).play(); + } + } + + }; + + if (_this.core.s.dynamic) { + + _src = _this.core.s.dynamicEl[_this.core.index].src; + _html = _this.core.s.dynamicEl[_this.core.index].html; + + _loadVideo(_src, _html); + + } else { + + _src = _this.core.$items.eq(_this.core.index).attr('href') || _this.core.$items.eq(_this.core.index).attr('data-src'); + _html = _this.core.$items.eq(_this.core.index).attr('data-html'); + + _loadVideo(_src, _html); + + } + + var $tempImg = $el.find('.lg-object'); + $el.find('.lg-video').append($tempImg); + + // @todo loading icon for html5 videos also + // for showing the loading indicator while loading video + if (!$el.find('.lg-video-object').hasClass('lg-html5')) { + $el.removeClass('lg-complete'); + $el.find('.lg-video-object').on('load.lg error.lg', function() { + $el.addClass('lg-complete'); + }); + } + + } else { + + var youtubePlayer = $el.find('.lg-youtube').get(0); + var vimeoPlayer = $el.find('.lg-vimeo').get(0); + var dailymotionPlayer = $el.find('.lg-dailymotion').get(0); + var html5Player = $el.find('.lg-html5').get(0); + if (youtubePlayer) { + youtubePlayer.contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*'); + } else if (vimeoPlayer) { + try { + $f(vimeoPlayer).api('play'); + } catch (e) { + console.error('Make sure you have included froogaloop2 js'); + } + } else if (dailymotionPlayer) { + dailymotionPlayer.contentWindow.postMessage('play', '*'); + + } else if (html5Player) { + if (_this.core.s.videojs) { + try { + videojs(html5Player).play(); + } catch (e) { + console.error('Make sure you have included videojs'); + } + } else { + html5Player.play(); + } + } + + $el.addClass('lg-video-playing'); + + } + } + }; + + Video.prototype.destroy = function() { + this.videoLoaded = false; + }; + + function onHasVideo(event, index, src, html) { + /*jshint validthis:true */ + var _this = this; + _this.core.$slide.eq(index).find('.lg-video').append(_this.loadVideo(src, 'lg-object', true, index, html)); + if (html) { + if (_this.core.s.videojs) { + try { + videojs(_this.core.$slide.eq(index).find('.lg-html5').get(0), _this.core.s.videojsOptions, function() { + if (!_this.videoLoaded && _this.core.s.autoplayFirstVideo) { + this.play(); + } + }); + } catch (e) { + console.error('Make sure you have included videojs'); + } + } else { + if(!_this.videoLoaded && _this.core.s.autoplayFirstVideo) { + _this.core.$slide.eq(index).find('.lg-html5').get(0).play(); + } + } + } + } + + function onAferAppendSlide(event, index) { + /*jshint validthis:true */ + var $videoCont = this.core.$slide.eq(index).find('.lg-video-cont'); + if (!$videoCont.hasClass('lg-has-iframe')) { + $videoCont.css('max-width', this.core.s.videoMaxWidth); + this.videoLoaded = true; + } + } + + function onBeforeSlide(event, prevIndex, index) { + /*jshint validthis:true */ + var _this = this; + + var $videoSlide = _this.core.$slide.eq(prevIndex); + var youtubePlayer = $videoSlide.find('.lg-youtube').get(0); + var vimeoPlayer = $videoSlide.find('.lg-vimeo').get(0); + var dailymotionPlayer = $videoSlide.find('.lg-dailymotion').get(0); + var vkPlayer = $videoSlide.find('.lg-vk').get(0); + var html5Player = $videoSlide.find('.lg-html5').get(0); + if (youtubePlayer) { + youtubePlayer.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); + } else if (vimeoPlayer) { + try { + $f(vimeoPlayer).api('pause'); + } catch (e) { + console.error('Make sure you have included froogaloop2 js'); + } + } else if (dailymotionPlayer) { + dailymotionPlayer.contentWindow.postMessage('pause', '*'); + + } else if (html5Player) { + if (_this.core.s.videojs) { + try { + videojs(html5Player).pause(); + } catch (e) { + console.error('Make sure you have included videojs'); + } + } else { + html5Player.pause(); + } + } if (vkPlayer) { + $(vkPlayer).attr('src', $(vkPlayer).attr('src').replace('&autoplay', '&noplay')); + } + + var _src; + if (_this.core.s.dynamic) { + _src = _this.core.s.dynamicEl[index].src; + } else { + _src = _this.core.$items.eq(index).attr('href') || _this.core.$items.eq(index).attr('data-src'); + + } + + var _isVideo = _this.core.isVideo(_src, index) || {}; + if (_isVideo.youtube || _isVideo.vimeo || _isVideo.dailymotion || _isVideo.vk) { + _this.core.$outer.addClass('lg-hide-download'); + } + + } + + $.fn.lightGallery.modules.video = Video; + + })(); + +})); + +/*! lg-zoom - v1.1.0 - 2017-08-08 +* http://sachinchoolur.github.io/lightGallery +* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } +}(this, function ($) { + + (function() { + + 'use strict'; + + var getUseLeft = function() { + var useLeft = false; + var isChrome = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./); + if (isChrome && parseInt(isChrome[2], 10) < 54) { + useLeft = true; + } + + return useLeft; + }; + + var defaults = { + scale: 1, + zoom: true, + actualSize: true, + enableZoomAfter: 300, + useLeftForZoom: getUseLeft() + }; + + var Zoom = function(element) { + + this.core = $(element).data('lightGallery'); + + this.core.s = $.extend({}, defaults, this.core.s); + + if (this.core.s.zoom && this.core.doCss()) { + this.init(); + + // Store the zoomable timeout value just to clear it while closing + this.zoomabletimeout = false; + + // Set the initial value center + this.pageX = $(window).width() / 2; + this.pageY = ($(window).height() / 2) + $(window).scrollTop(); + } + + return this; + }; + + Zoom.prototype.init = function() { + + var _this = this; + var zoomIcons = ''; + + if (_this.core.s.actualSize) { + zoomIcons += ''; + } + + if (_this.core.s.useLeftForZoom) { + _this.core.$outer.addClass('lg-use-left-for-zoom'); + } else { + _this.core.$outer.addClass('lg-use-transition-for-zoom'); + } + + this.core.$outer.find('.lg-toolbar').append(zoomIcons); + + // Add zoomable class + _this.core.$el.on('onSlideItemLoad.lg.tm.zoom', function(event, index, delay) { + + // delay will be 0 except first time + var _speed = _this.core.s.enableZoomAfter + delay; + + // set _speed value 0 if gallery opened from direct url and if it is first slide + if ($('body').hasClass('lg-from-hash') && delay) { + + // will execute only once + _speed = 0; + } else { + + // Remove lg-from-hash to enable starting animation. + $('body').removeClass('lg-from-hash'); + } + + _this.zoomabletimeout = setTimeout(function() { + _this.core.$slide.eq(index).addClass('lg-zoomable'); + }, _speed + 30); + }); + + var scale = 1; + /** + * @desc Image zoom + * Translate the wrap and scale the image to get better user experience + * + * @param {String} scaleVal - Zoom decrement/increment value + */ + var zoom = function(scaleVal) { + + var $image = _this.core.$outer.find('.lg-current .lg-image'); + var _x; + var _y; + + // Find offset manually to avoid issue after zoom + var offsetX = ($(window).width() - $image.prop('offsetWidth')) / 2; + var offsetY = (($(window).height() - $image.prop('offsetHeight')) / 2) + $(window).scrollTop(); + + _x = _this.pageX - offsetX; + _y = _this.pageY - offsetY; + + var x = (scaleVal - 1) * (_x); + var y = (scaleVal - 1) * (_y); + + $image.css('transform', 'scale3d(' + scaleVal + ', ' + scaleVal + ', 1)').attr('data-scale', scaleVal); + + if (_this.core.s.useLeftForZoom) { + $image.parent().css({ + left: -x + 'px', + top: -y + 'px' + }).attr('data-x', x).attr('data-y', y); + } else { + $image.parent().css('transform', 'translate3d(-' + x + 'px, -' + y + 'px, 0)').attr('data-x', x).attr('data-y', y); + } + }; + + var callScale = function() { + if (scale > 1) { + _this.core.$outer.addClass('lg-zoomed'); + } else { + _this.resetZoom(); + } + + if (scale < 1) { + scale = 1; + } + + zoom(scale); + }; + + var actualSize = function(event, $image, index, fromIcon) { + var w = $image.prop('offsetWidth'); + var nw; + if (_this.core.s.dynamic) { + nw = _this.core.s.dynamicEl[index].width || $image[0].naturalWidth || w; + } else { + nw = _this.core.$items.eq(index).attr('data-width') || $image[0].naturalWidth || w; + } + + var _scale; + + if (_this.core.$outer.hasClass('lg-zoomed')) { + scale = 1; + } else { + if (nw > w) { + _scale = nw / w; + scale = _scale || 2; + } + } + + if (fromIcon) { + _this.pageX = $(window).width() / 2; + _this.pageY = ($(window).height() / 2) + $(window).scrollTop(); + } else { + _this.pageX = event.pageX || event.originalEvent.targetTouches[0].pageX; + _this.pageY = event.pageY || event.originalEvent.targetTouches[0].pageY; + } + + callScale(); + setTimeout(function() { + _this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab'); + }, 10); + }; + + var tapped = false; + + // event triggered after appending slide content + _this.core.$el.on('onAferAppendSlide.lg.tm.zoom', function(event, index) { + + // Get the current element + var $image = _this.core.$slide.eq(index).find('.lg-image'); + + $image.on('dblclick', function(event) { + actualSize(event, $image, index); + }); + + $image.on('touchstart', function(event) { + if (!tapped) { + tapped = setTimeout(function() { + tapped = null; + }, 300); + } else { + clearTimeout(tapped); + tapped = null; + actualSize(event, $image, index); + } + + event.preventDefault(); + }); + + }); + + // Update zoom on resize and orientationchange + $(window).on('resize.lg.zoom scroll.lg.zoom orientationchange.lg.zoom', function() { + _this.pageX = $(window).width() / 2; + _this.pageY = ($(window).height() / 2) + $(window).scrollTop(); + zoom(scale); + }); + + $('#lg-zoom-out').on('click.lg', function() { + if (_this.core.$outer.find('.lg-current .lg-image').length) { + scale -= _this.core.s.scale; + callScale(); + } + }); + + $('#lg-zoom-in').on('click.lg', function() { + if (_this.core.$outer.find('.lg-current .lg-image').length) { + scale += _this.core.s.scale; + callScale(); + } + }); + + $('#lg-actual-size').on('click.lg', function(event) { + actualSize(event, _this.core.$slide.eq(_this.core.index).find('.lg-image'), _this.core.index, true); + }); + + // Reset zoom on slide change + _this.core.$el.on('onBeforeSlide.lg.tm', function() { + scale = 1; + _this.resetZoom(); + }); + + // Drag option after zoom + _this.zoomDrag(); + + _this.zoomSwipe(); + + }; + + // Reset zoom effect + Zoom.prototype.resetZoom = function() { + this.core.$outer.removeClass('lg-zoomed'); + this.core.$slide.find('.lg-img-wrap').removeAttr('style data-x data-y'); + this.core.$slide.find('.lg-image').removeAttr('style data-scale'); + + // Reset pagx pagy values to center + this.pageX = $(window).width() / 2; + this.pageY = ($(window).height() / 2) + $(window).scrollTop(); + }; + + Zoom.prototype.zoomSwipe = function() { + var _this = this; + var startCoords = {}; + var endCoords = {}; + var isMoved = false; + + // Allow x direction drag + var allowX = false; + + // Allow Y direction drag + var allowY = false; + + _this.core.$slide.on('touchstart.lg', function(e) { + + if (_this.core.$outer.hasClass('lg-zoomed')) { + var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object'); + + allowY = $image.prop('offsetHeight') * $image.attr('data-scale') > _this.core.$outer.find('.lg').height(); + allowX = $image.prop('offsetWidth') * $image.attr('data-scale') > _this.core.$outer.find('.lg').width(); + if ((allowX || allowY)) { + e.preventDefault(); + startCoords = { + x: e.originalEvent.targetTouches[0].pageX, + y: e.originalEvent.targetTouches[0].pageY + }; + } + } + + }); + + _this.core.$slide.on('touchmove.lg', function(e) { + + if (_this.core.$outer.hasClass('lg-zoomed')) { + + var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap'); + var distanceX; + var distanceY; + + e.preventDefault(); + isMoved = true; + + endCoords = { + x: e.originalEvent.targetTouches[0].pageX, + y: e.originalEvent.targetTouches[0].pageY + }; + + // reset opacity and transition duration + _this.core.$outer.addClass('lg-zoom-dragging'); + + if (allowY) { + distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y); + } else { + distanceY = -Math.abs(_$el.attr('data-y')); + } + + if (allowX) { + distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x); + } else { + distanceX = -Math.abs(_$el.attr('data-x')); + } + + if ((Math.abs(endCoords.x - startCoords.x) > 15) || (Math.abs(endCoords.y - startCoords.y) > 15)) { + + if (_this.core.s.useLeftForZoom) { + _$el.css({ + left: distanceX + 'px', + top: distanceY + 'px' + }); + } else { + _$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)'); + } + } + + } + + }); + + _this.core.$slide.on('touchend.lg', function() { + if (_this.core.$outer.hasClass('lg-zoomed')) { + if (isMoved) { + isMoved = false; + _this.core.$outer.removeClass('lg-zoom-dragging'); + _this.touchendZoom(startCoords, endCoords, allowX, allowY); + + } + } + }); + + }; + + Zoom.prototype.zoomDrag = function() { + + var _this = this; + var startCoords = {}; + var endCoords = {}; + var isDraging = false; + var isMoved = false; + + // Allow x direction drag + var allowX = false; + + // Allow Y direction drag + var allowY = false; + + _this.core.$slide.on('mousedown.lg.zoom', function(e) { + + // execute only on .lg-object + var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object'); + + allowY = $image.prop('offsetHeight') * $image.attr('data-scale') > _this.core.$outer.find('.lg').height(); + allowX = $image.prop('offsetWidth') * $image.attr('data-scale') > _this.core.$outer.find('.lg').width(); + + if (_this.core.$outer.hasClass('lg-zoomed')) { + if ($(e.target).hasClass('lg-object') && (allowX || allowY)) { + e.preventDefault(); + startCoords = { + x: e.pageX, + y: e.pageY + }; + + isDraging = true; + + // ** Fix for webkit cursor issue https://code.google.com/p/chromium/issues/detail?id=26723 + _this.core.$outer.scrollLeft += 1; + _this.core.$outer.scrollLeft -= 1; + + _this.core.$outer.removeClass('lg-grab').addClass('lg-grabbing'); + } + } + }); + + $(window).on('mousemove.lg.zoom', function(e) { + if (isDraging) { + var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap'); + var distanceX; + var distanceY; + + isMoved = true; + endCoords = { + x: e.pageX, + y: e.pageY + }; + + // reset opacity and transition duration + _this.core.$outer.addClass('lg-zoom-dragging'); + + if (allowY) { + distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y); + } else { + distanceY = -Math.abs(_$el.attr('data-y')); + } + + if (allowX) { + distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x); + } else { + distanceX = -Math.abs(_$el.attr('data-x')); + } + + if (_this.core.s.useLeftForZoom) { + _$el.css({ + left: distanceX + 'px', + top: distanceY + 'px' + }); + } else { + _$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)'); + } + } + }); + + $(window).on('mouseup.lg.zoom', function(e) { + + if (isDraging) { + isDraging = false; + _this.core.$outer.removeClass('lg-zoom-dragging'); + + // Fix for chrome mouse move on click + if (isMoved && ((startCoords.x !== endCoords.x) || (startCoords.y !== endCoords.y))) { + endCoords = { + x: e.pageX, + y: e.pageY + }; + _this.touchendZoom(startCoords, endCoords, allowX, allowY); + + } + + isMoved = false; + } + + _this.core.$outer.removeClass('lg-grabbing').addClass('lg-grab'); + + }); + }; + + Zoom.prototype.touchendZoom = function(startCoords, endCoords, allowX, allowY) { + + var _this = this; + var _$el = _this.core.$slide.eq(_this.core.index).find('.lg-img-wrap'); + var $image = _this.core.$slide.eq(_this.core.index).find('.lg-object'); + var distanceX = (-Math.abs(_$el.attr('data-x'))) + (endCoords.x - startCoords.x); + var distanceY = (-Math.abs(_$el.attr('data-y'))) + (endCoords.y - startCoords.y); + var minY = (_this.core.$outer.find('.lg').height() - $image.prop('offsetHeight')) / 2; + var maxY = Math.abs(($image.prop('offsetHeight') * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').height() + minY); + var minX = (_this.core.$outer.find('.lg').width() - $image.prop('offsetWidth')) / 2; + var maxX = Math.abs(($image.prop('offsetWidth') * Math.abs($image.attr('data-scale'))) - _this.core.$outer.find('.lg').width() + minX); + + if ((Math.abs(endCoords.x - startCoords.x) > 15) || (Math.abs(endCoords.y - startCoords.y) > 15)) { + if (allowY) { + if (distanceY <= -maxY) { + distanceY = -maxY; + } else if (distanceY >= -minY) { + distanceY = -minY; + } + } + + if (allowX) { + if (distanceX <= -maxX) { + distanceX = -maxX; + } else if (distanceX >= -minX) { + distanceX = -minX; + } + } + + if (allowY) { + _$el.attr('data-y', Math.abs(distanceY)); + } else { + distanceY = -Math.abs(_$el.attr('data-y')); + } + + if (allowX) { + _$el.attr('data-x', Math.abs(distanceX)); + } else { + distanceX = -Math.abs(_$el.attr('data-x')); + } + + if (_this.core.s.useLeftForZoom) { + _$el.css({ + left: distanceX + 'px', + top: distanceY + 'px' + }); + } else { + _$el.css('transform', 'translate3d(' + distanceX + 'px, ' + distanceY + 'px, 0)'); + } + + } + }; + + Zoom.prototype.destroy = function() { + + var _this = this; + + // Unbind all events added by lightGallery zoom plugin + _this.core.$el.off('.lg.zoom'); + $(window).off('.lg.zoom'); + _this.core.$slide.off('.lg.zoom'); + _this.core.$el.off('.lg.tm.zoom'); + _this.resetZoom(); + clearTimeout(_this.zoomabletimeout); + _this.zoomabletimeout = false; + }; + + $.fn.lightGallery.modules.zoom = Zoom; + + })(); + + +})); + +/*! lg-hash - v1.0.4 - 2017-12-20 +* http://sachinchoolur.github.io/lightGallery +* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } +}(this, function ($) { + + (function() { + + 'use strict'; + + var defaults = { + hash: true + }; + + var Hash = function(element) { + + this.core = $(element).data('lightGallery'); + + this.core.s = $.extend({}, defaults, this.core.s); + + if (this.core.s.hash) { + this.oldHash = window.location.hash; + this.init(); + } + + return this; + }; + + Hash.prototype.init = function() { + var _this = this; + var _hash; + + // Change hash value on after each slide transition + _this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) { + if (history.replaceState) { + history.replaceState(null, null, window.location.pathname + window.location.search + '#lg=' + _this.core.s.galleryId + '&slide=' + index); + } else { + window.location.hash = 'lg=' + _this.core.s.galleryId + '&slide=' + index; + } + }); + + // Listen hash change and change the slide according to slide value + $(window).on('hashchange.lg.hash', function() { + _hash = window.location.hash; + var _idx = parseInt(_hash.split('&slide=')[1], 10); + + // it galleryId doesn't exist in the url close the gallery + if ((_hash.indexOf('lg=' + _this.core.s.galleryId) > -1)) { + _this.core.slide(_idx, false, false); + } else if (_this.core.lGalleryOn) { + _this.core.destroy(); + } + + }); + }; + + Hash.prototype.destroy = function() { + + if (!this.core.s.hash) { + return; + } + + // Reset to old hash value + if (this.oldHash && this.oldHash.indexOf('lg=' + this.core.s.galleryId) < 0) { + if (history.replaceState) { + history.replaceState(null, null, this.oldHash); + } else { + window.location.hash = this.oldHash; + } + } else { + if (history.replaceState) { + history.replaceState(null, document.title, window.location.pathname + window.location.search); + } else { + window.location.hash = ''; + } + } + + this.core.$el.off('.lg.hash'); + + }; + + $.fn.lightGallery.modules.hash = Hash; + + })(); + + +})); + +/*! lg-share - v1.1.0 - 2017-10-03 +* http://sachinchoolur.github.io/lightGallery +* Copyright (c) 2017 Sachin N; Licensed GPLv3 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module unless amdModuleId is set + define(['jquery'], function (a0) { + return (factory(a0)); + }); + } else if (typeof exports === 'object') { + // Node. Does not work with strict CommonJS, but + // only CommonJS-like environments that support module.exports, + // like Node. + module.exports = factory(require('jquery')); + } else { + factory(jQuery); + } +}(this, function ($) { + + (function() { + + 'use strict'; + + var defaults = { + share: true, + facebook: true, + facebookDropdownText: 'Facebook', + twitter: true, + twitterDropdownText: 'Twitter', + googlePlus: true, + googlePlusDropdownText: 'GooglePlus', + pinterest: true, + pinterestDropdownText: 'Pinterest' + }; + + var Share = function(element) { + + this.core = $(element).data('lightGallery'); + + this.core.s = $.extend({}, defaults, this.core.s); + if (this.core.s.share) { + this.init(); + } + + return this; + }; + + Share.prototype.init = function() { + var _this = this; + var shareHtml = '' + + ''; + + this.core.$outer.find('.lg-toolbar').append(shareHtml); + this.core.$outer.find('.lg').append('
'); + $('#lg-share').on('click.lg', function(){ + _this.core.$outer.toggleClass('lg-dropdown-active'); + }); + + $('#lg-dropdown-overlay').on('click.lg', function(){ + _this.core.$outer.removeClass('lg-dropdown-active'); + }); + + _this.core.$el.on('onAfterSlide.lg.tm', function(event, prevIndex, index) { + + setTimeout(function() { + + $('#lg-share-facebook').attr('href', 'https://www.facebook.com/sharer/sharer.php?u=' + (encodeURIComponent(_this.getSahreProps(index, 'facebookShareUrl') || window.location.href))); + + $('#lg-share-twitter').attr('href', 'https://twitter.com/intent/tweet?text=' + _this.getSahreProps(index, 'tweetText') + '&url=' + (encodeURIComponent(_this.getSahreProps(index, 'twitterShareUrl') || window.location.href))); + + $('#lg-share-googleplus').attr('href', 'https://plus.google.com/share?url=' + (encodeURIComponent(_this.getSahreProps(index, 'googleplusShareUrl') || window.location.href))); + + $('#lg-share-pinterest').attr('href', 'http://www.pinterest.com/pin/create/button/?url=' + (encodeURIComponent(_this.getSahreProps(index, 'pinterestShareUrl') || window.location.href)) + '&media=' + encodeURIComponent(_this.getSahreProps(index, 'src')) + '&description=' + _this.getSahreProps(index, 'pinterestText')); + + }, 100); + }); + }; + + Share.prototype.getSahreProps = function(index, prop){ + var shareProp = ''; + if(this.core.s.dynamic) { + shareProp = this.core.s.dynamicEl[index][prop]; + } else { + var _href = this.core.$items.eq(index).attr('href'); + var _prop = this.core.$items.eq(index).data(prop); + shareProp = prop === 'src' ? _href || _prop : _prop; + } + return shareProp; + }; + + Share.prototype.destroy = function() { + + }; + + $.fn.lightGallery.modules.share = Share; + + })(); + + + +})); \ No newline at end of file diff --git a/js/popper.min.js b/js/popper.min.js new file mode 100644 index 0000000..6078d9f --- /dev/null +++ b/js/popper.min.js @@ -0,0 +1,5 @@ +/* + Copyright (C) Federico Zivolo 2017 + Distributed under the MIT License (license terms are at http://opensource.org/licenses/MIT). + */(function(e,t){'object'==typeof exports&&'undefined'!=typeof module?module.exports=t():'function'==typeof define&&define.amd?define(t):e.Popper=t()})(this,function(){'use strict';function e(e){return e&&'[object Function]'==={}.toString.call(e)}function t(e,t){if(1!==e.nodeType)return[];var o=getComputedStyle(e,null);return t?o[t]:o}function o(e){return'HTML'===e.nodeName?e:e.parentNode||e.host}function n(e){if(!e)return document.body;switch(e.nodeName){case'HTML':case'BODY':return e.ownerDocument.body;case'#document':return e.body;}var i=t(e),r=i.overflow,p=i.overflowX,s=i.overflowY;return /(auto|scroll)/.test(r+s+p)?e:n(o(e))}function r(e){var o=e&&e.offsetParent,i=o&&o.nodeName;return i&&'BODY'!==i&&'HTML'!==i?-1!==['TD','TABLE'].indexOf(o.nodeName)&&'static'===t(o,'position')?r(o):o:e?e.ownerDocument.documentElement:document.documentElement}function p(e){var t=e.nodeName;return'BODY'!==t&&('HTML'===t||r(e.firstElementChild)===e)}function s(e){return null===e.parentNode?e:s(e.parentNode)}function d(e,t){if(!e||!e.nodeType||!t||!t.nodeType)return document.documentElement;var o=e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING,i=o?e:t,n=o?t:e,a=document.createRange();a.setStart(i,0),a.setEnd(n,0);var l=a.commonAncestorContainer;if(e!==l&&t!==l||i.contains(n))return p(l)?l:r(l);var f=s(e);return f.host?d(f.host,t):d(e,s(t).host)}function a(e){var t=1=o.clientWidth&&i>=o.clientHeight}),l=0i[e]&&!t.escapeWithReference&&(n=_(p[o],i[e]-('right'===e?p.width:p.height))),pe({},o,n)}};return n.forEach(function(e){var t=-1===['left','top'].indexOf(e)?'secondary':'primary';p=se({},p,s[t](e))}),e.offsets.popper=p,e},priority:['left','right','top','bottom'],padding:5,boundariesElement:'scrollParent'},keepTogether:{order:400,enabled:!0,fn:function(e){var t=e.offsets,o=t.popper,i=t.reference,n=e.placement.split('-')[0],r=X,p=-1!==['top','bottom'].indexOf(n),s=p?'right':'bottom',d=p?'left':'top',a=p?'width':'height';return o[s]r(i[s])&&(e.offsets.popper[d]=r(i[s])),e}},arrow:{order:500,enabled:!0,fn:function(e,o){var i;if(!F(e.instance.modifiers,'arrow','keepTogether'))return e;var n=o.element;if('string'==typeof n){if(n=e.instance.popper.querySelector(n),!n)return e;}else if(!e.instance.popper.contains(n))return console.warn('WARNING: `arrow.element` must be child of its popper element!'),e;var r=e.placement.split('-')[0],p=e.offsets,s=p.popper,d=p.reference,a=-1!==['left','right'].indexOf(r),l=a?'height':'width',f=a?'Top':'Left',m=f.toLowerCase(),h=a?'left':'top',g=a?'bottom':'right',u=L(n)[l];d[g]-us[g]&&(e.offsets.popper[m]+=d[m]+u-s[g]),e.offsets.popper=c(e.offsets.popper);var b=d[m]+d[l]/2-u/2,w=t(e.instance.popper),y=parseFloat(w['margin'+f],10),E=parseFloat(w['border'+f+'Width'],10),v=b-e.offsets.popper[m]-y-E;return v=J(_(s[l]-u,v),0),e.arrowElement=n,e.offsets.arrow=(i={},pe(i,m,Math.round(v)),pe(i,h,''),i),e},element:'[x-arrow]'},flip:{order:600,enabled:!0,fn:function(e,t){if(k(e.instance.modifiers,'inner'))return e;if(e.flipped&&e.placement===e.originalPlacement)return e;var o=y(e.instance.popper,e.instance.reference,t.padding,t.boundariesElement),i=e.placement.split('-')[0],n=x(i),r=e.placement.split('-')[1]||'',p=[];switch(t.behavior){case le.FLIP:p=[i,n];break;case le.CLOCKWISE:p=q(i);break;case le.COUNTERCLOCKWISE:p=q(i,!0);break;default:p=t.behavior;}return p.forEach(function(s,d){if(i!==s||p.length===d+1)return e;i=e.placement.split('-')[0],n=x(i);var a=e.offsets.popper,l=e.offsets.reference,f=X,m='left'===i&&f(a.right)>f(l.left)||'right'===i&&f(a.left)f(l.top)||'bottom'===i&&f(a.top)f(o.right),g=f(a.top)f(o.bottom),b='left'===i&&h||'right'===i&&c||'top'===i&&g||'bottom'===i&&u,w=-1!==['top','bottom'].indexOf(i),y=!!t.flipVariations&&(w&&'start'===r&&h||w&&'end'===r&&c||!w&&'start'===r&&g||!w&&'end'===r&&u);(m||b||y)&&(e.flipped=!0,(m||b)&&(i=p[d+1]),y&&(r=K(r)),e.placement=i+(r?'-'+r:''),e.offsets.popper=se({},e.offsets.popper,S(e.instance.popper,e.offsets.reference,e.placement)),e=C(e.instance.modifiers,e,'flip'))}),e},behavior:'flip',padding:5,boundariesElement:'viewport'},inner:{order:700,enabled:!1,fn:function(e){var t=e.placement,o=t.split('-')[0],i=e.offsets,n=i.popper,r=i.reference,p=-1!==['left','right'].indexOf(o),s=-1===['top','left'].indexOf(o);return n[p?'left':'top']=r[o]-(s?n[p?'width':'height']:0),e.placement=x(t),e.offsets.popper=c(n),e}},hide:{order:800,enabled:!0,fn:function(e){if(!F(e.instance.modifiers,'hide','preventOverflow'))return e;var t=e.offsets.reference,o=T(e.instance.modifiers,function(e){return'preventOverflow'===e.name}).boundaries;if(t.bottomo.right||t.top>o.bottom||t.right=0)&&i(t,!s)}}),e("").outerWidth(1).jquery||e.each(["Width","Height"],function(i,n){function s(t,i,n,s){return e.each(a,function(){i-=parseFloat(e.css(t,"padding"+this))||0,n&&(i-=parseFloat(e.css(t,"border"+this+"Width"))||0),s&&(i-=parseFloat(e.css(t,"margin"+this))||0)}),i}var a="Width"===n?["Left","Right"]:["Top","Bottom"],o=n.toLowerCase(),r={innerWidth:e.fn.innerWidth,innerHeight:e.fn.innerHeight,outerWidth:e.fn.outerWidth,outerHeight:e.fn.outerHeight};e.fn["inner"+n]=function(i){return i===t?r["inner"+n].call(this):this.each(function(){e(this).css(o,s(this,i)+"px")})},e.fn["outer"+n]=function(t,i){return"number"!=typeof t?r["outer"+n].call(this,t):this.each(function(){e(this).css(o,s(this,t,!0,i)+"px")})}}),e.fn.addBack||(e.fn.addBack=function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}),e("").data("a-b","a").removeData("a-b").data("a-b")&&(e.fn.removeData=function(t){return function(i){return arguments.length?t.call(this,e.camelCase(i)):t.call(this)}}(e.fn.removeData)),e.ui.ie=!!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase()),e.support.selectstart="onselectstart"in document.createElement("div"),e.fn.extend({disableSelection:function(){return this.bind((e.support.selectstart?"selectstart":"mousedown")+".ui-disableSelection",function(e){e.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}}),e.extend(e.ui,{plugin:{add:function(t,i,n){var s,a=e.ui[t].prototype;for(s in n)a.plugins[s]=a.plugins[s]||[],a.plugins[s].push([i,n[s]])},call:function(e,t,i){var n,s=e.plugins[t];if(s&&e.element[0].parentNode&&11!==e.element[0].parentNode.nodeType)for(n=0;s.length>n;n++)e.options[s[n][0]]&&s[n][1].apply(e.element,i)}},hasScroll:function(t,i){if("hidden"===e(t).css("overflow"))return!1;var n=i&&"left"===i?"scrollLeft":"scrollTop",s=!1;return t[n]>0?!0:(t[n]=1,s=t[n]>0,t[n]=0,s)}})})(jQuery);(function(t,e){var i=0,s=Array.prototype.slice,n=t.cleanData;t.cleanData=function(e){for(var i,s=0;null!=(i=e[s]);s++)try{t(i).triggerHandler("remove")}catch(o){}n(e)},t.widget=function(i,s,n){var o,a,r,h,l={},c=i.split(".")[0];i=i.split(".")[1],o=c+"-"+i,n||(n=s,s=t.Widget),t.expr[":"][o.toLowerCase()]=function(e){return!!t.data(e,o)},t[c]=t[c]||{},a=t[c][i],r=t[c][i]=function(t,i){return this._createWidget?(arguments.length&&this._createWidget(t,i),e):new r(t,i)},t.extend(r,a,{version:n.version,_proto:t.extend({},n),_childConstructors:[]}),h=new s,h.options=t.widget.extend({},h.options),t.each(n,function(i,n){return t.isFunction(n)?(l[i]=function(){var t=function(){return s.prototype[i].apply(this,arguments)},e=function(t){return s.prototype[i].apply(this,t)};return function(){var i,s=this._super,o=this._superApply;return this._super=t,this._superApply=e,i=n.apply(this,arguments),this._super=s,this._superApply=o,i}}(),e):(l[i]=n,e)}),r.prototype=t.widget.extend(h,{widgetEventPrefix:a?h.widgetEventPrefix||i:i},l,{constructor:r,namespace:c,widgetName:i,widgetFullName:o}),a?(t.each(a._childConstructors,function(e,i){var s=i.prototype;t.widget(s.namespace+"."+s.widgetName,r,i._proto)}),delete a._childConstructors):s._childConstructors.push(r),t.widget.bridge(i,r)},t.widget.extend=function(i){for(var n,o,a=s.call(arguments,1),r=0,h=a.length;h>r;r++)for(n in a[r])o=a[r][n],a[r].hasOwnProperty(n)&&o!==e&&(i[n]=t.isPlainObject(o)?t.isPlainObject(i[n])?t.widget.extend({},i[n],o):t.widget.extend({},o):o);return i},t.widget.bridge=function(i,n){var o=n.prototype.widgetFullName||i;t.fn[i]=function(a){var r="string"==typeof a,h=s.call(arguments,1),l=this;return a=!r&&h.length?t.widget.extend.apply(null,[a].concat(h)):a,r?this.each(function(){var s,n=t.data(this,o);return n?t.isFunction(n[a])&&"_"!==a.charAt(0)?(s=n[a].apply(n,h),s!==n&&s!==e?(l=s&&s.jquery?l.pushStack(s.get()):s,!1):e):t.error("no such method '"+a+"' for "+i+" widget instance"):t.error("cannot call methods on "+i+" prior to initialization; "+"attempted to call method '"+a+"'")}):this.each(function(){var e=t.data(this,o);e?e.option(a||{})._init():t.data(this,o,new n(a,this))}),l}},t.Widget=function(){},t.Widget._childConstructors=[],t.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",defaultElement:"
",options:{disabled:!1,create:null},_createWidget:function(e,s){s=t(s||this.defaultElement||this)[0],this.element=t(s),this.uuid=i++,this.eventNamespace="."+this.widgetName+this.uuid,this.options=t.widget.extend({},this.options,this._getCreateOptions(),e),this.bindings=t(),this.hoverable=t(),this.focusable=t(),s!==this&&(t.data(s,this.widgetFullName,this),this._on(!0,this.element,{remove:function(t){t.target===s&&this.destroy()}}),this.document=t(s.style?s.ownerDocument:s.document||s),this.window=t(this.document[0].defaultView||this.document[0].parentWindow)),this._create(),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:t.noop,_getCreateEventData:t.noop,_create:t.noop,_init:t.noop,destroy:function(){this._destroy(),this.element.unbind(this.eventNamespace).removeData(this.widgetName).removeData(this.widgetFullName).removeData(t.camelCase(this.widgetFullName)),this.widget().unbind(this.eventNamespace).removeAttr("aria-disabled").removeClass(this.widgetFullName+"-disabled "+"ui-state-disabled"),this.bindings.unbind(this.eventNamespace),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")},_destroy:t.noop,widget:function(){return this.element},option:function(i,s){var n,o,a,r=i;if(0===arguments.length)return t.widget.extend({},this.options);if("string"==typeof i)if(r={},n=i.split("."),i=n.shift(),n.length){for(o=r[i]=t.widget.extend({},this.options[i]),a=0;n.length-1>a;a++)o[n[a]]=o[n[a]]||{},o=o[n[a]];if(i=n.pop(),1===arguments.length)return o[i]===e?null:o[i];o[i]=s}else{if(1===arguments.length)return this.options[i]===e?null:this.options[i];r[i]=s}return this._setOptions(r),this},_setOptions:function(t){var e;for(e in t)this._setOption(e,t[e]);return this},_setOption:function(t,e){return this.options[t]=e,"disabled"===t&&(this.widget().toggleClass(this.widgetFullName+"-disabled ui-state-disabled",!!e).attr("aria-disabled",e),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")),this},enable:function(){return this._setOption("disabled",!1)},disable:function(){return this._setOption("disabled",!0)},_on:function(i,s,n){var o,a=this;"boolean"!=typeof i&&(n=s,s=i,i=!1),n?(s=o=t(s),this.bindings=this.bindings.add(s)):(n=s,s=this.element,o=this.widget()),t.each(n,function(n,r){function h(){return i||a.options.disabled!==!0&&!t(this).hasClass("ui-state-disabled")?("string"==typeof r?a[r]:r).apply(a,arguments):e}"string"!=typeof r&&(h.guid=r.guid=r.guid||h.guid||t.guid++);var l=n.match(/^(\w+)\s*(.*)$/),c=l[1]+a.eventNamespace,u=l[2];u?o.delegate(u,c,h):s.bind(c,h)})},_off:function(t,e){e=(e||"").split(" ").join(this.eventNamespace+" ")+this.eventNamespace,t.unbind(e).undelegate(e)},_delay:function(t,e){function i(){return("string"==typeof t?s[t]:t).apply(s,arguments)}var s=this;return setTimeout(i,e||0)},_hoverable:function(e){this.hoverable=this.hoverable.add(e),this._on(e,{mouseenter:function(e){t(e.currentTarget).addClass("ui-state-hover")},mouseleave:function(e){t(e.currentTarget).removeClass("ui-state-hover")}})},_focusable:function(e){this.focusable=this.focusable.add(e),this._on(e,{focusin:function(e){t(e.currentTarget).addClass("ui-state-focus")},focusout:function(e){t(e.currentTarget).removeClass("ui-state-focus")}})},_trigger:function(e,i,s){var n,o,a=this.options[e];if(s=s||{},i=t.Event(i),i.type=(e===this.widgetEventPrefix?e:this.widgetEventPrefix+e).toLowerCase(),i.target=this.element[0],o=i.originalEvent)for(n in o)n in i||(i[n]=o[n]);return this.element.trigger(i,s),!(t.isFunction(a)&&a.apply(this.element[0],[i].concat(s))===!1||i.isDefaultPrevented())}},t.each({show:"fadeIn",hide:"fadeOut"},function(e,i){t.Widget.prototype["_"+e]=function(s,n,o){"string"==typeof n&&(n={effect:n});var a,r=n?n===!0||"number"==typeof n?i:n.effect||i:e;n=n||{},"number"==typeof n&&(n={duration:n}),a=!t.isEmptyObject(n),n.complete=o,n.delay&&s.delay(n.delay),a&&t.effects&&t.effects.effect[r]?s[e](n):r!==e&&s[r]?s[r](n.duration,n.easing,o):s.queue(function(i){t(this)[e](),o&&o.call(s[0]),i()})}})})(jQuery);(function(t){var e=!1;t(document).mouseup(function(){e=!1}),t.widget("ui.mouse",{version:"1.10.4",options:{cancel:"input,textarea,button,select,option",distance:1,delay:0},_mouseInit:function(){var e=this;this.element.bind("mousedown."+this.widgetName,function(t){return e._mouseDown(t)}).bind("click."+this.widgetName,function(i){return!0===t.data(i.target,e.widgetName+".preventClickEvent")?(t.removeData(i.target,e.widgetName+".preventClickEvent"),i.stopImmediatePropagation(),!1):undefined}),this.started=!1},_mouseDestroy:function(){this.element.unbind("."+this.widgetName),this._mouseMoveDelegate&&t(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate)},_mouseDown:function(i){if(!e){this._mouseStarted&&this._mouseUp(i),this._mouseDownEvent=i;var s=this,n=1===i.which,a="string"==typeof this.options.cancel&&i.target.nodeName?t(i.target).closest(this.options.cancel).length:!1;return n&&!a&&this._mouseCapture(i)?(this.mouseDelayMet=!this.options.delay,this.mouseDelayMet||(this._mouseDelayTimer=setTimeout(function(){s.mouseDelayMet=!0},this.options.delay)),this._mouseDistanceMet(i)&&this._mouseDelayMet(i)&&(this._mouseStarted=this._mouseStart(i)!==!1,!this._mouseStarted)?(i.preventDefault(),!0):(!0===t.data(i.target,this.widgetName+".preventClickEvent")&&t.removeData(i.target,this.widgetName+".preventClickEvent"),this._mouseMoveDelegate=function(t){return s._mouseMove(t)},this._mouseUpDelegate=function(t){return s._mouseUp(t)},t(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate),i.preventDefault(),e=!0,!0)):!0}},_mouseMove:function(e){return t.ui.ie&&(!document.documentMode||9>document.documentMode)&&!e.button?this._mouseUp(e):this._mouseStarted?(this._mouseDrag(e),e.preventDefault()):(this._mouseDistanceMet(e)&&this._mouseDelayMet(e)&&(this._mouseStarted=this._mouseStart(this._mouseDownEvent,e)!==!1,this._mouseStarted?this._mouseDrag(e):this._mouseUp(e)),!this._mouseStarted)},_mouseUp:function(e){return t(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,e.target===this._mouseDownEvent.target&&t.data(e.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(e)),!1},_mouseDistanceMet:function(t){return Math.max(Math.abs(this._mouseDownEvent.pageX-t.pageX),Math.abs(this._mouseDownEvent.pageY-t.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return!0}})})(jQuery);(function(t){var e=5;t.widget("ui.slider",t.ui.mouse,{version:"1.10.4",widgetEventPrefix:"slide",options:{animate:!1,distance:0,max:100,min:0,orientation:"horizontal",range:!1,step:1,value:0,values:null,change:null,slide:null,start:null,stop:null},_create:function(){this._keySliding=!1,this._mouseSliding=!1,this._animateOff=!0,this._handleIndex=null,this._detectOrientation(),this._mouseInit(),this.element.addClass("ui-slider ui-slider-"+this.orientation+" ui-widget"+" ui-widget-content"+" ui-corner-all"),this._refresh(),this._setOption("disabled",this.options.disabled),this._animateOff=!1},_refresh:function(){this._createRange(),this._createHandles(),this._setupEvents(),this._refreshValue()},_createHandles:function(){var e,i,s=this.options,n=this.element.find(".ui-slider-handle").addClass("ui-state-default ui-corner-all"),a="",o=[];for(i=s.values&&s.values.length||1,n.length>i&&(n.slice(i).remove(),n=n.slice(0,i)),e=n.length;i>e;e++)o.push(a);this.handles=n.add(t(o.join("")).appendTo(this.element)),this.handle=this.handles.eq(0),this.handles.each(function(e){t(this).data("ui-slider-handle-index",e)})},_createRange:function(){var e=this.options,i="";e.range?(e.range===!0&&(e.values?e.values.length&&2!==e.values.length?e.values=[e.values[0],e.values[0]]:t.isArray(e.values)&&(e.values=e.values.slice(0)):e.values=[this._valueMin(),this._valueMin()]),this.range&&this.range.length?this.range.removeClass("ui-slider-range-min ui-slider-range-max").css({left:"",bottom:""}):(this.range=t("
").appendTo(this.element),i="ui-slider-range ui-widget-header ui-corner-all"),this.range.addClass(i+("min"===e.range||"max"===e.range?" ui-slider-range-"+e.range:""))):(this.range&&this.range.remove(),this.range=null)},_setupEvents:function(){var t=this.handles.add(this.range).filter("a");this._off(t),this._on(t,this._handleEvents),this._hoverable(t),this._focusable(t)},_destroy:function(){this.handles.remove(),this.range&&this.range.remove(),this.element.removeClass("ui-slider ui-slider-horizontal ui-slider-vertical ui-widget ui-widget-content ui-corner-all"),this._mouseDestroy()},_mouseCapture:function(e){var i,s,n,a,o,r,l,h,u=this,c=this.options;return c.disabled?!1:(this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()},this.elementOffset=this.element.offset(),i={x:e.pageX,y:e.pageY},s=this._normValueFromMouse(i),n=this._valueMax()-this._valueMin()+1,this.handles.each(function(e){var i=Math.abs(s-u.values(e));(n>i||n===i&&(e===u._lastChangedValue||u.values(e)===c.min))&&(n=i,a=t(this),o=e)}),r=this._start(e,o),r===!1?!1:(this._mouseSliding=!0,this._handleIndex=o,a.addClass("ui-state-active").focus(),l=a.offset(),h=!t(e.target).parents().addBack().is(".ui-slider-handle"),this._clickOffset=h?{left:0,top:0}:{left:e.pageX-l.left-a.width()/2,top:e.pageY-l.top-a.height()/2-(parseInt(a.css("borderTopWidth"),10)||0)-(parseInt(a.css("borderBottomWidth"),10)||0)+(parseInt(a.css("marginTop"),10)||0)},this.handles.hasClass("ui-state-hover")||this._slide(e,o,s),this._animateOff=!0,!0))},_mouseStart:function(){return!0},_mouseDrag:function(t){var e={x:t.pageX,y:t.pageY},i=this._normValueFromMouse(e);return this._slide(t,this._handleIndex,i),!1},_mouseStop:function(t){return this.handles.removeClass("ui-state-active"),this._mouseSliding=!1,this._stop(t,this._handleIndex),this._change(t,this._handleIndex),this._handleIndex=null,this._clickOffset=null,this._animateOff=!1,!1},_detectOrientation:function(){this.orientation="vertical"===this.options.orientation?"vertical":"horizontal"},_normValueFromMouse:function(t){var e,i,s,n,a;return"horizontal"===this.orientation?(e=this.elementSize.width,i=t.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)):(e=this.elementSize.height,i=t.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)),s=i/e,s>1&&(s=1),0>s&&(s=0),"vertical"===this.orientation&&(s=1-s),n=this._valueMax()-this._valueMin(),a=this._valueMin()+s*n,this._trimAlignValue(a)},_start:function(t,e){var i={handle:this.handles[e],value:this.value()};return this.options.values&&this.options.values.length&&(i.value=this.values(e),i.values=this.values()),this._trigger("start",t,i)},_slide:function(t,e,i){var s,n,a;this.options.values&&this.options.values.length?(s=this.values(e?0:1),2===this.options.values.length&&this.options.range===!0&&(0===e&&i>s||1===e&&s>i)&&(i=s),i!==this.values(e)&&(n=this.values(),n[e]=i,a=this._trigger("slide",t,{handle:this.handles[e],value:i,values:n}),s=this.values(e?0:1),a!==!1&&this.values(e,i))):i!==this.value()&&(a=this._trigger("slide",t,{handle:this.handles[e],value:i}),a!==!1&&this.value(i))},_stop:function(t,e){var i={handle:this.handles[e],value:this.value()};this.options.values&&this.options.values.length&&(i.value=this.values(e),i.values=this.values()),this._trigger("stop",t,i)},_change:function(t,e){if(!this._keySliding&&!this._mouseSliding){var i={handle:this.handles[e],value:this.value()};this.options.values&&this.options.values.length&&(i.value=this.values(e),i.values=this.values()),this._lastChangedValue=e,this._trigger("change",t,i)}},value:function(t){return arguments.length?(this.options.value=this._trimAlignValue(t),this._refreshValue(),this._change(null,0),undefined):this._value()},values:function(e,i){var s,n,a;if(arguments.length>1)return this.options.values[e]=this._trimAlignValue(i),this._refreshValue(),this._change(null,e),undefined;if(!arguments.length)return this._values();if(!t.isArray(arguments[0]))return this.options.values&&this.options.values.length?this._values(e):this.value();for(s=this.options.values,n=arguments[0],a=0;s.length>a;a+=1)s[a]=this._trimAlignValue(n[a]),this._change(null,a);this._refreshValue()},_setOption:function(e,i){var s,n=0;switch("range"===e&&this.options.range===!0&&("min"===i?(this.options.value=this._values(0),this.options.values=null):"max"===i&&(this.options.value=this._values(this.options.values.length-1),this.options.values=null)),t.isArray(this.options.values)&&(n=this.options.values.length),t.Widget.prototype._setOption.apply(this,arguments),e){case"orientation":this._detectOrientation(),this.element.removeClass("ui-slider-horizontal ui-slider-vertical").addClass("ui-slider-"+this.orientation),this._refreshValue();break;case"value":this._animateOff=!0,this._refreshValue(),this._change(null,0),this._animateOff=!1;break;case"values":for(this._animateOff=!0,this._refreshValue(),s=0;n>s;s+=1)this._change(null,s);this._animateOff=!1;break;case"min":case"max":this._animateOff=!0,this._refreshValue(),this._animateOff=!1;break;case"range":this._animateOff=!0,this._refresh(),this._animateOff=!1}},_value:function(){var t=this.options.value;return t=this._trimAlignValue(t)},_values:function(t){var e,i,s;if(arguments.length)return e=this.options.values[t],e=this._trimAlignValue(e);if(this.options.values&&this.options.values.length){for(i=this.options.values.slice(),s=0;i.length>s;s+=1)i[s]=this._trimAlignValue(i[s]);return i}return[]},_trimAlignValue:function(t){if(this._valueMin()>=t)return this._valueMin();if(t>=this._valueMax())return this._valueMax();var e=this.options.step>0?this.options.step:1,i=(t-this._valueMin())%e,s=t-i;return 2*Math.abs(i)>=e&&(s+=i>0?e:-e),parseFloat(s.toFixed(5))},_valueMin:function(){return this.options.min},_valueMax:function(){return this.options.max},_refreshValue:function(){var e,i,s,n,a,o=this.options.range,r=this.options,l=this,h=this._animateOff?!1:r.animate,u={};this.options.values&&this.options.values.length?this.handles.each(function(s){i=100*((l.values(s)-l._valueMin())/(l._valueMax()-l._valueMin())),u["horizontal"===l.orientation?"left":"bottom"]=i+"%",t(this).stop(1,1)[h?"animate":"css"](u,r.animate),l.options.range===!0&&("horizontal"===l.orientation?(0===s&&l.range.stop(1,1)[h?"animate":"css"]({left:i+"%"},r.animate),1===s&&l.range[h?"animate":"css"]({width:i-e+"%"},{queue:!1,duration:r.animate})):(0===s&&l.range.stop(1,1)[h?"animate":"css"]({bottom:i+"%"},r.animate),1===s&&l.range[h?"animate":"css"]({height:i-e+"%"},{queue:!1,duration:r.animate}))),e=i}):(s=this.value(),n=this._valueMin(),a=this._valueMax(),i=a!==n?100*((s-n)/(a-n)):0,u["horizontal"===this.orientation?"left":"bottom"]=i+"%",this.handle.stop(1,1)[h?"animate":"css"](u,r.animate),"min"===o&&"horizontal"===this.orientation&&this.range.stop(1,1)[h?"animate":"css"]({width:i+"%"},r.animate),"max"===o&&"horizontal"===this.orientation&&this.range[h?"animate":"css"]({width:100-i+"%"},{queue:!1,duration:r.animate}),"min"===o&&"vertical"===this.orientation&&this.range.stop(1,1)[h?"animate":"css"]({height:i+"%"},r.animate),"max"===o&&"vertical"===this.orientation&&this.range[h?"animate":"css"]({height:100-i+"%"},{queue:!1,duration:r.animate}))},_handleEvents:{keydown:function(i){var s,n,a,o,r=t(i.target).data("ui-slider-handle-index");switch(i.keyCode){case t.ui.keyCode.HOME:case t.ui.keyCode.END:case t.ui.keyCode.PAGE_UP:case t.ui.keyCode.PAGE_DOWN:case t.ui.keyCode.UP:case t.ui.keyCode.RIGHT:case t.ui.keyCode.DOWN:case t.ui.keyCode.LEFT:if(i.preventDefault(),!this._keySliding&&(this._keySliding=!0,t(i.target).addClass("ui-state-active"),s=this._start(i,r),s===!1))return}switch(o=this.options.step,n=a=this.options.values&&this.options.values.length?this.values(r):this.value(),i.keyCode){case t.ui.keyCode.HOME:a=this._valueMin();break;case t.ui.keyCode.END:a=this._valueMax();break;case t.ui.keyCode.PAGE_UP:a=this._trimAlignValue(n+(this._valueMax()-this._valueMin())/e);break;case t.ui.keyCode.PAGE_DOWN:a=this._trimAlignValue(n-(this._valueMax()-this._valueMin())/e);break;case t.ui.keyCode.UP:case t.ui.keyCode.RIGHT:if(n===this._valueMax())return;a=this._trimAlignValue(n+o);break;case t.ui.keyCode.DOWN:case t.ui.keyCode.LEFT:if(n===this._valueMin())return;a=this._trimAlignValue(n-o)}this._slide(i,r,a)},click:function(t){t.preventDefault()},keyup:function(e){var i=t(e.target).data("ui-slider-handle-index");this._keySliding&&(this._keySliding=!1,this._stop(e,i),this._change(e,i),t(e.target).removeClass("ui-state-active"))}}})})(jQuery); \ No newline at end of file diff --git a/js/slick.min.js b/js/slick.min.js new file mode 100644 index 0000000..9fca853 --- /dev/null +++ b/js/slick.min.js @@ -0,0 +1,18 @@ +/* + _ _ _ _ + ___| (_) ___| | __ (_)___ +/ __| | |/ __| |/ / | / __| +\__ \ | | (__| < _ | \__ \ +|___/_|_|\___|_|\_(_)/ |___/ + |__/ + + Version: 1.9.0 + Author: Ken Wheeler + Website: http://kenwheeler.github.io + Docs: http://kenwheeler.github.io/slick + Repo: http://github.com/kenwheeler/slick + Issues: http://github.com/kenwheeler/slick/issues + + */ +(function(i){"use strict";"function"==typeof define&&define.amd?define(["jquery"],i):"undefined"!=typeof exports?module.exports=i(require("jquery")):i(jQuery)})(function(i){"use strict";var e=window.Slick||{};e=function(){function e(e,o){var s,n=this;n.defaults={accessibility:!0,adaptiveHeight:!1,appendArrows:i(e),appendDots:i(e),arrows:!0,asNavFor:null,prevArrow:'',nextArrow:'',autoplay:!1,autoplaySpeed:3e3,centerMode:!1,centerPadding:"50px",cssEase:"ease",customPaging:function(e,t){return i(' +
+ +
+ + +

Don't have an account? Register here

+
+
+
+
+
+ + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..0514c99 --- /dev/null +++ b/manifest.json @@ -0,0 +1,16 @@ +{ + "name": "Carzone", + "short_name": "Carzone", + "start_url": ".", + "display": "standalone", + "background_color": "#2A3443", + "description": "Car selling webapp", + "theme_color": "#2A3443", + "icons": [ + { + "src": "./img/car0.png", + "sizes": "512X512", + "type": "image/png" + } + ] +} \ No newline at end of file diff --git a/prediction.html b/prediction.html new file mode 100644 index 0000000..294c0a9 --- /dev/null +++ b/prediction.html @@ -0,0 +1,300 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + +
+
+
+
+
+

Do You Have Questions ?

+
+
+ +
+
+
+ + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/registration.html b/registration.html new file mode 100644 index 0000000..722de50 --- /dev/null +++ b/registration.html @@ -0,0 +1,227 @@ + + + + + + + + Car House - Automobile HTML5 Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+
+ + logo + +
+

Create an account

+ +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+ +
+
+
+ +
+
+
+ + +
+
+ +
+
+ +
+ + +
+
+ +
+ +
+
+

+ Login here +

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/search.html b/search.html new file mode 100644 index 0000000..b356e82 --- /dev/null +++ b/search.html @@ -0,0 +1,794 @@ + + + + + + + Car zone + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ + + + + + + +
+ +
+ + + +
+
+
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ + + + + + +
+ + +
+ + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/services.html b/services.html new file mode 100644 index 0000000..15e3c97 --- /dev/null +++ b/services.html @@ -0,0 +1,465 @@ + + + + + + + + + Car House - Automobile HTML5 Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+ +
+ + + + + + + +
+ +
+ + + +
+
+ +
+

Our Services

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

+
+
+
+
+
1
+
+ +
+
+

Free Support

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
2
+
+ +
+
+

Super Fast

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
3
+
+ +
+
+

Repairing

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
4
+
+ +
+
+

AIR conditioning

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
5
+
+ +
+
+

Oil Change

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
7
+
+ +
+
+

Engine Repair

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
6
+
+ +
+
+

Dealership

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
8
+
+ +
+
+

Security

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
9
+
+ +
+
+

Trusted Agents

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt

+
+
+
+
+
+
+ + + + + +
+
+
+
+
+ +
+
+
+
+

Our Services Video

+

One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his + bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a + little he could

+

morning, when Gregor Samsa woke from troubled dreams, he found himself + transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he + lifted his head a little he could see himself transformed in his bed

+
+
+
+
+
+ + + + + + + +
+ + +
+ + + + + + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/signup.html b/signup.html new file mode 100644 index 0000000..48a20f9 --- /dev/null +++ b/signup.html @@ -0,0 +1,232 @@ + + + + + + + Car House - Automobile HTML5 Template + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+
+
+
+ + logo + +
+

Create an account

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+ +
+ +
+

+ Already a member? + Login here +

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/sw.js b/sw.js new file mode 100644 index 0000000..e3038db --- /dev/null +++ b/sw.js @@ -0,0 +1,15 @@ +self.addEventListener("install", async (event) => { + console.log("install event"); +}); + +self.addEventListener("fetch", async (event) => { + console.log("fetch event"); +}); + +const cacheName = "pwa-conf-v1"; +const staticAssets = ["./", "./index.html", "./js/app.js", "./css/styles.css"]; + +self.addEventListener("install", async (event) => { + const cache = await caches.open(cacheName); + await cache.addAll(staticAssets); +});