﻿/* Info
================================================== 
     Author: http://neptuneweb.xyz 
     Version: 1.0
     License: GNU General Public License version
 ================================================== 
 Info */


body {
    margin: 0;
    font-family: "Rubik", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    color: #1e2022;
    text-align: left;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
}
 

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 400; line-height: 1.4; }
h4, h5, h6, .h4, .h5, .h6 { font-weight: 500; }
h5, .h5 { font-size: 1.20rem; }

p {
    color: #6d767d;
    line-height: 1.6;
    font-size: 0.95em;
}
 
.alert p { color:inherit; }


a {
    font-size: 1em;
    color: #328fe4;
    outline: none !important;
    /*-moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;*/
    text-decoration: none !important;
}

a:hover { text-decoration: none; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; outline-style: none; outline: none; text-decoration: none; }

ol { margin: 0 0 20px; padding: 0 0 0 20px; }

ul > li > ul, ol > li > ol { margin-left: 20px; padding-left: 0; }

dl dt { font-weight: bold; }

dl dd { margin-bottom: 20px; }

dl dt, dl dd { line-height: 180%; }

ul ul, ul ol, ol ol, ol ul { margin-left: 0; }

a.text-link { border-bottom: 1px dotted #e3e3e3; }

.main { position: relative; background: white; }

iframe { border: 0; }

video.wp-video-shortcode {
    max-width: 100%;
}

table { font-size: 14px; }
/*table th { font-weight: bold; }
table thead th { text-transform: uppercase; }
table tr > th { padding-right: 20px; }
table td { padding: 5px 10px 5px 0; }*/

img { max-width: 100%; /*height: auto;*/ }

audio {
    margin: 20px 0;
}

.v-spacer {
    min-height: 0;
}

.chat-transcript .chat-author {
    font-weight: bold;
}

.nicescroll-rails {
    background: #fff;
    width: 5px !important;
}

.nicescroll-rails > div {
    width: 5px !important;
    border: 0 !important;
    background: #666 !important;
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
}
 
header .form-control,
header .input-group-text{
    background-color:white;
}


/* Scroll to Top */
html .scroll-to-top {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    background: #404040;
    border-radius: 100%;
    bottom: 10px;
    color: #FFF;
    display: block;
    height: 35px;
    opacity: 0;
    padding: 5px;
    position: fixed;
    text-align: center;
    text-decoration: none;
    width: 35px;
    z-index: 1040;
    font-size: 10px;
    right: 10px;
}

html .scroll-to-top:hover {
    opacity: 1;
}

html .scroll-to-top.visible {
    opacity: 0.75;
}

html .scroll-to-top i {
    position: relative;
    top: 1px;
}

html.lightbox-open .scroll-to-top {
    right: 27px;
}

html.ie11 .scroll-to-top {
    right: 25px;
}

/* Responsive */
@media (max-width: 991px) {
    html .scroll-to-top.hidden-mobile {
        display: none !important;
    }
}



/*Panels*/
.panel-default > .panel-heading { background-color: #fff; box-shadow: none; border-color: #ebebeb; }

.panel-default { border-color: #e4e4e4; }

.panel { box-shadow: none; }

.panel-title { font-size: 14px; }

.panel-title i.fa { width: 20px; margin-right: 3px; }

.panel-group .panel { border-radius: 3px; }

.panel-group .panel + .panel { margin-top: 6px; }

.panel-body { padding: 20px; padding-top: 10px; }

.panel-blue { border-color: #3498db; }

.panel-blue > .panel-heading { background: #3498db; }

.panel-green { border-color: #2ecc71; }

.panel-green > .panel-heading { background: #2ecc71; }

.panel-grey { border-color: #95a5a6; }

.panel-grey > .panel-heading { background: #95a5a6; }

.panel-red { border-color: #e74c3c; }

.panel-red > .panel-heading { background: #e74c3c; }

 




.overlay:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #1c1f21; opacity: 0; pointer-events: none; -webkit-transition: ease opacity 300ms 100ms; transition: ease opacity 300ms 100ms; }
.overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before { opacity: 0.8; }


.text-color-light { color: #FFF !important; }
.text-color-light-2 { color: #e2e2e2 !important; }
.text-color-light-3 { color: #a2a2a2 !important; }
.text-color-dark { color: #1c1f21 !important; }
.text-color-default { color: #707070 !important; }
.link-color-dark { color: #1c1f21; }
.link-color-light { color: #FFF; }
.link-color-light:hover { color: #f1f3f7 !important; }
.link-color-light-2 { color: #f1f3f7; }
.link-color-light-2:hover, .link-color-light-2:focus, .link-color-light-2:active, .link-color-light-2.active { color: #FFF !important; }
.link-color-light-3 { color: #a2a2a2; }
.link-color-light-3:hover, .link-color-light-3:focus, .link-color-light-3:active, .link-color-light-3.active { color: #FFF !important; }

.img-circle { border-radius: 50%; }



/*------------------------------------
  Section
------------------------------------*/
section { position: relative; border-bottom: none; background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; }
.section > .container,
.section > .container-fluid,
.section > .container-wide { position: relative; height: 100%; }
.section-video { overflow: hidden; padding-top: 0; padding-bottom: 0; }
.section-video .container,
.section-video .container-fluid,
.section-video .container-wide { padding-top: 90px; padding-bottom: 90px; }
.section-dialog { padding: 30px 32px; }
.section-dialog { background-color: #fff; padding: 3rem; border-radius: 4px; }
.demo-section .section { margin: 30px 20px 100px; padding-top: 7rem; padding-bottom: 7rem; }
[data-parallax], [data-video], .jarallax { position: relative; z-index: 0; }
.section-header { text-align: center; max-width: 70%; margin: 0 auto 50px; }
.section-header hr { width: 50px; margin-top: 2.5rem; margin-bottom: 1.5rem; }
.section { position: relative; border-bottom: none; background-position: center center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; padding-top: 7rem; padding-bottom: 7rem; }





.no-vertical-scroll {
    overflow-y: hidden;
}

.no-horizontal-scroll {
    overflow-x: hidden;
}

.col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5, .col-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xl-2-5, .col-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xl-3-5, .col-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5, .col-xl-4-5 { position: relative; min-height: 1px; width: 100%; padding-right: 15px; padding-left: 15px; }

.col-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

.col-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }

.col-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }

.col-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }

@media (min-width: 576px) {
    .col-sm-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

    .col-sm-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }

    .col-sm-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }

    .col-sm-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
}

@media (min-width: 768px) {
    .col-md-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

    .col-md-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }

    .col-md-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }

    .col-md-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
}

@media (min-width: 992px) {
    .col-lg-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

    .col-lg-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }

    .col-lg-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }

    .col-lg-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
}

@media (min-width: 1200px) {
    .col-xl-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

    .col-xl-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }

    .col-xl-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }

    .col-xl-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
}

.overlay:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #1c1f21; opacity: 0; pointer-events: none; -webkit-transition: ease opacity 300ms 100ms; transition: ease opacity 300ms 100ms; }

.overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before { opacity: 0.8; }

.overlay.overlay-op-1:hover:before, .overlay.overlay-op-1.overlay-show:before, .overlay.overlay-op-1.show:before { opacity: 0.1; }

.overlay.overlay-op-2:hover:before, .overlay.overlay-op-2.overlay-show:before, .overlay.overlay-op-2.show:before { opacity: 0.2; }

.overlay.overlay-op-3:hover:before, .overlay.overlay-op-3.overlay-show:before, .overlay.overlay-op-3.show:before { opacity: 0.3; }

.overlay.overlay-op-4:hover:before, .overlay.overlay-op-4.overlay-show:before, .overlay.overlay-op-4.show:before { opacity: 0.4; }

.overlay.overlay-op-5:hover:before, .overlay.overlay-op-5.overlay-show:before, .overlay.overlay-op-5.show:before { opacity: 0.5; }

.overlay.overlay-op-6:hover:before, .overlay.overlay-op-6.overlay-show:before, .overlay.overlay-op-6.show:before { opacity: 0.6; }

.overlay.overlay-op-7:hover:before, .overlay.overlay-op-7.overlay-show:before, .overlay.overlay-op-7.show:before { opacity: 0.7; }

.overlay.overlay-op-8:hover:before, .overlay.overlay-op-8.overlay-show:before, .overlay.overlay-op-8.show:before { opacity: 0.8; }

.overlay.overlay-op-9:hover:before, .overlay.overlay-op-9.overlay-show:before, .overlay.overlay-op-9.show:before { opacity: 0.9; }

.overlay.overlay-backward:hover:before, .overlay.overlay-backward.overlay-show:before, .overlay.overlay-backward.show:before { z-index: 0; }

.overlay .container-fluid { position: relative; z-index: 3; }

/* Overlay Colors */
.overlay-light:before { background-color: #FFF !important; }

.overlay-dark:before { background-color: #1c1f21 !important; }


/*------------------------------------
  Oval divider
------------------------------------*/
.oval-divider--bottom, .oval-divider--top { display: block; position: absolute; width: 100%; height: 100%; pointer-events: none; background-repeat-y: no-repeat; }
.oval-divider--bottom { margin-bottom: -1px; }
.oval-divider--bottom { background-size: 100% 100px; bottom: 0; height: 100px; z-index: 1; }
.oval-divider--top { background-size: 100% 100px; top: -1px; height: 100px; z-index: 1;    transform: rotate(180deg); }
.oval-divider--1 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDMuNEMxMDUwLjU5IDE4IDEwMTkuNCA4NC44OSA3MzQuNDIgODQuODljLTMyMCAwLTMyMC04NC4zLTY0MC04NC4zQzU5LjQuNTkgMjguMiAxLjYgMCAzLjRWMTQwaDEyODB6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTAgMjQuMzFjNDMuNDYtNS42OSA5NC41Ni05LjI1IDE1OC40Mi05LjI1IDMyMCAwIDMyMCA4OS4yNCA2NDAgODkuMjQgMjU2LjEzIDAgMzA3LjI4LTU3LjE2IDQ4MS41OC04MFYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCA1MS43NmMtMjAxIDEyLjQ5LTI0Mi40MyA1My40LTUxMy41OCA1My40LTMyMCAwLTMyMC01Ny02NDAtNTctNDguODUuMDEtOTAuMjEgMS4zNS0xMjYuNDIgMy42VjE0MGgxMjgweiIvPjwvZz48L3N2Zz4=); }
.oval-divider--2 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDB2MTQwaDEyODBMMCAweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDQydjk4aDEyODBMMCA0MnoiLz48L2c+PC9zdmc+); }
.oval-divider--3 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik02NDAgMTM5TDAgMHYxNDBoMTI4MFYwTDY0MCAxMzl6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCAxMzlMMCA0MnY5OGgxMjgwVjQybC02NDAgOTd6Ii8+PC9nPjwvc3ZnPg==); }
.oval-divider--4 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGw2NDAtNzAgNjQwIDcwVjBMNjQwIDcwIDAgMHYxNDB6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMTQwaDEyODBMNjQwIDcwIDAgMTQweiIvPjwvZz48L3N2Zz4=); }
.oval-divider--5 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgMzAgMCAzMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxNDBoMTI4MEM1NzMuMDggMTQwIDAgNjAgMCA2MHoiLz48L2c+PC9zdmc+); }
.oval-divider--6 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik03MjUuMjkgMTAxLjJDMzI1LjIyIDEyMi40OCAwIDAgMCAwdjE0MGgxMjgwVjBzLTE1NC42NCA3OS45Mi01NTQuNzEgMTAxLjJ6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTU1Ni40NSAxMTkuNzRDOTUzLjQxIDE0MCAxMjgwIDE0IDEyODAgMTR2MTI2SDBWMHMxNTkuNSA5OS40OCA1NTYuNDUgMTE5Ljc0eiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik02NDAgMTQwYzM1My40NiAwIDY0MC0xNDAgNjQwLTEzOXYxNDBIMFYwczI4Ni41NCAxNDAgNjQwIDE0MHoiLz48L2c+PC9zdmc+); }
.oval-divider--7 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDQ3LjQ0TDE3MCAwbDYyNi40OCA5NC44OUwxMTEwIDg3LjExbDE3MC0zOS42N1YxNDBIMFY0Ny40NHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCA5MC43MmwxNDAtMjguMjggMzE1LjUyIDI0LjE0TDc5Ni40OCA2NS44IDExNDAgMTA0Ljg5bDE0MC0xNC4xN1YxNDBIMFY5MC43MnoiLz48L2c+PC9zdmc+); }
.oval-divider--8 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik04NTMuODkzLDg2Ljk5OGMtMzguODU5LDAtNTguODExLTE2LjQ1NS03Ny45NTYtMzUuMDUxYzE4LjI5NS0xMC41MzYsNDAuODkxLTE4LjI3Niw3My4zNzgtMTguMjc2IGMzOC42ODUsMCw2NC4xMzIsMTIuNTY0LDg1LjQ4OSwyOC4zNDdDOTE2LjE5Miw3Mi4wMTIsOTAwLjgsODYuOTk4LDg1My44OTMsODYuOTk4eiBNNTI2LjI2NSw4MC45NDUgYy02LjUxNy0wLjU2Mi0xMy41OTktMC44NzktMjEuNDEtMC44NzljLTcwLjc5OSwwLTkxLjMzNywyNy4yMjktMTM0LjQzMywzNS42NjJjMTQuOTAxLDMuNzIsMzIuMTE4LDYuMDcsNTIuODk4LDYuMDcgQzQ3MC4xNzEsMTIxLjc5Nyw1MDAuMzQsMTAzLjQyMSw1MjYuMjY1LDgwLjk0NXoiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNNjYzLjQ1OCwxMDkuNjcxYy02Ny4xMzcsMC04MC4zNDUtMjMuODI0LTEzNy4xOTMtMjguNzI2QzU2Ny4wODYsNDUuNTU1LDU5Ny4zODEsMCw2NjUuNjkxLDAgYzYxLjg1NywwLDg1LjM2OSwyNy43ODIsMTEwLjI0Niw1MS45NDdDNzM2Ljg4OCw3NC40MzQsNzE3LjQ1OSwxMDkuNjcxLDY2My40NTgsMTA5LjY3MXogTTIxNy42OCw5NC4xNjMgYzU1Ljk3MSwwLDYyLjUyNiwyNC4wMjYsMTI2LjMzNywyNC4wMjZjOS44NTgsMCwxOC41MDgtMC45MTYsMjYuNDA0LTIuNDYxYy01Ny4xODYtMTQuMjc4LTgwLjE3Ny00OC44MDgtMTM4LjY1OS00OC44MDggYy03Ny4wNjMsMC05OS45Niw0OC41NjktMTUxLjc1MSw0OC41NjljLTQwLjAwNiwwLTYwLjAwOC0xMi4yMDYtODAuMDExLTI5LjUwNnYxNi44MDZjMjAuMDAzLDEwLjg5MSw0MC4wMDUsMjEuNzgyLDgwLjAxMSwyMS43ODIgQzE2MC4wMTQsMTI0LjU3LDE1OC42MDgsOTQuMTYzLDIxNy42OCw5NC4xNjN6IE0xMjAwLjExMiw0Ni4yOTJjLTU3LjQ5MywwLTU2LjkzNSw0Ni41OTUtMTE1LjAxNSw0Ni41OTUgYy01My42MTIsMC01OS43NTUtMzkuNjE4LTExNS42MDItMzkuNjE4Yy0xNS4yNjcsMC0yNS4zODEsMy43NTEtMzQuNjksOC43NDljMzYuMDk2LDI2LjY3NSw2MC41MDMsNjIuNTUyLDExNy4zNDIsNjIuNTUyIGM2OS4yNDksMCw3NS45NTEtNDMuNTU5LDE0Ny45NjQtNDMuNTU5YzM5LjgwNCwwLDU5Ljk4NiwxMC45NDMsNzkuODg4LDIxLjc3N1Y4NS45ODIgQzEyNjAuMDk3LDY4Ljc3MSwxMjM5LjkxNiw0Ni4yOTIsMTIwMC4xMTIsNDYuMjkyeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDUyLjE0NywxMjQuNTdjLTU2Ljg0LDAtODEuMjQ3LTM1Ljg3Ni0xMTcuMzQyLTYyLjU1MmMtMTguNjEzLDkuOTk0LTM0LjAwNSwyNC45OC04MC45MTIsMjQuOTggYy0zOC44NTksMC01OC44MTEtMTYuNDU1LTc3Ljk1Ni0zNS4wNTFjLTM5LjA1LDIyLjQ4Ny01OC40NzksNTcuNzI0LTExMi40OCw1Ny43MjRjLTY3LjEzNywwLTgwLjM0NS0yMy44MjQtMTM3LjE5My0yOC43MjYgYy0yNS45MjUsMjIuNDc1LTU2LjA5Myw0MC44NTItMTAyLjk0Niw0MC44NTJjLTIwLjc3OSwwLTM3Ljk5Ni0yLjM0OS01Mi44OTgtNi4wN2MtNy44OTUsMS41NDUtMTYuNTQ2LDIuNDYxLTI2LjQwNCwyLjQ2MSBjLTYzLjgxMSwwLTcwLjM2Ni0yNC4wMjYtMTI2LjMzNy0yNC4wMjZjLTU5LjA3MiwwLTU3LjY2NSwzMC40MDctMTM3LjY2OSwzMC40MDdjLTQwLjAwNiwwLTYwLjAwOC0xMC44OTEtODAuMDExLTIxLjc4MlYxNDBoMTI4MCB2LTM3LjIxMmMtMTkuOTAzLTEwLjgzNS00MC4wODQtMjEuNzc3LTc5Ljg4OC0yMS43NzdDMTEyOC4wOTgsODEuMDExLDExMjEuMzk3LDEyNC41NywxMDUyLjE0NywxMjQuNTd6Ii8+PC9nPjwvc3ZnPg==); }
.oval-divider--9 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDBsLTI2NiA5MS41MmE3Mi41OSA3Mi41OSAwIDAgMS0zMC43NiAzLjcxTDAgMHYxNDBoMTI4MHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMTI4MCAwbC0yNjIuMSAxMTYuMjZhNzMuMjkgNzMuMjkgMCAwIDEtMzkuMDkgNkwwIDB2MTQwaDEyODB6Ii8+PC9nPjwvc3ZnPg==); }
.oval-divider--10 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMDk0LjQ0IDExOUwxNzIuNyA2OC43MmE3NC41NCA3NC41NCAwIDAgMS0yNS4xOS01Ljk1TDAgMHYxNDBoMTI4MFYwbC0xMzMuODUgMTAyYy0xNS44NCAxMi4wOS0zMy43IDE3Ljk1LTUxLjcxIDE3eiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xMDkzLjQ4IDEzMS44NUwxNzMgOTRhNzYuODUgNzYuODUgMCAwIDEtMzYuNzktMTEuNDZMMCAwdjE0MGgxMjgwVjBsLTEzMS44MSAxMTEuNjhjLTE2LjQ3IDEzLjk2LTM1LjQ3IDIwLjk2LTU0LjcxIDIwLjE3eiIvPjwvZz48L3N2Zz4=); }
.oval-divider--11 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDEyNy44OTlsNjAuNjEzIDQuODc4IDk1LjY0NS02LjIxMSA4Ni4zNjMtMTYuMDc0IDc4LjY4NCA5Ljg4MyA5MC4xMzYtMjEuNTk0IDk0LjQ1NCA3LjU3NCA3Ny45MjUtMTcuNjYgOTEuNjY0IDIwLjc5OCA3Ni45NjEtMTIuNjQ5IDYzLjY2NC0yMS40MjIgOTcuNjAyIDcuMDcgODMuNjcyLTI5LjYxNyA2Ni4yODUgMTEuNjc4IDcwLjc5My0yMy4zMzQgNzQuODYzLTQuNjQxTDEyODAgMHYxNDBIMHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCAxMjYuNzFsNjAuNjEzIDcuNDE1TDE1Ni4yNTcgMTMxbDg2LjM2NC0xMy44NzkgNzguNjgzIDkuNzMxIDkwLjEzNy0xNy4wNTkgOTQuNDUzIDcuNjY2IDc2LjkyNi0xMS44MzMgODIuNjY0IDEzLjkzNSA3Ni45NjEtOC40NzUgNzMuNjY0LTIyLjEyNiA5Ny42MDEgNy4zMjggODMuNjcyLTIyLjk1MiA2Ni4yODUgMTAuOTMzIDcwLjc5NC0xOC4yMjRoNzkuODYyTDEyODAgMzUuODM4VjE0MEgweiIvPjwvZz48L3N2Zz4=); }
.oval-divider--12 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDBsNjQuOCAzMC45NSA5MS4yLTIuNTQgOTUuNDYgMjcuODcgMTIwLjA0LjJMNDQzIDgzLjE1bDkwLjA5LTMuMTJMNjQwIDExMC4xMmwxMDIuMzktMjkuNzMgODUuNTUgOC41MSA4OC4xMS01Ljc1TDk5MiA1Mi4yMmw3My4yMSA0LjI2TDExMzIgMzguNzlsNzctLjMzTDEyODAgMHYxNDBIMFYweiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0wIDBsNjQuOCAzOC42OSA5MS4yLTMuMTggOTUuNDYgMzQuODQgMTIwLjA0LjI0IDcxLjUgMzMuMzUgOTAuMDktMy45MUw2NDAgMTM3LjY1bDEwMi4zOS0zNy4xNyA4NS41NSAxMC42NSA4OC4xMS03LjE5TDk5MiA2NS4yOGw3My4yMSA1LjMxIDY2Ljc5LTIyLjEgNzctLjQxTDEyODAgMHYxNDBIMFYweiIvPjwvZz48L3N2Zz4=); }
.oval-divider--13 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgdmlld0JveD0iMCAwIDEyODAgODYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0xMjgwIDY2LjFjLTMuOCAwLTcuNi4zLTExLjQuOC0xOC4zLTMyLjYtNTkuNi00NC4yLTkyLjItMjUuOS0zLjUgMi02LjkgNC4zLTEwIDYuOS0yMi43LTQxLjctNzQuOS01Ny4yLTExNi42LTM0LjUtMTQuMiA3LjctMjUuOSAxOS4zLTMzLjggMzMuMy0uMi4zLS4zLjYtLjUuOC0xMi4yLTEuNC0yMy43IDUuOS0yNy43IDE3LjUtMTEuOS02LjEtMjUuOS02LjMtMzcuOS0uNi0yMS43LTMwLjQtNjQtMzcuNS05NC40LTE1LjctMTIuMSA4LjYtMjEgMjEtMjUuNCAzNS4yLTEwLjgtOS4zLTI0LjMtMTUtMzguNS0xNi4yLTguMS0yNC42LTM0LjYtMzgtNTkuMi0yOS45LTE0LjMgNC43LTI1LjUgMTYtMzAgMzAuMy00LjMtMS45LTguOS0zLjItMTMuNi0zLjgtMTMuNi00NS41LTYxLjUtNzEuNC0xMDctNTcuOGE4Ni4zOCA4Ni4zOCAwIDAgMC00My4yIDI5LjRjLTguNy0zLjYtMTguNy0xLjgtMjUuNCA0LjgtMjMuMS0yNC44LTYxLjktMjYuMi04Ni43LTMuMS03LjEgNi42LTEyLjUgMTQuOC0xNS45IDI0LTI2LjctMTAuMS01Ni45LS40LTcyLjggMjMuMy0yLjYtMi43LTUuNi01LjEtOC45LTYuOS0uNC0uMi0uOC0uNC0xLjItLjctLjYtMjUuOS0yMi00Ni40LTQ3LjktNDUuOC0xMS41LjMtMjIuNSA0LjctMzAuOSAxMi41LTE2LjUtMzMuNS01Ny4xLTQ3LjMtOTAuNi0zMC44LTIxLjkgMTEtMzYuMyAzMi43LTM3LjYgNTcuMS03LTIuMy0xNC41LTIuOC0yMS44LTEuNkM4NC44IDQ3IDU1LjcgNDAuNyAzNCA1NC44Yy01LjYgMy42LTEwLjMgOC40LTEzLjkgMTQtNi42LTEuNy0xMy4zLTIuNi0yMC4xLTIuNi0uMSAwIDAgMTkuOCAwIDE5LjhoMTI4MFY2Ni4xeiIgZmlsbC1vcGFjaXR5PSIuNSIvPjxwYXRoIGQ9Ik0xNS42IDg2SDEyODBWNDguNWMtMy42IDEuMS03LjEgMi41LTEwLjQgNC40LTYuMyAzLjYtMTEuOCA4LjUtMTYgMTQuNS04LjEtMS41LTE2LjQtLjktMjQuMiAxLjctMy4yLTM5LTM3LjMtNjguMS03Ni40LTY0LjktMjQuOCAyLTQ2LjggMTYuOS01Ny45IDM5LjMtMTkuOS0xOC41LTUxLTE3LjMtNjkuNCAyLjYtOC4yIDguOC0xMi44IDIwLjMtMTMuMSAzMi4zLS40LjItLjkuNC0xLjMuNy0zLjUgMS45LTYuNiA0LjQtOS40IDcuMi0xNi42LTI0LjktNDguMi0zNS03Ni4yLTI0LjQtMTIuMi0zMy40LTQ5LjEtNTAuNi04Mi41LTM4LjQtOS41IDMuNS0xOC4xIDkuMS0yNSAxNi41LTcuMS02LjktMTcuNS04LjgtMjYuNi01LTMwLjQtMzkuMy04Ny00Ni4zLTEyNi4yLTE1LjgtMTQuOCAxMS41LTI1LjYgMjcuNC0zMSA0NS40LTQuOS42LTkuNyAxLjktMTQuMiAzLjktOC4yLTI1LjktMzUuOC00MC4yLTYxLjctMzItMTUgNC44LTI2LjkgMTYuNS0zMS44IDMxLjUtMTQuOSAxLjMtMjkgNy4yLTQwLjMgMTctMTEuNS0zNy40LTUxLjItNTguNC04OC43LTQ2LjgtMTQuOCA0LjYtMjcuNyAxMy45LTM2LjcgMjYuNS0xMi42LTYtMjcuMy01LjctMzkuNy42LTQuMS0xMi4yLTE2LjItMTkuOC0yOS0xOC40LS4yLS4zLS4zLS42LS41LS45LTI0LjQtNDMuMy03OS40LTU4LjYtMTIyLjctMzQuMi0xMy4zIDcuNS0yNC40IDE4LjItMzIuNCAzMS4yQzk5LjggMTguNSA1MCAyOC41IDI1LjQgNjUuNGMtNC4zIDYuNC03LjUgMTMuMy05LjggMjAuNnoiLz48L2c+PC9zdmc+); }
.oval-divider--14 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0zMjAgMjhjMzIwIDAgMzIwIDg0IDY0MCA4NCAxNjAgMCAyNDAtMjEgMzIwLTQydjcwSDBWNzBjODAtMjEgMTYwLTQyIDMyMC00MnoiLz48L2c+PC9zdmc+); }
.oval-divider--15 { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNmZmZmZmYiPjxwYXRoIGQ9Ik0wIDE0MGgxMjgwQzU3My4wOCAxNDAgMCAwIDAgMHoiLz48L2c+PC9zdmc+); }





/*------------------------------------
  Overlay
------------------------------------*/
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; border-radius: inherit; }

[data-overlay],
[data-overlay-light] { position: relative; }

[data-overlay]::before, [data-overlay-light]::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; background: #191919; border-radius: inherit; }
[data-overlay="1"]::before { opacity: .1; }
[data-overlay="2"]::before { opacity: .2; }
[data-overlay="3"]::before { opacity: .3; }
[data-overlay="4"]::before { opacity: .4; }
[data-overlay="5"]::before { opacity: .5; }
[data-overlay="6"]::before { opacity: .6; }
[data-overlay="7"]::before { opacity: .7; }
[data-overlay="8"]::before { opacity: .8; }
[data-overlay="9"]::before { opacity: .9; }

[data-overlay-light]::before { background: #fff; }
[data-overlay-light="1"]::before { opacity: .1; }
[data-overlay-light="2"]::before { opacity: .2; }
[data-overlay-light="3"]::before { opacity: .3; }
[data-overlay-light="4"]::before { opacity: .4; }
[data-overlay-light="5"]::before { opacity: .5; }
[data-overlay-light="6"]::before { opacity: .6; }
[data-overlay-light="7"]::before { opacity: .7; }
[data-overlay-light="8"]::before { opacity: .8; }
[data-overlay-light="9"]::before { opacity: .9; }

[data-scrim-top],
[data-scrim-bottom] { position: relative; }
[data-scrim-top]::before,
[data-scrim-bottom]::before { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 20%; background: linear-gradient(to bottom, #191919 0%, rgba(0, 0, 0, 0) 100%); z-index: 0; border-radius: inherit; }

[data-scrim-bottom]::before { top: 20%; bottom: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #191919 100%) }
[data-scrim-top="0"]::before,
[data-scrim-bottom="0"]::before { opacity: 0; }

[data-scrim-top="1"]::before, [data-scrim-bottom="1"]::before { opacity: .1; }
[data-scrim-top="2"]::before, [data-scrim-bottom="2"]::before { opacity: .2; }
[data-scrim-top="3"]::before, [data-scrim-bottom="3"]::before { opacity: .3; }
[data-scrim-top="4"]::before, [data-scrim-bottom="4"]::before { opacity: .4; }
[data-scrim-top="5"]::before, [data-scrim-bottom="5"]::before { opacity: .5; }
[data-scrim-top="6"]::before, [data-scrim-bottom="6"]::before { opacity: .6; }
[data-scrim-top="7"]::before, [data-scrim-bottom="7"]::before { opacity: .7; }
[data-scrim-top="8"]::before, [data-scrim-bottom="8"]::before { opacity: .8; }
[data-scrim-top="9"]::before, [data-scrim-bottom="9"]::before { opacity: .9; }


/*------------------------------------
  Parallax
------------------------------------*/
.jarallax { position: relative; z-index: 0; }
.jarallax > .jarallax-img { position: absolute; object-fit: cover; font-family: 'object-fit: cover;'; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }



/*------------------------------------
  Social Icons
------------------------------------*/
.social a { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin-right: 4px; margin-bottom: 4px; text-align: center; color: inherit; font-size: 1rem; border-radius: 3px; opacity: 0.8; -webkit-transition: .4s ease-out; transition: .4s ease-out; }
.social a:hover { opacity: 1; }
.social a:last-child { margin-right: 0; }
.social a.social-facebook:hover { color: #3b5998; }
.social a.social-google:hover { color: #dd4b39; }
.social a.social-gplus:hover { color: #dd4b39; }
.social a.social-twitter:hover { color: #00aced; }
.social a.social-linkedin:hover { color: #007bb6; }
.social a.social-pinterest:hover { color: #cb2027; }
.social a.social-git:hover { color: #666666; }
.social a.social-tumblr:hover { color: #32506d; }
.social a.social-vimeo:hover { color: #aad450; }
.social a.social-youtube:hover { color: #bb0000; }
.social a.social-flickr:hover { color: #ff0084; }
.social a.social-reddit:hover { color: #ff4500; }
.social a.social-dribbble:hover { color: #ea4c89; }
.social a.social-skype:hover { color: #00aff0; }
.social a.social-instagram:hover { color: #517fa4; }
.social a.social-lastfm:hover { color: #c3000d; }
.social a.social-soundcloud:hover { color: #ff8800; }
.social a.social-behance:hover { color: #1769ff; }
.social a.social-envato:hover { color: #82b541; }
.social a.social-medium:hover { color: #00ab6c; }
.social a.social-spotify:hover { color: #1db954; }
.social a.social-quora:hover { color: #a82400; }
.social a.social-xing:hover { color: #026466; }
.social a.social-snapchat:hover { color: #fffc00; }
.social a.social-telegram:hover { color: #0088cc; }
.social a.social-whatsapp:hover { color: #075e54; }
.social a.social-rss:hover { color: #f26522; }
.social-vertical { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.social-sm a { width: 28px; height: 28px; line-height: 28px; margin-right: 2px; margin-bottom: 2px; font-size: 0.8125rem; }
.social-lg a { width: 38px; height: 38px; line-height: 36px; margin-right: 6px; margin-bottom: 6px; font-size: 1.25rem; }
.social-inline a { width: auto; height: auto; margin-right: 1rem; }
.social-brand a.social-facebook { color: #3b5998; }
.social-brand a.social-google { color: #dd4b39; }
.social-brand a.social-gplus { color: #dd4b39; }
.social-brand a.social-twitter { color: #00aced; }
.social-brand a.social-linkedin { color: #007bb6; }
.social-brand a.social-pinterest { color: #cb2027; }
.social-brand a.social-git { color: #666666; }
.social-brand a.social-tumblr { color: #32506d; }
.social-brand a.social-vimeo { color: #aad450; }
.social-brand a.social-youtube { color: #bb0000; }
.social-brand a.social-flickr { color: #ff0084; }
.social-brand a.social-reddit { color: #ff4500; }
.social-brand a.social-dribbble { color: #ea4c89; }
.social-brand a.social-skype { color: #00aff0; }
.social-brand a.social-instagram { color: #517fa4; }
.social-brand a.social-lastfm { color: #c3000d; }
.social-brand a.social-soundcloud { color: #ff8800; }
.social-brand a.social-behance { color: #1769ff; }
.social-brand a.social-envato { color: #82b541; }
.social-brand a.social-medium { color: #00ab6c; }
.social-brand a.social-spotify { color: #1db954; }
.social-brand a.social-quora { color: #a82400; }
.social-brand a.social-xing { color: #026466; }
.social-brand a.social-snapchat { color: #fffc00; }
.social-brand a.social-telegram { color: #0088cc; }
.social-brand a.social-whatsapp { color: #075e54; }
.social-brand a.social-rss { color: #f26522; }
.social-gray a { color: #929daf; }
.social-gray a:hover { color: #757575 !important; }
.social-light a {
    color: #1FA657 !important;
}
.social-light a:hover { color: #fff !important; }
.social-bg-brand a { color: #fff; opacity: 1; }
.social-bg-brand a:hover { color: #fff !important; }
.social-bg-brand .social-facebook { background-color: #3b5998; }
.social-bg-brand .social-google { background-color: #dd4b39; }
.social-bg-brand .social-gplus { background-color: #dd4b39; }
.social-bg-brand .social-twitter { background-color: #00aced; }
.social-bg-brand .social-linkedin { background-color: #007bb6; }
.social-bg-brand .social-pinterest { background-color: #cb2027; }
.social-bg-brand .social-git { background-color: #666666; }
.social-bg-brand .social-tumblr { background-color: #32506d; }
.social-bg-brand .social-vimeo { background-color: #aad450; }
.social-bg-brand .social-youtube { background-color: #bb0000; }
.social-bg-brand .social-flickr { background-color: #ff0084; }
.social-bg-brand .social-reddit { background-color: #ff4500; }
.social-bg-brand .social-dribbble { background-color: #ea4c89; }
.social-bg-brand .social-skype { background-color: #00aff0; }
.social-bg-brand .social-instagram { background-color: #517fa4; }
.social-bg-brand .social-lastfm { background-color: #c3000d; }
.social-bg-brand .social-soundcloud { background-color: #ff8800; }
.social-bg-brand .social-behance { background-color: #1769ff; }
.social-bg-brand .social-envato { background-color: #82b541; }
.social-bg-brand .social-medium { background-color: #00ab6c; }
.social-bg-brand .social-spotify { background-color: #1db954; }
.social-bg-brand .social-quora { background-color: #a82400; }
.social-bg-brand .social-xing { background-color: #026466; }
.social-bg-brand .social-snapchat { background-color: #fffc00; }
.social-bg-brand .social-telegram { background-color: #0088cc; }
.social-bg-brand .social-whatsapp { background-color: #075e54; }
.social-bg-brand .social-rss { background-color: #f26522; }
.social-bg-pale-brand a { opacity: 1; }
.social-bg-pale-brand .social-facebook { color: #3b5998; background-color: #e7ebf3; }
.social-bg-pale-brand .social-facebook:hover { color: #3b5998 !important; background-color: #d8deea !important; }
.social-bg-pale-brand .social-google { color: #dd4b39; background-color: #fbe9e7; }
.social-bg-pale-brand .social-google:hover { color: #dd4b39 !important; background-color: #f8dbd7 !important; }
.social-bg-pale-brand .social-gplus { color: #dd4b39; background-color: #fbe9e7; }
.social-bg-pale-brand .social-gplus:hover { color: #dd4b39 !important; background-color: #f8dbd7 !important; }
.social-bg-pale-brand .social-twitter { color: #00aced; background-color: #e0f5fd; }
.social-bg-pale-brand .social-twitter:hover { color: #00aced !important; background-color: #cceefb !important; }
.social-bg-pale-brand .social-linkedin { color: #007bb6; background-color: #e0eff6; }
.social-bg-pale-brand .social-linkedin:hover { color: #007bb6 !important; background-color: #cce5f0 !important; }
.social-bg-pale-brand .social-pinterest { color: #cb2027; background-color: #f9e4e5; }
.social-bg-pale-brand .social-pinterest:hover { color: #cb2027 !important; background-color: #f5d2d4 !important; }
.social-bg-pale-brand .social-git { color: #666666; background-color: #ededed; }
.social-bg-pale-brand .social-git:hover { color: #666666 !important; background-color: #e0e0e0 !important; }
.social-bg-pale-brand .social-tumblr { color: #32506d; background-color: #e6eaed; }
.social-bg-pale-brand .social-tumblr:hover { color: #32506d !important; background-color: #d6dce2 !important; }
.social-bg-pale-brand .social-vimeo { color: #aad450; background-color: #f5faea; }
.social-bg-pale-brand .social-vimeo:hover { color: #aad450 !important; background-color: #eef6dc !important; }
.social-bg-pale-brand .social-youtube { color: #bb0000; background-color: #f7e0e0; }
.social-bg-pale-brand .social-youtube:hover { color: #bb0000 !important; background-color: #f1cccc !important; }
.social-bg-pale-brand .social-flickr { color: #ff0084; background-color: #ffe0f0; }
.social-bg-pale-brand .social-flickr:hover { color: #ff0084 !important; background-color: #ffcce6 !important; }
.social-bg-pale-brand .social-reddit { color: #ff4500; background-color: #ffe9e0; }
.social-bg-pale-brand .social-reddit:hover { color: #ff4500 !important; background-color: #ffdacc !important; }
.social-bg-pale-brand .social-dribbble { color: #ea4c89; background-color: #fceaf1; }
.social-bg-pale-brand .social-dribbble:hover { color: #ea4c89 !important; background-color: #fbdbe7 !important; }
.social-bg-pale-brand .social-skype { color: #00aff0; background-color: #e0f5fd; }
.social-bg-pale-brand .social-skype:hover { color: #00aff0 !important; background-color: #cceffc !important; }
.social-bg-pale-brand .social-instagram { color: #517fa4; background-color: #eaf0f4; }
.social-bg-pale-brand .social-instagram:hover { color: #517fa4 !important; background-color: #dce5ed !important; }
.social-bg-pale-brand .social-lastfm { color: #c3000d; background-color: #f8e0e2; }
.social-bg-pale-brand .social-lastfm:hover { color: #c3000d !important; background-color: #f3cccf !important; }
.social-bg-pale-brand .social-soundcloud { color: #ff8800; background-color: #fff1e0; }
.social-bg-pale-brand .social-soundcloud:hover { color: #ff8800 !important; background-color: #ffe7cc !important; }
.social-bg-pale-brand .social-behance { color: #1769ff; background-color: #e3edff; }
.social-bg-pale-brand .social-behance:hover { color: #1769ff !important; background-color: #d1e1ff !important; }
.social-bg-pale-brand .social-envato { color: #82b541; background-color: #f0f6e8; }
.social-bg-pale-brand .social-envato:hover { color: #82b541 !important; background-color: #e6f0d9 !important; }
.social-bg-pale-brand .social-medium { color: #00ab6c; background-color: #e0f5ed; }
.social-bg-pale-brand .social-medium:hover { color: #00ab6c !important; background-color: #cceee2 !important; }
.social-bg-pale-brand .social-spotify { color: #1db954; background-color: #e4f7ea; }
.social-bg-pale-brand .social-spotify:hover { color: #1db954 !important; background-color: #d2f1dd !important; }
.social-bg-pale-brand .social-quora { color: #a82400; background-color: #f5e5e0; }
.social-bg-pale-brand .social-quora:hover { color: #a82400 !important; background-color: #eed3cc !important; }
.social-bg-pale-brand .social-xing { color: #026466; background-color: #e1eced; }
.social-bg-pale-brand .social-xing:hover { color: #026466 !important; background-color: #cce0e0 !important; }
.social-bg-pale-brand .social-snapchat { color: #fffc00; background-color: lightyellow; }
.social-bg-pale-brand .social-snapchat:hover { color: #fffc00 !important; background-color: #fffecc !important; }
.social-bg-pale-brand .social-telegram { color: #0088cc; background-color: #e0f1f9; }
.social-bg-pale-brand .social-telegram:hover { color: #0088cc !important; background-color: #cce7f5 !important; }
.social-bg-pale-brand .social-whatsapp { color: #075e54; background-color: #e1ecea; }
.social-bg-pale-brand .social-whatsapp:hover { color: #075e54 !important; background-color: #cddfdd !important; }
.social-bg-pale-brand .social-rss { color: #f26522; background-color: #fdede4; }
.social-bg-pale-brand .social-rss:hover { color: #f26522 !important; background-color: #fce0d3 !important; }
.social-bg-gray a { color: #929daf; border: none; background-color: #fafbfb; }
.social-bg-light a { border: none; background-color: #fff; }
.social-bg-dark a { border: none; color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.1); }
.social-bg-dark a:hover { color: rgba(255, 255, 255, 0.8) !important; background-color: rgba(255, 255, 255, 0.15) !important; }
.social-hover-primary a:hover { color: #50a1ff !important; }
.social-hover-bg-brand a.social-facebook:hover { background-color: #3b5998; color: #fff; }
.social-hover-bg-brand a.social-google:hover { background-color: #dd4b39; color: #fff; }
.social-hover-bg-brand a.social-gplus:hover { background-color: #dd4b39; color: #fff; }
.social-hover-bg-brand a.social-twitter:hover { background-color: #00aced; color: #fff; }
.social-hover-bg-brand a.social-linkedin:hover { background-color: #007bb6; color: #fff; }
.social-hover-bg-brand a.social-pinterest:hover { background-color: #cb2027; color: #fff; }
.social-hover-bg-brand a.social-git:hover { background-color: #666666; color: #fff; }
.social-hover-bg-brand a.social-tumblr:hover { background-color: #32506d; color: #fff; }
.social-hover-bg-brand a.social-vimeo:hover { background-color: #aad450; color: #fff; }
.social-hover-bg-brand a.social-youtube:hover { background-color: #bb0000; color: #fff; }
.social-hover-bg-brand a.social-flickr:hover { background-color: #ff0084; color: #fff; }
.social-hover-bg-brand a.social-reddit:hover { background-color: #ff4500; color: #fff; }
.social-hover-bg-brand a.social-dribbble:hover { background-color: #ea4c89; color: #fff; }
.social-hover-bg-brand a.social-skype:hover { background-color: #00aff0; color: #fff; }
.social-hover-bg-brand a.social-instagram:hover { background-color: #517fa4; color: #fff; }
.social-hover-bg-brand a.social-lastfm:hover { background-color: #c3000d; color: #fff; }
.social-hover-bg-brand a.social-soundcloud:hover { background-color: #ff8800; color: #fff; }
.social-hover-bg-brand a.social-behance:hover { background-color: #1769ff; color: #fff; }
.social-hover-bg-brand a.social-envato:hover { background-color: #82b541; color: #fff; }
.social-hover-bg-brand a.social-medium:hover { background-color: #00ab6c; color: #fff; }
.social-hover-bg-brand a.social-spotify:hover { background-color: #1db954; color: #fff; }
.social-hover-bg-brand a.social-quora:hover { background-color: #a82400; color: #fff; }
.social-hover-bg-brand a.social-xing:hover { background-color: #026466; color: #fff; }
.social-hover-bg-brand a.social-snapchat:hover { background-color: #fffc00; color: #fff; }
.social-hover-bg-brand a.social-telegram:hover { background-color: #0088cc; color: #fff; }
.social-hover-bg-brand a.social-whatsapp:hover { background-color: #075e54; color: #fff; }
.social-hover-bg-brand a.social-rss:hover { background-color: #f26522; color: #fff; }
.social-rounded a { border-radius: 50%; border: 1px solid #f1f2f3; }
.social-rounded.social-gray a { border-color: #f5f6f7; }
.social-rounded.social-light a { border-color: rgba(255, 255, 255, 0.5); font-size: 0.8125rem; }
.social-rounded.social-light.social-sm a { font-size: 0.6875rem; }
.social-rounded.social-light.social-lg a { font-size: 0.9375rem; }
.social-bordered a { border: 1px solid #eaeff4; }
.social-bordered.social-gray a { border-color: #f5f6f7; }
.social-bordered.social-light a { border-color: rgba(255, 255, 255, 0.6); }
.social-cycling a:hover i { -webkit-animation: cycle .4s forwards; animation: cycle .4s forwards; }




.avatar-list { padding-left: 0; list-style: none; margin: 0; }
.avatar-list > li { display: inline-block; }
.avatar-list > li + li { margin-left: -0.75rem; }
.avatar-list .avatar-item { width: 2.5rem; height: 2.5rem; border-radius: 50%; border: 2px solid #F7F9FA; background: #F7F9FA; color: #fff; border-color: #fff; background: #fff; }


/*------------------------------------
  Input
------------------------------------*/
.form-control {
font-size: 15px;
    height: 46px;
    background-color: #f9fafa;
        padding-left: 0.50rem;
}
.form-control-sm {
    height: 42px;
    font-size: 14px;
    padding: 0.625rem 0.80rem;
    background-color: #f8f9fa;
}
.form-check-label { 
font-size: 15px;
}
.input-group {
    border: 1px solid #eaeff4;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
    .input-group.focus {
        border-color: #328fe4!important;
    }


    .form-control:disabled, .form-control[readonly] {
    background-color: #f5f5f5;
    opacity: 1;
    
    color: #999;
}
.input-group .form-control { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0 }
.input-group-prepend, .input-group-append { margin-left: 0; margin-right: 0 }
.input-group-prepend .btn, .input-group-append .btn { height: calc(100% + 2px); margin: -1px }
.input-group-text {
    transition: all 0.2s ease-in-out;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f9fafa;
    border: none; 
    border-radius: 0;
    height: 100%;
}

.focus .input-group-text {
    background-color: white;
    transition: all 0.2s ease-in-out;
}
.input-group-text .custom-control { margin-bottom: 0 }
.input-group-text + .form-control { padding-left: 0; }
.input-group .form-control:not(:last-child), .input-group-text:not(:last-child) { border-right: 0 }
.input-group .form-control:not(:first-child), .input-group-text:not(:first-child) { border-left: 0 }
.input-group-prepend .btn { margin-right: 0 }
.input-group-append .btn { margin-left: 0 }
.input-group-prepend .input-group-text:last-child { padding-right: 0.60rem; }
.was-validated .input-group:valid, .input-group.is-valid { border-color: #00c9a7 }
.was-validated .input-group:valid .valid-feedback, .was-validated .input-group:valid .valid-tooltip, .was-validated .input-group:valid ~ .valid-feedback, .was-validated .input-group:valid ~ .valid-tooltip, .input-group.is-valid .valid-feedback, .input-group.is-valid .valid-tooltip, .input-group.is-valid ~ .valid-feedback, .input-group.is-valid ~ .valid-tooltip { display: block }
.was-validated .input-group:invalid, .input-group.is-invalid { border-color: #ff4954 }
.was-validated .input-group:invalid .invalid-feedback, .was-validated .input-group:invalid .invalid-tooltip, .was-validated .input-group:invalid ~ .invalid-feedback, .was-validated .input-group:invalid ~ .invalid-tooltip, .input-group.is-invalid .invalid-feedback, .input-group.is-invalid .invalid-tooltip, .input-group.is-invalid ~ .invalid-feedback, .input-group.is-invalid ~ .invalid-tooltip { display: block }
.input-border .form-control:focus, .input-border .input-group.focus { border-color: #96c7ff; -webkit-box-shadow: none; box-shadow: none }
.input-line .form-control { border-color: transparent; padding-left: 0; padding-right: 0; background-color: transparent; -webkit-background-size: 0 1px, 100% 1px; background-size: 0 1px, 100% 1px; background-repeat: no-repeat; background-position: center bottom,center calc(100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)),-webkit-gradient(linear, left top, left bottom, from(#eaeff4), to(#eaeff4)); background-image: -webkit-linear-gradient(#96c7ff, #96c7ff),-webkit-linear-gradient(#eaeff4, #eaeff4); background-image: linear-gradient(#96c7ff, #96c7ff),linear-gradient(#eaeff4, #eaeff4); -webkit-transition: background 0.3s; transition: background 0.3s }
.input-line .form-control:focus, .input-line .form-control.focus { -webkit-background-size: 100% 2px, 100% 2px; background-size: 100% 2px, 100% 2px; border-color: transparent; -webkit-box-shadow: none; box-shadow: none }
.input-line .form-control:disabled, .input-line .form-control[readonly] { background-color: #fff; opacity: 0.7 }
.input-line .form-control.is-valid { background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)),-webkit-gradient(linear, left top, left bottom, from(#00c9a7), to(#00c9a7)); background-image: -webkit-linear-gradient(#96c7ff, #96c7ff),-webkit-linear-gradient(#00c9a7, #00c9a7); background-image: linear-gradient(#96c7ff, #96c7ff),linear-gradient(#00c9a7, #00c9a7) }
.input-line .form-control.is-invalid { background-image: -webkit-gradient(linear, left top, left bottom, from(#96c7ff), to(#96c7ff)),-webkit-gradient(linear, left top, left bottom, from(#ff4954), to(#ff4954)); background-image: -webkit-linear-gradient(#96c7ff, #96c7ff),-webkit-linear-gradient(#ff4954, #ff4954); background-image: linear-gradient(#96c7ff, #96c7ff),linear-gradient(#ff4954, #ff4954) }
.input-line .input-group { border: none }
.input-line .input-group.focus { -webkit-box-shadow: none; box-shadow: none }
.input-line .input-group-prepend .btn, .input-line .input-group-append .btn { height: 100%; margin: 0 }
.input-line .input-group-text { background-color: transparent }
.input-line .input-group-prepend .input-group-text:last-child { padding-right: .75rem }
.input-round .form-control, .input-round .input-group, .input-round .input-group-text, .input-round .input-group .btn { border-radius: 10rem }
.input-round .form-control { padding-left: 1rem; padding-right: 1rem }
.input-round textarea.form-control { border-radius: 2px }
.input-round .input-group-text { padding-left: 1rem; padding-right: 1rem; opacity: .8 }
.input-round .input-group-text + .form-control { padding-left: 0 }
.input-round .form-control-lg, .input-round .input-group-lg .form-control { padding-left: 1.5rem; padding-right: 1.5rem }
.input-glass .form-control { border: none; background-color: rgba(255,255,255,0.2); font-weight: 400; color: rgba(255,255,255,0.8) }
.input-glass .form-control.is-valid { background-color: rgba(60,212,88,0.2) }
.input-glass .form-control.is-invalid { background-color: rgba(255,73,84,0.2) }
.input-glass .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.65) }
.input-glass .form-control::-moz-placeholder { color: rgba(255,255,255,0.65) }
.input-glass .form-control:-ms-input-placeholder { color: rgba(255,255,255,0.65) }
.input-glass .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.65) }
.input-glass .form-control::placeholder { color: rgba(255,255,255,0.65) }
.input-glass .form-control:focus { -webkit-box-shadow: none; box-shadow: none; color: #fff }
.input-glass select option { color: #323d47 }
.input-glass label { opacity: .8 }
.input-glass .input-group { border: none }
.input-glass .input-group-prepend .btn, .input-glass .input-group-append .btn { height: 100%; margin: 0 }
.input-glass .input-group-text { background-color: rgba(255,255,255,0.2); border: none; color: rgba(255,255,255,0.8) }
.input-glass.input-round .input-group { background-color: rgba(255,255,255,0.2) }
.input-glass.input-round .input-group .form-control, .input-glass.input-round .input-group .input-group-text { background-color: transparent }
.input-transparent .form-control { border-color: rgba(255,255,255,0.3); background-color: transparent; color: rgba(255,255,255,0.8) }
.input-transparent .form-control.is-valid { border-color: rgba(60,212,88,0.4) }
.input-transparent .form-control.is-invalid { border-color: rgba(255,73,84,0.4) }
.input-transparent .form-control::-webkit-input-placeholder { color: rgba(255,255,255,0.65) }
.input-transparent .form-control::-moz-placeholder { color: rgba(255,255,255,0.65) }
.input-transparent .form-control:-ms-input-placeholder { color: rgba(255,255,255,0.65) }
.input-transparent .form-control::-ms-input-placeholder { color: rgba(255,255,255,0.65) }
.input-transparent .form-control::placeholder { color: rgba(255,255,255,0.65) }
.input-transparent .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: rgba(255,255,255,0.5); color: #fff }
.input-transparent select option { color: #323d47 }
.input-transparent label { opacity: .8 }
.input-transparent .input-group { border-color: rgba(255,255,255,0.3) }
.input-transparent .input-group.focus { -webkit-box-shadow: none; box-shadow: none; border-color: rgba(255,255,255,0.5); color: #fff }
.input-transparent .input-group .btn-outline-light { border-color: rgba(255,255,255,0.3) }
.input-transparent .input-group .input-group-prepend .btn-outline-light { border-top-width: 0; border-left-width: 0; border-bottom-width: 0 }
.input-transparent .input-group .input-group-append .btn-outline-light { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; }
.input-transparent .input-group-text { background-color: transparent; border-color: rgba(255,255,255,0.3); color: rgba(255,255,255,0.75) }

.form-control-lg { height: calc(3.0875rem + 2px); padding: .375rem 1rem; font-size: 1.0625rem; line-height: 2.2; border-radius: 2px; }
.input-group-lg > .form-control, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { height: calc(3.0875rem + 2px); padding: .375rem 1rem; font-size: 1.0625rem; line-height: 2.2; border-radius: 2px; }


/* Form Borderless */
.input-group-borderless .form-control,
.input-group-borderless .input-group-text {
    border: none !important;
   
}

.input-group-borderless.focus {
    border-color: transparent !important;
    box-shadow: none !important;
}
.input-group-borderless .form-control:focus,
.input-group-borderless .input-group-text:focus {
    box-shadow: none !important;
}




/*------------------------------------
  switch
------------------------------------*/

.switch, .switch * { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.switch label { cursor: pointer }
.switch label input[type=checkbox] { opacity: 0; width: 0; height: 0 }
.switch label input[type=checkbox]:checked + .lever { background-color: #99bcfd; }
.switch label input[type=checkbox]:checked + .lever:before,
.switch label input[type=checkbox]:checked + .lever:after { left: 18px; }
.switch label input[type=checkbox]:checked + .lever:after { background-color: #377dff; }
.switch label .lever { content: ""; display: inline-block; position: relative; width: 36px; height: 14px; background-color: rgba(0,0,0,0.38); border-radius: 15px; margin-right: 10px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; vertical-align: middle; margin: 0 16px; }
.switch label .lever:before,
.switch label .lever:after { content: ""; position: absolute; display: inline-block; width: 20px; height: 20px; border-radius: 50%; left: 0; top: -3px; -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease; transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease; }
.switch label .lever:before { background-color: rgba(38,166,154,0.15); }
.switch label .lever:after { background-color: #F1F1F1; -webkit-box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); }

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before { -webkit-transform: scale(2.4); transform: scale(2.4); background-color: rgba(38,166,154,0.15); }
input[type=checkbox]:not(:disabled) ~ .lever:active:before,
input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before { -webkit-transform: scale(2.4); transform: scale(2.4); background-color: rgba(0,0,0,0.08); }

.switch input[type=checkbox][disabled] + .lever { cursor: default; background-color: rgb(231, 234, 243); }
.switch label input[type=checkbox][disabled] + .lever:after,
.switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #949494; }



/*------------------------------------
  Label
------------------------------------*/
.label { display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.3; padding: 0.625rem 1.125rem; border-radius: 6.1875rem; transition: 0.2s ease-in-out; }
.label--rounded { border-radius: 0.25rem; }
.label--xs { font-weight: 300; font-size: 0.625rem; line-height: 1.7; padding: 0.25rem 1rem; }
.label--sm { font-size: 0.75rem; padding: 0.5rem 1rem; }



/*------------------------------------
  Label Colors
------------------------------------*/
.label--primary { color: #328fe4; background-color: rgba(55, 125, 255, 0.1); }
.label--primary[href]:hover, .label--primary[href]:focus { color: #fff; background-color: #328fe4; }
.label--secondary { color: #77838f; background-color: rgba(119, 131, 143, 0.1); }
.label--secondary[href]:hover, .label--secondary[href]:focus { color: #fff; background-color: #77838f; }
.label--success { color: #00c9a7; background-color: rgba(0, 201, 167, 0.1); }
.label--success[href]:hover, .label--success[href]:focus { color: #fff; background-color: #00c9a7; }
.label--info { color: #00dffc; background-color: rgba(0, 223, 252, 0.1); }
.label--info[href]:hover, .label--info[href]:focus { color: #1e2022; background-color: #00dffc; }
.label--warning { color: #ffc107; background-color: rgba(255, 193, 7, 0.1); }
.label--warning[href]:hover, .label--warning[href]:focus { color: #1e2022; background-color: #ffc107; }
.label--danger { color: #de4437; background-color: rgba(222, 68, 55, 0.1); }
.label--danger[href]:hover, .label--danger[href]:focus { color: #fff; background-color: #de4437; }
.label--light { color: #f8f9fa; background-color: rgba(248, 249, 250, 0.1); }
.label--light[href]:hover, .label--light[href]:focus { color: #1e2022; background-color: #f8f9fa; }
.label--dark { color: #1e2022; background-color: rgba(30, 32, 34, 0.1); }
.label--dark[href]:hover, .label--dark[href]:focus { color: #fff; background-color: #1e2022; }
.label--white { color: #fff; background-color: rgba(255, 255, 255, 0.1); }
.label--white[href]:hover, .label--white[href]:focus { color: #1e2022; background-color: #fff; }
.label--indigo { color: #2d1582; background-color: rgba(45, 21, 130, 0.1); }
.label--indigo[href]:hover, .label--indigo[href]:focus { color: #fff; background-color: #2d1582; }


/*------------------------------------
  Divider
------------------------------------*/
.divider { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 0; flex: 0; color: #929daf; font-size: 0.8375rem; letter-spacing: .5px; margin: 2rem auto; width: 100%; }
.divider::before { margin-right: 1rem; }
.divider::before, .divider::after { content: ''; -webkit-box-flex: 1; flex-grow: 1; border-top: 1px solid #eaeff4; } 






.close:not(:disabled):not(.disabled) {
    outline:none;
}

.shape-icon {
        position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: -22px;
}




/*------------------------------------
  Avatar
------------------------------------*/
.avatar { border-radius: 10rem; width: 48px; height: 48px; }
.avatar-xxs { width: 22px!important; height: 22px; }
.avatar-xs { width: 34px!important; height: 34px; }
.avatar-sm {
    width: 2rem;
    height: 2rem;
}
.avatar-lg { width: 56px!important; height: 56px; }
.avatar-xl { width: 64px!important; height: 64px; }



/*------------------------------------
  Slick Slider
------------------------------------*/
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; overflow: hidden; display: block; 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); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; left: 0; top: 0; display: block; /*margin-left: auto; margin-right: auto*/ }
.slick-track:before, .slick-track:after { content: ""; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
[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 }
.slick-slide img { margin-left: auto; margin-right: auto; display: inline-block }
.slider-center-focused .slick-slide { opacity: 0.2; -webkit-transition: 0.5s ease-out; transition: 0.5s ease-out }
.slider-center-focused .slick-center { opacity: 1 }
.slick-prev, .slick-next { position: absolute; display: block; height: 50px; width: 36px; line-height: 0px; font-size: 0px; cursor: pointer; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; background-color: rgba(0,0,0,0.2); -webkit-transition: .3s ease-out; transition: .3s ease-out; z-index: 1 }
.slick-prev:hover, .slick-next:hover { outline: none; background-color: rgba(0,0,0,0.3) }
.slick-prev:hover::before, .slick-next:hover::before { border-right-color: #fff; border-bottom-color: #fff }
.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.5 }
.slick-prev::before, .slick-next::before { content: ''; display: inline-block; width: 6px; height: 6px; border-right: 1px solid rgba(255,255,255,0.7); border-bottom: 1px solid rgba(255,255,255,0.7); -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out }
.slick-prev { left: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px }
.slick-prev::before { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-right: -2px }
.slick-next { right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.slick-next::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: -2px }
.slider-arrows-circle-light .slick-prev, .slider-arrows-circle-light .slick-next { width: 40px; height: 40px; background-color: rgba(255,255,255,0.95); border-radius: 10rem; border: 1px solid #eee; opacity: 0.7 }
.slider-arrows-circle-light .slick-prev::before, .slider-arrows-circle-light .slick-next::before { border-right-color: rgba(0,0,0,0.3); border-bottom-color: rgba(0,0,0,0.3) }
.slider-arrows-circle-light .slick-prev:hover, .slider-arrows-circle-light .slick-next:hover { opacity: 1; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.08); box-shadow: 0 0 15px rgba(0,0,0,0.08) }
.slider-arrows-circle-light .slick-prev:hover::before, .slider-arrows-circle-light .slick-next:hover::before { border-right-color: rgba(0,0,0,0.5); border-bottom-color: rgba(0,0,0,0.5) }
.slider-arrows-circle-light .slick-prev { left: 0.3rem }
.slider-arrows-circle-light .slick-next { right: 0.3rem }
.slider-arrows-circle-dark .slick-prev, .slider-arrows-circle-dark .slick-next { width: 40px; height: 40px; background-color: rgba(0,0,0,0.6); border-radius: 10rem; opacity: 0.7 }
.slider-arrows-circle-dark .slick-prev::before, .slider-arrows-circle-dark .slick-next::before { border-right-color: rgba(255,255,255,0.6); border-bottom-color: rgba(255,255,255,0.6) }
.slider-arrows-circle-dark .slick-prev:hover, .slider-arrows-circle-dark .slick-next:hover { opacity: 1; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.08); box-shadow: 0 0 15px rgba(0,0,0,0.08) }
.slider-arrows-circle-dark .slick-prev:hover::before, .slider-arrows-circle-dark .slick-next:hover::before { border-right-color: rgba(255,255,255,0.9); border-bottom-color: rgba(255,255,255,0.9) }
.slider-arrows-circle-dark .slick-prev { left: 0.3rem }
.slider-arrows-circle-dark .slick-next { right: 0.3rem }
.slider-arrows-flash-dark .slick-prev, .slider-arrows-flash-dark .slick-next { width: 40px; height: 40px; background-color: transparent }
.slider-arrows-flash-dark .slick-prev::before, .slider-arrows-flash-dark .slick-next::before { position: absolute; top: 50%; width: 11px; height: 11px; margin-top: -5px; border-width: 1px; border-right-color: rgba(0,0,0,0.2); border-bottom-color: rgba(0,0,0,0.2) }
.slider-arrows-flash-dark .slick-prev::after, .slider-arrows-flash-dark .slick-next::after { content: ''; display: inline-block; position: absolute; top: 50%; width: 24px; height: 1px; background-color: rgba(0,0,0,0.2); -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out }
.slider-arrows-flash-dark .slick-prev:hover::before, .slider-arrows-flash-dark .slick-next:hover::before { border-right-color: rgba(0,0,0,0.5); border-bottom-color: rgba(0,0,0,0.5) }
.slider-arrows-flash-dark .slick-prev:hover::after, .slider-arrows-flash-dark .slick-next:hover::after { background-color: rgba(0,0,0,0.5) }
.slider-arrows-flash-dark .slick-prev { left: 0.6rem }
.slider-arrows-flash-dark .slick-prev::before, .slider-arrows-flash-dark .slick-prev::after { left: 9px }
.slider-arrows-flash-dark .slick-next { right: 0.6rem }
.slider-arrows-flash-dark .slick-next::before, .slider-arrows-flash-dark .slick-next::after { right: 9px }
.slider-arrows-flash-light .slick-prev, .slider-arrows-flash-light .slick-next { width: 40px; height: 40px; background-color: transparent }
.slider-arrows-flash-light .slick-prev::before, .slider-arrows-flash-light .slick-next::before { position: absolute; top: 50%; width: 11px; height: 11px; margin-top: -5px; border-width: 1px; border-right-color: rgba(255,255,255,0.5); border-bottom-color: rgba(255,255,255,0.5) }
.slider-arrows-flash-light .slick-prev::after, .slider-arrows-flash-light .slick-next::after { content: ''; display: inline-block; position: absolute; top: 50%; width: 24px; height: 1px; background-color: rgba(255,255,255,0.5); -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out }
.slider-arrows-flash-light .slick-prev:hover::before, .slider-arrows-flash-light .slick-next:hover::before { border-right-color: rgba(255,255,255,0.9); border-bottom-color: rgba(255,255,255,0.9) }
.slider-arrows-flash-light .slick-prev:hover::after, .slider-arrows-flash-light .slick-next:hover::after { background-color: rgba(255,255,255,0.9) }
.slider-arrows-flash-light .slick-prev { left: 0.5rem }
.slider-arrows-flash-light .slick-prev::before, .slider-arrows-flash-light .slick-prev::after { left: 9px }
.slider-arrows-flash-light .slick-next { right: 0.5rem }
.slider-arrows-flash-light .slick-next::before, .slider-arrows-flash-light .slick-next::after { right: 9px }
.slick-dotted.slick-slider { margin-bottom: 35px }
.slick-dots { position: absolute; bottom: -35px; list-style: none; display: -webkit-box; display: flex; align-content: center; -webkit-box-pack: center; justify-content: center; padding: 0; margin: 0; width: 100% }
.slick-dots li { margin: 0 5px; padding: 8px 2px; line-height: 1px; cursor: pointer }
.slick-dots li button { border: 1px solid #929daf; padding: 0; background: transparent; height: 9px; width: 9px; border-radius: 10rem; font-size: 0; cursor: pointer; -webkit-transition: .3s ease; transition: .3s ease }
.slick-dots li button:hover { outline: none }
.slick-dots li.slick-active button { background-color: #929daf }
.slider-dots-inside.slick-slider { margin-bottom: 0 }
.slider-dots-inside.slick-slider .slick-dots { bottom: 1rem; opacity: 0.8 }
.slider-dots-fill .slick-dots button { border: none; background-color: #eaeff4 }
.slider-dots-fill .slick-dots .slick-active button { background-color: #929daf }
.slider-dots-fill-primary .slick-dots button { border: none; background-color: #eaeff4 }
.slider-dots-fill-primary .slick-dots .slick-active button { background-color: #50a1ff }
.slider-dots-line .slick-dots li { padding-left: 2px; padding-right: 2px }
.slider-dots-line .slick-dots button { border: none; width: 24px; height: 3px; background-color: #eaeff4 }
.slider-dots-line .slick-dots .slick-active button { width: 34px; background-color: #929daf }
.slider-dots-white .slick-dots button { border-color: rgba(255,255,255,0.7); background-color: rgba(255,255,255,0.5) }
.slider-dots-white .slick-dots .slick-active button { background-color: rgba(255,255,255,0.95) }



/*------------------------------------
  Gallery
------------------------------------*/
.gallery { display: -webkit-box; display: flex; flex-wrap: wrap; border-radius: 1px;position: relative; overflow: hidden; }
.gallery-item { position: relative; flex-basis: 50%; padding: 0.25rem; display: block }
.gallery-item img { object-fit: cover; width: 100%; height: 100% }
.gallery-item > div { object-fit: cover; width: 100%; height: 100% }
.gallery-item-overlay {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    right: 0.25rem;
    bottom: 0.25rem;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    font-size: 1.4rem;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    width: calc(100% - 0.50rem) !important;
    height: calc(100% - 0.50rem) !important;
}
.gallery-item-overlay:hover { background-color: rgba(0,0,0,0.45) }
.gallery.items-connected .gallery-item { padding: 0 }
.gallery.items-connected .gallery-item-overlay { top: 0; left: 0; right: 0; bottom: 0 }
.gallery-extra-items { display: none }
.gallery-3-type1 .gallery-item { flex-basis: 33.33% }
.gallery-3-type2 .gallery-item { flex-basis: 100% }
.gallery-3-type2 .gallery-item:nth-child(n+2) { flex-basis: 50% }
.gallery-3-type3 .gallery-item { flex-basis: 50% }
.gallery-3-type3 .gallery-item:nth-child(n+3) { flex-basis: 100% }
.gallery-3-type4 > .gallery-item { flex-basis: 60% }
.gallery-3-type4 .gallery-item-group { flex-basis: 40% }
.gallery-3-type5 > .gallery-item { flex-basis: 60% }
.gallery-3-type5 .gallery-item-group { flex-basis: 40% }
.gallery-4-type1 .gallery-item { flex-basis: 25% }
.gallery-4-type2 .gallery-item { flex-basis: 100% }
.gallery-4-type2 .gallery-item:nth-child(n+2) { flex-basis: 33.33% }
.gallery-4-type3 .gallery-item { flex-basis: 33.33% }
.gallery-4-type3 .gallery-item:nth-child(n+4) { flex-basis: 100% }
.gallery-4-type4 > .gallery-item { flex-basis: 70% }
.gallery-4-type4 .gallery-item-group { flex-basis: 30% }
.gallery-4-type5 > .gallery-item { flex-basis: 70% }
.gallery-4-type5 .gallery-item-group { flex-basis: 30% }





/*------------------------------------
  Badge
------------------------------------*/
.badge { font-weight: 300; }
.badge:empty { display: inline-block; }
.badge-number { position: relative; top: -10px; margin-left: -0.5rem; font-size: 0.75rem; padding: 2px 4px; border-radius: 10rem; min-width: 1rem; min-height: 1rem; }
.badge-ring { position: relative; width: 8px; height: 8px; padding: 0; border-radius: 100%; vertical-align: middle; }
.badge-ring::after { content: ''; position: absolute; top: 1px; left: 1px; width: 6px; height: 6px; border-radius: 50%; background-color: #fff; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s; transition: .3s; }
.badge-dot { width: 6px; height: 6px; padding: 0; border-radius: 100%; vertical-align: middle; }
.badge-pill { padding-right: .75em; padding-left: .75em; border-radius: 10rem; }
.badge-glass.badge-primary { background-color: rgba(80,161,255,0.55); color: #fff; }
.badge-glass.badge-secondary { background-color: rgba(233,236,240,0.55); color: #fff; }
.badge-glass.badge-success { background-color: rgba(60,212,88,0.55); color: #fff; }
.badge-glass.badge-danger { background-color: rgba(255,73,84,0.55); color: #fff; }
.badge-glass.badge-warning { background-color: rgba(255,186,0,0.55); color: #fff; }
.badge-glass.badge-info { background-color: rgba(146,109,222,0.55); color: #fff; }
.badge-glass.badge-light { background-color: rgba(248,249,250,0.55); color: #fff; }
.badge-glass.badge-dark { background-color: rgba(25,25,25,0.55); color: #fff; }


/*------------------------------------
  Border Glass
------------------------------------*/
.border-glass, .border-glass-1 { border-color: rgba(255,255,255,0.35) !important }
.border-glass-2 { border-color: rgba(255,255,255,0.25) !important }
.border-glass-3 { border-color: rgba(255,255,255,0.15) !important }



/*------------------------------------
  BG Pale
------------------------------------*/
.bg-gray { background-color: #fafbfb }
.bg-pale-primary { background-color: #eef4fc !important }
.bg-pale-secondary { background-color: #f0f4f7 !important }
.bg-pale-success { background-color: #eefcf0 !important }
.bg-pale-danger { background-color: #fceeef !important }
.bg-pale-warning { background-color: #fcf8ee !important }
.bg-pale-info { background-color: #f2eefc !important }
.bg-pale-light { background-color: #fff !important }
.bg-pale-dark { background-color: #e5e5e5 !important }


/*------------------------------------
  Gradient
------------------------------------*/
.bg-gradient-primary { background-image: -webkit-linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important; background-image: linear-gradient(45deg, #50a1ff 0%, #88bfff 100%) !important }
.bg-gradient-secondary { background-image: -webkit-linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important; background-image: linear-gradient(45deg, #e9ecf0 0%, #f0f2f5 100%) !important }
.bg-gradient-success { background-image: -webkit-linear-gradient(45deg, #00c9a7 0%, #7ae28d 100%) !important; background-image: linear-gradient(45deg, #00c9a7 0%, #7ae28d 100%) !important }
.bg-gradient-danger { background-image: -webkit-linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important; background-image: linear-gradient(45deg, #ff4954 0%, #ff838b 100%) !important }
.bg-gradient-warning { background-image: -webkit-linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important; background-image: linear-gradient(45deg, #ffba00 0%, #ffd052 100%) !important }
.bg-gradient-info { background-image: -webkit-linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important; background-image: linear-gradient(45deg, #926dde 0%, #b59ce9 100%) !important }
.bg-gradient-dark { background-image: -webkit-linear-gradient(45deg, #191919 0%, #636363 100%) !important; background-image: linear-gradient(45deg, #191919 0%, #636363 100%) !important }


/*------------------------------------
  Text
------------------------------------*/
.text-default { color: #757575 !important }
a.text-default:hover, a.text-default:focus { color: #5c5c5c !important }
.text-light { color: #999 !important }
a.text-light:hover, a.text-light:focus { color: gray !important }
.text-lighter { color: #bfc5ca !important }
a.text-lighter:hover, a.text-lighter:focus { color: #a3acb3 !important }
.text-lightest { color: #d3d3d3 !important }
a.text-lightest:hover, a.text-lightest:focus { color: #bababa !important }


/*------------------------------------
  Rating
------------------------------------*/
.rating { font-size:13px; display: -webkit-inline-box; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; list-style: none; margin: 0; padding: 0; }
.rating label::before { margin-right: 5px; display: inline-block; }
.rating label { color: #ffba00; cursor: default; }
.rating label.empty { color: #ecf0f0; }
.rating-xs label::before { margin-right: 1px; font-size: 11px; }
.rating-sm label::before { margin-right: 2px; font-size: 13px; }
.rating-lg label::before { font-size: 18px; }




  

/*------------------------------------
  section
------------------------------------*/
.section--dark-bottom-fade:after,
.section--lightblue-bottom-fade:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 20%; background-image: linear-gradient(to bottom,transparent,rgba(238,248,255,.01) 3%,rgba(238,248,255,.05) 8%,rgba(238,248,255,.1) 13%,rgba(238,248,255,.15) 18%,rgba(238,248,255,.2) 23%,rgba(238,248,255,.25) 28%,rgba(238,248,255,.3) 33%,rgba(238,248,255,.35) 38%,rgba(238,248,255,.4) 43%,rgba(238,248,255,.45) 48%,rgba(238,248,255,.5) 53%,rgba(238,248,255,.55) 58%,#eef8ff 100%) }
.section--dark-bottom-fade:after { background-image: linear-gradient(to bottom,transparent,rgba(9,6,11,.01) 3%,rgba(9,6,11,.05) 8%,rgba(9,6,11,.1) 13%,rgba(9,6,11,.15) 18%,rgba(9,6,11,.2) 23%,rgba(9,6,11,.25) 28%,rgba(9,6,11,.3) 33%,rgba(9,6,11,.35) 38%,rgba(9,6,11,.4) 43%,rgba(9,6,11,.45) 48%,rgba(9,6,11,.5) 53%,rgba(9,6,11,.55) 58%,#09060b 100%) }
.section--blue-bottom-fade:after { content: ""; display: block; position: absolute; bottom: -2px; left: 0; right: 0; top: 55%; opacity: 0; -webkit-animation: appear .2s .1s ease forwards; animation: appear .2s .1s ease forwards; background-color: transparent; background-image: linear-gradient(to bottom, transparent, rgba(29,35,51,0.01) 3%, rgba(29,35,51,0.05) 8%, rgba(29,35,51,0.1) 13%, rgba(29,35,51,0.15) 18%, rgba(29,35,51,0.2) 23%, rgba(29,35,51,0.25) 28%, rgba(29,35,51,0.3) 33%, rgba(29,35,51,0.35) 38%, rgba(29,35,51,0.4) 43%, rgba(29,35,51,0.45) 48%, rgba(29,35,51,0.5) 53%, rgba(29,35,51,0.55) 58%, #1d2333 100%); }
.overlay-block { position: absolute; z-index: 2; left: 0; right: 0; bottom: 120px; }





.check-list { list-style: none; padding-left: 22px; }
.check-list li { padding: 5px 0 5px 0px; position: relative; -webkit-transition: color .15s ease-in-out; transition: color .15s ease-in-out; color: #6d767d; line-height: 1.6; font-size: 15px; }
.check-list li:before { content: ""; display: inline-block; margin: 0 7px 0 -22px; width: 11px; height: 10px; background: url(/Content/img/svg/spec-check.svg); }



.anim-link { display: inline-block; position: relative; transition: opacity .2s cubic-bezier(.39,.575,.565,1); }
.anim-link:after { background-color: #2484da; content: ""; height: 1px; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 115%; transform: translateY(1px); transition: all .15s cubic-bezier(.39,.575,.565,1); transition-property: opacity,transform; width: 100%; }
.anim-link:focus:after, .anim-link:hover:after { opacity: 1; transform: translateY(-5px) translateZ(0); }
.anim-link:active, .anim-link:focus, .anim-link:hover { opacity: 1; }

.anim-link-2 { background-position: 0 95%; background-size: 0 2px; transition: background-size .2s cubic-bezier(.785,.135,.15,.86) 0s; padding: 1px 0; display: inline; background-repeat: no-repeat; box-sizing: border-box; background-image: linear-gradient(to right,#1e2022 0%,#1e2022 100%); }
.text-white .anim-link-2 { background-image: linear-gradient(to right,#fff 0%,#fff 100%); }
.text-muted.anim-link-2 { background-image: linear-gradient(to right,#8c98a4 0%,#8c98a4 100%); }
.anim-link-2:hover { background-size: 100% 2px; }
.m-list--link.anim-link-2 { background-image: linear-gradient(to right,#377dff 0%,#377dff 100%); }

.anim-link-2.anim-link-2-primary{background-image: linear-gradient(to right,#2484da 0%,#2484da 100%);}
.anim-link-2.anim-link-2-white{background-image: linear-gradient(to right,#fff 0%,#fff 100%);}

.nettex-input .nettex-input-group { background: #edf2f5; padding-top: 14px; padding-left: 25px; -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; border-bottom: 1px solid #e6e6e6; }
.nettex-input-group.focus { background: white; }
.nettex-input .nettex-input-group.focus .form-group label { color: #2484da !important; }
.nettex-input .nettex-input-group.last { border-bottom-width: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.nettex-input .nettex-input-group.first { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.nettex-input .nettex-input-group .form-group { width: 100%; margin-bottom: 0; margin-left: 25px; }
.nettex-input .nettex-input-group .form-group label { margin: 0; }
.nettex-input .nettex-input-group .form-group .form-control { margin-top: -1rem; }
.nettex-input-group .apend-wrap i { vertical-align: 12px; font-size: 25px; opacity: 0.5; }




.mapimg { position: relative; background: url(/Content/img/map.jpg) no-repeat center center; padding-top: 37.475%; background-size: contain; }
.mapimg .tooltips > div { position: absolute; cursor: pointer; }
.mapimg .tooltips > div.tooltip-1 { top: 50%; left: 50%; transform: translate(-8px,-65px); }
.mapimg .tooltips > div.tooltip-2 { top: 50%; left: 50%; transform: translate(4px,-57px); }
.mapimg .tooltips > div.tooltip-3 { top: 50%; left: 50%; transform: translate(70px,-5px); }
.mapimg .tooltips .dot { width: 16px; height: 16px; border: 4px solid #9f8beb; background-color: #5c40c6; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }




.custom-section-1:before { content: ""; display: block; position: absolute; background-image: url(/Content/img/custom-bg-2.jpg); width: 360px; height: 469px; top: -20px; z-index: -1; right: 0; background-repeat: no-repeat; background-size: contain; background-position: center; }
.custom-section-1:after { content: ""; display: block; position: absolute; background: url(/Content/img/custom-bg-1.png) no-repeat; width: 374px; height: 688px; top: 40px; z-index: -1; left: 0; background-repeat: no-repeat; background-size: contain; background-position: center; }
.custom-section-2:before { content: ""; display: block; position: absolute; background: url(/Content/img/custom-bg-3.png) no-repeat; width: 250px; height: 467px; top: -20px; z-index: -1; right: 0; background-repeat: no-repeat; background-size: contain; background-position: center; }
.custom-section-2:after { content: ""; display: block; position: absolute; background: url(/Content/img/custom-bg-1.png) no-repeat; width: 374px; height: 688px; top: 40px; z-index: -1; left: 0; background-repeat: no-repeat; background-size: contain; background-position: center; }

@media (min-width: 320px) {
    .custom-section-1:before { width: 100px; }
    .custom-section-1:after { width: 125px; }

    .custom-section-2:before { width: 80px; }
    .custom-section-2:after { width: 125px; }
}

@media (min-width: 375px) {
    .custom-section-1:before { width: 120px; }
    .custom-section-1:after { width: 150px; }

    .custom-section-2:before { width: 100px; }
    .custom-section-2:after { width: 150px; }
}

@media (min-width: 414px) {
    .custom-section-1:before { width: 150px; }
    .custom-section-1:after { width: 175px; }

    .custom-section-2:before { width: 120px; }
    .custom-section-2:after { width: 175px; }
}

@media (min-width: 576px) {
    .custom-section-1:before { width: 200px; }
    .custom-section-1:after { width: 225px; }

    .custom-section-2:before { width: 140px; }
    .custom-section-2:after { width: 225px; }
}

@media (min-width: 768px) {
    .custom-section-1:before { width: 250px; }
    .custom-section-1:after { width: 275px; }

    .custom-section-2:before { width: 170px; }
    .custom-section-2:after { width: 275px; }
}

@media (min-width: 992px) {
    .custom-section-1:before { width: 300px; }
    .custom-section-1:after { width: 324px; }

    .custom-section-2:before { width: 210px; }
    .custom-section-2:after { width: 324px; }
}

@media (min-width: 1200px) {
    .custom-section-1:before { width: 360px; }
    .custom-section-1:after { width: 374px; }

    .custom-section-2:before { width: 250px; }
    .custom-section-2:after { width: 374px; }
}



.custom-section-3 { position: absolute; left: 0; right: 0; top: inherit !important; bottom: -6px; }
.custom-section-3 img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -o-object-position: 33% 100%; object-position: 33% 100%; }
.custom-section-4 { background-image: url(/Content/img/svg/cover-blue-nodots.svg), linear-gradient(87deg,#2484da 0,#53d3d4 100%); background-size: 1420px auto,auto auto; background-position: center -85px,0 0; }
.custom-section-5 { background: #f6f7f8 url(/Content/img/arch-hero-t.png) right 0/auto 100% no-repeat; padding-top: 50px; }


.bg-custom-1 { background-image: url(/Content/img/mix/j1.jpg); background-size: cover; background-position: 50% 50%; min-height: 31.5rem; margin-bottom: 4.5rem; text-align: left; opacity: 1; overflow: hidden; -moz-transition: opacity .8s ease; -o-transition: opacity .8s ease; -webkit-transition: opacity .8s ease; transition: opacity .8s ease; margin: 0 auto; clear: both; position: relative; }
.bg-custom-1--overlay { width: 100%; height: 100%; position: absolute; opacity: .3; display: block; background-image: -webkit-linear-gradient(36deg,#1a8bf0 0,#25292d 100%); background-image: -moz-linear-gradient(36deg,#1a8bf0 0,#25292d 100%); background-image: -o-linear-gradient(36deg,#1a8bf0 0,#25292d 100%); background-image: linear-gradient(36deg,#1a8bf0 0,#25292d 100%); }



.svgbg-1 { background: url(/Content/img/svg/svgbg1.svg) bottom no-repeat; background-size: contain; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 548px; padding: 0 10% 6% 6%; }
.gradient-border-1 { background: linear-gradient(15deg,#6d4dd9,#14badc); -webkit-filter: drop-shadow(0 10px 5px rgba(0,0,0,.4)); filter: drop-shadow(0 10px 5px rgba(0,0,0,.4)); border-radius: 6px; padding: 8px; }
.bg-map { background: url('/Content/img/svg/map.svg') no-repeat; background-position: center 80px; }




.v-testimonials--head { display: block; width: 100%; overflow: hidden; margin-bottom: 20px; }
.v-testimonials--head img { width: 60px; border-radius: 50%; float: left; margin-right: 18px; }
.v-testimonials--name { float: left; margin-top: 8px; }
.v-testimonials--name p { margin: 0; font-size: 18px; font-weight: 500; font-family: "Museo500Regular", Arial, Helvetica, Tahoma, sans-serif; }
.v-testimonials--body { display: block; width: 100%; overflow: hidden; margin-bottom: 2px; }
.v-testimonials--body p { font-size: 14px; line-height: 1.7; }
.v-testimonials--footer { display: block; width: 100%; overflow: hidden; }
.v-testimonials--stars,
.v-testimonials--footer i { font-size: 16px; color: #f1c346; }
.v-testimonials--sub-heading { color: #2484da; }
.v-testimonials-v2 .v-testimonials-v2--body { overflow: hidden; }
.v-testimonials-v2 img { width: 120px; margin-right: 30px; }
.testimonial-quote { position: relative; }
.testimonial-quote:before { top: 0; left: -54px; position: absolute; content: "\201E"; margin-top: -65px; font-family: Arial,sans-serif; font-size: 110px; line-height: 1; color: #ddd; }


/* Circular Bars */
.circular-bar { text-align: center; margin-bottom: 25px; }
.circular-bar .circular-bar-chart { position: relative; }
.circular-bar strong { display: block; font-weight: 500; line-height: 30px; position: absolute; top: 35%; width: 80%; left: 10%; text-align: center; }
.circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center; }
.circular-bar.only-icon [class*="fa-"], .circular-bar.only-icon .icons { display: block; font-size: 38px; line-height: 30px; position: absolute; top: 40%; width: 80%; left: 10%; text-align: center; }
.circular-bar.single-line strong { top: 40%; }
.circular-bar.circular-bar-sm label { font-size: 14px; top: 36%; }
.circular-bar.circular-bar-lg strong { font-size: 20px; top: 40%; }








/* Common
-------------------------------------------------------------- */
.t-no-data {
    color: #8d9ba9;
}

.t-widget, .t-input {
    border-color: #e6e6e6;
    /*#a4abb2*/
    background-color: #fff;
}

.t-header,
.t-grid-header,
.t-toolbar,
.t-grouping-header,
.t-tooltip,
.t-grid-pager {
    color: #393f46;
    background-color: #f6f8fa;
    border-color: #dee2e6;
}

.t-menu-vertical,
.t-editor,
.t-tooltip,
.t-tabstrip {
    background-position: 0 -48px;
}

.t-icon {
    background-image: url("/Content/vendor/telerik/img/sprite.png");
}

.t-editor .t-tool-icon {
    background-image: url("/Content/vendor/telerik/img/editor.png");
}

.t-picker-wrap {
    padding-right: 23px;
}

.t-loading,
.t-widget .t-loading {
    background: transparent url("/Content/vendor/telerik/img/loading.gif") no-repeat 0 0;
}

.t-widget,
.t-link:link,
.t-link:active,
.t-link:visited,
.t-popup,
.t-grid .t-header {
    color: #3b3b3b;
}

.t-group {
    background-color: #f1f2f3;
    border-color: rgba(0, 0, 0, 0.05);
}

    .t-group.t-popup {
        background-color: #fff;
    }

.t-popup, .t-menu .t-group {
    box-shadow: 0 1rem 2.25rem rgba(50, 50, 93, 0.03), 0 0.3125rem 1rem rgba(0, 0, 0, 0.12);
}

.t-content,
.t-editable-area {
    border-color: #a4abb2;
    background-color: #fff;
}

.t-separator {
    border-color: #a4abb2;
    background-color: #fff;
}

.t-alt {
    background: #f6f9fc;
}

.t-state-default {
    border-color: #a4abb2;
}

.t-active-filter {
    background-color: #fff;
}

.t-state-hover,
.t-state-hover:hover {
    background-color: #fae185;
    border-color: #f3d64a;
    color: #000;
}

.t-state-active,
.t-header .t-state-active {
    background-color: #fff;
    border-color: #a4abb2;
}

.t-state-selected {
    background-color: rgba(0, 0, 0, 0.05);
}

.t-state-focused {
    background-color: #d3d6da;
}

.t-state-hover, .t-state-selected {
    color: #22262a;
}

.t-state-error,
.t-widget.input-validation-error,
.t-widget .input-validation-error {
    border-color: #ff7c7c;
    background-color: #ffe4e4;
    color: #f20000;
}

.t-autocomplete {
    background-color: #fff;
}

.t-toolbar,
.t-grouping-header,
.t-grid-pager,
.t-group-footer td,
.t-grid-footer,
.t-footer-template td,
.t-widget .t-status {
    border-color: #e6e6e6;
    background-color: #f5f5f5;
}

.t-widget .t-status {
    background-color: transparent;
}

.t-grouping-row td {
    background: url("/Content/vendor/telerik/img/sprite.png") repeat-x 0 -48px;
}

.t-grouping-header .t-group-indicator {
    border-color: #a4abb2;
}

.t-grouping-dropclue {
    background: url("/Content/vendor/telerik/img/sprite.png") no-repeat -48px -288px;
}

.t-grouping-row .t-group-cell,
.t-grouping-row p {
    background: #fff;
    font-weight: bold;
    color: #596167;
}

.t-treeview .t-drop-clue {
    background-image: url("/Content/vendor/telerik/img/sprite.png");
    background-position: 0 -358px;
}

.t-treeview .t-state-selected {
    border-color: #f4b914;
}

.t-panelbar .t-link,
.t-panelbar .t-group,
.t-panelbar .t-content {
    border-color: #a4abb2;
}

.t-other-month .t-link {
    color: #a4abb2;
}

.t-link:hover {
    text-decoration: none !important;
}

body .t-content.t-state-active {
    padding: 10px !important;
}

.form-actions {
    overflow: hidden;
    padding-top: 1em;
}

    .form-actions .t-button,
    .form-actions .t-button button {
        float: right;
        margin-left: 10px;
        padding: 2px 15px;
    }

.dialog-content-container {
    margin: 6px 0 2px 0;
    padding: 5px;
}

/* Buttons
-------------------------------------------------------------- */
button.t-button.t-state-disabled:hover,
a.t-button.t-state-disabled:hover,
.t-state-disabled .t-button:hover { background: #d2d5d9; }

.t-state-disabled,
.t-state-disabled:hover,
.t-state-disabled .t-link,
.t-state-disabled .t-button { border-color: #a4abb2; color: #a4abb2; }

/* Numeric textbox 
-------------------------------------------------------------- */
.t-numerictextbox { display: block; overflow: hidden; position: relative; width: 100%; }

.t-numerictextbox:after { position: absolute; z-index: 2; content: ' '; display: block; background: #f8f9fa; border: 0 solid #e6e6e6; border-left-width: 1px; top: 1px; right: 1px; bottom: 1px; left: auto; width: calc(2.4375rem + 2px); }

.t-grid-edit-row .t-numerictextbox:after { width: 1.5rem; }

.t-numerictextbox .t-input { position: relative; z-index: 1; padding-right: 3.4375rem !important; width: 100%; height: 46px; border: 0; }

.t-grid-edit-row .t-numerictextbox .t-input { padding-left: 0.5rem !important; padding-right: 1.75rem !important; }

.t-numerictextbox .t-formatted-value { position: absolute; overflow: hidden; z-index: 2; padding: 0.8rem 1rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #596167; }

.t-grid-edit-row .t-numerictextbox .t-formatted-value { padding-left: 0.5rem !important; }

.t-numerictextbox .t-formatted-value.t-state-empty { color: #8d9ba9 !important; }

.t-numerictextbox .t-input ~ .t-icon { position: relative; background-clip: content-box; box-sizing: content-box; vertical-align: middle; text-align: center; font-size: 0.875rem; line-height: 1.5; background-image: none; text-indent: 0; color: transparent; margin: 0; padding: 0; position: absolute; display: block; z-index: 3; top: 0; right: 0; height: 50%; width: calc(calc(2.4375rem + 2px)); }

.t-numerictextbox .t-input ~ .t-icon:hover:before { color: #393f46; }

.t-numerictextbox .t-input ~ .t-icon:before { position: absolute; display: inline-block; text-indent: 0; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 1; font-size: inherit; font-weight: 900; font-family: "Font Awesome 5 Free"; content: ""; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #596167; }

.t-grid-edit-row .t-numerictextbox .t-input ~ .t-icon { width: 1.5rem; }

.t-numerictextbox .t-input ~ .t-icon:before { content: "\f077"; font-size: 10px; }

.t-numerictextbox .t-input ~ .t-icon.t-arrow-down:before { content: "\f078"; top: 40%; }

.t-numerictextbox .t-input ~ .t-icon.t-arrow-down { top: auto; bottom: 0; }

.t-numerictextbox .t-input:disabled ~ .t-icon { opacity: 0.5; }

.t-numerictextbox .t-input:not(:disabled) ~ .t-icon:hover { background-color: rgba(0, 0, 0, 0.05); }

.t-numerictextbox .t-input:not(:disabled) ~ .t-icon:active { background-color: rgba(0, 0, 0, 0.08); }

.numerictextbox-group { display: block; position: relative; }

.numerictextbox-group > .numerictextbox-postfix { display: block; position: absolute; z-index: 2; top: 0; color: #8d9ba9; right: calc(2.4375rem + 2px); padding: 0.5625rem 1rem; font-size: 0.875rem; line-height: 1.5; cursor: default; user-select: none; }

.numerictextbox-group-sm > .t-numerictextbox:after { width: calc(calc(1.96875rem + 2px) - 1px); }

.numerictextbox-group-sm > .t-numerictextbox .t-input { padding: 0.375rem 0.75rem; padding-right: 2.96875rem !important; height: calc(1.96875rem + 2px); }

.numerictextbox-group-sm > .t-numerictextbox .t-formatted-value { padding: 0.375rem 0.75rem; font-size: 0.8125rem; line-height: 1.5; }

.numerictextbox-group-sm > .t-numerictextbox .t-input ~ .t-icon { width: calc(calc(1.96875rem + 2px)); }

.numerictextbox-group-sm > .numerictextbox-postfix { padding: 0.375rem 0.75rem; font-size: 0.8125rem; line-height: 1.5; }

/* Grid
-------------------------------------------------------------- */
.t-grid { overflow-x: auto; }

.t-grid .t-status-text { color: #8d9ba9; font-size: 0.8125rem; }

.t-grid .t-button .fa { margin-top: 0; }

.t-grid .t-grid-header-wrap, .t-grid .t-grid-footer-wrap { border-color: #a4abb2; }

.t-grid tbody .t-button.t-grid-update, .t-grid tbody .t-button.t-grid-insert { text-transform: capitalize; }

.t-grid form.t-grid-actions { margin: 0; }

.t-grid .text-box.single-line { /* ... */ }

.t-grid .t-filter-options { border-radius: 0.25rem; padding: 0.5rem; box-sizing: border-box; min-width: 200px; }

.t-grid .t-filter-options .t-filter-help-text { font-size: 12px; padding: 0.25rem 0; }

.t-grid .t-filter-options .t-filter-button { margin-top: 1rem; }

.t-grid .t-filter-options input[type=text], .t-grid .t-filter-options .t-filter-operator { width: 100%; padding: 0.375rem 0.75rem !important; font-size: 0.8125rem !important; line-height: 1.5 !important; height: calc(1.96875rem + 2px) !important; border-radius: 2px; }

.t-grid > table,
.t-grid > form > table { margin-bottom: 0; }

.t-grid > table td[align=center],
.t-grid > form > table td[align=center] { text-align: center; }

.t-grid > table .btn, .t-grid > table .t-button,
.t-grid > form > table .btn,
.t-grid > form > table .t-button { padding: 0.375rem 0.75rem; font-size: 0.8125rem; }

.t-grid > table .btn .fa, .t-grid > table .t-button .fa,
.t-grid > form > table .btn .fa,
.t-grid > form > table .t-button .fa { font-size: 0.8125rem; }

.t-grid > table td, .t-grid > table th,
.t-grid > form > table td,
.t-grid > form > table th { vertical-align: middle; padding-left: 0.4rem; padding-right: 0.4rem; border-left-width: 0 !important; border-right-width: 0 !important; border-color: #dee2e6; line-height: 1.5; }

.t-grid > table td:first-child, .t-grid > table th:first-child,
.t-grid > form > table td:first-child,
.t-grid > form > table th:first-child { padding-left: 0.75rem; }

.t-grid > table td:last-child, .t-grid > table th:last-child,
.t-grid > form > table td:last-child,
.t-grid > form > table th:last-child { padding-left: 0.75rem; }

.t-grid > table .t-grid-edit-row td,
.t-grid > form > table .t-grid-edit-row td { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.t-grid > table .t-grid-edit-row td .form-check-input,
.t-grid > form > table .t-grid-edit-row td .form-check-input { position: relative; margin: 0; padding: 0; }

.t-grid-edit-row .text-box,
.t-grid-edit-row .t-numerictextbox { width: 100%; min-width: 100%; max-width: 100%; margin: 0; }

.t-grid-edit-cell { padding: 6px; }

.t-grouping-header { text-shadow: none; padding: 0.6em; }

.t-grid-toolbar { padding: 0; background: #f9fafa; position: relative; display: flex; /*.t-button,
	.btn:not(.btn-primary):not(.btn-warning):not(.btn-danger):not(.btn-secondary) {
		@include button-variant($warning, $warning);
	}*/ }

.t-grid-toolbar:empty { border-width: 0 !important; }

.t-grid-toolbar .btn, .t-grid-toolbar .t-button,
.t-grid-toolbar .t-button { display: block; border-radius: 0 !important; margin: 0; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.1); padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 15px; padding-right: 15px; font-weight: 600; background-color: transparent; color: #328fe4; font-size: 0.8125rem; transition: background-color 0.05s ease-in-out, border-color 0.05s ease-in-out, box-shadow 0.05s ease-in-out; box-shadow: none; }

.t-grid-toolbar .btn:first-child, .t-grid-toolbar .t-button:first-child,
.t-grid-toolbar .t-button:first-child { border-left-width: 0; }

.t-grid-toolbar .btn:hover, .t-grid-toolbar .t-button:hover,
.t-grid-toolbar .t-button:hover { background-color: #e9ecef; }

.t-grid-toolbar .btn:active, .t-grid-toolbar .t-button:active,
.t-grid-toolbar .t-button:active { background-color: #dee2e6; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important; }

.t-grid-toolbar .btn.t-grid-add:hover, .t-grid-toolbar .t-grid-add.t-button:hover, .t-grid-toolbar .btn.t-button-primary:hover, .t-grid-toolbar .t-button-primary.t-button:hover,
.t-grid-toolbar .t-button.t-grid-add:hover,
.t-grid-toolbar .t-button.t-button-primary:hover { background-color: #28669f; color: #fff; }

.t-grid-toolbar .btn.t-grid-add:active, .t-grid-toolbar .t-grid-add.t-button:active, .t-grid-toolbar .btn.t-button-primary:active, .t-grid-toolbar .t-button-primary.t-button:active,
.t-grid-toolbar .t-button.t-grid-add:active,
.t-grid-toolbar .t-button.t-button-primary:active { background-color: #266095; color: #fff; }

.t-grid-toolbar .btn.t-grid-save-changes:hover, .t-grid-toolbar .t-grid-save-changes.t-button:hover,
.t-grid-toolbar .t-button.t-grid-save-changes:hover { background-color: #f6980e; color: #fff; }

.t-grid-toolbar .btn.t-grid-save-changes:active, .t-grid-toolbar .t-grid-save-changes.t-button:active,
.t-grid-toolbar .t-button.t-grid-save-changes:active { background-color: #ee9209; color: #fff; }

.t-grid-toolbar .btn.t-grid-cancel-changes:hover, .t-grid-toolbar .t-grid-cancel-changes.t-button:hover,
.t-grid-toolbar .t-button.t-grid-cancel-changes:hover { background-color: #dc3000; color: #fff; }

.t-grid-toolbar .btn.t-grid-cancel-changes:active, .t-grid-toolbar .t-grid-cancel-changes.t-button:active,
.t-grid-toolbar .t-button.t-grid-cancel-changes:active { background-color: #a92500; color: #fff; }

.t-grid-filter { position: absolute; display: flex; right: 0; top: 0; height: 100%; width: 28px; margin: 0; padding: #f8f9fa 0; }

.t-grid-filter .t-icon { position: relative; background-clip: content-box; box-sizing: content-box; vertical-align: middle; text-align: center; font-size: 0.875rem; line-height: 1.5; background-image: none; text-indent: 0; color: transparent; margin: 0; padding: 0; }

.t-grid-filter .t-icon:hover:before { color: #393f46; }

.t-grid-filter .t-icon:before { position: absolute; display: inline-block; text-indent: 0; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; line-height: 1; font-size: inherit; font-weight: 900; font-family: "Font Awesome 5 Free"; content: ""; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #596167; }

.t-grid-filter .t-icon:before { content: "\f0b0"; }

.t-grid-header .t-header { font-weight: 600 !important; padding: 0 !important; position: relative; }

.t-grid-header .t-header .t-link { margin: 0; padding: 0.75em 0.4rem; height: auto; line-height: 1.75rem; text-transform: none; }

.t-grid-header .t-header:first-child .t-link { padding-left: 0.75em; }

.t-grid-header .t-header:last-child .t-link { padding-right: 0.75em; }

.t-grid-header .t-header a.t-link:hover { background-color: #fff2cf; }

.t-grid-header .t-header .t-arrow-up,
.t-grid-header .t-header .t-arrow-down { margin-left: 0.25rem; }

/* Grid pager
-------------------------------------------------------------- */
.t-grid-pager { background: #f9fafa; padding-top: 0; padding-bottom: 0; line-height: 1.5; }

.t-grid-pager .t-numeric,
.t-grid-pager .t-status .t-icon { margin: 0; }

.t-grid-pager .t-status { margin: 0; padding: 0; padding-right: 0.6em; padding-bottom: 7px; padding-top: 9px; height: auto; }

.t-grid-pager .t-refresh { height: 16px; }

.t-grid-pager .t-pager .t-link span { vertical-align: sub; }

.t-grid-pager .t-refresh,
.t-grid-pager .t-link,
.t-grid-pager .t-status-text,
.t-grid-pager .t-state-active { padding-top: 0.6rem; padding-bottom: 0.6rem; font-size: 0.8125rem; line-height: 1.5; background-color: transparent; text-shadow: none !important; vertical-align: middle !important; margin: 0; }

.t-grid-pager .t-refresh,
.t-grid-pager .t-link,
.t-grid-pager .t-state-active { padding-left: 0.4rem; padding-right: 0.4rem; transition: background-color 0.06s ease-in-out; border-radius: 0; color: inherit; }

.t-grid-pager .t-link,
.t-grid-pager .t-state-active { min-width: 1.2rem; text-align: center; border: 1px solid transparent; border-top-width: 0; border-bottom-width: 0; }

.t-grid-pager .t-link.t-state-hover,
.t-grid-pager .t-link.t-state-hover:hover,
.t-grid-pager .t-link:hover { background-color: rgba(0, 0, 0, 0.08); color: inherit; }

.t-grid-pager .t-state-active { /*background-color: rgba(#000, 0.5);
		color: #fff;*/ background-color: #fff; border-color: rgba(0, 0, 0, 0.15); }

.t-grid-pager .t-status-text { padding-right: 0.75rem; }



.v-icon-active-true { color: #009e74; text-shadow: 0 -1px 0 #fff; }

.v-icon-active-true::before { content: '\f00c'; }

.v-icon-active-false { color: #ced4da; text-shadow: 0 -1px 0 #fff; }

.v-icon-active-false::before { content: '\f068'; }


























/* --------------------------------------------
	BUTTON SHORTCODE
-------------------------------------------- */

.btn {
    font-family: "Rubik",Arial,Helvetica,Tahoma,sans-serif;
}



/*------------------------------------
  Buttons Bootstrap Style
------------------------------------*/
.btn {
    font-weight: 500;
}

    .btn.btn-sm {
        padding: 0.6rem 1.1rem;
    }

/* facebook */
.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998;
}

    .btn-facebook:hover {
        color: #fff;
        background-color: #30497c;
        border-color: #2d4373;
    }

    .btn-facebook:focus, .btn-facebook.focus {
        box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
    }

    .btn-facebook.disabled, .btn-facebook:disabled {
        color: #fff;
        background-color: #3b5998;
        border-color: #3b5998;
    }

    .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active,
    .show > .btn-facebook.dropdown-toggle {
        color: #fff;
        background-color: #2d4373;
        border-color: #293e6a;
    }

        .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus,
        .show > .btn-facebook.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(59, 89, 152, 0.5);
        }

/* google */
.btn-google {
    color: #fff;
    background-color: #d14130;
    border-color: #d14130;
}

    .btn-google:hover {
        color: #fff;
        background-color: #b33628;
        border-color: #a93325;
    }

    .btn-google:focus, .btn-google.focus {
        box-shadow: 0 0 0 0.2rem rgba(209, 65, 48, 0.5);
    }

    .btn-google.disabled, .btn-google:disabled {
        color: #fff;
        background-color: #d14130;
        border-color: #d14130;
    }

    .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active,
    .show > .btn-google.dropdown-toggle {
        color: #fff;
        background-color: #a93325;
        border-color: #9e3023;
    }

        .btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus,
        .show > .btn-google.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(209, 65, 48, 0.5);
        }

/* twitter */
.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

    .btn-twitter:hover {
        color: #fff;
        background-color: #0d8ddc;
        border-color: #0c85d0;
    }

    .btn-twitter:focus, .btn-twitter.focus {
        box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5);
    }

    .btn-twitter.disabled, .btn-twitter:disabled {
        color: #fff;
        background-color: #1da1f2;
        border-color: #1da1f2;
    }

    .btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active,
    .show > .btn-twitter.dropdown-toggle {
        color: #fff;
        background-color: #0c85d0;
        border-color: #0b7ec4;
    }

        .btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus,
        .show > .btn-twitter.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(29, 161, 242, 0.5);
        }

/* instagram */
.btn-instagram {
    color: #fff;
    background-color: #3f729b;
    border-color: #3f729b;
}

    .btn-instagram:hover {
        color: #fff;
        background-color: #345e80;
        border-color: #305777;
    }

    .btn-instagram:focus, .btn-instagram.focus {
        box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.5);
    }

    .btn-instagram.disabled, .btn-instagram:disabled {
        color: #fff;
        background-color: #3f729b;
        border-color: #3f729b;
    }

    .btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active,
    .show > .btn-instagram.dropdown-toggle {
        color: #fff;
        background-color: #305777;
        border-color: #2d516e;
    }

        .btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus,
        .show > .btn-instagram.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(63, 114, 155, 0.5);
        }

/* github */
.btn-github {
    color: #fff;
    background-color: #24292e;
    border-color: #24292e;
}

    .btn-github:hover {
        color: #fff;
        background-color: #131619;
        border-color: #0e1011;
    }

    .btn-github:focus, .btn-github.focus {
        box-shadow: 0 0 0 0.2rem rgba(36, 41, 46, 0.5);
    }

    .btn-github.disabled, .btn-github:disabled {
        color: #fff;
        background-color: #24292e;
        border-color: #24292e;
    }

    .btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active,
    .show > .btn-github.dropdown-toggle {
        color: #fff;
        background-color: #0e1011;
        border-color: #08090a;
    }

        .btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus,
        .show > .btn-github.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(36, 41, 46, 0.5);
        }

/* gray */
.btn-gray {
    color: #1e2022;
    background-color: #f8fafd;
    border-color: #f8fafd;
}

    .btn-gray:hover {
        color: #1e2022;
        background-color: #dae5f5;
        border-color: #d0def2;
    }

    .btn-gray:focus, .btn-gray.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 250, 253, 0.5);
    }

    .btn-gray.disabled, .btn-gray:disabled {
        color: #1e2022;
        background-color: #f8fafd;
        border-color: #f8fafd;
    }

    .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
    .show > .btn-gray.dropdown-toggle {
        color: #1e2022;
        background-color: #d0def2;
        border-color: #c6d7ef;
    }

        .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
        .show > .btn-gray.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 250, 253, 0.5);
        }

/*------------------------------------
  Custom Buttons
------------------------------------*/
/* primary button :hover, :focus, :active effects */
.btn-primary[href]:hover, .btn-primary[href]:focus, .btn-primary[href]:active, .btn-primary[type]:hover, .btn-primary[type]:focus, .btn-primary[type]:active {
    box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
}

.btn-primary:not([href]), .btn-primary:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #328fe4;
    border-color: #328fe4;
}

/* secondary button :hover, :focus, :active effects */
.btn-secondary[href]:hover, .btn-secondary[href]:focus, .btn-secondary[href]:active, .btn-secondary[type]:hover, .btn-secondary[type]:focus, .btn-secondary[type]:active {
    box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35);
}

.btn-secondary:not([href]), .btn-secondary:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #77838f;
    border-color: #77838f;
}

/* success button :hover, :focus, :active effects */
.btn-success[href]:hover, .btn-success[href]:focus, .btn-success[href]:active, .btn-success[type]:hover, .btn-success[type]:focus, .btn-success[type]:active {
    box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35);
}

.btn-success:not([href]), .btn-success:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #00c9a7;
    border-color: #00c9a7;
}

/* info button :hover, :focus, :active effects */
.btn-info[href]:hover, .btn-info[href]:focus, .btn-info[href]:active, .btn-info[type]:hover, .btn-info[type]:focus, .btn-info[type]:active {
    box-shadow: 0 4px 11px rgba(0, 223, 252, 0.35);
}

.btn-info:not([href]), .btn-info:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #00dffc;
    border-color: #00dffc;
}

/* warning button :hover, :focus, :active effects */
.btn-warning[href]:hover, .btn-warning[href]:focus, .btn-warning[href]:active, .btn-warning[type]:hover, .btn-warning[type]:focus, .btn-warning[type]:active {
    box-shadow: 0 4px 11px rgba(255, 193, 7, 0.35);
}

.btn-warning:not([href]), .btn-warning:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #ffc107;
    border-color: #ffc107;
}

/* danger button :hover, :focus, :active effects */
.btn-danger[href]:hover, .btn-danger[href]:focus, .btn-danger[href]:active, .btn-danger[type]:hover, .btn-danger[type]:focus, .btn-danger[type]:active {
    box-shadow: 0 4px 11px rgba(222, 68, 55, 0.35);
}

.btn-danger:not([href]), .btn-danger:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #de4437;
    border-color: #de4437;
}

/* light button :hover, :focus, :active effects */
.btn-light[href]:hover, .btn-light[href]:focus, .btn-light[href]:active, .btn-light[type]:hover, .btn-light[type]:focus, .btn-light[type]:active {
    box-shadow: 0 4px 11px rgba(248, 249, 250, 0.35);
}

.btn-light:not([href]), .btn-light:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

/* dark button :hover, :focus, :active effects */
.btn-dark[href]:hover, .btn-dark[href]:focus, .btn-dark[href]:active, .btn-dark[type]:hover, .btn-dark[type]:focus, .btn-dark[type]:active {
    box-shadow: 0 4px 11px rgba(30, 32, 34, 0.35);
}

.btn-dark:not([href]), .btn-dark:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #1e2022;
    border-color: #1e2022;
}

/* white button :hover, :focus, :active effects */
.btn-white[href]:hover, .btn-white[href]:focus, .btn-white[href]:active, .btn-white[type]:hover, .btn-white[type]:focus, .btn-white[type]:active {
    box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35);
}

.btn-white:not([href]), .btn-white:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #fff;
    border-color: #fff;
}

/* indigo button :hover, :focus, :active effects */
.btn-indigo[href]:hover, .btn-indigo[href]:focus, .btn-indigo[href]:active, .btn-indigo[type]:hover, .btn-indigo[type]:focus, .btn-indigo[type]:active {
    box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35);
}

.btn-indigo:not([href]), .btn-indigo:not([href]):not([href]):not(:disabled):not(.disabled) {
    color: #fff;
    background-color: #2d1582;
    border-color: #2d1582;
}

/* facebook button :hover, :focus, :active effects */
.btn-facebook[href]:hover, .btn-facebook[href]:focus, .btn-facebook[href]:active, .btn-facebook[type]:hover, .btn-facebook[type]:focus, .btn-facebook[type]:active {
    box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
}

.btn-facebook:not([href]), .btn-facebook:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #3b5998;
    border-color: #3b5998;
}

/* google button :hover, :focus, :active effects */
.btn-google[href]:hover, .btn-google[href]:focus, .btn-google[href]:active, .btn-google[type]:hover, .btn-google[type]:focus, .btn-google[type]:active {
    box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35);
}

.btn-google:not([href]), .btn-google:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #d14130;
    border-color: #d14130;
}

/* twitter button :hover, :focus, :active effects */
.btn-twitter[href]:hover, .btn-twitter[href]:focus, .btn-twitter[href]:active, .btn-twitter[type]:hover, .btn-twitter[type]:focus, .btn-twitter[type]:active {
    box-shadow: 0 4px 11px rgba(29, 161, 242, 0.35);
}

.btn-twitter:not([href]), .btn-twitter:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #1da1f2;
    border-color: #1da1f2;
}

/* instagram button :hover, :focus, :active effects */
.btn-instagram[href]:hover, .btn-instagram[href]:focus, .btn-instagram[href]:active, .btn-instagram[type]:hover, .btn-instagram[type]:focus, .btn-instagram[type]:active {
    box-shadow: 0 4px 11px rgba(63, 114, 155, 0.35);
}

.btn-instagram:not([href]), .btn-instagram:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #3f729b;
    border-color: #3f729b;
}

/* github button :hover, :focus, :active effects */
.btn-github[href]:hover, .btn-github[href]:focus, .btn-github[href]:active, .btn-github[type]:hover, .btn-github[type]:focus, .btn-github[type]:active {
    box-shadow: 0 4px 11px rgba(36, 41, 46, 0.35);
}

.btn-github:not([href]), .btn-github:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #24292e;
    border-color: #24292e;
}

/* gray button :hover, :focus, :active effects */
.btn-gray[href]:hover, .btn-gray[href]:focus, .btn-gray[href]:active, .btn-gray[type]:hover, .btn-gray[type]:focus, .btn-gray[type]:active {
    box-shadow: 0 4px 11px rgba(248, 250, 253, 0.35);
}

.btn-gray:not([href]), .btn-gray:not([href]):not([href]):not(:disabled):not(.disabled) {
    background-color: #f8fafd;
    border-color: #f8fafd;
}

/*------------------------------------
  Custom Button Toggle
------------------------------------*/
.btn-custom-toggle-primary {
    color: #8c98a4;
    border-color: #d5dae2;
}

    .btn-custom-toggle-primary:hover {
        color: #328fe4;
        background-color: transparent;
        border-color: #328fe4;
    }

    .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active, .btn-custom-toggle-primary:not(:disabled):not(.disabled):active, .btn-custom-toggle-primary:not(:disabled):not(.disabled).active {
        color: #fff;
        background-color: #328fe4;
        border-color: #328fe4;
    }

.btn-custom-toggle-white:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
}

.btn-custom-toggle-white:not(:disabled):not(.disabled):active, .btn-custom-toggle-white:not(:disabled):not(.disabled).active, .btn-custom-toggle-white:not(:disabled):not(.disabled):active, .btn-custom-toggle-white:not(:disabled):not(.disabled).active {
    color: #328fe4;
}

/*------------------------------------
  Air Button Styles
------------------------------------*/
/* primary air */
.btn-sleek-primary {
    color: #328fe4;
    background: rgba(55, 125, 255, 0.1);
    border-color: transparent;
}

    .btn-sleek-primary[href]:hover, .btn-sleek-primary[href]:focus, .btn-sleek-primary[href]:active, .btn-sleek-primary[href].active, .btn-sleek-primary[type]:hover, .btn-sleek-primary[type]:focus, .btn-sleek-primary[type]:active, .btn-sleek-primary[type].active {
        color: #fff;
        background: #328fe4;
        box-shadow: 0 4px 11px rgba(55, 125, 255, 0.35);
    }

    .btn-sleek-primary[href].disabled, .btn-sleek-primary[href]:disabled, .btn-sleek-primary[type].disabled, .btn-sleek-primary[type]:disabled {
        color: #328fe4;
        background-color: rgba(55, 125, 255, 0.1);
        box-shadow: none;
    }

/* secondary air */
.btn-sleek-secondary {
    color: #77838f;
    background: rgba(119, 131, 143, 0.1);
    border-color: transparent;
}

    .btn-sleek-secondary[href]:hover, .btn-sleek-secondary[href]:focus, .btn-sleek-secondary[href]:active, .btn-sleek-secondary[href].active, .btn-sleek-secondary[type]:hover, .btn-sleek-secondary[type]:focus, .btn-sleek-secondary[type]:active, .btn-sleek-secondary[type].active {
        color: #fff;
        background: #77838f;
        box-shadow: 0 4px 11px rgba(119, 131, 143, 0.35);
    }

    .btn-sleek-secondary[href].disabled, .btn-sleek-secondary[href]:disabled, .btn-sleek-secondary[type].disabled, .btn-sleek-secondary[type]:disabled {
        color: #77838f;
        background-color: rgba(119, 131, 143, 0.1);
        box-shadow: none;
    }

/* success air */
.btn-sleek-success {
    color: #00c9a7;
    background: rgba(0, 201, 167, 0.1);
    border-color: transparent;
}

    .btn-sleek-success[href]:hover, .btn-sleek-success[href]:focus, .btn-sleek-success[href]:active, .btn-sleek-success[href].active, .btn-sleek-success[type]:hover, .btn-sleek-success[type]:focus, .btn-sleek-success[type]:active, .btn-sleek-success[type].active {
        color: #fff;
        background: #00c9a7;
        box-shadow: 0 4px 11px rgba(0, 201, 167, 0.35);
    }

    .btn-sleek-success[href].disabled, .btn-sleek-success[href]:disabled, .btn-sleek-success[type].disabled, .btn-sleek-success[type]:disabled {
        color: #00c9a7;
        background-color: rgba(0, 201, 167, 0.1);
        box-shadow: none;
    }

/* info air */
.btn-sleek-info {
    color: #00dffc;
    background: rgba(0, 223, 252, 0.1);
    border-color: transparent;
}

    .btn-sleek-info[href]:hover, .btn-sleek-info[href]:focus, .btn-sleek-info[href]:active, .btn-sleek-info[href].active, .btn-sleek-info[type]:hover, .btn-sleek-info[type]:focus, .btn-sleek-info[type]:active, .btn-sleek-info[type].active {
        color: #1e2022;
        background: #00dffc;
        box-shadow: 0 4px 11px rgba(0, 223, 252, 0.35);
    }

    .btn-sleek-info[href].disabled, .btn-sleek-info[href]:disabled, .btn-sleek-info[type].disabled, .btn-sleek-info[type]:disabled {
        color: #00dffc;
        background-color: rgba(0, 223, 252, 0.1);
        box-shadow: none;
    }

/* warning air */
.btn-sleek-warning {
    color: #ffc107;
    background: rgba(255, 193, 7, 0.1);
    border-color: transparent;
}

    .btn-sleek-warning[href]:hover, .btn-sleek-warning[href]:focus, .btn-sleek-warning[href]:active, .btn-sleek-warning[href].active, .btn-sleek-warning[type]:hover, .btn-sleek-warning[type]:focus, .btn-sleek-warning[type]:active, .btn-sleek-warning[type].active {
        color: #1e2022;
        background: #ffc107;
        box-shadow: 0 4px 11px rgba(255, 193, 7, 0.35);
    }

    .btn-sleek-warning[href].disabled, .btn-sleek-warning[href]:disabled, .btn-sleek-warning[type].disabled, .btn-sleek-warning[type]:disabled {
        color: #ffc107;
        background-color: rgba(255, 193, 7, 0.1);
        box-shadow: none;
    }

/* danger air */
.btn-sleek-danger {
    color: #de4437;
    background: rgba(222, 68, 55, 0.1);
    border-color: transparent;
}

    .btn-sleek-danger[href]:hover, .btn-sleek-danger[href]:focus, .btn-sleek-danger[href]:active, .btn-sleek-danger[href].active, .btn-sleek-danger[type]:hover, .btn-sleek-danger[type]:focus, .btn-sleek-danger[type]:active, .btn-sleek-danger[type].active {
        color: #fff;
        background: #de4437;
        box-shadow: 0 4px 11px rgba(222, 68, 55, 0.35);
    }

    .btn-sleek-danger[href].disabled, .btn-sleek-danger[href]:disabled, .btn-sleek-danger[type].disabled, .btn-sleek-danger[type]:disabled {
        color: #de4437;
        background-color: rgba(222, 68, 55, 0.1);
        box-shadow: none;
    }

/* light air */
.btn-sleek-light {
    color: #f8f9fa;
    background: rgba(248, 249, 250, 0.1);
    border-color: transparent;
}

    .btn-sleek-light[href]:hover, .btn-sleek-light[href]:focus, .btn-sleek-light[href]:active, .btn-sleek-light[href].active, .btn-sleek-light[type]:hover, .btn-sleek-light[type]:focus, .btn-sleek-light[type]:active, .btn-sleek-light[type].active {
        color: #1e2022;
        background: #f8f9fa;
        box-shadow: 0 4px 11px rgba(248, 249, 250, 0.35);
    }

    .btn-sleek-light[href].disabled, .btn-sleek-light[href]:disabled, .btn-sleek-light[type].disabled, .btn-sleek-light[type]:disabled {
        color: #f8f9fa;
        background-color: rgba(248, 249, 250, 0.1);
        box-shadow: none;
    }

/* dark air */
.btn-sleek-dark {
    color: #1e2022;
    background: rgba(30, 32, 34, 0.1);
    border-color: transparent;
}

    .btn-sleek-dark[href]:hover, .btn-sleek-dark[href]:focus, .btn-sleek-dark[href]:active, .btn-sleek-dark[href].active, .btn-sleek-dark[type]:hover, .btn-sleek-dark[type]:focus, .btn-sleek-dark[type]:active, .btn-sleek-dark[type].active {
        color: #fff;
        background: #1e2022;
        box-shadow: 0 4px 11px rgba(30, 32, 34, 0.35);
    }

    .btn-sleek-dark[href].disabled, .btn-sleek-dark[href]:disabled, .btn-sleek-dark[type].disabled, .btn-sleek-dark[type]:disabled {
        color: #1e2022;
        background-color: rgba(30, 32, 34, 0.1);
        box-shadow: none;
    }

/* white air */
.btn-sleek-white {
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
}

    .btn-sleek-white[href]:hover, .btn-sleek-white[href]:focus, .btn-sleek-white[href]:active, .btn-sleek-white[href].active, .btn-sleek-white[type]:hover, .btn-sleek-white[type]:focus, .btn-sleek-white[type]:active, .btn-sleek-white[type].active {
        color: #1e2022;
        background: #fff;
        box-shadow: 0 4px 11px rgba(255, 255, 255, 0.35);
    }

    .btn-sleek-white[href].disabled, .btn-sleek-white[href]:disabled, .btn-sleek-white[type].disabled, .btn-sleek-white[type]:disabled {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.1);
        box-shadow: none;
    }

/* indigo air */
.btn-sleek-indigo {
    color: #2d1582;
    background: rgba(45, 21, 130, 0.1);
    border-color: transparent;
}

    .btn-sleek-indigo[href]:hover, .btn-sleek-indigo[href]:focus, .btn-sleek-indigo[href]:active, .btn-sleek-indigo[href].active, .btn-sleek-indigo[type]:hover, .btn-sleek-indigo[type]:focus, .btn-sleek-indigo[type]:active, .btn-sleek-indigo[type].active {
        color: #fff;
        background: #2d1582;
        box-shadow: 0 4px 11px rgba(45, 21, 130, 0.35);
    }

    .btn-sleek-indigo[href].disabled, .btn-sleek-indigo[href]:disabled, .btn-sleek-indigo[type].disabled, .btn-sleek-indigo[type]:disabled {
        color: #2d1582;
        background-color: rgba(45, 21, 130, 0.1);
        box-shadow: none;
    }

/* facebook air */
.btn-sleek-facebook {
    color: #3b5998;
    background: rgba(59, 89, 152, 0.1);
    border-color: transparent;
}

    .btn-sleek-facebook[href]:hover, .btn-sleek-facebook[href]:focus, .btn-sleek-facebook[href]:active, .btn-sleek-facebook[href].active, .btn-sleek-facebook[type]:hover, .btn-sleek-facebook[type]:focus, .btn-sleek-facebook[type]:active, .btn-sleek-facebook[type].active {
        color: #fff;
        background: #3b5998;
        box-shadow: 0 4px 11px rgba(59, 89, 152, 0.35);
    }

    .btn-sleek-facebook[href].disabled, .btn-sleek-facebook[href]:disabled, .btn-sleek-facebook[type].disabled, .btn-sleek-facebook[type]:disabled {
        color: #3b5998;
        background-color: rgba(59, 89, 152, 0.1);
        box-shadow: none;
    }

/* google air */
.btn-sleek-google {
    color: #d14130;
    background: rgba(209, 65, 48, 0.1);
    border-color: transparent;
}

    .btn-sleek-google[href]:hover, .btn-sleek-google[href]:focus, .btn-sleek-google[href]:active, .btn-sleek-google[href].active, .btn-sleek-google[type]:hover, .btn-sleek-google[type]:focus, .btn-sleek-google[type]:active, .btn-sleek-google[type].active {
        color: #fff;
        background: #d14130;
        box-shadow: 0 4px 11px rgba(209, 65, 48, 0.35);
    }

    .btn-sleek-google[href].disabled, .btn-sleek-google[href]:disabled, .btn-sleek-google[type].disabled, .btn-sleek-google[type]:disabled {
        color: #d14130;
        background-color: rgba(209, 65, 48, 0.1);
        box-shadow: none;
    }

/* twitter air */
.btn-sleek-twitter {
    color: #1da1f2;
    background: rgba(29, 161, 242, 0.1);
    border-color: transparent;
}

    .btn-sleek-twitter[href]:hover, .btn-sleek-twitter[href]:focus, .btn-sleek-twitter[href]:active, .btn-sleek-twitter[href].active, .btn-sleek-twitter[type]:hover, .btn-sleek-twitter[type]:focus, .btn-sleek-twitter[type]:active, .btn-sleek-twitter[type].active {
        color: #fff;
        background: #1da1f2;
        box-shadow: 0 4px 11px rgba(29, 161, 242, 0.35);
    }

    .btn-sleek-twitter[href].disabled, .btn-sleek-twitter[href]:disabled, .btn-sleek-twitter[type].disabled, .btn-sleek-twitter[type]:disabled {
        color: #1da1f2;
        background-color: rgba(29, 161, 242, 0.1);
        box-shadow: none;
    }

/* instagram air */
.btn-sleek-instagram {
    color: #3f729b;
    background: rgba(63, 114, 155, 0.1);
    border-color: transparent;
}

    .btn-sleek-instagram[href]:hover, .btn-sleek-instagram[href]:focus, .btn-sleek-instagram[href]:active, .btn-sleek-instagram[href].active, .btn-sleek-instagram[type]:hover, .btn-sleek-instagram[type]:focus, .btn-sleek-instagram[type]:active, .btn-sleek-instagram[type].active {
        color: #fff;
        background: #3f729b;
        box-shadow: 0 4px 11px rgba(63, 114, 155, 0.35);
    }

    .btn-sleek-instagram[href].disabled, .btn-sleek-instagram[href]:disabled, .btn-sleek-instagram[type].disabled, .btn-sleek-instagram[type]:disabled {
        color: #3f729b;
        background-color: rgba(63, 114, 155, 0.1);
        box-shadow: none;
    }

/* github air */
.btn-sleek-github {
    color: #24292e;
    background: rgba(36, 41, 46, 0.1);
    border-color: transparent;
}

    .btn-sleek-github[href]:hover, .btn-sleek-github[href]:focus, .btn-sleek-github[href]:active, .btn-sleek-github[href].active, .btn-sleek-github[type]:hover, .btn-sleek-github[type]:focus, .btn-sleek-github[type]:active, .btn-sleek-github[type].active {
        color: #fff;
        background: #24292e;
        box-shadow: 0 4px 11px rgba(36, 41, 46, 0.35);
    }

    .btn-sleek-github[href].disabled, .btn-sleek-github[href]:disabled, .btn-sleek-github[type].disabled, .btn-sleek-github[type]:disabled {
        color: #24292e;
        background-color: rgba(36, 41, 46, 0.1);
        box-shadow: none;
    }

/* gray air */
.btn-sleek-gray {
    color: #f8fafd;
    background: rgba(248, 250, 253, 0.1);
    border-color: transparent;
}

    .btn-sleek-gray[href]:hover, .btn-sleek-gray[href]:focus, .btn-sleek-gray[href]:active, .btn-sleek-gray[href].active, .btn-sleek-gray[type]:hover, .btn-sleek-gray[type]:focus, .btn-sleek-gray[type]:active, .btn-sleek-gray[type].active {
        color: #1e2022;
        background: #f8fafd;
        box-shadow: 0 4px 11px rgba(248, 250, 253, 0.35);
    }

    .btn-sleek-gray[href].disabled, .btn-sleek-gray[href]:disabled, .btn-sleek-gray[type].disabled, .btn-sleek-gray[type]:disabled {
        color: #f8fafd;
        background-color: rgba(248, 250, 253, 0.1);
        box-shadow: none;
    }

/*------------------------------------
  Button Sizes
------------------------------------*/
/* Wide */
.btn-wide { min-width: 9.6875rem; padding-left: 3rem; padding-right: 3rem; }
.btn-sm-wide { min-width: 8.4375rem; }

/* Extra Small */
.btn-xs { font-size: 0.6875rem; font-weight: 400; padding: 0.4375rem 0.9375rem; }

/* Icons */
.btn-icon.btn-xs { font-size: 0.75rem; width: 1.5rem; height: 1.5rem; }
.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn { font-size: 0.8175rem; width: 2rem; height: 2rem; }
.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn { font-size: 1.75rem; width: 5rem; height: 5rem; }

/*------------------------------------
  Text Buttons Styles
------------------------------------*/
/* primary text button */
.btn-text-primary { color: #328fe4; background: transparent; }

.btn-text-primary[href]:hover, .btn-text-primary[href]:focus, .btn-text-primary[href]:active, .btn-text-primary[type]:hover, .btn-text-primary[type]:focus, .btn-text-primary[type]:active { color: #1e2022; }

/* secondary text button */
.btn-text-secondary { color: #77838f; background: transparent; }

.btn-text-secondary[href]:hover, .btn-text-secondary[href]:focus, .btn-text-secondary[href]:active, .btn-text-secondary[type]:hover, .btn-text-secondary[type]:focus, .btn-text-secondary[type]:active { color: #1e2022; }

/* success text button */
.btn-text-success { color: #00c9a7; background: transparent; }

.btn-text-success[href]:hover, .btn-text-success[href]:focus, .btn-text-success[href]:active, .btn-text-success[type]:hover, .btn-text-success[type]:focus, .btn-text-success[type]:active { color: #1e2022; }

/* info text button */
.btn-text-info { color: #00dffc; background: transparent; }

.btn-text-info[href]:hover, .btn-text-info[href]:focus, .btn-text-info[href]:active, .btn-text-info[type]:hover, .btn-text-info[type]:focus, .btn-text-info[type]:active { color: #1e2022; }

/* warning text button */
.btn-text-warning { color: #ffc107; background: transparent; }

.btn-text-warning[href]:hover, .btn-text-warning[href]:focus, .btn-text-warning[href]:active, .btn-text-warning[type]:hover, .btn-text-warning[type]:focus, .btn-text-warning[type]:active { color: #1e2022; }

/* danger text button */
.btn-text-danger { color: #de4437; background: transparent; }

.btn-text-danger[href]:hover, .btn-text-danger[href]:focus, .btn-text-danger[href]:active, .btn-text-danger[type]:hover, .btn-text-danger[type]:focus, .btn-text-danger[type]:active { color: #1e2022; }

/* light text button */
.btn-text-light { color: #f8f9fa; background: transparent; }

.btn-text-light[href]:hover, .btn-text-light[href]:focus, .btn-text-light[href]:active, .btn-text-light[type]:hover, .btn-text-light[type]:focus, .btn-text-light[type]:active { color: #bdc5d1; }

/* dark text button */
.btn-text-dark { color: #1e2022; background: transparent; }

.btn-text-dark[href]:hover, .btn-text-dark[href]:focus, .btn-text-dark[href]:active, .btn-text-dark[type]:hover, .btn-text-dark[type]:focus, .btn-text-dark[type]:active { color: #1e2022; }

/* white text button */
.btn-text-white { color: #fff; background: transparent; }

.btn-text-white[href]:hover, .btn-text-white[href]:focus, .btn-text-white[href]:active, .btn-text-white[type]:hover, .btn-text-white[type]:focus, .btn-text-white[type]:active { color: #1e2022; }

/* indigo text button */
.btn-text-indigo { color: #2d1582; background: transparent; }

.btn-text-indigo[href]:hover, .btn-text-indigo[href]:focus, .btn-text-indigo[href]:active, .btn-text-indigo[type]:hover, .btn-text-indigo[type]:focus, .btn-text-indigo[type]:active { color: #1e2022; }


/*------------------------------------
  Buttons
------------------------------------*/
.btn[href] { cursor: pointer; }

.btn:not([href]):not([type]):not(:disabled):not(.disabled) { cursor: default; }

/* Pill */
.btn-pill { border-radius: 6.1875rem; }

/* Icon */
.btn-icon { position: relative; line-height: 0; font-size: 1rem; width: 3.125rem; height: 3.125rem; padding: 0; }

.btn-white { color: #1e2022; background-color: #fff; border-color: #fff; }



body .btn-facebook,
body .btn-facebook:focus { background: #3B5998; border: 1px solid #37538D; }
body .btn-twitter,
body .btn-twitter:focus { background: #55ACEE; border: 1px solid #47A5ED; }

body .btn-facebook,
body .btn-facebook:active,
body .btn-facebook:hover,
body .btn-facebook:focus,
body .btn-twitter,
body .btn-twitter:active,
body .btn-twitter:hover,
body .btn-twitter:focus,
body .btn-gplus,
body .btn-gplus:active,
body .btn-gplus:hover,
body .btn-gplus:focus { color: #FFF !important; padding: 10px 18px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); border-radius: 2px; margin-left: 5px; margin-right: 5px; }

.btn-facebook:hover { background: #4162a7; border-color: #3d5c9c; }
.btn-twitter:hover { background: #63b3ef; border-color: #55acee; }


/*------------------------------------
  Transitions
------------------------------------*/
.transition-hover { transition: all 0.14s ease-in-out; }
.transition-hover:hover, .transition-hover:focus { -webkit-transform: translateY(-3px); transform: translateY(-3px); }








/*------------------------------------
  Layout
------------------------------------*/
/* Header */
.duik-header > nav {
    box-shadow: 0 3px 8px 0 rgba(116, 129, 141, 0.1);
    border-bottom: 1px solid #d4dadf;
    background-color: #FFFFFF;
    padding: 0;
        z-index: 1000;
}

.duik-header .navbar-brand img {
  margin-top: -.22rem;
}

.duik-header__nav .nav-link {
  line-height: 1.9;
}

/* Sidebar */
.duik-sidebar-sticky {
  position: relative;
  top: 0;
  width: 100%;
  height: 15rem;
  /*padding: .5rem 0;*/
  overflow: hidden;
}

@media (max-height: 500px) {
  .duik-sidebar-sticky {
    min-height: 15rem;
  }
}

@media (min-width: 768px) {
  .duik-sidebar-sticky {
    height: calc(100vh - 5rem);
  }
  .duik-sidebar-sticky--mini {
    height: calc(100vh - 22rem);
  }
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .duik-sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.duik-sidebar {
  z-index: 100;
  padding: 2rem 0 0;
  padding-top:79px;
}

.contents {
    font-size: 10px!important; 
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom:10px;
        color: #b3b3b3;
}

@media (max-height: 500px) {
  .duik-sidebar {
    overflow: auto;
  }
}

.duik-sidebar--dark {
  color: #fff;
}

.duik-sidebar--dark hr {
  border-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) {
  .duik-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
  }
}

.duik-sidebar__heading {
  font-size: 13px;
  color:#222;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-left: calc(.7rem + 4px);
  padding-right: 1rem;
}

.duik-sidebar__nav {
  list-style: none;
  margin-bottom: 1rem;
  padding-left: 0;
}

.duik-sidebar__item {
  font-size: 14px; 
}

.duik-sidebar__item:hover { 
    background-color: rgb(230, 236, 241);
    border-right: 0px;
    text-decoration: none
}

.duik-sidebar__link {
  color: #7e8994;
  display: inline-block;
  border-left: 4px solid transparent;
  padding: .4rem  1rem .4rem .7rem;
  width: 100%;
}

.duik-sidebar__link.active {
  color: #007bff;
  border-color: #007bff;
  padding-top: .5rem;
      border: 1px solid transparent;
    cursor: pointer;
    display: flex;
    padding: 8px 24px 8px 16px;
    position: relative;
    align-items: center;
    border-color: #E6ECF1 !important;
    border-right: 0;
    text-decoration: none;
    background-color: #FFFFFF;
    -webkit-box-align: center;
}

.duik-sidebar__link:hover {
  color: #343a40;
  text-decoration: none;
}

.duik-sidebar--dark .duik-sidebar__link {
  color: rgba(255, 255, 255, 0.6);
}

.duik-sidebar--dark .duik-sidebar__link.active {
  color: #fff;
  border-color: #fff;
}

.duik-sidebar--dark .duik-sidebar__link:hover {
  color: #fff;
}

/* Page Nav */
.duik-content-nav {
  position: fixed;
  top: 7.5rem;
  border-left: 1px solid #dee2e6;
  padding-left: 1.5rem;
  overflow-y: auto;
  list-style: none;
      width: 225px; 
          
}

.duik-content-nav ul {
  padding-left: 1rem;
  list-style: none;
  
}

.duik-content-nav li:last-child {
    padding-bottom: 10px;
}

.duik-content-nav__item {
  font-size: 90%;
}

.duik-content-nav__item > a {
display: block;
    color: #495057;
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 13px;
}

.duik-content-nav__item.active > a,
.duik-content-nav__item > a:hover {
  color: #007bff;
  text-decoration: none;
}

/* Content */
.duik-content {
  min-height: calc(100vh - 5rem - 5.5rem);
}

.duik-content-2 {
  min-height: calc(100vh - 5.5rem - 1.5rem);
}




.bodyContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1; 
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 0;
        padding-top: 78px;
}


.wholeContent {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;
    margin: 0;
    display: flex;
    padding: 0;
    position: relative;
    min-height: 100%;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.wholeContentBody {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1;
    margin: 0;
    display: flex;
    padding: 0;
    transition: margin-bottom 250ms ease;
    align-items: stretch;
    -moz-transition: margin-bottom 250ms ease;
    -webkit-box-align: stretch;
    -webkit-transition: margin-bottom 250ms ease;
}

.contentNavigation {
    margin: 0;
    display: block;
    padding: 0;
    z-index: 30;
        /*padding-top: 32px;*/
}

@media screen and (min-width: 1024px) {
    .contentNavigation {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex: 0 0 auto;
        width: calc((100% - 1448px) / 2 + 298px);
        display: flex;
        z-index: 15;
        min-width: 298px;
        background: #F5F7F9;
        align-items: stretch;
        border-right: 1px solid #E6ECF1;
        padding-left: calc((100% - 1448px) / 2);
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
}


.wholeContentSticky {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex: 1 1 auto;
    margin: 0;
    display: flex;
    padding: 0;
    position: relative;
    min-width: 0;
        padding-top: 40px;
}

.pageContainer {
    flex: 1 1 auto;
    margin: 0px 16px;
    display: block;
    padding: 0;
    max-width: 780px;
    min-width: 0;
}

@media screen and (min-width: 1024px) {
    .pageContainer {
        margin: 0px 60px;
    }
}

.pageSide {
    flex: 0 0 auto;
    width: 224px;
    margin: 0;
    display: block;
    padding: 0;
    position: relative;
    margin-right: auto;
}

.pageNavigation {
    margin: 0;
    display: block;
    padding: 0; 
    padding-left: 24px;
    padding-top:24px;
}

.pageNavigation .mCSB_container .duik-sidebar__heading:first-child {
    padding-top:24px;
}

@media screen and (min-width: 768px) {
    .pageNavigation {
        padding-left: 32px;
    }
}


.headerContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 0;
    max-width: 1448px;
}

.headerLeftColumn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    width: 100%;
    margin: 0;
    display: flex;
    padding: 0;
    position: relative;
    align-items: center;
    padding-left: 30px;
        padding-top: 7px;
    padding-bottom: 7px;
}

@media screen and (min-width: 1024px) {
    .headerLeftColumn {
        max-width: 298px; 
        padding-left: 38px;
    }
} 

.headerInnerWrapper {
    flex: 1 1 auto;
    margin: 0px 55px; 
    padding: 0;
    overflow: hidden;
    position: relative;
    max-width: 810px;
        font-size: 1rem;
}

.searchInputWrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    height: 80px;
    margin: 0;
    display: flex;
    padding: 0;
    position: relative;
    max-width: 224px;
    align-items: center;
    -webkit-box-align: center;
}


.fa, .fas {
    font-weight: 600;
}



/*------------------------------------
  UI Autocomplete
------------------------------------*/
.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
  z-index: 91199;
}

.ui-autocomplete-wrapper--dark .ui-autocomplete::-webkit-scrollbar {
  width: 1rem;
}

.ui-autocomplete-wrapper--dark .ui-autocomplete::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.22);
}

.ui-autocomplete-wrapper--dark .ui-autocomplete::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 0.25rem;
  outline: 1px solid #000;
}

.ui-autocomplete .left {
  float: left;
}

.ui-autocomplete .right {
  float: right;
}

.ui-autocomplete .ui-menu-item {
  padding: 0rem;
}

.ui-autocomplete .ui-menu-item:not(:last-child) {
  border-bottom: 1px solid #dee2e6;
}

.ui-autocomplete-wrapper--dark .ui-autocomplete .ui-menu-item:not(:last-child) {
  border-color: rgba(255, 255, 255, 0.1);
}

.ui-autocomplete .ui-menu-item-wrapper {
  display: block;
  color: inherit;
  background-color: transparent;
  border-color: transparent;
    padding: 10px 15px;
    padding-bottom: 8px;
    line-height: 18px;
}

.ui-autocomplete .ui-menu-item-wrapper.ui-state-active, .ui-autocomplete .ui-menu-item-wrapper:hover {
  background-color: rgba(0, 123, 255, 0.1);
  text-decoration: none;
}

.ui-autocomplete-wrapper--dark .ui-autocomplete .ui-menu-item-wrapper.ui-state-active, .ui-autocomplete-wrapper--dark .ui-autocomplete .ui-menu-item-wrapper:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.ui-menu-item:hover .ui-autocomplete .ui-menu-item-wrapper {
  background-color: rgba(0, 123, 255, 0.1);
  border-color: transparent;
  border-radius: .125rem;
}

.ui-autocomplete-wrapper--dark .ui-menu-item:hover .ui-autocomplete .ui-menu-item-wrapper {
  background-color: rgba(255, 255, 255, 0.1);
}

.ui-autocomplete-category {
  padding: 5px 15px;
  margin: 0;
  font-weight: bold;
}

.ui-widget.ui-widget-content {
  border: thin solid #dee2e6;
  border-radius: .125rem;
  -webkit-box-shadow: 0 2px 16px 8px rgba(140, 152, 164, 0.135);
          box-shadow: 0 2px 16px 8px rgba(140, 152, 164, 0.135);
}

.ui-autocomplete-wrapper--dark .ui-widget.ui-widget-content {
  border: none;
  background: #343a40;
  -webkit-box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.5);
          box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.5);
}

.duik-search__label {
  display: block;
  color: #007bff;
}

.ui-autocomplete-wrapper--dark .duik-search__label {
  color: #fff;
}

.duik-search__category {
  font-size: 80%;
  opacity: .4;
}

.ui-autocomplete-wrapper--dark .duik-search__category {
  color: white;
}

.wholeContentSticky > form {
    display:flex;
}


._Breadcrumb {
    min-width:780px;
}


/*------------------------------------
  Popup
------------------------------------*/
.popup { position: fixed; right: 2rem; bottom: 2rem; padding: 1.5rem; background-color: #fff; border: 1px solid #f1f2f3; border-radius: 0.25rem; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.05); box-shadow: 0 0 15px rgba(0,0,0,0.05); -webkit-transition: 0.4s ease-out; transition: 0.4s ease-out; z-index: 1010; visibility: hidden; opacity: 0 }
    .popup.show {
        visibility: visible;
        opacity: 1;
        z-index: 10000;
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }
.popup.show[data-position$="-center"] { -webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important }
.popup[data-position="top-left"] { right: auto; bottom: auto; top: 2rem; left: 2rem }
.popup[data-position="top-right"] { bottom: auto; top: 2rem }
.popup[data-position="bottom-left"] { right: auto; left: 2rem }
.popup[data-position="top-center"] { right: auto; bottom: auto; top: 2rem; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%) }
.popup[data-position="bottom-center"] { right: auto; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%) }
.popup[data-animation="slide-up"] { -webkit-transform: translate(0, 100%); transform: translate(0, 100%) }
.popup[data-animation="slide-up"][data-position$="-center"] { -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%) }
.popup[data-animation="slide-down"] { -webkit-transform: translate(0, -100%); transform: translate(0, -100%) }
.popup[data-animation="slide-down"][data-position$="-center"] { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%) }
.popup[data-animation="slide-left"] { -webkit-transform: translate(100%, 0); transform: translate(100%, 0) }
.popup[data-animation="slide-right"] { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0) }
.popup .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1rem; font-weight: 100; -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out }
