ne pages integrated

package.json

@@ -10,10 +10,11 @@
   "author": "ZURB <foundation@zurb.com>",
   "license": "MIT",
   "dependencies": {
+    "@fortawesome/fontawesome": "^1.1.4",
     "foundation-sites": "~6.4.1",
     "jquery": ">=3.0.0",
-    "what-input": "^4.1.3",
-    "motion-ui": "~1.2.2"
+    "motion-ui": "~1.2.2",
+    "what-input": "^4.1.3"
   },
   "devDependencies": {
     "babel-core": "^6.24.1",

src/assets/js/app.js

@@ -6,9 +6,11 @@ window.jQuery = window.$ = require("jquery");
 
 import Foundation from 'foundation-sites';
 
+
 require('./jquery.waypoints.min.js');
 require('./jquery.counterup.js');
 require('./jquery.hoverdir.js');
 require('./SmoothScroll.js');
 require('./owl.carousel.js');
+require('@fortawesome/fontawesome')
 require('./main.js');
\ No newline at end of file

src/assets/js/main.js

@@ -143,18 +143,11 @@ $(document).ready(function() {
         parentItem.addClass('hide-to-top');
         parentItem.siblings('.item').addClass('show-from-bottom');
     });
-
     $('.select-plan ul li').click(function() {
-        $(this).siblings().addBack().children().remove();
-        $(this).siblings().toggle();
+        var curTab = $(this).attr('data-plan');
+        $('#' + curTab).hide();
+        $(this).siblings().slideToggle();
         $(this).parent().prepend(this);
-        $(this).parent().toggleClass('nnn');
-
-    });
-    $('.select-plan > ul> li:not(:first-child)').click(function() {
-        var _curr_tab = $(this).attr('data-plan');
-        console.log(_curr_tab)
+        $('#' + curTab).show();
     });
-
-
 });
\ No newline at end of file

src/assets/scss/_main.scss

@@ -90,6 +90,9 @@ h1 {
 
 h2 {
     margin: 0;
+    &.padd-adj {
+        padding-bottom: 30px;
+    }
 }
 
 h6 {
@@ -200,6 +203,64 @@ header {
     background: #fff;
     z-index: 9999;
     padding: 10px 0 18px;
+    box-shadow: 0px 2px 19px -4px rgba(0, 0, 0, 0.36);
+    &.type-2 {
+        &.small {
+            .user-welcome {
+                top: -5px;
+            }
+        }
+        .language-bar {
+            flex: 1 0 50%;
+        }
+        .user-welcome {
+            position: relative;
+            top: -15px;
+            transition: all ease 0.5s;
+            font-size: 14px;
+            font-weight: bold;
+            span {
+                color: #cd202f;
+            }
+            a {
+                color: #000;
+            }
+        }
+        nav {
+            margin-top: 0 !important;
+            position: static;
+            background: transparent;
+            min-width: inherit;
+            height: auto;
+            padding: 0;
+            ul.vertical.menu {
+                height: auto !important;
+                flex-direction: row;
+                li {
+                    padding: 0 19px;
+                    &.active {
+                        a {
+                            color: #cd202f;
+                            background: transparent;
+                        }
+                    }
+                    a {
+                        color: #000000;
+                        padding: 0;
+                        &:hover {
+                            color: #cd202f;
+                            &:before {
+                                display: none;
+                            }
+                        }
+                    }
+                }
+            }
+            &:before {
+                display: none;
+            }
+        }
+    }
     .logo {
         align-self: flex-end;
         img {
@@ -208,7 +269,6 @@ header {
         }
     }
     &.small {
-        box-shadow: 0px 2px 19px -4px rgba(0, 0, 0, 0.36);
         .logo {
             img {
                 max-width: 120px;
@@ -339,6 +399,7 @@ header {
         font-size: 12px;
         font-weight: 300;
         color: rgba(255, 255, 255, 0.3);
+        margin: 0 0 15px;
     }
     padding-top: 15px;
     padding-bottom: 15px;
@@ -346,7 +407,9 @@ header {
         position: relative;
     }
     input,
-    textarea {
+    textarea,
+    select {
+        font-family: "Roboto", sans-serif;
         background: transparent;
         color: #fff;
         border: none;
@@ -364,6 +427,50 @@ header {
             @extend input;
         }
     }
+    input {
+        &[type="radio"] {
+            position: absolute;
+            left: 0;
+            top: 0;
+            height: auto;
+            margin: 0;
+            outline: 0;
+            opacity: 0;
+            &:checked {
+                &+.checkmark:after {
+                    display: block;
+                }
+            }
+        }
+    }
+    select {
+        background: url(../img/dropdown.png) no-repeat center right 12px !important;
+        color: rgba(255, 255, 255, 0.3) !important;
+        option {
+            color: #000 !important;
+        }
+    }
+    .checkmark {
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 14px;
+        width: 14px;
+        background-color: #eee;
+        border: solid 1px #d8d8d8;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        &:after {
+            content: "";
+            width: 6px;
+            height: 6px;
+            border-radius: 50%;
+            background: #9e2323;
+            display: none;
+        }
+    }
     label {
         transform: translate3d(0, 5px, 0);
         position: absolute;
@@ -424,6 +531,46 @@ header {
             position: static;
         }
     }
+    .panel {
+        font-size: 16px;
+        display: inline-block;
+        width: 100%;
+        margin: 0 0 25px;
+        border: solid 1px #d7d7d7;
+        .panel-head {
+            background: #9e2323;
+            color: #fff;
+            padding: 7px 15px;
+            font-size: 16px;
+        }
+        .panel-body {
+            float: left;
+            width: 100%;
+            padding: 0 15px;
+            .plan-type {
+                border-bottom: solid 1px #d7d7d7;
+                display: block;
+                padding: 15px 15px 10px;
+                margin: 0 -15px;
+            }
+            .plan-price {
+                display: inline-block;
+                width: 100%;
+                padding: 15px 0 10px;
+            }
+            .payment-type {
+                display: flex;
+                padding: 12px 0;
+                justify-content: space-between;
+                .radio-wrap {
+                    position: relative;
+                    display: flex;
+                    align-items: center;
+                    padding: 0 0 0 25px;
+                }
+            }
+        }
+    }
 }
 
 .hamburger-menu {
@@ -1440,11 +1587,21 @@ footer {
     margin: 0;
 }
 
-.register {
+.unf-padding {
+    padding: 35px 0;
+}
+
+.full-height {
     min-height: 100%;
-    padding: 70px 0;
+}
+
+.dark-bg {
     background: #261b1b;
     color: #fff;
+}
+
+.register {
+    padding: 70px 0;
     .price {
         color: #fff;
         background: #cb022c;
@@ -1458,6 +1615,92 @@ footer {
             background: #261b1b;
             color: #fff;
         }
+        .plan-detail {
+            display: none;
+        }
+    }
+    &.settings {
+        background: transparent;
+        color: #000;
+        h2 {
+            padding-bottom: 40px;
+        }
+        .form-wrap {
+            .info {
+                color: #000;
+            }
+            label {
+                color: #000;
+                opacity: 1;
+            }
+            select {
+                color: #000 !important;
+            }
+        }
+    }
+}
+
+.search-result {
+    padding: 70px 0;
+    .sr-result {
+        display: flex;
+        flex-wrap: wrap;
+        .item-block {
+            flex: 1 1 50%;
+        }
+    }
+    h5 {
+        color: #cb022c;
+        font-size: 20px;
+        font-weight: normal;
+        margin: 0 0 20px;
+    }
+    p {
+        line-height: 25px;
+        font-size: 18px;
+        color: rgba(255, 255, 255, 0.3);
+    }
+    .item-block {
+        padding-bottom: 65px;
+        &:nth-child(2n+1) {
+            padding-right: 100px;
+            border-right: solid 1px #514949;
+        }
+        &:nth-child(2n+2) {
+            padding-left: 100px;
+        }
+        &:nth-child(n+3) {
+            padding-top: 65px;
+            border-top: solid 1px #514949;
+        }
+    }
+}
+
+.vx-table {
+    border-bottom: none;
+    border-color: transparent;
+    &.text-center {
+        th {
+            text-align: center;
+        }
+    }
+    thead,
+    tbody {
+        border: none;
+    }
+    tr,
+    th,
+    td {
+        border: solid 1px #d7d7d7;
+        padding: 10px 25px;
+    }
+    tr {
+        &:last-child {
+            border: solid 1px #d7d7d7;
+        }
+        i {
+            color: #cd202f;
+        }
     }
 }
 

src/assets/scss/app.scss

@@ -48,5 +48,6 @@
 @include motion-ui-transitions;
 @include motion-ui-animations;
 @import 'owl.carousel';
+@import 'fontawesome';
 @import 'main';
 @import 'responsive';
\ No newline at end of file

src/assets/scss/fontawesome.scss

+/*!
+ * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+
+.fa,
+.fab,
+.fal,
+.far,
+.fas {
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    display: inline-block;
+    font-style: normal;
+    font-variant: normal;
+    text-rendering: auto;
+    line-height: 1
+}
+
+.fa-lg {
+    font-size: 1.33333em;
+    line-height: .75em;
+    vertical-align: -.0667em
+}
+
+.fa-xs {
+    font-size: .75em
+}
+
+.fa-sm {
+    font-size: .875em
+}
+
+.fa-1x {
+    font-size: 1em
+}
+
+.fa-2x {
+    font-size: 2em
+}
+
+.fa-3x {
+    font-size: 3em
+}
+
+.fa-4x {
+    font-size: 4em
+}
+
+.fa-5x {
+    font-size: 5em
+}
+
+.fa-6x {
+    font-size: 6em
+}
+
+.fa-7x {
+    font-size: 7em
+}
+
+.fa-8x {
+    font-size: 8em
+}
+
+.fa-9x {
+    font-size: 9em
+}
+
+.fa-10x {
+    font-size: 10em
+}
+
+.fa-fw {
+    text-align: center;
+    width: 1.25em
+}
+
+.fa-ul {
+    list-style-type: none;
+    margin-left: 2.5em;
+    padding-left: 0
+}
+
+.fa-ul>li {
+    position: relative
+}
+
+.fa-li {
+    left: -2em;
+    position: absolute;
+    text-align: center;
+    width: 2em;
+    line-height: inherit
+}
+
+.fa-border {
+    border: .08em solid #eee;
+    border-radius: .1em;
+    padding: .2em .25em .15em
+}
+
+.fa-pull-left {
+    float: left
+}
+
+.fa-pull-right {
+    float: right
+}
+
+.fa.fa-pull-left,
+.fab.fa-pull-left,
+.fal.fa-pull-left,
+.far.fa-pull-left,
+.fas.fa-pull-left {
+    margin-right: .3em
+}
+
+.fa.fa-pull-right,
+.fab.fa-pull-right,
+.fal.fa-pull-right,
+.far.fa-pull-right,
+.fas.fa-pull-right {
+    margin-left: .3em
+}
+
+.fa-spin {
+    -webkit-animation: a 2s infinite linear;
+    animation: a 2s infinite linear
+}
+
+.fa-pulse {
+    -webkit-animation: a 1s infinite steps(8);
+    animation: a 1s infinite steps(8)
+}
+
+@-webkit-keyframes a {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -webkit-transform: rotate(1turn);
+        transform: rotate(1turn)
+    }
+}
+
+@keyframes a {
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg)
+    }
+    to {
+        -webkit-transform: rotate(1turn);
+        transform: rotate(1turn)
+    }
+}
+
+.fa-rotate-90 {
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg)
+}
+
+.fa-rotate-180 {
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg)
+}
+
+.fa-rotate-270 {
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+    -webkit-transform: rotate(270deg);
+    transform: rotate(270deg)
+}
+
+.fa-flip-horizontal {
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1)
+}
+
+.fa-flip-vertical {
+    -webkit-transform: scaleY(-1);
+    transform: scaleY(-1)
+}
+
+.fa-flip-horizontal.fa-flip-vertical,
+.fa-flip-vertical {
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
+}
+
+.fa-flip-horizontal.fa-flip-vertical {
+    -webkit-transform: scale(-1);
+    transform: scale(-1)
+}
+
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical,
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270 {
+    -webkit-filter: none;
+    filter: none
+}
+
+.fa-stack {
+    display: inline-block;
+    height: 2em;
+    line-height: 2em;
+    position: relative;
+    vertical-align: middle;
+    width: 2em
+}
+
+.fa-stack-1x,
+.fa-stack-2x {
+    left: 0;
+    position: absolute;
+    text-align: center;
+    width: 100%
+}
+
+.fa-stack-1x {
+    line-height: inherit
+}
+
+.fa-stack-2x {
+    font-size: 2em
+}
+
+.fa-inverse {
+    color: #fff
+}
+
+.fa-500px:before {
+    content: "\f26e"
+}
+
+.fa-accessible-icon:before {
+    content: "\f368"
+}
+
+.fa-accusoft:before {
+    content: "\f369"
+}
+
+.fa-address-book:before {
+    content: "\f2b9"
+}
+
+.fa-address-card:before {
+    content: "\f2bb"
+}
+
+.fa-adjust:before {
+    content: "\f042"
+}
+
+.fa-adn:before {
+    content: "\f170"
+}
+
+.fa-adversal:before {
+    content: "\f36a"
+}
+
+.fa-affiliatetheme:before {
+    content: "\f36b"
+}
+
+.fa-algolia:before {
+    content: "\f36c"
+}
+
+.fa-align-center:before {
+    content: "\f037"
+}
+
+.fa-align-justify:before {
+    content: "\f039"
+}
+
+.fa-align-left:before {
+    content: "\f036"
+}
+
+.fa-align-right:before {
+    content: "\f038"
+}
+
+.fa-amazon:before {
+    content: "\f270"
+}
+
+.fa-amazon-pay:before {
+    content: "\f42c"
+}
+
+.fa-ambulance:before {
+    content: "\f0f9"
+}
+
+.fa-american-sign-language-interpreting:before {
+    content: "\f2a3"
+}
+
+.fa-amilia:before {
+    content: "\f36d"
+}
+
+.fa-anchor:before {
+    content: "\f13d"
+}
+
+.fa-android:before {
+    content: "\f17b"
+}
+
+.fa-angellist:before {
+    content: "\f209"
+}
+
+.fa-angle-double-down:before {
+    content: "\f103"
+}
+
+.fa-angle-double-left:before {
+    content: "\f100"
+}
+
+.fa-angle-double-right:before {
+    content: "\f101"
+}
+
+.fa-angle-double-up:before {
+    content: "\f102"
+}
+
+.fa-angle-down:before {
+    content: "\f107"
+}
+
+.fa-angle-left:before {
+    content: "\f104"
+}
+
+.fa-angle-right:before {
+    content: "\f105"
+}
+
+.fa-angle-up:before {
+    content: "\f106"
+}
+
+.fa-angrycreative:before {
+    content: "\f36e"
+}
+
+.fa-angular:before {
+    content: "\f420"
+}
+
+.fa-app-store:before {
+    content: "\f36f"
+}
+
+.fa-app-store-ios:before {
+    content: "\f370"
+}
+
+.fa-apper:before {
+    content: "\f371"
+}
+
+.fa-apple:before {
+    content: "\f179"
+}
+
+.fa-apple-pay:before {
+    content: "\f415"
+}
+
+.fa-archive:before {
+    content: "\f187"
+}
+
+.fa-arrow-alt-circle-down:before {
+    content: "\f358"
+}
+
+.fa-arrow-alt-circle-left:before {
+    content: "\f359"
+}
+
+.fa-arrow-alt-circle-right:before {
+    content: "\f35a"
+}
+
+.fa-arrow-alt-circle-up:before {
+    content: "\f35b"
+}
+
+.fa-arrow-circle-down:before {
+    content: "\f0ab"
+}
+
+.fa-arrow-circle-left:before {
+    content: "\f0a8"
+}
+
+.fa-arrow-circle-right:before {
+    content: "\f0a9"
+}
+
+.fa-arrow-circle-up:before {
+    content: "\f0aa"
+}
+
+.fa-arrow-down:before {
+    content: "\f063"
+}
+
+.fa-arrow-left:before {
+    content: "\f060"
+}
+
+.fa-arrow-right:before {
+    content: "\f061"
+}
+
+.fa-arrow-up:before {
+    content: "\f062"
+}
+
+.fa-arrows-alt:before {
+    content: "\f0b2"
+}
+
+.fa-arrows-alt-h:before {
+    content: "\f337"
+}
+
+.fa-arrows-alt-v:before {
+    content: "\f338"
+}
+
+.fa-assistive-listening-systems:before {
+    content: "\f2a2"
+}
+
+.fa-asterisk:before {
+    content: "\f069"
+}
+
+.fa-asymmetrik:before {
+    content: "\f372"
+}
+
+.fa-at:before {
+    content: "\f1fa"
+}
+
+.fa-audible:before {
+    content: "\f373"
+}
+
+.fa-audio-description:before {
+    content: "\f29e"
+}
+
+.fa-autoprefixer:before {
+    content: "\f41c"
+}
+
+.fa-avianex:before {
+    content: "\f374"
+}
+
+.fa-aviato:before {
+    content: "\f421"
+}
+
+.fa-aws:before {
+    content: "\f375"
+}
+
+.fa-backward:before {
+    content: "\f04a"
+}
+
+.fa-balance-scale:before {
+    content: "\f24e"
+}
+
+.fa-ban:before {
+    content: "\f05e"
+}
+
+.fa-band-aid:before {
+    content: "\f462"
+}
+
+.fa-bandcamp:before {
+    content: "\f2d5"
+}
+
+.fa-barcode:before {
+    content: "\f02a"
+}
+
+.fa-bars:before {
+    content: "\f0c9"
+}
+
+.fa-baseball-ball:before {
+    content: "\f433"
+}
+
+.fa-basketball-ball:before {
+    content: "\f434"
+}
+
+.fa-bath:before {
+    content: "\f2cd"
+}
+
+.fa-battery-empty:before {
+    content: "\f244"
+}
+
+.fa-battery-full:before {
+    content: "\f240"
+}
+
+.fa-battery-half:before {
+    content: "\f242"
+}
+
+.fa-battery-quarter:before {
+    content: "\f243"
+}
+
+.fa-battery-three-quarters:before {
+    content: "\f241"
+}
+
+.fa-bed:before {
+    content: "\f236"
+}
+
+.fa-beer:before {
+    content: "\f0fc"
+}
+
+.fa-behance:before {
+    content: "\f1b4"
+}
+
+.fa-behance-square:before {
+    content: "\f1b5"
+}
+
+.fa-bell:before {
+    content: "\f0f3"
+}
+
+.fa-bell-slash:before {
+    content: "\f1f6"
+}
+
+.fa-bicycle:before {
+    content: "\f206"
+}
+
+.fa-bimobject:before {
+    content: "\f378"
+}
+
+.fa-binoculars:before {
+    content: "\f1e5"
+}
+
+.fa-birthday-cake:before {
+    content: "\f1fd"
+}
+
+.fa-bitbucket:before {
+    content: "\f171"
+}
+
+.fa-bitcoin:before {
+    content: "\f379"
+}
+
+.fa-bity:before {
+    content: "\f37a"
+}
+
+.fa-black-tie:before {
+    content: "\f27e"
+}
+
+.fa-blackberry:before {
+    content: "\f37b"
+}
+
+.fa-blind:before {
+    content: "\f29d"
+}
+
+.fa-blogger:before {
+    content: "\f37c"
+}
+
+.fa-blogger-b:before {
+    content: "\f37d"
+}
+
+.fa-bluetooth:before {
+    content: "\f293"
+}
+
+.fa-bluetooth-b:before {
+    content: "\f294"
+}
+
+.fa-bold:before {
+    content: "\f032"
+}
+
+.fa-bolt:before {
+    content: "\f0e7"
+}
+
+.fa-bomb:before {
+    content: "\f1e2"
+}
+
+.fa-book:before {
+    content: "\f02d"
+}
+
+.fa-bookmark:before {
+    content: "\f02e"
+}
+
+.fa-bowling-ball:before {
+    content: "\f436"
+}
+
+.fa-box:before {
+    content: "\f466"
+}
+
+.fa-boxes:before {
+    content: "\f468"
+}
+
+.fa-braille:before {
+    content: "\f2a1"
+}
+
+.fa-briefcase:before {
+    content: "\f0b1"
+}
+
+.fa-btc:before {
+    content: "\f15a"
+}
+
+.fa-bug:before {
+    content: "\f188"
+}
+
+.fa-building:before {
+    content: "\f1ad"
+}
+
+.fa-bullhorn:before {
+    content: "\f0a1"
+}
+
+.fa-bullseye:before {
+    content: "\f140"
+}
+
+.fa-buromobelexperte:before {
+    content: "\f37f"
+}
+
+.fa-bus:before {
+    content: "\f207"
+}
+
+.fa-buysellads:before {
+    content: "\f20d"
+}
+
+.fa-calculator:before {
+    content: "\f1ec"
+}
+
+.fa-calendar:before {
+    content: "\f133"
+}
+
+.fa-calendar-alt:before {
+    content: "\f073"
+}
+
+.fa-calendar-check:before {
+    content: "\f274"
+}
+
+.fa-calendar-minus:before {
+    content: "\f272"
+}
+
+.fa-calendar-plus:before {
+    content: "\f271"
+}
+
+.fa-calendar-times:before {
+    content: "\f273"
+}
+
+.fa-camera:before {
+    content: "\f030"
+}
+
+.fa-camera-retro:before {
+    content: "\f083"
+}
+
+.fa-car:before {
+    content: "\f1b9"
+}
+
+.fa-caret-down:before {
+    content: "\f0d7"
+}
+
+.fa-caret-left:before {
+    content: "\f0d9"
+}
+
+.fa-caret-right:before {
+    content: "\f0da"
+}
+
+.fa-caret-square-down:before {
+    content: "\f150"
+}
+
+.fa-caret-square-left:before {
+    content: "\f191"
+}
+
+.fa-caret-square-right:before {
+    content: "\f152"
+}
+
+.fa-caret-square-up:before {
+    content: "\f151"
+}
+
+.fa-caret-up:before {
+    content: "\f0d8"
+}
+
+.fa-cart-arrow-down:before {
+    content: "\f218"
+}
+
+.fa-cart-plus:before {
+    content: "\f217"
+}
+
+.fa-cc-amazon-pay:before {
+    content: "\f42d"
+}
+
+.fa-cc-amex:before {
+    content: "\f1f3"
+}
+
+.fa-cc-apple-pay:before {
+    content: "\f416"
+}
+
+.fa-cc-diners-club:before {
+    content: "\f24c"
+}
+
+.fa-cc-discover:before {
+    content: "\f1f2"
+}
+
+.fa-cc-jcb:before {
+    content: "\f24b"
+}
+
+.fa-cc-mastercard:before {
+    content: "\f1f1"
+}
+
+.fa-cc-paypal:before {
+    content: "\f1f4"
+}
+
+.fa-cc-stripe:before {
+    content: "\f1f5"
+}
+
+.fa-cc-visa:before {
+    content: "\f1f0"
+}
+
+.fa-centercode:before {
+    content: "\f380"
+}
+
+.fa-certificate:before {
+    content: "\f0a3"
+}
+
+.fa-chart-area:before {
+    content: "\f1fe"
+}
+
+.fa-chart-bar:before {
+    content: "\f080"
+}
+
+.fa-chart-line:before {
+    content: "\f201"
+}
+
+.fa-chart-pie:before {
+    content: "\f200"
+}
+
+.fa-check:before {
+    content: "\f00c"
+}
+
+.fa-check-circle:before {
+    content: "\f058"
+}
+
+.fa-check-square:before {
+    content: "\f14a"
+}
+
+.fa-chess:before {
+    content: "\f439"
+}
+
+.fa-chess-bishop:before {
+    content: "\f43a"
+}
+
+.fa-chess-board:before {
+    content: "\f43c"
+}
+
+.fa-chess-king:before {
+    content: "\f43f"
+}
+
+.fa-chess-knight:before {
+    content: "\f441"
+}
+
+.fa-chess-pawn:before {
+    content: "\f443"
+}
+
+.fa-chess-queen:before {
+    content: "\f445"
+}
+
+.fa-chess-rook:before {
+    content: "\f447"
+}
+
+.fa-chevron-circle-down:before {
+    content: "\f13a"
+}
+
+.fa-chevron-circle-left:before {
+    content: "\f137"
+}
+
+.fa-chevron-circle-right:before {
+    content: "\f138"
+}
+
+.fa-chevron-circle-up:before {
+    content: "\f139"
+}
+
+.fa-chevron-down:before {
+    content: "\f078"
+}
+
+.fa-chevron-left:before {
+    content: "\f053"
+}
+
+.fa-chevron-right:before {
+    content: "\f054"
+}
+
+.fa-chevron-up:before {
+    content: "\f077"
+}
+
+.fa-child:before {
+    content: "\f1ae"
+}
+
+.fa-chrome:before {
+    content: "\f268"
+}
+
+.fa-circle:before {
+    content: "\f111"
+}
+
+.fa-circle-notch:before {
+    content: "\f1ce"
+}
+
+.fa-clipboard:before {
+    content: "\f328"
+}
+
+.fa-clipboard-check:before {
+    content: "\f46c"
+}
+
+.fa-clipboard-list:before {
+    content: "\f46d"
+}
+
+.fa-clock:before {
+    content: "\f017"
+}
+
+.fa-clone:before {
+    content: "\f24d"
+}
+
+.fa-closed-captioning:before {
+    content: "\f20a"
+}
+
+.fa-cloud:before {
+    content: "\f0c2"
+}
+
+.fa-cloud-download-alt:before {
+    content: "\f381"
+}
+
+.fa-cloud-upload-alt:before {
+    content: "\f382"
+}
+
+.fa-cloudscale:before {
+    content: "\f383"
+}
+
+.fa-cloudsmith:before {
+    content: "\f384"
+}
+
+.fa-cloudversify:before {
+    content: "\f385"
+}
+
+.fa-code:before {
+    content: "\f121"
+}
+
+.fa-code-branch:before {
+    content: "\f126"
+}
+
+.fa-codepen:before {
+    content: "\f1cb"
+}
+
+.fa-codiepie:before {
+    content: "\f284"
+}
+
+.fa-coffee:before {
+    content: "\f0f4"
+}
+
+.fa-cog:before {
+    content: "\f013"
+}
+
+.fa-cogs:before {
+    content: "\f085"
+}
+
+.fa-columns:before {
+    content: "\f0db"
+}
+
+.fa-comment:before {
+    content: "\f075"
+}
+
+.fa-comment-alt:before {
+    content: "\f27a"
+}
+
+.fa-comments:before {
+    content: "\f086"
+}
+
+.fa-compass:before {
+    content: "\f14e"
+}
+
+.fa-compress:before {
+    content: "\f066"
+}
+
+.fa-connectdevelop:before {
+    content: "\f20e"
+}
+
+.fa-contao:before {
+    content: "\f26d"
+}
+
+.fa-copy:before {
+    content: "\f0c5"
+}
+
+.fa-copyright:before {
+    content: "\f1f9"
+}
+
+.fa-cpanel:before {
+    content: "\f388"
+}
+
+.fa-creative-commons:before {
+    content: "\f25e"
+}
+
+.fa-credit-card:before {
+    content: "\f09d"
+}
+
+.fa-crop:before {
+    content: "\f125"
+}
+
+.fa-crosshairs:before {
+    content: "\f05b"
+}
+
+.fa-css3:before {
+    content: "\f13c"
+}
+
+.fa-css3-alt:before {
+    content: "\f38b"
+}
+
+.fa-cube:before {
+    content: "\f1b2"
+}
+
+.fa-cubes:before {
+    content: "\f1b3"
+}
+
+.fa-cut:before {
+    content: "\f0c4"
+}
+
+.fa-cuttlefish:before {
+    content: "\f38c"
+}
+
+.fa-d-and-d:before {
+    content: "\f38d"
+}
+
+.fa-dashcube:before {
+    content: "\f210"
+}
+
+.fa-database:before {
+    content: "\f1c0"
+}
+
+.fa-deaf:before {
+    content: "\f2a4"
+}
+
+.fa-delicious:before {
+    content: "\f1a5"
+}
+
+.fa-deploydog:before {
+    content: "\f38e"
+}
+
+.fa-deskpro:before {
+    content: "\f38f"
+}
+
+.fa-desktop:before {
+    content: "\f108"
+}
+
+.fa-deviantart:before {
+    content: "\f1bd"
+}
+
+.fa-digg:before {
+    content: "\f1a6"
+}
+
+.fa-digital-ocean:before {
+    content: "\f391"
+}
+
+.fa-discord:before {
+    content: "\f392"
+}
+
+.fa-discourse:before {
+    content: "\f393"
+}
+
+.fa-dna:before {
+    content: "\f471"
+}
+
+.fa-dochub:before {
+    content: "\f394"
+}
+
+.fa-docker:before {
+    content: "\f395"
+}
+
+.fa-dollar-sign:before {
+    content: "\f155"
+}
+
+.fa-dolly:before {
+    content: "\f472"
+}
+
+.fa-dolly-flatbed:before {
+    content: "\f474"
+}
+
+.fa-dot-circle:before {
+    content: "\f192"
+}
+
+.fa-download:before {
+    content: "\f019"
+}
+
+.fa-draft2digital:before {
+    content: "\f396"
+}
+
+.fa-dribbble:before {
+    content: "\f17d"
+}
+
+.fa-dribbble-square:before {
+    content: "\f397"
+}
+
+.fa-dropbox:before {
+    content: "\f16b"
+}
+
+.fa-drupal:before {
+    content: "\f1a9"
+}
+
+.fa-dyalog:before {
+    content: "\f399"
+}
+
+.fa-earlybirds:before {
+    content: "\f39a"
+}
+
+.fa-edge:before {
+    content: "\f282"
+}
+
+.fa-edit:before {
+    content: "\f044"
+}
+
+.fa-eject:before {
+    content: "\f052"
+}
+
+.fa-elementor:before {
+    content: "\f430"
+}
+
+.fa-ellipsis-h:before {
+    content: "\f141"
+}
+
+.fa-ellipsis-v:before {
+    content: "\f142"
+}
+
+.fa-ember:before {
+    content: "\f423"
+}
+
+.fa-empire:before {
+    content: "\f1d1"
+}
+
+.fa-envelope:before {
+    content: "\f0e0"
+}
+
+.fa-envelope-open:before {
+    content: "\f2b6"
+}
+
+.fa-envelope-square:before {
+    content: "\f199"
+}
+
+.fa-envira:before {
+    content: "\f299"
+}
+
+.fa-eraser:before {
+    content: "\f12d"
+}
+
+.fa-erlang:before {
+    content: "\f39d"
+}
+
+.fa-ethereum:before {
+    content: "\f42e"
+}
+
+.fa-etsy:before {
+    content: "\f2d7"
+}
+
+.fa-euro-sign:before {
+    content: "\f153"
+}
+
+.fa-exchange-alt:before {
+    content: "\f362"
+}
+
+.fa-exclamation:before {
+    content: "\f12a"
+}
+
+.fa-exclamation-circle:before {
+    content: "\f06a"
+}
+
+.fa-exclamation-triangle:before {
+    content: "\f071"
+}
+
+.fa-expand:before {
+    content: "\f065"
+}
+
+.fa-expand-arrows-alt:before {
+    content: "\f31e"
+}
+
+.fa-expeditedssl:before {
+    content: "\f23e"
+}
+
+.fa-external-link-alt:before {
+    content: "\f35d"
+}
+
+.fa-external-link-square-alt:before {
+    content: "\f360"
+}
+
+.fa-eye:before {
+    content: "\f06e"
+}
+
+.fa-eye-dropper:before {
+    content: "\f1fb"
+}
+
+.fa-eye-slash:before {
+    content: "\f070"
+}
+
+.fa-facebook:before {
+    content: "\f09a"
+}
+
+.fa-facebook-f:before {
+    content: "\f39e"
+}
+
+.fa-facebook-messenger:before {
+    content: "\f39f"
+}
+
+.fa-facebook-square:before {
+    content: "\f082"
+}
+
+.fa-fast-backward:before {
+    content: "\f049"
+}
+
+.fa-fast-forward:before {
+    content: "\f050"
+}
+
+.fa-fax:before {
+    content: "\f1ac"
+}
+
+.fa-female:before {
+    content: "\f182"
+}
+
+.fa-fighter-jet:before {
+    content: "\f0fb"
+}
+
+.fa-file:before {
+    content: "\f15b"
+}
+
+.fa-file-alt:before {
+    content: "\f15c"
+}
+
+.fa-file-archive:before {
+    content: "\f1c6"
+}
+
+.fa-file-audio:before {
+    content: "\f1c7"
+}
+
+.fa-file-code:before {
+    content: "\f1c9"
+}
+
+.fa-file-excel:before {
+    content: "\f1c3"
+}
+
+.fa-file-image:before {
+    content: "\f1c5"
+}
+
+.fa-file-pdf:before {
+    content: "\f1c1"
+}
+
+.fa-file-powerpoint:before {
+    content: "\f1c4"
+}
+
+.fa-file-video:before {
+    content: "\f1c8"
+}
+
+.fa-file-word:before {
+    content: "\f1c2"
+}
+
+.fa-film:before {
+    content: "\f008"
+}
+
+.fa-filter:before {
+    content: "\f0b0"
+}
+
+.fa-fire:before {
+    content: "\f06d"
+}
+
+.fa-fire-extinguisher:before {
+    content: "\f134"
+}
+
+.fa-firefox:before {
+    content: "\f269"
+}
+
+.fa-first-aid:before {
+    content: "\f479"
+}
+
+.fa-first-order:before {
+    content: "\f2b0"
+}
+
+.fa-firstdraft:before {
+    content: "\f3a1"
+}
+
+.fa-flag:before {
+    content: "\f024"
+}
+
+.fa-flag-checkered:before {
+    content: "\f11e"
+}
+
+.fa-flask:before {
+    content: "\f0c3"
+}
+
+.fa-flickr:before {
+    content: "\f16e"
+}
+
+.fa-flipboard:before {
+    content: "\f44d"
+}
+
+.fa-fly:before {
+    content: "\f417"
+}
+
+.fa-folder:before {
+    content: "\f07b"
+}
+
+.fa-folder-open:before {
+    content: "\f07c"
+}
+
+.fa-font:before {
+    content: "\f031"
+}
+
+.fa-font-awesome:before {
+    content: "\f2b4"
+}
+
+.fa-font-awesome-alt:before {
+    content: "\f35c"
+}
+
+.fa-font-awesome-flag:before {
+    content: "\f425"
+}
+
+.fa-fonticons:before {
+    content: "\f280"
+}
+
+.fa-fonticons-fi:before {
+    content: "\f3a2"
+}
+
+.fa-football-ball:before {
+    content: "\f44e"
+}
+
+.fa-fort-awesome:before {
+    content: "\f286"
+}
+
+.fa-fort-awesome-alt:before {
+    content: "\f3a3"
+}
+
+.fa-forumbee:before {
+    content: "\f211"
+}
+
+.fa-forward:before {
+    content: "\f04e"
+}
+
+.fa-foursquare:before {
+    content: "\f180"
+}
+
+.fa-free-code-camp:before {
+    content: "\f2c5"
+}
+
+.fa-freebsd:before {
+    content: "\f3a4"
+}
+
+.fa-frown:before {
+    content: "\f119"
+}
+
+.fa-futbol:before {
+    content: "\f1e3"
+}
+
+.fa-gamepad:before {
+    content: "\f11b"
+}
+
+.fa-gavel:before {
+    content: "\f0e3"
+}
+
+.fa-gem:before {
+    content: "\f3a5"
+}
+
+.fa-genderless:before {
+    content: "\f22d"
+}
+
+.fa-get-pocket:before {
+    content: "\f265"
+}
+
+.fa-gg:before {
+    content: "\f260"
+}
+
+.fa-gg-circle:before {
+    content: "\f261"
+}
+
+.fa-gift:before {
+    content: "\f06b"
+}
+
+.fa-git:before {
+    content: "\f1d3"
+}
+
+.fa-git-square:before {
+    content: "\f1d2"
+}
+
+.fa-github:before {
+    content: "\f09b"
+}
+
+.fa-github-alt:before {
+    content: "\f113"
+}
+
+.fa-github-square:before {
+    content: "\f092"
+}
+
+.fa-gitkraken:before {
+    content: "\f3a6"
+}
+
+.fa-gitlab:before {
+    content: "\f296"
+}
+
+.fa-gitter:before {
+    content: "\f426"
+}
+
+.fa-glass-martini:before {
+    content: "\f000"
+}
+
+.fa-glide:before {
+    content: "\f2a5"
+}
+
+.fa-glide-g:before {
+    content: "\f2a6"
+}
+
+.fa-globe:before {
+    content: "\f0ac"
+}
+
+.fa-gofore:before {
+    content: "\f3a7"
+}
+
+.fa-golf-ball:before {
+    content: "\f450"
+}
+
+.fa-goodreads:before {
+    content: "\f3a8"
+}
+
+.fa-goodreads-g:before {
+    content: "\f3a9"
+}
+
+.fa-google:before {
+    content: "\f1a0"
+}
+
+.fa-google-drive:before {
+    content: "\f3aa"
+}
+
+.fa-google-play:before {
+    content: "\f3ab"
+}
+
+.fa-google-plus:before {
+    content: "\f2b3"
+}
+
+.fa-google-plus-g:before {
+    content: "\f0d5"
+}
+
+.fa-google-plus-square:before {
+    content: "\f0d4"
+}
+
+.fa-google-wallet:before {
+    content: "\f1ee"
+}
+
+.fa-graduation-cap:before {
+    content: "\f19d"
+}
+
+.fa-gratipay:before {
+    content: "\f184"
+}
+
+.fa-grav:before {
+    content: "\f2d6"
+}
+
+.fa-gripfire:before {
+    content: "\f3ac"
+}
+
+.fa-grunt:before {
+    content: "\f3ad"
+}
+
+.fa-gulp:before {
+    content: "\f3ae"
+}
+
+.fa-h-square:before {
+    content: "\f0fd"
+}
+
+.fa-hacker-news:before {
+    content: "\f1d4"
+}
+
+.fa-hacker-news-square:before {
+    content: "\f3af"
+}
+
+.fa-hand-lizard:before {
+    content: "\f258"
+}
+
+.fa-hand-paper:before {
+    content: "\f256"
+}
+
+.fa-hand-peace:before {
+    content: "\f25b"
+}
+
+.fa-hand-point-down:before {
+    content: "\f0a7"
+}
+
+.fa-hand-point-left:before {
+    content: "\f0a5"
+}
+
+.fa-hand-point-right:before {
+    content: "\f0a4"
+}
+
+.fa-hand-point-up:before {
+    content: "\f0a6"
+}
+
+.fa-hand-pointer:before {
+    content: "\f25a"
+}
+
+.fa-hand-rock:before {
+    content: "\f255"
+}
+
+.fa-hand-scissors:before {
+    content: "\f257"
+}
+
+.fa-hand-spock:before {
+    content: "\f259"
+}
+
+.fa-handshake:before {
+    content: "\f2b5"
+}
+
+.fa-hashtag:before {
+    content: "\f292"
+}
+
+.fa-hdd:before {
+    content: "\f0a0"
+}
+
+.fa-heading:before {
+    content: "\f1dc"
+}
+
+.fa-headphones:before {
+    content: "\f025"
+}
+
+.fa-heart:before {
+    content: "\f004"
+}
+
+.fa-heartbeat:before {
+    content: "\f21e"
+}
+
+.fa-hips:before {
+    content: "\f452"
+}
+
+.fa-hire-a-helper:before {
+    content: "\f3b0"
+}
+
+.fa-history:before {
+    content: "\f1da"
+}
+
+.fa-hockey-puck:before {
+    content: "\f453"
+}
+
+.fa-home:before {
+    content: "\f015"
+}
+
+.fa-hooli:before {
+    content: "\f427"
+}
+
+.fa-hospital:before {
+    content: "\f0f8"
+}
+
+.fa-hospital-symbol:before {
+    content: "\f47e"
+}
+
+.fa-hotjar:before {
+    content: "\f3b1"
+}
+
+.fa-hourglass:before {
+    content: "\f254"
+}
+
+.fa-hourglass-end:before {
+    content: "\f253"
+}
+
+.fa-hourglass-half:before {
+    content: "\f252"
+}
+
+.fa-hourglass-start:before {
+    content: "\f251"
+}
+
+.fa-houzz:before {
+    content: "\f27c"
+}
+
+.fa-html5:before {
+    content: "\f13b"
+}
+
+.fa-hubspot:before {
+    content: "\f3b2"
+}
+
+.fa-i-cursor:before {
+    content: "\f246"
+}
+
+.fa-id-badge:before {
+    content: "\f2c1"
+}
+
+.fa-id-card:before {
+    content: "\f2c2"
+}
+
+.fa-image:before {
+    content: "\f03e"
+}
+
+.fa-images:before {
+    content: "\f302"
+}
+
+.fa-imdb:before {
+    content: "\f2d8"
+}
+
+.fa-inbox:before {
+    content: "\f01c"
+}
+
+.fa-indent:before {
+    content: "\f03c"
+}
+
+.fa-industry:before {
+    content: "\f275"
+}
+
+.fa-info:before {
+    content: "\f129"
+}
+
+.fa-info-circle:before {
+    content: "\f05a"
+}
+
+.fa-instagram:before {
+    content: "\f16d"
+}
+
+.fa-internet-explorer:before {
+    content: "\f26b"
+}
+
+.fa-ioxhost:before {
+    content: "\f208"
+}
+
+.fa-italic:before {
+    content: "\f033"
+}
+
+.fa-itunes:before {
+    content: "\f3b4"
+}
+
+.fa-itunes-note:before {
+    content: "\f3b5"
+}
+
+.fa-jenkins:before {
+    content: "\f3b6"
+}
+
+.fa-joget:before {
+    content: "\f3b7"
+}
+
+.fa-joomla:before {
+    content: "\f1aa"
+}
+
+.fa-js:before {
+    content: "\f3b8"
+}
+
+.fa-js-square:before {
+    content: "\f3b9"
+}
+
+.fa-jsfiddle:before {
+    content: "\f1cc"
+}
+
+.fa-key:before {
+    content: "\f084"
+}
+
+.fa-keyboard:before {
+    content: "\f11c"
+}
+
+.fa-keycdn:before {
+    content: "\f3ba"
+}
+
+.fa-kickstarter:before {
+    content: "\f3bb"
+}
+
+.fa-kickstarter-k:before {
+    content: "\f3bc"
+}
+
+.fa-korvue:before {
+    content: "\f42f"
+}
+
+.fa-language:before {
+    content: "\f1ab"
+}
+
+.fa-laptop:before {
+    content: "\f109"
+}
+
+.fa-laravel:before {
+    content: "\f3bd"
+}
+
+.fa-lastfm:before {
+    content: "\f202"
+}
+
+.fa-lastfm-square:before {
+    content: "\f203"
+}
+
+.fa-leaf:before {
+    content: "\f06c"
+}
+
+.fa-leanpub:before {
+    content: "\f212"
+}
+
+.fa-lemon:before {
+    content: "\f094"
+}
+
+.fa-less:before {
+    content: "\f41d"
+}
+
+.fa-level-down-alt:before {
+    content: "\f3be"
+}
+
+.fa-level-up-alt:before {
+    content: "\f3bf"
+}
+
+.fa-life-ring:before {
+    content: "\f1cd"
+}
+
+.fa-lightbulb:before {
+    content: "\f0eb"
+}
+
+.fa-line:before {
+    content: "\f3c0"
+}
+
+.fa-link:before {
+    content: "\f0c1"
+}
+
+.fa-linkedin:before {
+    content: "\f08c"
+}
+
+.fa-linkedin-in:before {
+    content: "\f0e1"
+}
+
+.fa-linode:before {
+    content: "\f2b8"
+}
+
+.fa-linux:before {
+    content: "\f17c"
+}
+
+.fa-lira-sign:before {
+    content: "\f195"
+}
+
+.fa-list:before {
+    content: "\f03a"
+}
+
+.fa-list-alt:before {
+    content: "\f022"
+}
+
+.fa-list-ol:before {
+    content: "\f0cb"
+}
+
+.fa-list-ul:before {
+    content: "\f0ca"
+}
+
+.fa-location-arrow:before {
+    content: "\f124"
+}
+
+.fa-lock:before {
+    content: "\f023"
+}
+
+.fa-lock-open:before {
+    content: "\f3c1"
+}
+
+.fa-long-arrow-alt-down:before {
+    content: "\f309"
+}
+
+.fa-long-arrow-alt-left:before {
+    content: "\f30a"
+}
+
+.fa-long-arrow-alt-right:before {
+    content: "\f30b"
+}
+
+.fa-long-arrow-alt-up:before {
+    content: "\f30c"
+}
+
+.fa-low-vision:before {
+    content: "\f2a8"
+}
+
+.fa-lyft:before {
+    content: "\f3c3"
+}
+
+.fa-magento:before {
+    content: "\f3c4"
+}
+
+.fa-magic:before {
+    content: "\f0d0"
+}
+
+.fa-magnet:before {
+    content: "\f076"
+}
+
+.fa-male:before {
+    content: "\f183"
+}
+
+.fa-map:before {
+    content: "\f279"
+}
+
+.fa-map-marker:before {
+    content: "\f041"
+}
+
+.fa-map-marker-alt:before {
+    content: "\f3c5"
+}
+
+.fa-map-pin:before {
+    content: "\f276"
+}
+
+.fa-map-signs:before {
+    content: "\f277"
+}
+
+.fa-mars:before {
+    content: "\f222"
+}
+
+.fa-mars-double:before {
+    content: "\f227"
+}
+
+.fa-mars-stroke:before {
+    content: "\f229"
+}
+
+.fa-mars-stroke-h:before {
+    content: "\f22b"
+}
+
+.fa-mars-stroke-v:before {
+    content: "\f22a"
+}
+
+.fa-maxcdn:before {
+    content: "\f136"
+}
+
+.fa-medapps:before {
+    content: "\f3c6"
+}
+
+.fa-medium:before {
+    content: "\f23a"
+}
+
+.fa-medium-m:before {
+    content: "\f3c7"
+}
+
+.fa-medkit:before {
+    content: "\f0fa"
+}
+
+.fa-medrt:before {
+    content: "\f3c8"
+}
+
+.fa-meetup:before {
+    content: "\f2e0"
+}
+
+.fa-meh:before {
+    content: "\f11a"
+}
+
+.fa-mercury:before {
+    content: "\f223"
+}
+
+.fa-microchip:before {
+    content: "\f2db"
+}
+
+.fa-microphone:before {
+    content: "\f130"
+}
+
+.fa-microphone-slash:before {
+    content: "\f131"
+}
+
+.fa-microsoft:before {
+    content: "\f3ca"
+}
+
+.fa-minus:before {
+    content: "\f068"
+}
+
+.fa-minus-circle:before {
+    content: "\f056"
+}
+
+.fa-minus-square:before {
+    content: "\f146"
+}
+
+.fa-mix:before {
+    content: "\f3cb"
+}
+
+.fa-mixcloud:before {
+    content: "\f289"
+}
+
+.fa-mizuni:before {
+    content: "\f3cc"
+}
+
+.fa-mobile:before {
+    content: "\f10b"
+}
+
+.fa-mobile-alt:before {
+    content: "\f3cd"
+}
+
+.fa-modx:before {
+    content: "\f285"
+}
+
+.fa-monero:before {
+    content: "\f3d0"
+}
+
+.fa-money-bill-alt:before {
+    content: "\f3d1"
+}
+
+.fa-moon:before {
+    content: "\f186"
+}
+
+.fa-motorcycle:before {
+    content: "\f21c"
+}
+
+.fa-mouse-pointer:before {
+    content: "\f245"
+}
+
+.fa-music:before {
+    content: "\f001"
+}
+
+.fa-napster:before {
+    content: "\f3d2"
+}
+
+.fa-neuter:before {
+    content: "\f22c"
+}
+
+.fa-newspaper:before {
+    content: "\f1ea"
+}
+
+.fa-nintendo-switch:before {
+    content: "\f418"
+}
+
+.fa-node:before {
+    content: "\f419"
+}
+
+.fa-node-js:before {
+    content: "\f3d3"
+}
+
+.fa-npm:before {
+    content: "\f3d4"
+}
+
+.fa-ns8:before {
+    content: "\f3d5"
+}
+
+.fa-nutritionix:before {
+    content: "\f3d6"
+}
+
+.fa-object-group:before {
+    content: "\f247"
+}
+
+.fa-object-ungroup:before {
+    content: "\f248"
+}
+
+.fa-odnoklassniki:before {
+    content: "\f263"
+}
+
+.fa-odnoklassniki-square:before {
+    content: "\f264"
+}
+
+.fa-opencart:before {
+    content: "\f23d"
+}
+
+.fa-openid:before {
+    content: "\f19b"
+}
+
+.fa-opera:before {
+    content: "\f26a"
+}
+
+.fa-optin-monster:before {
+    content: "\f23c"
+}
+
+.fa-osi:before {
+    content: "\f41a"
+}
+
+.fa-outdent:before {
+    content: "\f03b"
+}
+
+.fa-page4:before {
+    content: "\f3d7"
+}
+
+.fa-pagelines:before {
+    content: "\f18c"
+}
+
+.fa-paint-brush:before {
+    content: "\f1fc"
+}
+
+.fa-palfed:before {
+    content: "\f3d8"
+}
+
+.fa-pallet:before {
+    content: "\f482"
+}
+
+.fa-paper-plane:before {
+    content: "\f1d8"
+}
+
+.fa-paperclip:before {
+    content: "\f0c6"
+}
+
+.fa-paragraph:before {
+    content: "\f1dd"
+}
+
+.fa-paste:before {
+    content: "\f0ea"
+}
+
+.fa-patreon:before {
+    content: "\f3d9"
+}
+
+.fa-pause:before {
+    content: "\f04c"
+}
+
+.fa-pause-circle:before {
+    content: "\f28b"
+}
+
+.fa-paw:before {
+    content: "\f1b0"
+}
+
+.fa-paypal:before {
+    content: "\f1ed"
+}
+
+.fa-pen-square:before {
+    content: "\f14b"
+}
+
+.fa-pencil-alt:before {
+    content: "\f303"
+}
+
+.fa-percent:before {
+    content: "\f295"
+}
+
+.fa-periscope:before {
+    content: "\f3da"
+}
+
+.fa-phabricator:before {
+    content: "\f3db"
+}
+
+.fa-phoenix-framework:before {
+    content: "\f3dc"
+}
+
+.fa-phone:before {
+    content: "\f095"
+}
+
+.fa-phone-square:before {
+    content: "\f098"
+}
+
+.fa-phone-volume:before {
+    content: "\f2a0"
+}
+
+.fa-php:before {
+    content: "\f457"
+}
+
+.fa-pied-piper:before {
+    content: "\f2ae"
+}
+
+.fa-pied-piper-alt:before {
+    content: "\f1a8"
+}
+
+.fa-pied-piper-pp:before {
+    content: "\f1a7"
+}
+
+.fa-pills:before {
+    content: "\f484"
+}
+
+.fa-pinterest:before {
+    content: "\f0d2"
+}
+
+.fa-pinterest-p:before {
+    content: "\f231"
+}
+
+.fa-pinterest-square:before {
+    content: "\f0d3"
+}
+
+.fa-plane:before {
+    content: "\f072"
+}
+
+.fa-play:before {
+    content: "\f04b"
+}
+
+.fa-play-circle:before {
+    content: "\f144"
+}
+
+.fa-playstation:before {
+    content: "\f3df"
+}
+
+.fa-plug:before {
+    content: "\f1e6"
+}
+
+.fa-plus:before {
+    content: "\f067"
+}
+
+.fa-plus-circle:before {
+    content: "\f055"
+}
+
+.fa-plus-square:before {
+    content: "\f0fe"
+}
+
+.fa-podcast:before {
+    content: "\f2ce"
+}
+
+.fa-pound-sign:before {
+    content: "\f154"
+}
+
+.fa-power-off:before {
+    content: "\f011"
+}
+
+.fa-print:before {
+    content: "\f02f"
+}
+
+.fa-product-hunt:before {
+    content: "\f288"
+}
+
+.fa-pushed:before {
+    content: "\f3e1"
+}
+
+.fa-puzzle-piece:before {
+    content: "\f12e"
+}
+
+.fa-python:before {
+    content: "\f3e2"
+}
+
+.fa-qq:before {
+    content: "\f1d6"
+}
+
+.fa-qrcode:before {
+    content: "\f029"
+}
+
+.fa-question:before {
+    content: "\f128"
+}
+
+.fa-question-circle:before {
+    content: "\f059"
+}
+
+.fa-quidditch:before {
+    content: "\f458"
+}
+
+.fa-quinscape:before {
+    content: "\f459"
+}
+
+.fa-quora:before {
+    content: "\f2c4"
+}
+
+.fa-quote-left:before {
+    content: "\f10d"
+}
+
+.fa-quote-right:before {
+    content: "\f10e"
+}
+
+.fa-random:before {
+    content: "\f074"
+}
+
+.fa-ravelry:before {
+    content: "\f2d9"
+}
+
+.fa-react:before {
+    content: "\f41b"
+}
+
+.fa-rebel:before {
+    content: "\f1d0"
+}
+
+.fa-recycle:before {
+    content: "\f1b8"
+}
+
+.fa-red-river:before {
+    content: "\f3e3"
+}
+
+.fa-reddit:before {
+    content: "\f1a1"
+}
+
+.fa-reddit-alien:before {
+    content: "\f281"
+}
+
+.fa-reddit-square:before {
+    content: "\f1a2"
+}
+
+.fa-redo:before {
+    content: "\f01e"
+}
+
+.fa-redo-alt:before {
+    content: "\f2f9"
+}
+
+.fa-registered:before {
+    content: "\f25d"
+}
+
+.fa-rendact:before {
+    content: "\f3e4"
+}
+
+.fa-renren:before {
+    content: "\f18b"
+}
+
+.fa-reply:before {
+    content: "\f3e5"
+}
+
+.fa-reply-all:before {
+    content: "\f122"
+}
+
+.fa-replyd:before {
+    content: "\f3e6"
+}
+
+.fa-resolving:before {
+    content: "\f3e7"
+}
+
+.fa-retweet:before {
+    content: "\f079"
+}
+
+.fa-road:before {
+    content: "\f018"
+}
+
+.fa-rocket:before {
+    content: "\f135"
+}
+
+.fa-rocketchat:before {
+    content: "\f3e8"
+}
+
+.fa-rockrms:before {
+    content: "\f3e9"
+}
+
+.fa-rss:before {
+    content: "\f09e"
+}
+
+.fa-rss-square:before {
+    content: "\f143"
+}
+
+.fa-ruble-sign:before {
+    content: "\f158"
+}
+
+.fa-rupee-sign:before {
+    content: "\f156"
+}
+
+.fa-safari:before {
+    content: "\f267"
+}
+
+.fa-sass:before {
+    content: "\f41e"
+}
+
+.fa-save:before {
+    content: "\f0c7"
+}
+
+.fa-schlix:before {
+    content: "\f3ea"
+}
+
+.fa-scribd:before {
+    content: "\f28a"
+}
+
+.fa-search:before {
+    content: "\f002"
+}
+
+.fa-search-minus:before {
+    content: "\f010"
+}
+
+.fa-search-plus:before {
+    content: "\f00e"
+}
+
+.fa-searchengin:before {
+    content: "\f3eb"
+}
+
+.fa-sellcast:before {
+    content: "\f2da"
+}
+
+.fa-sellsy:before {
+    content: "\f213"
+}
+
+.fa-server:before {
+    content: "\f233"
+}
+
+.fa-servicestack:before {
+    content: "\f3ec"
+}
+
+.fa-share:before {
+    content: "\f064"
+}
+
+.fa-share-alt:before {
+    content: "\f1e0"
+}
+
+.fa-share-alt-square:before {
+    content: "\f1e1"
+}
+
+.fa-share-square:before {
+    content: "\f14d"
+}
+
+.fa-shekel-sign:before {
+    content: "\f20b"
+}
+
+.fa-shield-alt:before {
+    content: "\f3ed"
+}
+
+.fa-ship:before {
+    content: "\f21a"
+}
+
+.fa-shipping-fast:before {
+    content: "\f48b"
+}
+
+.fa-shirtsinbulk:before {
+    content: "\f214"
+}
+
+.fa-shopping-bag:before {
+    content: "\f290"
+}
+
+.fa-shopping-basket:before {
+    content: "\f291"
+}
+
+.fa-shopping-cart:before {
+    content: "\f07a"
+}
+
+.fa-shower:before {
+    content: "\f2cc"
+}
+
+.fa-sign-in-alt:before {
+    content: "\f2f6"
+}
+
+.fa-sign-language:before {
+    content: "\f2a7"
+}
+
+.fa-sign-out-alt:before {
+    content: "\f2f5"
+}
+
+.fa-signal:before {
+    content: "\f012"
+}
+
+.fa-simplybuilt:before {
+    content: "\f215"
+}
+
+.fa-sistrix:before {
+    content: "\f3ee"
+}
+
+.fa-sitemap:before {
+    content: "\f0e8"
+}
+
+.fa-skyatlas:before {
+    content: "\f216"
+}
+
+.fa-skype:before {
+    content: "\f17e"
+}
+
+.fa-slack:before {
+    content: "\f198"
+}
+
+.fa-slack-hash:before {
+    content: "\f3ef"
+}
+
+.fa-sliders-h:before {
+    content: "\f1de"
+}
+
+.fa-slideshare:before {
+    content: "\f1e7"
+}
+
+.fa-smile:before {
+    content: "\f118"
+}
+
+.fa-snapchat:before {
+    content: "\f2ab"
+}
+
+.fa-snapchat-ghost:before {
+    content: "\f2ac"
+}
+
+.fa-snapchat-square:before {
+    content: "\f2ad"
+}
+
+.fa-snowflake:before {
+    content: "\f2dc"
+}
+
+.fa-sort:before {
+    content: "\f0dc"
+}
+
+.fa-sort-alpha-down:before {
+    content: "\f15d"
+}
+
+.fa-sort-alpha-up:before {
+    content: "\f15e"
+}
+
+.fa-sort-amount-down:before {
+    content: "\f160"
+}
+
+.fa-sort-amount-up:before {
+    content: "\f161"
+}
+
+.fa-sort-down:before {
+    content: "\f0dd"
+}
+
+.fa-sort-numeric-down:before {
+    content: "\f162"
+}
+
+.fa-sort-numeric-up:before {
+    content: "\f163"
+}
+
+.fa-sort-up:before {
+    content: "\f0de"
+}
+
+.fa-soundcloud:before {
+    content: "\f1be"
+}
+
+.fa-space-shuttle:before {
+    content: "\f197"
+}
+
+.fa-speakap:before {
+    content: "\f3f3"
+}
+
+.fa-spinner:before {
+    content: "\f110"
+}
+
+.fa-spotify:before {
+    content: "\f1bc"
+}
+
+.fa-square:before {
+    content: "\f0c8"
+}
+
+.fa-square-full:before {
+    content: "\f45c"
+}
+
+.fa-stack-exchange:before {
+    content: "\f18d"
+}
+
+.fa-stack-overflow:before {
+    content: "\f16c"
+}
+
+.fa-star:before {
+    content: "\f005"
+}
+
+.fa-star-half:before {
+    content: "\f089"
+}
+
+.fa-staylinked:before {
+    content: "\f3f5"
+}
+
+.fa-steam:before {
+    content: "\f1b6"
+}
+
+.fa-steam-square:before {
+    content: "\f1b7"
+}
+
+.fa-steam-symbol:before {
+    content: "\f3f6"
+}
+
+.fa-step-backward:before {
+    content: "\f048"
+}
+
+.fa-step-forward:before {
+    content: "\f051"
+}
+
+.fa-stethoscope:before {
+    content: "\f0f1"
+}
+
+.fa-sticker-mule:before {
+    content: "\f3f7"
+}
+
+.fa-sticky-note:before {
+    content: "\f249"
+}
+
+.fa-stop:before {
+    content: "\f04d"
+}
+
+.fa-stop-circle:before {
+    content: "\f28d"
+}
+
+.fa-stopwatch:before {
+    content: "\f2f2"
+}
+
+.fa-strava:before {
+    content: "\f428"
+}
+
+.fa-street-view:before {
+    content: "\f21d"
+}
+
+.fa-strikethrough:before {
+    content: "\f0cc"
+}
+
+.fa-stripe:before {
+    content: "\f429"
+}
+
+.fa-stripe-s:before {
+    content: "\f42a"
+}
+
+.fa-studiovinari:before {
+    content: "\f3f8"
+}
+
+.fa-stumbleupon:before {
+    content: "\f1a4"
+}
+
+.fa-stumbleupon-circle:before {
+    content: "\f1a3"
+}
+
+.fa-subscript:before {
+    content: "\f12c"
+}
+
+.fa-subway:before {
+    content: "\f239"
+}
+
+.fa-suitcase:before {
+    content: "\f0f2"
+}
+
+.fa-sun:before {
+    content: "\f185"
+}
+
+.fa-superpowers:before {
+    content: "\f2dd"
+}
+
+.fa-superscript:before {
+    content: "\f12b"
+}
+
+.fa-supple:before {
+    content: "\f3f9"
+}
+
+.fa-sync:before {
+    content: "\f021"
+}
+
+.fa-sync-alt:before {
+    content: "\f2f1"
+}
+
+.fa-syringe:before {
+    content: "\f48e"
+}
+
+.fa-table:before {
+    content: "\f0ce"
+}
+
+.fa-table-tennis:before {
+    content: "\f45d"
+}
+
+.fa-tablet:before {
+    content: "\f10a"
+}
+
+.fa-tablet-alt:before {
+    content: "\f3fa"
+}
+
+.fa-tachometer-alt:before {
+    content: "\f3fd"
+}
+
+.fa-tag:before {
+    content: "\f02b"
+}
+
+.fa-tags:before {
+    content: "\f02c"
+}
+
+.fa-tasks:before {
+    content: "\f0ae"
+}
+
+.fa-taxi:before {
+    content: "\f1ba"
+}
+
+.fa-telegram:before {
+    content: "\f2c6"
+}
+
+.fa-telegram-plane:before {
+    content: "\f3fe"
+}
+
+.fa-tencent-weibo:before {
+    content: "\f1d5"
+}
+
+.fa-terminal:before {
+    content: "\f120"
+}
+
+.fa-text-height:before {
+    content: "\f034"
+}
+
+.fa-text-width:before {
+    content: "\f035"
+}
+
+.fa-th:before {
+    content: "\f00a"
+}
+
+.fa-th-large:before {
+    content: "\f009"
+}
+
+.fa-th-list:before {
+    content: "\f00b"
+}
+
+.fa-themeisle:before {
+    content: "\f2b2"
+}
+
+.fa-thermometer:before {
+    content: "\f491"
+}
+
+.fa-thermometer-empty:before {
+    content: "\f2cb"
+}
+
+.fa-thermometer-full:before {
+    content: "\f2c7"
+}
+
+.fa-thermometer-half:before {
+    content: "\f2c9"
+}
+
+.fa-thermometer-quarter:before {
+    content: "\f2ca"
+}
+
+.fa-thermometer-three-quarters:before {
+    content: "\f2c8"
+}
+
+.fa-thumbs-down:before {
+    content: "\f165"
+}
+
+.fa-thumbs-up:before {
+    content: "\f164"
+}
+
+.fa-thumbtack:before {
+    content: "\f08d"
+}
+
+.fa-ticket-alt:before {
+    content: "\f3ff"
+}
+
+.fa-times:before {
+    content: "\f00d"
+}
+
+.fa-times-circle:before {
+    content: "\f057"
+}
+
+.fa-tint:before {
+    content: "\f043"
+}
+
+.fa-toggle-off:before {
+    content: "\f204"
+}
+
+.fa-toggle-on:before {
+    content: "\f205"
+}
+
+.fa-trademark:before {
+    content: "\f25c"
+}
+
+.fa-train:before {
+    content: "\f238"
+}
+
+.fa-transgender:before {
+    content: "\f224"
+}
+
+.fa-transgender-alt:before {
+    content: "\f225"
+}
+
+.fa-trash:before {
+    content: "\f1f8"
+}
+
+.fa-trash-alt:before {
+    content: "\f2ed"
+}
+
+.fa-tree:before {
+    content: "\f1bb"
+}
+
+.fa-trello:before {
+    content: "\f181"
+}
+
+.fa-tripadvisor:before {
+    content: "\f262"
+}
+
+.fa-trophy:before {
+    content: "\f091"
+}
+
+.fa-truck:before {
+    content: "\f0d1"
+}
+
+.fa-tty:before {
+    content: "\f1e4"
+}
+
+.fa-tumblr:before {
+    content: "\f173"
+}
+
+.fa-tumblr-square:before {
+    content: "\f174"
+}
+
+.fa-tv:before {
+    content: "\f26c"
+}
+
+.fa-twitch:before {
+    content: "\f1e8"
+}
+
+.fa-twitter:before {
+    content: "\f099"
+}
+
+.fa-twitter-square:before {
+    content: "\f081"
+}
+
+.fa-typo3:before {
+    content: "\f42b"
+}
+
+.fa-uber:before {
+    content: "\f402"
+}
+
+.fa-uikit:before {
+    content: "\f403"
+}
+
+.fa-umbrella:before {
+    content: "\f0e9"
+}
+
+.fa-underline:before {
+    content: "\f0cd"
+}
+
+.fa-undo:before {
+    content: "\f0e2"
+}
+
+.fa-undo-alt:before {
+    content: "\f2ea"
+}
+
+.fa-uniregistry:before {
+    content: "\f404"
+}
+
+.fa-universal-access:before {
+    content: "\f29a"
+}
+
+.fa-university:before {
+    content: "\f19c"
+}
+
+.fa-unlink:before {
+    content: "\f127"
+}
+
+.fa-unlock:before {
+    content: "\f09c"
+}
+
+.fa-unlock-alt:before {
+    content: "\f13e"
+}
+
+.fa-untappd:before {
+    content: "\f405"
+}
+
+.fa-upload:before {
+    content: "\f093"
+}
+
+.fa-usb:before {
+    content: "\f287"
+}
+
+.fa-user:before {
+    content: "\f007"
+}
+
+.fa-user-circle:before {
+    content: "\f2bd"
+}
+
+.fa-user-md:before {
+    content: "\f0f0"
+}
+
+.fa-user-plus:before {
+    content: "\f234"
+}
+
+.fa-user-secret:before {
+    content: "\f21b"
+}
+
+.fa-user-times:before {
+    content: "\f235"
+}
+
+.fa-users:before {
+    content: "\f0c0"
+}
+
+.fa-ussunnah:before {
+    content: "\f407"
+}
+
+.fa-utensil-spoon:before {
+    content: "\f2e5"
+}
+
+.fa-utensils:before {
+    content: "\f2e7"
+}
+
+.fa-vaadin:before {
+    content: "\f408"
+}
+
+.fa-venus:before {
+    content: "\f221"
+}
+
+.fa-venus-double:before {
+    content: "\f226"
+}
+
+.fa-venus-mars:before {
+    content: "\f228"
+}
+
+.fa-viacoin:before {
+    content: "\f237"
+}
+
+.fa-viadeo:before {
+    content: "\f2a9"
+}
+
+.fa-viadeo-square:before {
+    content: "\f2aa"
+}
+
+.fa-viber:before {
+    content: "\f409"
+}
+
+.fa-video:before {
+    content: "\f03d"
+}
+
+.fa-vimeo:before {
+    content: "\f40a"
+}
+
+.fa-vimeo-square:before {
+    content: "\f194"
+}
+
+.fa-vimeo-v:before {
+    content: "\f27d"
+}
+
+.fa-vine:before {
+    content: "\f1ca"
+}
+
+.fa-vk:before {
+    content: "\f189"
+}
+
+.fa-vnv:before {
+    content: "\f40b"
+}
+
+.fa-volleyball-ball:before {
+    content: "\f45f"
+}
+
+.fa-volume-down:before {
+    content: "\f027"
+}
+
+.fa-volume-off:before {
+    content: "\f026"
+}
+
+.fa-volume-up:before {
+    content: "\f028"
+}
+
+.fa-vuejs:before {
+    content: "\f41f"
+}
+
+.fa-warehouse:before {
+    content: "\f494"
+}
+
+.fa-weibo:before {
+    content: "\f18a"
+}
+
+.fa-weight:before {
+    content: "\f496"
+}
+
+.fa-weixin:before {
+    content: "\f1d7"
+}
+
+.fa-whatsapp:before {
+    content: "\f232"
+}
+
+.fa-whatsapp-square:before {
+    content: "\f40c"
+}
+
+.fa-wheelchair:before {
+    content: "\f193"
+}
+
+.fa-whmcs:before {
+    content: "\f40d"
+}
+
+.fa-wifi:before {
+    content: "\f1eb"
+}
+
+.fa-wikipedia-w:before {
+    content: "\f266"
+}
+
+.fa-window-close:before {
+    content: "\f410"
+}
+
+.fa-window-maximize:before {
+    content: "\f2d0"
+}
+
+.fa-window-minimize:before {
+    content: "\f2d1"
+}
+
+.fa-window-restore:before {
+    content: "\f2d2"
+}
+
+.fa-windows:before {
+    content: "\f17a"
+}
+
+.fa-won-sign:before {
+    content: "\f159"
+}
+
+.fa-wordpress:before {
+    content: "\f19a"
+}
+
+.fa-wordpress-simple:before {
+    content: "\f411"
+}
+
+.fa-wpbeginner:before {
+    content: "\f297"
+}
+
+.fa-wpexplorer:before {
+    content: "\f2de"
+}
+
+.fa-wpforms:before {
+    content: "\f298"
+}
+
+.fa-wrench:before {
+    content: "\f0ad"
+}
+
+.fa-xbox:before {
+    content: "\f412"
+}
+
+.fa-xing:before {
+    content: "\f168"
+}
+
+.fa-xing-square:before {
+    content: "\f169"
+}
+
+.fa-y-combinator:before {
+    content: "\f23b"
+}
+
+.fa-yahoo:before {
+    content: "\f19e"
+}
+
+.fa-yandex:before {
+    content: "\f413"
+}
+
+.fa-yandex-international:before {
+    content: "\f414"
+}
+
+.fa-yelp:before {
+    content: "\f1e9"
+}
+
+.fa-yen-sign:before {
+    content: "\f157"
+}
+
+.fa-yoast:before {
+    content: "\f2b1"
+}
+
+.fa-youtube:before {
+    content: "\f167"
+}
+
+.fa-youtube-square:before {
+    content: "\f431"
+}
+
+.sr-only {
+    border: 0;
+    clip: rect(0, 0, 0, 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto
+}
+
+@font-face {
+    font-family: Font Awesome\ 5 Brands;
+    font-style: normal;
+    font-weight: 400;
+    src: url(../webfonts/fa-brands-400.eot);
+    src: url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-brands-400.woff2) format("woff2"), url(../webfonts/fa-brands-400.woff) format("woff"), url(../webfonts/fa-brands-400.ttf) format("truetype"), url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
+}
+
+.fab {
+    font-family: Font Awesome\ 5 Brands
+}
+
+@font-face {
+    font-family: Font Awesome\ 5 Free;
+    font-style: normal;
+    font-weight: 400;
+    src: url(../webfonts/fa-regular-400.eot);
+    src: url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-regular-400.woff2) format("woff2"), url(../webfonts/fa-regular-400.woff) format("woff"), url(../webfonts/fa-regular-400.ttf) format("truetype"), url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")
+}
+
+.far {
+    font-weight: 400
+}
+
+@font-face {
+    font-family: Font Awesome\ 5 Free;
+    font-style: normal;
+    font-weight: 900;
+    src: url(../webfonts/fa-solid-900.eot);
+    src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(../webfonts/fa-solid-900.woff2) format("woff2"), url(../webfonts/fa-solid-900.woff) format("woff"), url(../webfonts/fa-solid-900.ttf) format("truetype"), url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
+}
+
+.fa,
+.far,
+.fas {
+    font-family: Font Awesome\ 5 Free
+}
+
+.fa,
+.fas {
+    font-weight: 900
+}
\ No newline at end of file

src/layouts/default.html

@@ -15,9 +15,7 @@
 </head>
 
 <body>
-
-    {{> header}} {{> body}}
-
+    {{#ifpage 'dashboard' 'orders' 'account-settings' 'make-payment'}} {{> header-type-2}}{{> body}} {{/ifpage}} {{#unlesspage 'dashboard' 'orders' 'account-settings' 'make-payment' }} {{> header}} {{> body}} {{/unlesspage}}
     <script src="{{root}}assets/js/app.js"></script>
 </body>
 

src/pages/account-settings.html

+<section class="register settings unf-padding full-height">
+    <div class="grid-container">
+        <h2>Account Settings </h2>
+        <div class="grid-x grid-padding-x">
+            <div class="large-12 medium-6 cell">
+                <div class="grid-x grid-padding-x form-wrap">
+                    <div class="large-6 medium-6 cell">
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">Account Name *</label>
+                        </div>
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">Email *</label>
+                        </div>
+                        <div class=" cell">
+                            <input type="password" placeholder="" required="">
+                            <label for="">Password *</label>
+                        </div>
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">Address Line 1*</label>
+                        </div>
+
+                        <div class="cell">
+                            <select>
+                                <option value="" disabled selected>Country*</option>
+                                <option value="">India</option>
+                                <option value="">UAE</option>
+                            </select>
+                        </div>
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">Zip Code*</label>
+                        </div>
+                        <div class="cell">
+                            <select>
+                                <option value="" disabled selected>Phone Code*</option>
+                                <option value="">+91</option>
+                                <option value="">+97</option>
+                            </select>
+                        </div>
+                    </div>
+                    <div class="large-6 medium-6 cell">
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">Exam Portal *</label>
+                        </div>
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">Username *</label>
+                        </div>
+                        <div class=" cell">
+                            <input type="password" placeholder="" required="">
+                            <label for="">Password Confirmation *</label>
+                        </div>
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">Address Line 1*</label>
+                        </div>
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">City*</label>
+                        </div>
+                        <div class="cell">
+                            <select>
+                                    <option value="" disabled selected>Time Zone*</option>
+                                    <option value="">UTC +11</option>
+                                    <option value="">UTC +10</option>
+                                </select>
+                        </div>
+                        <div class=" cell">
+                            <input type="text" placeholder="" required="">
+                            <label for="">Phone Number*</label>
+                        </div>
+                    </div>
+                    <div class="large-6 medium-6 cell">
+                        <div class="checkbox">
+                            <input id="checkbox1" type="checkbox">
+                            <label for="checkbox1">I accept terms and conditions</label>
+                        </div>
+                    </div>
+                    <div class="large-6 medium-6 cell ">
+                        <span class="text-right info"><span class="red">*</span>Mandatory Fields</span>
+                    </div>
+                    <div class="large-12 medium-12 cell">
+                        <a href="" class="button float-right dark-hover">Submit</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file

src/pages/dashboard.html

+<section class="unf-padding">
+    <div class="grid-container">
+        <h2 class="padd-adj">Dashboard </h2>
+        <div class="grid-x grid-padding-x ">
+            <div class="large-4 medium-6 cell">
+                <table class="unstriped vx-table text-center">
+                    <thead>
+                        <tr>
+                            <th class="red">Credit Point</th>
+                            <th>Balance Credit Points</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>-</td>
+                            <td>0</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="large-8 medium-6 cell">
+                <table class="unstriped vx-table">
+                    <thead>
+                        <tr>
+                            <th>Name</th>
+                            <th>Email</th>
+                            <th>Timezone</th>
+                            <th>Country</th>
+                            <th>Phone Number</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>Alimon</td>
+                            <td>alimon.kr@pitsolutions.com</td>
+                            <td>Kolkata</td>
+                            <td>India</td>
+                            <td>+91 999857587</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file

src/pages/make-payment.html

+<section class="unf-padding">
+    <form action="" class="form-wrap">
+        <div class="grid-container">
+            <h2 class="padd-adj">Make Payment </h2>
+
+            <div class="grid-x grid-padding-x">
+
+                <div class="large-5 medium-6 cell">
+                    <div class="grid-x grid-padding-x">
+                        <div class="large-12 medium-6 cell">
+                            <div class="panel">
+                                <div class="panel-head">Package</div>
+                                <div class="panel-body">
+                                    <div class="plan-type">Basic</div>
+                                    <div class="plan-price">
+                                        <div class="cr-point float-left">800</div>
+                                        <div class="plan-value float-right"> $199.96</div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="large-12 medium-6 cell">
+                            <div class="panel">
+                                <div class="panel-head">Select Payment Mode</div>
+                                <div class="panel-body">
+                                    <div class="payment-type">
+                                        <div class="radio-wrap">
+                                            <input type="radio" name="payment_method" checked>
+                                            <span class="checkmark"></span>
+                                            <img src="assets/img/card-pay.png" alt="">
+                                        </div>
+                                        <div class="radio-wrap">
+                                            <input type="radio" name="payment_method">
+                                            <span class="checkmark"></span>
+                                            <img src="assets/img/paypal.png" alt="">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="large-7 medium-6 cell"></div>
+
+            </div>
+        </div>
+    </form>
+</section>
\ No newline at end of file

src/pages/orders.html

+<section class="unf-padding">
+    <div class="grid-container">
+        <h2 class="padd-adj">Orders </h2>
+        <div class="grid-x grid-padding-x ">
+            <div class="large-12 medium-6 cell">
+                <table class="unstriped vx-table">
+                    <thead>
+                        <tr>
+                            <th>#</th>
+                            <th>Package</th>
+                            <th>Quantity</th>
+                            <th>Total Price</th>
+                            <th>Credit Points</th>
+                            <th>Renewal</th>
+                            <th>Status</th>
+                            <th>Created at</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>1</td>
+                            <td class="red">
+                                Basic
+                            </td>
+                            <td>4</td>
+                            <td> $199.96</td>
+                            <td>800</td>
+                            <td>No</td>
+                            <td>Pending</td>
+                            <td>March 05, 2018 at 12:08 PM</td>
+                            <td><i class="fas fa-sync-alt"></i></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</section>
\ No newline at end of file

src/pages/register.html

-<section class="register">
+<section class="register dark-bg unf-padding full-height">
     <div class="grid-container">
         <h2 class="text-center">Register </h2>
         <span class="sub-text text-center">Choose the most suitable tariff plan for your requirements</span>
@@ -31,6 +31,38 @@
                             <a href="register.html" class="button">Sign Up</a>
                         </div>
                     </div>
+                    <div class="plan-detail" id="basic-plus">
+                        <div class="card-price">
+                            <sup>$</sup>49.99
+                        </div>
+                        <div class="card-section">
+                            <ul>
+                                <li>100 Credit Points*</li>
+                                <li>Unlimited Exams</li>
+                                <li>Unlimited Questions</li>
+                                <li>Various Question Types</li>
+                                <li>Concurrent Users: &lt; 100</li>
+                                <li>Validity : 6 months</li>
+                            </ul>
+                            <a href="register.html" class="button">Sign Up</a>
+                        </div>
+                    </div>
+                    <div class="plan-detail" id="premium">
+                        <div class="card-price">
+                            <sup>$</sup>49.99
+                        </div>
+                        <div class="card-section">
+                            <ul>
+                                <li>100 Credit Points*</li>
+                                <li>Unlimited Exams</li>
+                                <li>Unlimited Questions</li>
+                                <li>Various Question Types</li>
+                                <li>Concurrent Users: &lt; 100</li>
+                                <li>Validity : 6 months</li>
+                            </ul>
+                            <a href="register.html" class="button">Sign Up</a>
+                        </div>
+                    </div>
                 </div>
             </div>
             <div class="large-9 medium-6 cell">
@@ -52,17 +84,24 @@
                             <input type="text" placeholder="" required="">
                             <label for="">Address Line 1*</label>
                         </div>
-                        <div class=" cell">
-                            <input type="text" placeholder="" required="">
-                            <label for="">Name*</label>
+
+                        <div class="cell">
+                            <select>
+                                    <option value="" disabled selected>Country*</option>
+                                    <option value="">India</option>
+                                    <option value="">UAE</option>
+                                </select>
                         </div>
                         <div class=" cell">
                             <input type="text" placeholder="" required="">
                             <label for="">Zip Code*</label>
                         </div>
-                        <div class=" cell">
-                            <input type="text" placeholder="" required="">
-                            <label for="">Name*</label>
+                        <div class="cell">
+                            <select>
+                                    <option value="" disabled selected>Phone Code*</option>
+                                    <option value="">+91</option>
+                                    <option value="">+97</option>
+                                </select>
                         </div>
                     </div>
                     <div class="large-6 medium-6 cell">
@@ -86,9 +125,12 @@
                             <input type="text" placeholder="" required="">
                             <label for="">City*</label>
                         </div>
-                        <div class=" cell">
-                            <input type="text" placeholder="" required="">
-                            <label for="">Name*</label>
+                        <div class="cell">
+                            <select>
+                                        <option value="" disabled selected>Time Zone*</option>
+                                        <option value="">UTC +11</option>
+                                        <option value="">UTC +10</option>
+                                    </select>
                         </div>
                         <div class=" cell">
                             <input type="text" placeholder="" required="">

src/pages/search-result.html

+<section class="dark-bg full-height search-result">
+    <div class="grid-container">
+        <h2><span class="red">Search </span>Result </h2>
+        <span class="sub-text">Suitable results for your searching</span>
+        <div class="sr-result">
+            <div class="item-block">
+                <h5>Home</h5>
+                <p>Demo VirtualX is a fully automated exam management system which can significantly help your organization to improve the efficiency when conducting online examinations. Support We are there to help. Our committed VirtualX team will be always
+                    there to provide all assistance and support...</p>
+            </div>
+            <div class="item-block">
+                <h5>Features</h5>
+                <p>It‘s passion, not only work! We have worked diligently to bring you our online examination product that we are proud of. VirtualX was developed keeping in mind all the needs of an online examination system. The VirtualX team throughout
+                    the development process ensured that the VirtualX delivers high performance yet remains simple...</p>
+            </div>
+            <div class="item-block">
+                <h5>Services</h5>
+                <p>It‘s passion, not only work! We have worked diligently to bring you our online examination product that we are proud of. VirtualX was developed keeping in mind all the needs of an online examination system. The VirtualX team throughout
+                    the development process ensured that the VirtualX delivers high performance yet remains simple...</p>
+            </div>
+            <div class="item-block">
+                <h5>Pricing</h5>
+                <p>Demo VirtualX is a fully automated exam management system which can significantly help your organization to improve the efficiency when conducting online examinations. Support We are there to help. Our committed VirtualX team will be always
+                    there to provide all assistance and support...</p>
+            </div>
+        </div>
+    </div>
+
+</section>
\ No newline at end of file

src/partials/header-type-2.html

+<header class="type-2">
+    <div class="grid-container fluid">
+        <div class="top-block">
+            <div class="logo">
+                <a href="">
+                    <img src="assets/img/logo.png" alt="">
+                </a>
+            </div>
+            <div class="navigation-wrap">
+                <div class="language-bar">
+                    <ul>
+                        <li class="active"><a href="">English</a></li>
+                        <li class="ar"><a href="">العربية</a></li>
+                    </ul>
+                </div>
+                <div class="user-welcome">
+                    <span>Welcome</span>
+                    <a href="">Alimonkhader</a>
+                </div>
+
+                <nav class="navigation">
+
+                    <ul class="vertical menu">
+                        <li>
+                            <a href=""> Dashboard </a>
+                        </li>
+                        <li>
+                            <a href=""> Orders  </a>
+                        </li>
+                        <li>
+                            <a href=""> Settings </a>
+                        </li>
+                        <li class="active">
+                            <a href=""><b> Log Out</b> </a>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+    </div>
+</header>
\ No newline at end of file