/*!-----------------------------------------------------------------
    Name: AmDesk - Help Center HTML template for your digital products
    Version: 1.0.1
    Author: dexad, nK
    Website: https://nkdev.info/
    Purchase: https://themeforest.net/user/_nk/portfolio
    Support: https://nk.ticksy.com/
    License: You must have a valid license purchased only from ThemeForest (the above link) in order to legally use the theme for your project.
    Copyright 2019.
-------------------------------------------------------------------*/
    /*------------------------------------------------------------------
  [Typography]

  Body:     16px/1.5 Nunito Sans, sans-serif;
  Headings: Nunito Sans, sans-serif

  Note: Most of font sizes are relative to the base font size (rem)
 -------------------------------------------------------------------*/
/*------------------------------------------------------------------
  [Color codes]

  Main 1:    #2b72e6
  Main 2:    #f03f3b
  Main 3:    #c9a57d

  Dark 1:    #1b1b1b
  Dark 2:    #121212
  Dark 3:    #232323
 -------------------------------------------------------------------*/
/*------------------------------------------------------------------
  [Table of contents]
  
  1. Base
  2. Typography
  3. Bootstrap
  4. Helpers
  5. Navbar
  6. Navbar Fullscreen
  7. Header
  8. Signin
  9. Portfolio
  10. Reviews
  11. Article
  12. Footer
  13. Widgets
  14. Social Links
  15. Blog
  16. Ticket
  17. Topic
  18. Elements
    - Element Popup
    - Element List
    - Element Buttons
    - Element Breadcrumbs
    - Element Tabs
    - Element Collapse
    - Element Feature
    - Element Content Boxes
    - Element Table
    - Element Pagination
    - Element Blockquotes
    - Element Image Boxes
    - Element Dropdown
    - Element Forms
    - Element Alert
    - Element Changelog
  19. Plugins
    - Plugin Swiper
    - Plugin Bootstrap Select
    - Plugin Quill
    - Plugin Dropzone
 -------------------------------------------------------------------*/
/*------------------------------------------------------------------

  Base

 -------------------------------------------------------------------*/
body {
    position: relative;
    height: 100%;
    padding: 0;
    margin: 0;
    background-color: #fff;
}

a {
    color: #1b1b1b;
    -webkit-transition: .15s color;
    -o-transition: .15s color;
    transition: .15s color;
}

a:focus,
a:hover {
    color: #2b72e6;
}

.dx-main {
    overflow: hidden;
}

.dx-decorated {
    display: block;
    width: 100%;
    height: 40px;
}

.dx-separator {
    display: block;
    border-bottom: 1px solid #ececec;
}

.dx-img {
    position: relative;
    display: block;
    max-width: 100%;
    overflow: hidden;
}

.dx-img > img {
    max-width: 100%;
    will-change: transform;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.dx-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    background-color: rgba(32, 32, 32, 0.1);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
    -o-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
    transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
}

.dx-img:hover > img {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
}

.dx-img:hover::after {
    visibility: visible;
    opacity: 1;
}

.dx-video {
    position: relative;
    display: block;
    width: 100%;
}

.dx-video::after {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.dx-video > .dx-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dx-block-decorated {
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.04);
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
    transition: -webkit-box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-block-decorated:hover, .dx-block-decorated.hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.08);
}

.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
}

.icon.dx-icon-bag {
    width: 22px;
    height: 22px;
    background-image: url("../images/icon-bag.svg");
}

.dx-links {
    padding: 18px 0 28px;
    margin: 0 -18px;
}

.dx-links > li {
    display: inline-block;
    padding: 10px 0 0;
    margin: 0 18px 0 18px;
    font-size: .9375rem;
    font-weight: 600;
    color: #1b1b1b;
    list-style: none;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-links > li:hover, .dx-links > li.hover, .dx-links > li.active {
    color: #2b72e6;
}

.dx-links > li a {
    color: inherit;
    -webkit-transition: color 0s;
    -o-transition: color 0s;
    transition: color 0s;
}

.dx-links > li a:hover, .dx-links > li a:focus {
    text-decoration: none;
}

.bg-image-parallax,
.bg-image {
    overflow: hidden;
}

.bg-image-parallax img,
.bg-image img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
}

.bg-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    z-index: -1;
}

.bg-image > * {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: 50% 50%;
    background-size: cover;
    z-index: 1;
}

.dx-gap,
.dx-gap-1,
.dx-gap-2,
.dx-gap-3,
.dx-gap-4,
.dx-gap-5,
.dx-gap-6 {
    display: block;
    height: 15px;
}

.dx-gap::after, .dx-gap::before,
.dx-gap-1::after,
.dx-gap-1::before,
.dx-gap-2::after,
.dx-gap-2::before,
.dx-gap-3::after,
.dx-gap-3::before,
.dx-gap-4::after,
.dx-gap-4::before,
.dx-gap-5::after,
.dx-gap-5::before,
.dx-gap-6::after,
.dx-gap-6::before {
    content: "";
    display: table;
    clear: both;
}

.dx-gap-1 {
    height: 25px;
}

.dx-gap-2 {
    height: 40px;
}

.dx-gap-3 {
    height: 50px;
}

.dx-gap-4 {
    height: 60px;
}

.dx-gap-5 {
    height: 80px;
}

.dx-gap-6 {
    height: 100px;
}

.dx-body-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

/*------------------------------------------------------------------

  Typography

 -------------------------------------------------------------------*/
html {
    font-size: 16px;
}

body {
    font-family: "Nunito Sans", sans-serif;
    line-height: 1.5;
    color: #525252;
    letter-spacing: .005em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #2b72e6;
}

p {
    margin-bottom: 1.5rem;
}

b,
strong {
    font-weight: 700;
}

label {
    margin-bottom: .8rem;
    font-weight: 700;
    color: #232323;
}

code:not(.dx-gist) {
    display: inline-block;
    padding: 0 8px;
    font-family: "Nunito Sans", sans-serif;
    font-size: 1rem;
    color: #a14a4f;
    background-color: #f7f7f9;
    border-radius: 3px;
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 1.4rem;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
    color: #1b1b1b;
    text-transform: none;
    letter-spacing: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
    color: #2b72e6;
    text-decoration: none;
}

h1 a:hover, h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus,
.h1 a:hover,
.h1 a:focus,
.h2 a:hover,
.h2 a:focus,
.h3 a:hover,
.h3 a:focus,
.h4 a:hover,
.h4 a:focus,
.h5 a:hover,
.h5 a:focus,
.h6 a:hover,
.h6 a:focus {
    color: #1b1b1b;
    text-decoration: none;
}

h1,
.h1 {
    margin-top: -8px;
    font-size: 2.5rem;
}

h2,
.h2 {
    margin-top: -7px;
    font-size: 2.25rem;
}

h3,
.h3 {
    margin-top: -6px;
    font-size: 1.875rem;
}

h4,
.h4 {
    margin-top: -5px;
    font-size: 1.5rem;
}

h5,
.h5 {
    margin-top: -4px;
    font-size: 1.25rem;
}

h6,
.h6 {
    margin-top: -3px;
    font-size: 1.125rem;
}

.display-1,
.display-2,
.display-3,
.display-4 {
    text-transform: none;
    letter-spacing: normal;
}

.display-1 {
    font-size: 4.2rem;
}

.display-2 {
    font-size: 3.75rem;
}

.display-3 {
    font-size: 3rem;
    line-height: 1.15;
}

.display-4 {
    font-size: 3rem;
}

/* Lead */
.lead {
    font-size: 1.125rem;
    font-weight: 400;
}

/*------------------------------------------------------------------

  Bootstrap

 -------------------------------------------------------------------*/
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.row.vertical-gap > [class*="col"] {
    padding-top: 10px;
}

@media(max-width:768px){
    .row.vertical-gap > [class*="col"] {
        padding-top: 0px;
    } 
}

.row.vertical-gap {
    margin-top: -30px;
}

.row.xs-gap {
    margin-right: -5px;
    margin-left: -5px;
}

.row.xs-gap > [class*="col"] {
    padding-right: 5px;
    padding-left: 5px;
}

.row.xs-gap.vertical-gap > [class*="col"] {
    padding-top: 10px;
}

.row.xs-gap.vertical-gap {
    margin-top: -10px;
}

.row.sm-gap {
    margin-right: -10px;
    margin-left: -10px;
}

.row.sm-gap > [class*="col"] {
    padding-right: 10px;
    padding-left: 10px;
}

.row.sm-gap.vertical-gap > [class*="col"] {
    padding-top: 20px;
}

.row.sm-gap.vertical-gap {
    margin-top: -20px;
}

.row.md-gap {
    margin-right: -20px;
    margin-left: -20px;
}

.row.md-gap > [class*="col"] {
    padding-right: 20px;
    padding-left: 20px;
}

.row.md-gap.vertical-gap > [class*="col"] {
    padding-top: 40px;
}

.row.md-gap.vertical-gap {
    margin-top: -40px;
}

.row.lg-gap {
    margin-right: -30px;
    margin-left: -30px;
}

.row.lg-gap > [class*="col"] {
    padding-right: 30px;
    padding-left: 30px;
}

.row.lg-gap.vertical-gap > [class*="col"] {
    padding-top: 60px;
}

.row.lg-gap.vertical-gap {
    margin-top: -60px;
}

/*------------------------------------------------------------------

  Helpers

 -------------------------------------------------------------------*/
/*
 * Text Color Helper
 */
.text-main-1 {
    color: #2b72e6 !important;
}

.text-main-2 {
    color: #f03f3b !important;
}

.text-main-3 {
    color: #c9a57d !important;
}

.text-white {
    color: #fff !important;
}

.text-black {
    color: #000 !important;
}

.text-1 {
    color: #d4d4d4 !important;
}

.text-2 {
    color: #bcbcbc !important;
}

.text-3 {
    color: #525252 !important;
}

.text-grey-1 {
    color: #7a7a7a !important;
}

.text-grey-2 {
    color: #3a3a3a !important;
}

.text-grey-3 {
    color: #bababa !important;
}

.text-grey-4 {
    color: #d6d6d6 !important;
}

.text-grey-5 {
    color: #ececec !important;
}

.text-grey-6 {
    color: #f9f9f9 !important;
}

.text-dark-1 {
    color: #1b1b1b !important;
}

.text-dark-2 {
    color: #121212 !important;
}

.text-dark-3 {
    color: #232323 !important;
}

/*
 * Bg Color Helper
 */
.bg-main-1 {
    background-color: #2b72e6 !important;
}

.bg-main-2 {
    background-color: #f03f3b !important;
}

.bg-main-3 {
    background-color: #c9a57d !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-1 {
    background-color: #d4d4d4 !important;
}

.bg-2 {
    background-color: #bcbcbc !important;
}

.bg-3 {
    background-color: #525252 !important;
}

.bg-grey-1 {
    background-color: #7a7a7a !important;
}

.bg-grey-2 {
    background-color: #3a3a3a !important;
}

.bg-grey-3 {
    background-color: #bababa !important;
}

.bg-grey-4 {
    background-color: #d6d6d6 !important;
}

.bg-grey-5 {
    background-color: #ececec !important;
}

.bg-grey-6 {
    background-color: #f9f9f9 !important;
}

.bg-dark-1 {
    background-color: #1b1b1b !important;
}

.bg-dark-2 {
    background-color: #121212 !important;
}

.bg-dark-3 {
    background-color: #232323 !important;
}

/*
 * Image Fit
 */
.dx-img {
    max-width: 100%;
    height: auto;
}

.dx-img img {
    max-width: 100%;
    height: auto;
}

/*
 * Text Align Helper
 */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

/*
 * Inline Block Helper
 */
.dib {
    display: inline-block !important;
}

/*
 * Block Helper
 */
.db {
    display: block !important;
    width: 100%;
}

/*
 * Text Transform Helper
 */
.text-uppercase {
    text-transform: uppercase !important;
}

/*
 * White-space Helper
 */
.wsw {
    white-space: normal;
}

.wsnw {
    white-space: nowrap;
}

/*
 * Font Weight Helper
 */
.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

/*
 * Font Size Helper
 */
.fs-4 {
    font-size: 4px !important;
}

.fs-5 {
    font-size: 5px !important;
}

.fs-6 {
    font-size: 6px !important;
}

.fs-7 {
    font-size: 7px !important;
}

.fs-8 {
    font-size: 8px !important;
}

.fs-9 {
    font-size: 9px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-35 {
    font-size: 35px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-45 {
    font-size: 45px !important;
}

.fs-50 {
    font-size: 50px !important;
}

/*
 * Line Height Helper
 */
.lh-0 {
    line-height: 0px !important;
}

.lh-5 {
    line-height: 5px !important;
}

.lh-10 {
    line-height: 10px !important;
}

.lh-15 {
    line-height: 15px !important;
}

.lh-20 {
    line-height: 20px !important;
}

.lh-25 {
    line-height: 25px !important;
}

.lh-30 {
    line-height: 30px !important;
}

.lh-35 {
    line-height: 35px !important;
}

.lh-40 {
    line-height: 40px !important;
}

.lh-45 {
    line-height: 45px !important;
}

.lh-50 {
    line-height: 50px !important;
}

/*
 * Border Radius Helper
 */
.br-0 {
    border-radius: 0px !important;
}

.br-1 {
    border-radius: 1px !important;
}

.br-2 {
    border-radius: 2px !important;
}

.br-3 {
    border-radius: 3px !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-5 {
    border-radius: 5px !important;
}

.br-6 {
    border-radius: 6px !important;
}

.br-7 {
    border-radius: 7px !important;
}

.br-8 {
    border-radius: 8px !important;
}

.br-9 {
    border-radius: 9px !important;
}

.br-10 {
    border-radius: 10px !important;
}

.br-12 {
    border-radius: 12px !important;
}

.br-14 {
    border-radius: 14px !important;
}

.br-16 {
    border-radius: 16px !important;
}

.br-18 {
    border-radius: 18px !important;
}

.br-20 {
    border-radius: 20px !important;
}

.br-25 {
    border-radius: 25px !important;
}

.br-30 {
    border-radius: 30px !important;
}

.br-35 {
    border-radius: 35px !important;
}

/*
 * Paddings Helper
 */
.p-0 {
    padding: 0px !important;
}

.p-1 {
    padding: 1px !important;
}

.p-2 {
    padding: 2px !important;
}

.p-3 {
    padding: 3px !important;
}

.p-4 {
    padding: 4px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-6 {
    padding: 6px !important;
}

.p-7 {
    padding: 7px !important;
}

.p-8 {
    padding: 8px !important;
}

.p-9 {
    padding: 9px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-35 {
    padding: 35px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-45 {
    padding: 45px !important;
}

.p-50 {
    padding: 50px !important;
}

.p-60 {
    padding: 60px !important;
}

.p-70 {
    padding: 70px !important;
}

.p-80 {
    padding: 80px !important;
}

.p-85 {
    padding: 85px !important;
}

.p-90 {
    padding: 90px !important;
}

.p-100 {
    padding: 100px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-1 {
    padding-top: 1px !important;
}

.pt-2 {
    padding-top: 2px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pt-4 {
    padding-top: 4px !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-6 {
    padding-top: 6px !important;
}

.pt-7 {
    padding-top: 7px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pt-9 {
    padding-top: 9px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-70 {
    padding-top: 70px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-85 {
    padding-top: 85px !important;
}

.pt-90 {
    padding-top: 90px !important;
}

.pt-100 {
    padding-top: 100px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-1 {
    padding-left: 1px !important;
}

.pl-2 {
    padding-left: 2px !important;
}

.pl-3 {
    padding-left: 3px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-6 {
    padding-left: 6px !important;
}

.pl-7 {
    padding-left: 7px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.pl-9 {
    padding-left: 9px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-35 {
    padding-left: 35px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-50 {
    padding-left: 50px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-70 {
    padding-left: 70px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.pl-85 {
    padding-left: 85px !important;
}

.pl-90 {
    padding-left: 90px !important;
}

.pl-100 {
    padding-left: 100px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-1 {
    padding-right: 1px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pr-3 {
    padding-right: 3px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-6 {
    padding-right: 6px !important;
}

.pr-7 {
    padding-right: 7px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pr-9 {
    padding-right: 9px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-25 {
    padding-right: 25px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-35 {
    padding-right: 35px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-45 {
    padding-right: 45px !important;
}

.pr-50 {
    padding-right: 50px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-70 {
    padding-right: 70px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pr-85 {
    padding-right: 85px !important;
}

.pr-90 {
    padding-right: 90px !important;
}

.pr-100 {
    padding-right: 100px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-1 {
    padding-bottom: 1px !important;
}

.pb-2 {
    padding-bottom: 2px !important;
}

.pb-3 {
    padding-bottom: 3px !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-6 {
    padding-bottom: 6px !important;
}

.pb-7 {
    padding-bottom: 7px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-9 {
    padding-bottom: 9px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-45 {
    padding-bottom: 45px !important;
}

.pb-50 {
    padding-bottom: 50px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-70 {
    padding-bottom: 70px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pb-85 {
    padding-bottom: 85px !important;
}

.pb-90 {
    padding-bottom: 90px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

/*
 * Margins Helper
 */
.mauto {
    margin-right: auto;
    margin-left: auto;
}

.m-0 {
    margin: 0px !important;
}

.m-1 {
    margin: 1px !important;
}

.m-2 {
    margin: 2px !important;
}

.m-3 {
    margin: 3px !important;
}

.m-4 {
    margin: 4px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-6 {
    margin: 6px !important;
}

.m-7 {
    margin: 7px !important;
}

.m-8 {
    margin: 8px !important;
}

.m-9 {
    margin: 9px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-13 {
    margin: 13px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-18 {
    margin: 18px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-35 {
    margin: 35px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-45 {
    margin: 45px !important;
}

.m-50 {
    margin: 50px !important;
}

.m-55 {
    margin: 55px !important;
}

.m-60 {
    margin: 60px !important;
}

.m-70 {
    margin: 70px !important;
}

.m-80 {
    margin: 80px !important;
}

.m-90 {
    margin: 90px !important;
}

.m-100 {
    margin: 100px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-1 {
    margin-top: 1px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-3 {
    margin-top: 3px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-6 {
    margin-top: 6px !important;
}

.mt-7 {
    margin-top: 7px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-9 {
    margin-top: 9px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-13 {
    margin-top: 13px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-18 {
    margin-top: 18px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-35 {
    margin-top: 35px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-45 {
    margin-top: 45px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-55 {
    margin-top: 55px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-1 {
    margin-left: 1px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.ml-3 {
    margin-left: 3px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.ml-6 {
    margin-left: 6px !important;
}

.ml-7 {
    margin-left: 7px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-9 {
    margin-left: 9px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-13 {
    margin-left: 13px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-18 {
    margin-left: 18px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.ml-35 {
    margin-left: 35px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-45 {
    margin-left: 45px !important;
}

.ml-50 {
    margin-left: 50px !important;
}

.ml-55 {
    margin-left: 55px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-70 {
    margin-left: 70px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-100 {
    margin-left: 100px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-1 {
    margin-right: 1px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mr-3 {
    margin-right: 3px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-6 {
    margin-right: 6px !important;
}

.mr-7 {
    margin-right: 7px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-9 {
    margin-right: 9px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-13 {
    margin-right: 13px !important;
}

.mr-15 {
    margin-right: 15px !important;
}

.mr-18 {
    margin-right: 18px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.mr-30 {
    margin-right: 30px !important;
}

.mr-35 {
    margin-right: 35px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-45 {
    margin-right: 45px !important;
}

.mr-50 {
    margin-right: 50px !important;
}

.mr-55 {
    margin-right: 55px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-70 {
    margin-right: 70px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mr-90 {
    margin-right: 90px !important;
}

.mr-100 {
    margin-right: 100px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-1 {
    margin-bottom: 1px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-3 {
    margin-bottom: 3px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-6 {
    margin-bottom: 6px !important;
}

.mb-7 {
    margin-bottom: 7px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-9 {
    margin-bottom: 9px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-13 {
    margin-bottom: 13px !important;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-18 {
    margin-bottom: 18px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-35 {
    margin-bottom: 35px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-45 {
    margin-bottom: 45px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mb-55 {
    margin-bottom: 55px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-70 {
    margin-bottom: 70px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.mb-90 {
    margin-bottom: 90px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

/*
 * Negative Margins Helper
 */
.mn-0 {
    margin: 0px !important;
}

.mn-1 {
    margin: -1px !important;
}

.mn-2 {
    margin: -2px !important;
}

.mn-3 {
    margin: -3px !important;
}

.mn-4 {
    margin: -4px !important;
}

.mn-5 {
    margin: -5px !important;
}

.mn-6 {
    margin: -6px !important;
}

.mn-7 {
    margin: -7px !important;
}

.mn-8 {
    margin: -8px !important;
}

.mn-9 {
    margin: -9px !important;
}

.mn-10 {
    margin: -10px !important;
}

.mn-13 {
    margin: -13px !important;
}

.mn-15 {
    margin: -15px !important;
}

.mn-18 {
    margin: -18px !important;
}

.mn-20 {
    margin: -20px !important;
}

.mn-25 {
    margin: -25px !important;
}

.mn-30 {
    margin: -30px !important;
}

.mn-35 {
    margin: -35px !important;
}

.mn-40 {
    margin: -40px !important;
}

.mn-45 {
    margin: -45px !important;
}

.mn-50 {
    margin: -50px !important;
}

.mn-55 {
    margin: -55px !important;
}

.mn-60 {
    margin: -60px !important;
}

.mn-70 {
    margin: -70px !important;
}

.mn-80 {
    margin: -80px !important;
}

.mn-90 {
    margin: -90px !important;
}

.mn-100 {
    margin: -100px !important;
}

.mnt-0 {
    margin-top: 0px !important;
}

.mnt-1 {
    margin-top: -1px !important;
}

.mnt-2 {
    margin-top: -2px !important;
}

.mnt-3 {
    margin-top: -3px !important;
}

.mnt-4 {
    margin-top: -4px !important;
}

.mnt-5 {
    margin-top: -5px !important;
}

.mnt-6 {
    margin-top: -6px !important;
}

.mnt-7 {
    margin-top: -7px !important;
}

.mnt-8 {
    margin-top: -8px !important;
}

.mnt-9 {
    margin-top: -9px !important;
}

.mnt-10 {
    margin-top: -10px !important;
}

.mnt-13 {
    margin-top: -13px !important;
}

.mnt-15 {
    margin-top: -15px !important;
}

.mnt-18 {
    margin-top: -18px !important;
}

.mnt-20 {
    margin-top: -20px !important;
}

.mnt-25 {
    margin-top: -25px !important;
}

.mnt-30 {
    margin-top: -30px !important;
}

.mnt-35 {
    margin-top: -35px !important;
}

.mnt-40 {
    margin-top: -40px !important;
}

.mnt-45 {
    margin-top: -45px !important;
}

.mnt-50 {
    margin-top: -50px !important;
}

.mnt-55 {
    margin-top: -55px !important;
}

.mnt-60 {
    margin-top: -60px !important;
}

.mnt-70 {
    margin-top: -70px !important;
}

.mnt-80 {
    margin-top: -80px !important;
}

.mnt-90 {
    margin-top: -90px !important;
}

.mnt-100 {
    margin-top: -100px !important;
}

.mnl-0 {
    margin-left: 0px !important;
}

.mnl-1 {
    margin-left: -1px !important;
}

.mnl-2 {
    margin-left: -2px !important;
}

.mnl-3 {
    margin-left: -3px !important;
}

.mnl-4 {
    margin-left: -4px !important;
}

.mnl-5 {
    margin-left: -5px !important;
}

.mnl-6 {
    margin-left: -6px !important;
}

.mnl-7 {
    margin-left: -7px !important;
}

.mnl-8 {
    margin-left: -8px !important;
}

.mnl-9 {
    margin-left: -9px !important;
}

.mnl-10 {
    margin-left: -10px !important;
}

.mnl-13 {
    margin-left: -13px !important;
}

.mnl-15 {
    margin-left: -15px !important;
}

.mnl-18 {
    margin-left: -18px !important;
}

.mnl-20 {
    margin-left: -20px !important;
}

.mnl-25 {
    margin-left: -25px !important;
}

.mnl-30 {
    margin-left: -30px !important;
}

.mnl-35 {
    margin-left: -35px !important;
}

.mnl-40 {
    margin-left: -40px !important;
}

.mnl-45 {
    margin-left: -45px !important;
}

.mnl-50 {
    margin-left: -50px !important;
}

.mnl-55 {
    margin-left: -55px !important;
}

.mnl-60 {
    margin-left: -60px !important;
}

.mnl-70 {
    margin-left: -70px !important;
}

.mnl-80 {
    margin-left: -80px !important;
}

.mnl-90 {
    margin-left: -90px !important;
}

.mnl-100 {
    margin-left: -100px !important;
}

.mnr-0 {
    margin-right: 0px !important;
}

.mnr-1 {
    margin-right: -1px !important;
}

.mnr-2 {
    margin-right: -2px !important;
}

.mnr-3 {
    margin-right: -3px !important;
}

.mnr-4 {
    margin-right: -4px !important;
}

.mnr-5 {
    margin-right: -5px !important;
}

.mnr-6 {
    margin-right: -6px !important;
}

.mnr-7 {
    margin-right: -7px !important;
}

.mnr-8 {
    margin-right: -8px !important;
}

.mnr-9 {
    margin-right: -9px !important;
}

.mnr-10 {
    margin-right: -10px !important;
}

.mnr-13 {
    margin-right: -13px !important;
}

.mnr-15 {
    margin-right: -15px !important;
}

.mnr-18 {
    margin-right: -18px !important;
}

.mnr-20 {
    margin-right: -20px !important;
}

.mnr-25 {
    margin-right: -25px !important;
}

.mnr-30 {
    margin-right: -30px !important;
}

.mnr-35 {
    margin-right: -35px !important;
}

.mnr-40 {
    margin-right: -40px !important;
}

.mnr-45 {
    margin-right: -45px !important;
}

.mnr-50 {
    margin-right: -50px !important;
}

.mnr-55 {
    margin-right: -55px !important;
}

.mnr-60 {
    margin-right: -60px !important;
}

.mnr-70 {
    margin-right: -70px !important;
}

.mnr-80 {
    margin-right: -80px !important;
}

.mnr-90 {
    margin-right: -90px !important;
}

.mnr-100 {
    margin-right: -100px !important;
}

.mnb-0 {
    margin-bottom: 0px !important;
}

.mnb-1 {
    margin-bottom: -1px !important;
}

.mnb-2 {
    margin-bottom: -2px !important;
}

.mnb-3 {
    margin-bottom: -3px !important;
}

.mnb-4 {
    margin-bottom: -4px !important;
}

.mnb-5 {
    margin-bottom: -5px !important;
}

.mnb-6 {
    margin-bottom: -6px !important;
}

.mnb-7 {
    margin-bottom: -7px !important;
}

.mnb-8 {
    margin-bottom: -8px !important;
}

.mnb-9 {
    margin-bottom: -9px !important;
}

.mnb-10 {
    margin-bottom: -10px !important;
}

.mnb-13 {
    margin-bottom: -13px !important;
}

.mnb-15 {
    margin-bottom: -15px !important;
}

.mnb-18 {
    margin-bottom: -18px !important;
}

.mnb-20 {
    margin-bottom: -20px !important;
}

.mnb-25 {
    margin-bottom: -25px !important;
}

.mnb-30 {
    margin-bottom: -30px !important;
}

.mnb-35 {
    margin-bottom: -35px !important;
}

.mnb-40 {
    margin-bottom: -40px !important;
}

.mnb-45 {
    margin-bottom: -45px !important;
}

.mnb-50 {
    margin-bottom: -50px !important;
}

.mnb-55 {
    margin-bottom: -55px !important;
}

.mnb-60 {
    margin-bottom: -60px !important;
}

.mnb-70 {
    margin-bottom: -70px !important;
}

.mnb-80 {
    margin-bottom: -80px !important;
}

.mnb-90 {
    margin-bottom: -90px !important;
}

.mnb-100 {
    margin-bottom: -100px !important;
}

/*
 * Opacity
 */
.op-0 {
    opacity: 0 !important;
}

.op-1 {
    opacity: 0.1 !important;
}

.op-2 {
    opacity: 0.2 !important;
}

.op-3 {
    opacity: 0.3 !important;
}

.op-4 {
    opacity: 0.4 !important;
}

.op-5 {
    opacity: 0.5 !important;
}

.op-6 {
    opacity: 0.6 !important;
}

.op-7 {
    opacity: 0.7 !important;
}

.op-8 {
    opacity: 0.8 !important;
}

.op-9 {
    opacity: 0.9 !important;
}

.op-10 {
    opacity: 1 !important;
}

/*------------------------------------------------------------------

  Navbar

 -------------------------------------------------------------------*/
.dx-navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    max-width: 100vw;
    min-height: 80px;
    padding: 18px 0;
    font-family: "Maven Pro", sans-serif;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    z-index: 1000;
   
}

.dx-navbar .dx-nav-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: auto;
    margin-right: 15px;
    font-family: "Maven Pro", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    letter-spacing: .01em;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-navbar .dx-nav-logo:hover, .dx-navbar .dx-nav-logo:focus, .dx-navbar .dx-nav-logo:active {
    color: #2b72e6;
    text-decoration: none;
}

.dx-navbar .dx-nav-icon:not(.dx-btn) {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
}

.dx-navbar .dx-nav-icon:not(.dx-btn) > .icon {
    position: relative;
    opacity: .7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.dx-navbar .dx-nav-icon:not(.dx-btn) .dx-nav-badge + .icon {
    top: 4px;
}

.dx-navbar .dx-nav-icon:not(.dx-btn):hover > .icon {
    opacity: 1;
}

.dx-navbar .dx-nav-badge {
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: -4px;
    right: -8px;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    font-size: 9px;
    line-height: 0;
    color: #fff;
    background-color: #2b72e6;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 2px #1b1b1b;
            box-shadow: 0 0 0 2px #1b1b1b;
    z-index: 1;
}

.dx-navbar .dx-nav-signin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: -3px 0;
    font-family: "Nunito Sans", sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1;
    color: #bcbcbc;
    letter-spacing: .05em;
}

.dx-navbar .dx-nav-signin:hover, .dx-navbar .dx-nav-signin:focus {
    color: #fff;
    text-decoration: none;
}

.dx-navbar .dx-nav-signin .dx-nav-signin-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
}

.dx-navbar .dx-nav-signin .dx-nav-signin-img + .dx-nav-signin-name {
    margin-left: 12px;
}

.dx-navbar .dx-nav-signin .dx-nav-signin-img img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
}

.dx-navbar .dx-navbar-burger {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    right: 20px;
    width: 34px;
    height: 20px;
    padding: 0;
    cursor: pointer;
    visibility: hidden;
    background: none;
    border: 0;
}

.dx-navbar .dx-navbar-burger > span {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 2px;
    background-color: #000;
    will-change: transform, opacity;
    -webkit-transition: background-color .2s ease-in-out, visibility .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: background-color .2s ease-in-out, visibility .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out, opacity .2s ease-in-out;
    transition: background-color .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out, opacity .2s ease-in-out;
    transition: background-color .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out, opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.dx-navbar .dx-navbar-burger > span + span {
    margin-top: 5px;
}

.dx-navbar .dx-navbar-burger > span:nth-child(2) {
    width: 16px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}

.dx-navbar .dx-navbar-burger.active > span:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
        -ms-transform: rotate(45deg) translate(5px, 5px);
            transform: rotate(45deg) translate(5px, 5px);
}

.dx-navbar .dx-navbar-burger.active > span:nth-child(2) {
    visibility: hidden;
    opacity: 0;
}

.dx-navbar .dx-navbar-burger.active > span:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(5px, -5px);
        -ms-transform: rotate(-45deg) translate(5px, -5px);
            transform: rotate(-45deg) translate(5px, -5px);
}

.dx-navbar .dx-navbar-burger:hover > span {
    background-color: #2b72e6;
}

.dx-navbar .dx-navbar-burger:hover > span:nth-child(2) {
    -webkit-transform: translateX(-7px);
        -ms-transform: translateX(-7px);
            transform: translateX(-7px);
}

.dx-navbar > .container,
.dx-navbar > .container-fluid {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.dx-navbar ul > li {
    position: relative;
}

.dx-navbar ul > li > a {
    display: block;
    padding: 10px 0;
    font-size: .85rem;
    font-weight: 500;
    line-height: 1;
    color: #000;
    text-transform: uppercase;  
}

.dx-navbar ul > li > a:hover, .dx-navbar ul > li > a:focus, .dx-navbar ul > li > a.active {
    color: #000;
    text-decoration: none;
}

.dx-navbar ul > li.active > a {
    color: #000;
}

.dx-navbar ul > li.active > a::before {
    content: "";
    position: absolute;
    right: -15px;
    bottom: -24px;
    left: -15px;
    height: 2px;
    background-color: #2b72e6;
}

.dx-navbar ul > li .dx-navbar-dropdown li a::before {
    display: none;
}

.dx-navbar ul > li.dx-drop-item:hover > .dx-navbar-dropdown, .dx-navbar ul > li.dx-drop-item.hover > .dx-navbar-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.dx-navbar ul > li.dx-drop-item:hover::after, .dx-navbar ul > li.dx-drop-item.hover::after {
    content: "";
    position: absolute;
    top: 100%;
    right: -10px;
    bottom: auto;
    left: -10px;
    height: 40px;
}

.dx-navbar ul > li.dx-drop-item:hover .dx-drop-item::after, .dx-navbar ul > li.dx-drop-item.hover .dx-drop-item::after {
    top: -15px;
    right: -14px;
    bottom: -100%;
    left: 100%;
    height: auto;
    margin-left: -2px;
}

.dx-navbar .dx-navbar-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}

.dx-navbar .dx-navbar-content .dx-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
}

.dx-navbar .dx-navbar-content .dx-nav.dx-nav-align-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.dx-navbar .dx-navbar-content .dx-nav > li {
    display: inline-block;
    padding: 0;
    margin: 0 34px 0 0;
    list-style: none;
}

.dx-navbar .dx-navbar-content .dx-nav > li:last-child {
    margin-right: 0;
}

.dx-navbar .dx-navbar-dropdown {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    top: 100%;
    right: auto;
    bottom: auto;
    left: -20px;
    width: auto;
    padding: 15px 0;
    margin-top: 36px;
    font-family: "Nunito Sans", sans-serif;
    text-transform: none;
    visibility: hidden;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition: visibility .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: visibility .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -o-transition: visibility .15s ease-in-out, opacity .15s ease-in-out, transform .15s ease-in-out;
    transition: visibility .15s ease-in-out, opacity .15s ease-in-out, transform .15s ease-in-out;
    transition: visibility .15s ease-in-out, opacity .15s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transform: translateY(3px);
        -ms-transform: translateY(3px);
            transform: translateY(3px);
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark > .dx-drop-item:hover > a::after,
.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark > .dx-drop-item.hover > a::after,
.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark > .dx-drop-item.active > a::after {
    background-color: #bababa;
}

/* .dx-navbar .dx-navbar-dropdown > .dx-drop-item > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    left: auto;
    width: 2px;
    height: 2px;
    margin-top: -1px;
    background-color: rgba(186, 186, 186, 0.5);
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
} */

.dx-navbar .dx-navbar-dropdown > .dx-drop-item:hover > a::after,
.dx-navbar .dx-navbar-dropdown > .dx-drop-item.hover > a::after,
.dx-navbar .dx-navbar-dropdown > .dx-drop-item.active > a::after {
    background-color: #7a7a7a;
}

.dx-navbar .dx-navbar-dropdown .dx-navbar-dropdown-triangle {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: -1px;
    margin-left: 20px;
    border: 10px solid transparent;
    border-bottom: 8px solid #fff;
}

.dx-navbar .dx-navbar-dropdown .dx-navbar-dropdown {
    top: 0;
    left: 100%;
    margin-top: -15px;
    margin-left: 12px;
}

.dx-navbar .dx-navbar-dropdown .dx-navbar-dropdown .dx-navbar-dropdown-triangle {
    right: 100%;
    bottom: auto;
    left: auto;
    margin-top: 8px;
    margin-right: -1px;
    margin-bottom: 0;
    margin-left: 0;
    border: 10px solid transparent;
    border-right: 8px solid #fff;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-left {
    right: 100%;
    left: auto;
    margin-right: 12px;
    margin-left: 0;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-left .dx-navbar-dropdown-triangle {
    right: auto;
    bottom: auto;
    left: 100%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: -1px;
    border: 10px solid transparent;
    border-left: 8px solid #fff;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-bot {
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    z-index: 1;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-bot .dx-navbar-dropdown-triangle {
    right: auto;
    bottom: 100%;
    left: 0;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1px;
    margin-left: 20px;
    border: 10px solid transparent;
    border-bottom: 8px solid #fff;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark {
    background-color: #1b1b1b;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark .dx-navbar-dropdown-triangle {
    border: 10px solid transparent;
    border-bottom: 8px solid #1b1b1b;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark.dx-navbar-dropdown-left .dx-navbar-dropdown-triangle {
    border: 10px solid transparent;
    border-left: 8px solid #1b1b1b;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark.dx-navbar-dropdown-bot .dx-navbar-dropdown-triangle {
    border: 10px solid transparent;
    border-bottom: 8px solid #1b1b1b;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark .dx-navbar-dropdown .dx-navbar-dropdown-triangle {
    border: 10px solid transparent;
    border-right: 8px solid #1b1b1b;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark > li.active > a {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.04);
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark > li > a {
    color: #bababa;
}

.dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark > li > a:hover, .dx-navbar .dx-navbar-dropdown.dx-navbar-dropdown-dark > li > a.hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.04);
}

.dx-navbar .dx-navbar-dropdown > li {
    display: block;
    width: 100%;
    padding: 0;
}

.dx-navbar .dx-navbar-dropdown > li.dx-drop-item > a {
    padding-right: 40px;
}

.dx-navbar .dx-navbar-dropdown > li + li {
    margin-top: 0;
}

.dx-navbar .dx-navbar-dropdown > li.active > a {
    color: #1b1b1b;
    background-color: rgba(0, 0, 0, 0.025);
}

.dx-navbar .dx-navbar-dropdown > li > a {
    padding: 10px 50px 10px 20px;
    font-size: .875rem;
    font-weight: 400;
    color: #7a7a7a;
    text-transform: none;
    white-space: nowrap;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.dx-navbar .dx-navbar-dropdown > li > a:hover, .dx-navbar .dx-navbar-dropdown > li > a.hover {
    color: #1b1b1b;
    background-color: rgba(0, 0, 0, 0.025);
}

.dx-navbar .dx-navbar-dropdown > li > a:focus, .dx-navbar .dx-navbar-dropdown > li > a.focus, .dx-navbar .dx-navbar-dropdown > li > a.active {
    color: #1b1b1b;
}

.dx-navbar.dx-navbar-expand .dx-navbar-content {
    display: none;
}

.dx-navbar.dx-navbar-expand .dx-navbar-burger {
    visibility: visible;
}

@media screen and (max-width: 992px) {
    .dx-navbar.dx-navbar-expand-lg .dx-navbar-content {
        display: none;
    }
    .dx-navbar.dx-navbar-expand-lg .dx-navbar-burger {
        visibility: visible;
    }
}

@media screen and (max-width: 1200px) {
    .dx-navbar.dx-navbar-expand-xl .dx-navbar-content {
        display: none;
    }
    .dx-navbar.dx-navbar-expand-xl .dx-navbar-burger {
        visibility: visible;
    }
}

.dx-navbar.dx-navbar-scroll {
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

.dx-navbar.dx-navbar-autohide {
    will-change: transform;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.dx-navbar.dx-navbar-autohide.dx-onscroll-hide {
    -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
            transform: translateY(-100px);
}

.dx-navbar.dx-navbar-autohide.dx-onscroll-show {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.dx-navbar.dx-navbar-fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
}

/*------------------------------------------------------------------

  Navbar Fullscreen

 -------------------------------------------------------------------*/
.dx-navbar.dx-navbar-fullscreen {
    position: fixed;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    font-family: "Maven Pro", sans-serif;
    visibility: hidden;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    -o-transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
    z-index: -1000;
}

@media screen and (min-width: 991px) {
    .dx-navbar.dx-navbar-fullscreen::-webkit-scrollbar-track {
        background-color: #1b1b1b;
    }
    .dx-navbar.dx-navbar-fullscreen::-webkit-scrollbar {
        width: 8px;
        background-color: #1b1b1b;
    }
    .dx-navbar.dx-navbar-fullscreen::-webkit-scrollbar-thumb {
        background-color: #fff;
        border-radius: 4px;
    }
}

.dx-navbar.dx-navbar-fullscreen.dx-navbar-fullscreen-open {
    visibility: visible;
    opacity: 1;
}

.dx-navbar.dx-navbar-fullscreen.dx-navbar-fullscreen-open .dx-navbar-burger {
    visibility: visible;
}

.dx-navbar.dx-navbar-fullscreen .container,
.dx-navbar.dx-navbar-fullscreen .container-fluid,
.dx-navbar.dx-navbar-fullscreen > div {
    position: static;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: auto;
    max-height: 100%;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: auto;
    padding: 90px 20px;
    overflow: hidden;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content .dx-nav:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content .dx-nav:first-child > li {
    margin: 0;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content .dx-nav:first-child a {
    position: relative;
    font-size: .875rem;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content .dx-nav:last-child {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content .dx-nav {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: auto;
    min-width: 240px;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content .dx-nav + .dx-nav {
    margin-top: 49px;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li {
    display: block;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li.active a::before {
    display: none;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li.dx-drop-item > a {
    padding-right: 20px;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li.dx-drop-item > a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    width: 2px;
    height: 2px;
    margin-top: -1px;
    background-color: rgba(186, 186, 186, 0.5);
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li.dx-drop-item:hover > a::after,
.dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li.dx-drop-item.hover > a::after,
.dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li.dx-drop-item.active > a::after {
    background-color: #bababa;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li.dx-drop-item:hover::after, .dx-navbar.dx-navbar-fullscreen .dx-navbar-content > ul > li.dx-drop-item:hover::before {
    display: none;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown {
    position: static;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 0 0 0 10px;
    margin: 0 -20px 0 0;
    overflow: hidden;
    font-family: "Maven Pro", sans-serif;
    visibility: visible;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown.collapse:not(.show) {
    display: none;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown.collapsing {
    height: 0;
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown::before {
    display: none;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown .dx-navbar-dropdown {
    padding: 0 0 0 10px;
    margin: 0 -20px 0 0;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown .dx-navbar-dropdown > li.dx-drop-item a:not(.dx-btn) {
    padding: 13px 0 20px;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown .dx-navbar-dropdown > li a:not(.dx-btn) {
    padding: 13px 0;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown > li {
    max-width: 100%;
    margin: 0;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown > li:first-child {
    padding-top: 10px;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown > li:last-child {
    padding-bottom: 10px;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown > li.active > a {
    color: #fff;
    background: none;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown > li a {
    padding: 10px 0;
    font-weight: 500;
    color: #bcbcbc;
    text-transform: uppercase;
}

.dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown > li a:hover, .dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown > li a:focus, .dx-navbar.dx-navbar-fullscreen .dx-navbar-dropdown > li a.active {
    color: #fff;
    background: none;
}

/*------------------------------------------------------------------

  Header

 -------------------------------------------------------------------*/
.dx-header {
    position: relative;
    display: block;
    z-index: 1;
}

/*------------------------------------------------------------------

  Signin

 -------------------------------------------------------------------*/
.dx-signin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px 20px;
    font-size: .875rem;
}

.dx-signin a:not(.dx-btn) {
    color: #bababa;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-signin a:not(.dx-btn):hover, .dx-signin a:not(.dx-btn):focus {
    color: #fff;
    text-decoration: none;
}

.dx-signin .dx-signin-content {
    width: 370px;
    max-width: 100%;
}

.dx-signin .dx-signin-or {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0;
    font-family: "Maven Pro", sans-serif;
    font-size: .75rem;
    font-weight: 500;
    color: #bababa;
}

.dx-signin .dx-signin-or::before, .dx-signin .dx-signin-or::after {
    content: "";
    display: block;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 1px;
    background-color: #282828;
}

.dx-signin .dx-signin-or::before {
    margin-right: 25px;
}

.dx-signin .dx-signin-or::after {
    margin-left: 25px;
}

/*------------------------------------------------------------------

  Portfolio

 -------------------------------------------------------------------*/
.dx-portfolio-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    border-radius: 3px;
}

.dx-portfolio-item:hover .dx-portfolio-item-overlay {
    visibility: visible;
    opacity: 1;
}

.dx-portfolio-item:hover .dx-portfolio-item-image img {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}

.dx-portfolio-item .dx-portfolio-item-overlay {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
    -o-transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
    transition: visibility .2s ease-in-out, opacity .2s ease-in-out;
    z-index: 1;
}

.dx-portfolio-item .dx-portfolio-item-image {
    position: relative;
    overflow: hidden;
}

.dx-portfolio-item .dx-portfolio-item-image::after {
    content: "";
    display: block;
    padding-top: calc(60% - 2px);
}

.dx-portfolio-item .dx-portfolio-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
    will-change: transform;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    z-index: 0;
}

.dx-portfolio-item .dx-portfolio-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.dx-portfolio-item .dx-portfolio-item-info:hover, .dx-portfolio-item .dx-portfolio-item-info:focus {
    text-decoration: none;
}

.dx-portfolio-item .dx-portfolio-item-info:hover .dx-portfolio-item-title, .dx-portfolio-item .dx-portfolio-item-info:focus .dx-portfolio-item-title {
    color: #2b72e6;
}

.dx-portfolio-item .dx-portfolio-item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-height: 96px;
    padding: 24px 0 24px 30px;
    font-weight: 600;
    color: #232323;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-portfolio-item .dx-portfolio-item-price {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 30px 24px 25px;
    font-size: 1.25rem;
    font-weight: 700;
    color: #232323;
}

.dx-portfolio-item-style-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 15px;
}

.dx-portfolio-item-style-2:hover, .dx-portfolio-item-style-2:focus {
    text-decoration: none;
}

.dx-portfolio-item-style-2:hover .dx-portfolio-item-title, .dx-portfolio-item-style-2:focus .dx-portfolio-item-title {
    color: #2b72e6;
}

.dx-portfolio-item-style-2 .dx-portfolio-item-img {
    width: 80px;
    min-width: 80px;
    height: 70px;
    overflow: hidden;
    border-radius: 3px;
}

.dx-portfolio-item-style-2 .dx-portfolio-item-img + .dx-portfolio-item-title {
    margin-left: 25px;
}

.dx-portfolio-item-style-2 .dx-portfolio-item-img img {
    max-width: 100%;
}

.dx-portfolio-item-style-2 .dx-portfolio-item-title {
    min-height: auto;
    padding: 0;
}

/*------------------------------------------------------------------

  Reviews

 -------------------------------------------------------------------*/
.dx-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    padding: 50px;
    overflow: hidden;
}

@media screen and (max-width: 575px) {
    .dx-review {
        padding: 30px;
    }
}

.dx-review .dx-review-title {
    margin-bottom: 5px;
    font-family: "Maven Pro", sans-serif;
    font-size: .875rem;
    font-weight: 700;
    color: #121212;
    text-transform: uppercase;
    letter-spacing: normal;
}

.dx-review .dx-review-subtitle {
    color: #bababa;
}

.dx-review .dx-review-text {
    margin-top: 17px;
}

@media screen and (max-width: 575px) {
    .dx-review .dx-review-text {
        font-size: 1rem;
    }
}

.dx-review .dx-review-rating {
    margin-top: 20px;
    color: #2b72e6;
}

/*------------------------------------------------------------------

  Article

 -------------------------------------------------------------------*/
.dx-article .dx-article-list > li a {
    color: #2b72e6;
}

.dx-article .dx-article-list > li a:hover, .dx-article .dx-article-list > li a:focus {
    color: #1550b0;
    text-decoration: none;
}

.dx-article .dx-article-btn {
    margin-top: 23px;
    margin-left: 25px;
}

.dx-article .dx-article-link {
    margin-top: 17px;
}

.dx-article-block + .dx-article-block {
    margin-top: 42px;
}

.dx-article-block .dx-article-title {
    margin-top: -3px;
    margin-bottom: 14px;
}

/*------------------------------------------------------------------

  Footer

 -------------------------------------------------------------------*/
.dx-footer {
    position: relative;
    background-color: #1b1b1b;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    z-index: 1;
}

/*------------------------------------------------------------------

  Widgets

 -------------------------------------------------------------------*/
.dx-widget,
.dx-widget-footer {
    padding: 30px;
    overflow: hidden;
    font-family: "Nunito Sans", sans-serif;
}

@media screen and (max-width: 992px) {
    .dx-widget,
    .dx-widget-footer {
        padding: 30px 50px;
    }
}

@media screen and (max-width: 767px) {
    .dx-widget,
    .dx-widget-footer {
        padding: 30px;
    }
}

.dx-widget ~ .dx-widget,
.dx-widget-footer ~ .dx-widget {
    margin-top: 40px;
}

@media screen and (max-width: 575px) {
    .dx-widget ~ .dx-widget,
    .dx-widget-footer ~ .dx-widget {
        margin-top: 20px;
    }
}

.dx-widget a,
.dx-widget-footer a {
    color: #3a3a3a;
    text-decoration: none;
    letter-spacing: normal;
}

.dx-widget a:hover, .dx-widget a.hover, .dx-widget a:focus, .dx-widget a.focus,
.dx-widget-footer a:hover,
.dx-widget-footer a.hover,
.dx-widget-footer a:focus,
.dx-widget-footer a.focus {
    color: #2b72e6;
    text-decoration: none;
}

.dx-widget .dx-widget-title,
.dx-widget-footer .dx-widget-title {
    padding: 0 30px 20px;
    margin: -6px -30px 28px;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1b1b1b;
    border-bottom: 1px solid #ececec;
}

@media screen and (max-width: 992px) {
    .dx-widget .dx-widget-title,
    .dx-widget-footer .dx-widget-title {
        padding: 0 50px 20px;
        margin: -6px -50px 28px;
    }
}

@media screen and (max-width: 767px) {
    .dx-widget .dx-widget-title,
    .dx-widget-footer .dx-widget-title {
        padding: 0 30px 20px;
        margin: -6px -30px 28px;
    }
}

.dx-widget .dx-widget-title > *,
.dx-widget-footer .dx-widget-title > * {
    margin-bottom: 0;
}

.dx-widget .dx-widget-logo,
.dx-widget-footer .dx-widget-logo {
    position: relative;
    display: block;
    top: -1px;
    min-width: auto;
    font-family: "Maven Pro", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    text-transform: none;
    letter-spacing: .01em;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-widget .dx-widget-logo:hover, .dx-widget .dx-widget-logo:focus, .dx-widget .dx-widget-logo:active,
.dx-widget-footer .dx-widget-logo:hover,
.dx-widget-footer .dx-widget-logo:focus,
.dx-widget-footer .dx-widget-logo:active {
    color: #fff;
    text-decoration: none;
}

.dx-widget .dx-widget-text + .dx-widget-text,
.dx-widget-footer .dx-widget-text + .dx-widget-text {
    margin-top: 20px;
}

.dx-widget .dx-widget-information,
.dx-widget-footer .dx-widget-information {
    font-size: .9375rem;
    letter-spacing: normal;
}

.dx-widget .dx-widget-information + .dx-widget-information,
.dx-widget-footer .dx-widget-information + .dx-widget-information {
    margin-top: 20px;
}

.dx-widget .dx-widget-information > span,
.dx-widget-footer .dx-widget-information > span {
    display: inline-block;
}

.dx-widget .dx-widget-information .dx-widget-information-title,
.dx-widget-footer .dx-widget-information .dx-widget-information-title {
    display: block;
    margin-bottom: 6px;
    font-family: "Maven Pro", sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #1b1b1b;
    text-transform: uppercase;
}

.dx-widget .dx-widget-categories,
.dx-widget-footer .dx-widget-categories {
    padding: 0;
    margin: -4px 0 -7px;
}

.dx-widget .dx-widget-categories > li,
.dx-widget-footer .dx-widget-categories > li {
    padding: 0;
    margin: 0;
    list-style: none;
}

.dx-widget .dx-widget-categories > li + li,
.dx-widget-footer .dx-widget-categories > li + li {
    margin-top: 17px;
}

.dx-widget .dx-widget-categories > li .dx-widget-categories-badge,
.dx-widget-footer .dx-widget-categories > li .dx-widget-categories-badge {
    display: block;
    text-align: right;
    white-space: nowrap;
}

.dx-widget .dx-widget-categories > li .dx-widget-categories-category,
.dx-widget-footer .dx-widget-categories > li .dx-widget-categories-category {
    width: 100%;
}

.dx-widget .dx-widget-categories > li .icon,
.dx-widget-footer .dx-widget-categories > li .icon {
    margin-left: -6px;
    font-size: 1.125rem;
}

.dx-widget .dx-widget-categories > li .icon + .dx-widget-categories-category,
.dx-widget-footer .dx-widget-categories > li .icon + .dx-widget-categories-category {
    margin-left: 11px;
}

.dx-widget .dx-widget-categories > li a,
.dx-widget-footer .dx-widget-categories > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    color: #1b1b1b;
}

.dx-widget .dx-widget-categories > li a:hover, .dx-widget .dx-widget-categories > li a.hover,
.dx-widget-footer .dx-widget-categories > li a:hover,
.dx-widget-footer .dx-widget-categories > li a.hover {
    color: #2b72e6;
}

.dx-widget .dx-widget-products,
.dx-widget-footer .dx-widget-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2px 0;
}

.dx-widget .dx-widget-products + .dx-widget-products,
.dx-widget-footer .dx-widget-products + .dx-widget-products {
    margin-top: 26px;
}

.dx-widget .dx-widget-products:hover, .dx-widget .dx-widget-products.hover,
.dx-widget-footer .dx-widget-products:hover,
.dx-widget-footer .dx-widget-products.hover {
    text-decoration: none;
}

.dx-widget .dx-widget-products:hover .dx-widget-products-title, .dx-widget .dx-widget-products.hover .dx-widget-products-title,
.dx-widget-footer .dx-widget-products:hover .dx-widget-products-title,
.dx-widget-footer .dx-widget-products.hover .dx-widget-products-title {
    color: #2b72e6;
}

.dx-widget .dx-widget-products .dx-widget-products-img,
.dx-widget-footer .dx-widget-products .dx-widget-products-img {
    position: relative;
    display: block;
    width: 80px;
    min-width: 80px;
    height: 70px;
    overflow: hidden;
    border-radius: 3px;
}

.dx-widget .dx-widget-products .dx-widget-products-img + .dx-widget-products-text,
.dx-widget-footer .dx-widget-products .dx-widget-products-img + .dx-widget-products-text {
    margin-left: 22px;
}

.dx-widget .dx-widget-products .dx-widget-products-img img,
.dx-widget-footer .dx-widget-products .dx-widget-products-img img {
    max-width: 100%;
}

.dx-widget .dx-widget-products .dx-widget-products-text,
.dx-widget-footer .dx-widget-products .dx-widget-products-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.dx-widget .dx-widget-products .dx-widget-products-title,
.dx-widget-footer .dx-widget-products .dx-widget-products-title {
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1b1b1b;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-widget .dx-widget-products .dx-widget-products-price,
.dx-widget-footer .dx-widget-products .dx-widget-products-price {
    display: block;
    margin-bottom: -5px;
    font-size: .9375rem;
    font-weight: 600;
    color: #7a7a7a;
}

.dx-widget .dx-widget-post,
.dx-widget-footer .dx-widget-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2px 0;
}

.dx-widget .dx-widget-post + .dx-widget-post,
.dx-widget-footer .dx-widget-post + .dx-widget-post {
    margin-top: 26px;
}

.dx-widget .dx-widget-post:hover, .dx-widget .dx-widget-post.hover,
.dx-widget-footer .dx-widget-post:hover,
.dx-widget-footer .dx-widget-post.hover {
    text-decoration: none;
}

.dx-widget .dx-widget-post:hover .dx-widget-post-title, .dx-widget .dx-widget-post.hover .dx-widget-post-title,
.dx-widget-footer .dx-widget-post:hover .dx-widget-post-title,
.dx-widget-footer .dx-widget-post.hover .dx-widget-post-title {
    color: #2b72e6;
}

.dx-widget .dx-widget-post .dx-widget-post-img,
.dx-widget-footer .dx-widget-post .dx-widget-post-img {
    position: relative;
    display: block;
    width: 80px;
    min-width: 80px;
    height: 70px;
    overflow: hidden;
    border-radius: 3px;
}

.dx-widget .dx-widget-post .dx-widget-post-img + .dx-widget-post-text,
.dx-widget-footer .dx-widget-post .dx-widget-post-img + .dx-widget-post-text {
    margin-left: 22px;
}

.dx-widget .dx-widget-post .dx-widget-post-img img,
.dx-widget-footer .dx-widget-post .dx-widget-post-img img {
    max-width: 100%;
}

.dx-widget .dx-widget-post .dx-widget-post-text,
.dx-widget-footer .dx-widget-post .dx-widget-post-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.dx-widget .dx-widget-post .dx-widget-post-title,
.dx-widget-footer .dx-widget-post .dx-widget-post-title {
    display: block;
    margin-top: -5px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #1b1b1b;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-widget .dx-widget-post .dx-widget-post-date,
.dx-widget-footer .dx-widget-post .dx-widget-post-date {
    display: block;
    margin-bottom: -5px;
    font-size: .875rem;
    color: #7a7a7a;
}

.dx-widget .dx-widget-tags,
.dx-widget-footer .dx-widget-tags {
    padding: 0;
    margin: -3px -3px;
}

.dx-widget .dx-widget-tags > li,
.dx-widget-footer .dx-widget-tags > li {
    display: inline-block;
    padding: 5px 3px;
    margin: 0;
    list-style: none;
}

.dx-widget .dx-widget-tags > li a,
.dx-widget-footer .dx-widget-tags > li a {
    display: inline-block;
    padding: 8px 25px;
    font-size: .9375rem;
    color: #1b1b1b;
    background-color: rgba(247, 247, 247, 0.8);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
            box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
    -webkit-transition: background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-widget .dx-widget-tags > li a:hover, .dx-widget .dx-widget-tags > li a.hover, .dx-widget .dx-widget-tags > li a:focus,
.dx-widget-footer .dx-widget-tags > li a:hover,
.dx-widget-footer .dx-widget-tags > li a.hover,
.dx-widget-footer .dx-widget-tags > li a:focus {
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

.dx-widget .dx-widget-link,
.dx-widget-footer .dx-widget-link {
    display: block;
    margin-top: -3px;
    margin-bottom: -4px;
}

.dx-widget .dx-widget-link + .dx-widget-link,
.dx-widget-footer .dx-widget-link + .dx-widget-link {
    margin-top: 26px;
}

.dx-widget .dx-widget-link .dx-widget-link-text,
.dx-widget-footer .dx-widget-link .dx-widget-link-text {
    display: block;
}

.dx-widget .dx-widget-link .dx-widget-link-date,
.dx-widget-footer .dx-widget-link .dx-widget-link-date {
    display: block;
    margin-top: 8px;
    font-size: .875rem;
    color: #7a7a7a;
}

.dx-widget .dx-widget-link:not([href]) .dx-widget-link-text,
.dx-widget-footer .dx-widget-link:not([href]) .dx-widget-link-text {
    display: block;
    color: #1b1b1b;
}

.dx-widget .dx-widget-link:not([href]) .dx-widget-link-text a,
.dx-widget-footer .dx-widget-link:not([href]) .dx-widget-link-text a {
    color: #2b72e6;
}

.dx-widget .dx-widget-link:not([href]) .dx-widget-link-text a:hover, .dx-widget .dx-widget-link:not([href]) .dx-widget-link-text a.hover,
.dx-widget-footer .dx-widget-link:not([href]) .dx-widget-link-text a:hover,
.dx-widget-footer .dx-widget-link:not([href]) .dx-widget-link-text a.hover {
    color: #1b1b1b;
    text-decoration: none;
}

.dx-widget .dx-widget-twitter + .dx-widget-twitter,
.dx-widget-footer .dx-widget-twitter + .dx-widget-twitter {
    margin-top: 26px;
}

.dx-widget .dx-widget-twitter .dx-widget-text,
.dx-widget-footer .dx-widget-twitter .dx-widget-text {
    display: block;
    color: #1b1b1b;
}

.dx-widget .dx-widget-twitter .dx-widget-text a,
.dx-widget-footer .dx-widget-twitter .dx-widget-text a {
    color: #2b72e6;
    text-decoration: none;
}

.dx-widget .dx-widget-twitter .dx-widget-text a:hover, .dx-widget .dx-widget-twitter .dx-widget-text a.hover,
.dx-widget-footer .dx-widget-twitter .dx-widget-text a:hover,
.dx-widget-footer .dx-widget-twitter .dx-widget-text a.hover {
    color: #1b1b1b;
    text-decoration: none;
}

.dx-widget .dx-widget-twitter .dx-widget-twitter-date,
.dx-widget-footer .dx-widget-twitter .dx-widget-twitter-date {
    display: block;
    margin-top: 8px;
    font-size: .875rem;
    color: #7a7a7a;
}

.dx-widget .dx-widget-subscribe,
.dx-widget-footer .dx-widget-subscribe {
    margin-top: -2px;
    font-size: .9375rem;
    line-height: 1.6;
}

.dx-widget .dx-widget-list,
.dx-widget-footer .dx-widget-list {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0;
    margin: 0;
    margin-right: 40px;
}

@media screen {
    .dx-widget .dx-widget-list,
    .dx-widget-footer .dx-widget-list {
        margin-right: 30px;
    }
}

.dx-widget .dx-widget-list:last-of-type,
.dx-widget-footer .dx-widget-list:last-of-type {
    margin-right: 0;
}

.dx-widget .dx-widget-list a,
.dx-widget-footer .dx-widget-list a {
    display: block;
}

.dx-widget .dx-widget-list > li,
.dx-widget-footer .dx-widget-list > li {
    display: block;
    list-style: none;
}

.dx-widget .dx-widget-list > li + li,
.dx-widget-footer .dx-widget-list > li + li {
    margin-top: 6px;
}

.dx-widget .dx-widget-portfolio,
.dx-widget-footer .dx-widget-portfolio {
    display: block;
}

.dx-widget .dx-widget-portfolio a,
.dx-widget-footer .dx-widget-portfolio a {
    display: block;
}

.dx-widget .dx-widget-portfolio a + a,
.dx-widget-footer .dx-widget-portfolio a + a {
    margin-top: 17px;
}

.dx-widget-footer {
    padding: 0;
    margin: 0;
}

.dx-widget-footer a {
    color: #bababa;
}

.dx-widget-footer a:hover, .dx-widget-footer a.hover, .dx-widget-footer a:focus, .dx-widget-footer a.focus {
    color: #fff;
}

.dx-widget-footer .dx-widget-title {
    padding: 0;
    margin: 0;
    margin-top: -5px;
    margin-bottom: 26px;
    font-family: "Maven Pro", sans-serif;
    font-size: .8125rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .03em;
    border: 0;
}

.dx-widget-footer .dx-widget-title > * {
    margin-bottom: 0;
    color: inherit;
}

.dx-widget-footer .dx-widget-post .dx-widget-post-title {
    color: #bababa;
}

.dx-widget-footer .dx-widget-post .dx-widget-post-date {
    color: #bababa;
    opacity: .7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.dx-widget-footer .dx-widget-post:hover .dx-widget-post-title, .dx-widget-footer .dx-widget-post.hover .dx-widget-post-title, .dx-widget-footer .dx-widget-post:focus .dx-widget-post-title, .dx-widget-footer .dx-widget-post.focus .dx-widget-post-title {
    color: #fff;
}

.dx-widget-footer .dx-widget-post:hover .dx-widget-post-date, .dx-widget-footer .dx-widget-post.hover .dx-widget-post-date, .dx-widget-footer .dx-widget-post:focus .dx-widget-post-date, .dx-widget-footer .dx-widget-post.focus .dx-widget-post-date {
    opacity: 1;
}

.dx-widget-footer .dx-widget-categories > li a {
    color: #bababa;
}

.dx-widget-footer .dx-widget-categories > li a:hover, .dx-widget-footer .dx-widget-categories > li a.hover {
    color: #fff;
}

.dx-widget-footer .dx-widget-tags > li a {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-widget-footer .dx-widget-tags > li a:hover, .dx-widget-footer .dx-widget-tags > li a.hover {
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-widget-footer .dx-widget-twitter .dx-widget-text {
    color: #bababa;
}

.dx-widget-footer .dx-widget-twitter .dx-widget-text a:hover, .dx-widget-footer .dx-widget-twitter .dx-widget-text a.hover {
    color: #fff;
}

.dx-widget-footer .dx-widget-twitter .dx-widget-twitter-date {
    color: #bababa;
    opacity: .7;
}

.dx-widget-footer .dx-widget-link .dx-widget-link-date {
    color: #bababa;
    opacity: .7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.dx-widget-footer .dx-widget-link:hover .dx-widget-link-date, .dx-widget-footer .dx-widget-link.hover .dx-widget-link-date {
    opacity: 1;
}

.dx-widget-footer .dx-widget-link:not([href]) .dx-widget-link-text {
    color: #bababa;
}

.dx-widget-footer .dx-widget-link:not([href]) .dx-widget-link-text a {
    color: #2b72e6;
}

.dx-widget-footer .dx-widget-link:not([href]) .dx-widget-link-text a:hover, .dx-widget-footer .dx-widget-link:not([href]) .dx-widget-link-text a.hover {
    color: #fff;
}

.dx-widget-footer .dx-widget-information {
    color: #bababa;
}

.dx-widget-footer .dx-widget-information .dx-widget-information-title {
    font-weight: 500;
    color: #fff;
}

.dx-widget-footer .dx-widget-text {
    color: #bababa;
}

/* Sidebars */
.dx-sidebar {
    position: relative;
    height: auto;
    z-index: 0;
}

/*------------------------------------------------------------------

  Social Links

 -------------------------------------------------------------------*/
.dx-social-links {
    padding: 0;
    margin: -10px -5px 0;
    font-size: 0;
    list-style-type: none;
}

.dx-social-links::after {
    content: "";
    display: table;
    clear: both;
}

.dx-social-links > li {
    display: inline-block;
    margin: 10px 6px 0;
}

.dx-social-links > li > * {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    min-height: 22px;
    font-size: 1.1rem;
    text-align: center;
    cursor: pointer;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out, color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, color .2s ease-in-out;
    transition: opacity .2s ease-in-out, color .2s ease-in-out;
}

.dx-social-links > li > *, .dx-social-links > li > *:focus, .dx-social-links > li > *:active {
    color: #fff;
    opacity: .8;
}

.dx-social-links > li > *:hover, .dx-social-links > li > *.hover {
    text-decoration: none;
    opacity: 1;
}

.dx-social-links > li > *.dx-social-behance {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-behance:hover, .dx-social-links > li > *.dx-social-behance.hover {
    color: #487cfb;
}

.dx-social-links > li > *.dx-social-bitbucket {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-bitbucket:hover, .dx-social-links > li > *.dx-social-bitbucket.hover {
    color: #36517e;
}

.dx-social-links > li > *.dx-social-dropbox {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-dropbox:hover, .dx-social-links > li > *.dx-social-dropbox.hover {
    color: #4d86d9;
}

.dx-social-links > li > *.dx-social-dribbble {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-dribbble:hover, .dx-social-links > li > *.dx-social-dribbble.hover {
    color: #cc4d86;
}

.dx-social-links > li > *.dx-social-deviantart {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-deviantart:hover, .dx-social-links > li > *.dx-social-deviantart.hover {
    color: #bac940;
}

.dx-social-links > li > *.dx-social-envato {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-envato:hover, .dx-social-links > li > *.dx-social-envato.hover {
    color: #91b34c;
}

.dx-social-links > li > *.dx-social-facebook {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-facebook:hover, .dx-social-links > li > *.dx-social-facebook.hover {
    color: #475995;
}

.dx-social-links > li > *.dx-social-flickr {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-flickr:hover, .dx-social-links > li > *.dx-social-flickr.hover {
    color: #db0180;
}

.dx-social-links > li > *.dx-social-foursquare {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-foursquare:hover, .dx-social-links > li > *.dx-social-foursquare.hover {
    color: #d94a75;
}

.dx-social-links > li > *.dx-social-github {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-github:hover, .dx-social-links > li > *.dx-social-github.hover {
    color: #464646;
}

.dx-social-links > li > *.dx-social-google {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-google:hover, .dx-social-links > li > *.dx-social-google.hover {
    color: #4285f4;
}

.dx-social-links > li > *.dx-social-google-plus {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-google-plus:hover, .dx-social-links > li > *.dx-social-google-plus.hover {
    color: #c14d3d;
}

.dx-social-links > li > *.dx-social-instagram {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-instagram:hover, .dx-social-links > li > *.dx-social-instagram.hover {
    color: #d12054;
}

.dx-social-links > li > *.dx-social-linkedin {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-linkedin:hover, .dx-social-links > li > *.dx-social-linkedin.hover {
    color: #457ab3;
}

.dx-social-links > li > *.dx-social-medium {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-medium:hover, .dx-social-links > li > *.dx-social-medium.hover {
    color: #71c66d;
}

.dx-social-links > li > *.dx-social-odnoklassniki {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-odnoklassniki:hover, .dx-social-links > li > *.dx-social-odnoklassniki.hover {
    color: #d8732a;
}

.dx-social-links > li > *.dx-social-paypal {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-paypal:hover, .dx-social-links > li > *.dx-social-paypal.hover {
    color: #1d3283;
}

.dx-social-links > li > *.dx-social-pinterest {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-pinterest:hover, .dx-social-links > li > *.dx-social-pinterest.hover {
    color: #ae262b;
}

.dx-social-links > li > *.dx-social-rss {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-rss:hover, .dx-social-links > li > *.dx-social-rss.hover {
    color: #e06618;
}

.dx-social-links > li > *.dx-social-reddit {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-reddit:hover, .dx-social-links > li > *.dx-social-reddit.hover {
    color: #de470b;
}

.dx-social-links > li > *.dx-social-skype {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-skype:hover, .dx-social-links > li > *.dx-social-skype.hover {
    color: #62aded;
}

.dx-social-links > li > *.dx-social-soundcloud {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-soundcloud:hover, .dx-social-links > li > *.dx-social-soundcloud.hover {
    color: #df5611;
}

.dx-social-links > li > *.dx-social-slack {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-slack:hover, .dx-social-links > li > *.dx-social-slack.hover {
    color: #543b56;
}

.dx-social-links > li > *.dx-social-steam {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-steam:hover, .dx-social-links > li > *.dx-social-steam.hover {
    color: #272425;
}

.dx-social-links > li > *.dx-social-tumblr {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-tumblr:hover, .dx-social-links > li > *.dx-social-tumblr.hover {
    color: #384961;
}

.dx-social-links > li > *.dx-social-twitter {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-twitter:hover, .dx-social-links > li > *.dx-social-twitter.hover {
    color: #6da9de;
}

.dx-social-links > li > *.dx-social-vimeo {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-vimeo:hover, .dx-social-links > li > *.dx-social-vimeo.hover {
    color: #69b5e7;
}

.dx-social-links > li > *.dx-social-vk {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-vk:hover, .dx-social-links > li > *.dx-social-vk.hover {
    color: #657da0;
}

.dx-social-links > li > *.dx-social-wordpress {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-wordpress:hover, .dx-social-links > li > *.dx-social-wordpress.hover {
    color: #4072a1;
}

.dx-social-links > li > *.dx-social-youtube {
    color: #7a7a7a;
}

.dx-social-links > li > *.dx-social-youtube:hover, .dx-social-links > li > *.dx-social-youtube.hover {
    color: #c6271e;
}

.dx-social-links.dx-social-links-style-2 > li > * {
    padding: 10px 14px;
    font-size: .875rem;
    background-color: rgba(247, 247, 247, 0.8);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
            box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
    opacity: 1;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-social-links.dx-social-links-style-2 > li > *:hover, .dx-social-links.dx-social-links-style-2 > li > *.hover {
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

.dx-social-links.dx-social-links-style-2 > li > * > .icon {
    margin-right: 8px;
    font-size: 1.1rem;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-behance {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-behance:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-behance.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-bitbucket {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-bitbucket:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-bitbucket.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-dropbox {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-dropbox:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-dropbox.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-dribbble {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-dribbble:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-dribbble.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-deviantart {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-deviantart:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-deviantart.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-envato {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-envato:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-envato.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-facebook {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-facebook:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-facebook.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-flickr {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-flickr:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-flickr.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-foursquare {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-foursquare:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-foursquare.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-github {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-github:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-github.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-google {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-google:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-google.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-google-plus {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-google-plus:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-google-plus.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-instagram {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-instagram:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-instagram.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-linkedin {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-linkedin:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-linkedin.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-medium {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-medium:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-medium.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-odnoklassniki {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-odnoklassniki:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-odnoklassniki.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-paypal {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-paypal:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-paypal.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-pinterest {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-pinterest:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-pinterest.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-rss {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-rss:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-rss.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-reddit {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-reddit:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-reddit.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-skype {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-skype:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-skype.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-soundcloud {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-soundcloud:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-soundcloud.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-slack {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-slack:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-slack.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-steam {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-steam:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-steam.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-tumblr {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-tumblr:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-tumblr.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-twitter {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-twitter:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-twitter.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-vimeo {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-vimeo:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-vimeo.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-vk {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-vk:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-vk.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-wordpress {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-wordpress:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-wordpress.hover {
    color: #616161;
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-youtube {
    color: rgba(122, 122, 122, 0.8);
}

.dx-social-links.dx-social-links-style-2 > li > *.dx-social-youtube:hover, .dx-social-links.dx-social-links-style-2 > li > *.dx-social-youtube.hover {
    color: #616161;
}

/*------------------------------------------------------------------

  Blog

 -------------------------------------------------------------------*/
.dx-blog-item {
    padding-top: 10px;
}

.dx-blog-item + .dx-blog-item {
    margin-top: 40px;
}

.dx-blog-item .dx-blog-item-list {
    padding-left: 18px;
    margin: 0;
}

.dx-blog-item .dx-blog-item-list > li {
    padding-left: 8px;
    margin: 0;
}

.dx-blog-item .dx-blog-item-list > li + li {
    margin-top: 6px;
}

.dx-blog-item .dx-blog-item-img {
    position: relative;
    display: block;
    margin: 0 10px;
    overflow: hidden;
}

.dx-blog-item .dx-blog-item-img img {
    max-width: 100%;
    will-change: transform;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.dx-blog-item .dx-blog-item-img::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(27, 27, 27, 0.5);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.dx-blog-item .dx-blog-item-img:hover img {
    -webkit-transform: scale(1.01);
        -ms-transform: scale(1.01);
            transform: scale(1.01);
}

.dx-blog-item .dx-blog-item-img:hover::after {
    opacity: 1;
}

.dx-blog-item .dx-blog-item-cont {
    padding: 50px;
}

@media screen and (max-width: 767px) {
    .dx-blog-item .dx-blog-item-cont {
        padding: 30px;
    }
}

.dx-blog-item .dx-blog-item-title {
    margin-top: -7px;
    margin-bottom: 11px;
    color: #1b1b1b;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-blog-item .dx-blog-item-title a {
    color: #1b1b1b;
}

.dx-blog-item .dx-blog-item-title a:hover, .dx-blog-item .dx-blog-item-title a.hover {
    color: #2b72e6;
    text-decoration: none;
}

.dx-blog-item .dx-blog-item-info {
    display: block;
    padding: 0;
    margin: -8px -12px 23px;
    font-size: .9375rem;
    color: #7a7a7a;
}

.dx-blog-item .dx-blog-item-info > li {
    display: inline-block;
    padding: 8px 12px 0;
    margin: 0;
    list-style: none;
}

.dx-blog-item .dx-blog-item-info > li a {
    color: #7a7a7a;
}

.dx-blog-item .dx-blog-item-info > li a:hover, .dx-blog-item .dx-blog-item-info > li a.hover {
    color: #1b1b1b;
    text-decoration: none;
}

.dx-blog-item .dx-blog-item-categories,
.dx-blog-item .dx-blog-item-tags {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.dx-blog-item .dx-blog-item-categories > li,
.dx-blog-item .dx-blog-item-tags > li {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
}

.dx-blog-item .dx-blog-item-categories > li a,
.dx-blog-item .dx-blog-item-tags > li a {
    color: #7a7a7a;
}

.dx-blog-item .dx-blog-item-categories > li a:hover, .dx-blog-item .dx-blog-item-categories > li a.hover,
.dx-blog-item .dx-blog-item-tags > li a:hover,
.dx-blog-item .dx-blog-item-tags > li a.hover {
    color: #1b1b1b;
    text-decoration: none;
}

.dx-blog-item .dx-blog-item-categories > li::after,
.dx-blog-item .dx-blog-item-tags > li::after {
    content: ", ";
}

.dx-blog-item .dx-blog-item-categories > li:last-child::after,
.dx-blog-item .dx-blog-item-tags > li:last-child::after {
    content: "";
}

.dx-blog-item .dx-blog-item-text {
    margin-bottom: 28px;
}

.dx-blog-item .dx-blog-item-text p:last-child {
    margin-bottom: 0;
}

.dx-blog-post .dx-blog-post-title {
    margin-top: -7px;
    margin-bottom: 11px;
    color: #1b1b1b;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-blog-post .dx-blog-post-title a {
    color: #1b1b1b;
}

.dx-blog-post .dx-blog-post-title a:hover, .dx-blog-post .dx-blog-post-title a.hover {
    color: #2b72e6;
    text-decoration: none;
}

.dx-blog-post .dx-blog-post-box {
    padding: 40px;
    padding-top: 0px;
}

@media screen and (max-width: 767px) {
    .dx-blog-post .dx-blog-post-box {
        padding: 30px;
    }
}

.dx-blog-post .dx-blog-post-box + .dx-blog-post-box {
    padding-top: 0;
}

.dx-blog-post .dx-blog-post-info {
    display: block;
    padding: 0;
    margin: -8px -12px 23px;
    font-size: .9375rem;
    color: #7a7a7a;
}

.dx-blog-post .dx-blog-post-info > li {
    display: inline-block;
    padding: 8px 12px 0;
    margin: 0;
    list-style: none;
}

.dx-blog-post .dx-blog-post-info > li a {
    color: #7a7a7a;
}

.dx-blog-post .dx-blog-post-info > li a:hover, .dx-blog-post .dx-blog-post-info > li a.hover {
    color: #1b1b1b;
    text-decoration: none;
}

.dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 50px;
    margin: 0;
    color: #525252;
}

@media screen and (max-width: 767px) {
    .dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 {
        padding: 16px 30px 11px;
    }
}

@media screen and (max-width: 575px) {
    .dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 {
        padding: 16px 21px 11px;
    }
}

.dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 > li {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 25px 0 20px;
    border-right: 1px solid #ececec;
}

.dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 > li:first-child {
    -webkit-box-flex: .5;
        -ms-flex-positive: .5;
            flex-grow: .5;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 > li:last-child {
    border-right: 0;
}

@media screen and (max-width: 767px) {
    .dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 > li {
        padding: 9px 0;
        border: 0;
    }
}

@media screen and (max-width: 575px) {
    .dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 > li {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 9px;
    }
}

.dx-blog-post .dx-blog-post-info.dx-blog-post-info-style-2 .dx-blog-post-info-title {
    display: block;
    margin-top: -4px;
    margin-bottom: 7px;
    font-family: "Maven Pro", sans-serif;
    font-size: .75rem;
    font-weight: 700;
    color: #1b1b1b;
    text-transform: uppercase;
}

.dx-blog-post .dx-blog-post-list {
    padding-left: 18px;
    margin: 0;
}

.dx-blog-post .dx-blog-post-list > li {
    padding-left: 8px;
    margin: 0;
}

.dx-blog-post .dx-blog-post-list > li + li {
    margin-top: 6px;
}

.dx-blog-post .dx-blog-post-categories,
.dx-blog-post .dx-blog-post-tags {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.dx-blog-post .dx-blog-post-categories .dx-blog-post-categories-title::after,
.dx-blog-post .dx-blog-post-categories .dx-blog-post-tags-title::after,
.dx-blog-post .dx-blog-post-tags .dx-blog-post-categories-title::after,
.dx-blog-post .dx-blog-post-tags .dx-blog-post-tags-title::after {
    content: "";
}

.dx-blog-post .dx-blog-post-categories > li,
.dx-blog-post .dx-blog-post-tags > li {
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #7a7a7a;
    list-style: none;
}

.dx-blog-post .dx-blog-post-categories > li a,
.dx-blog-post .dx-blog-post-tags > li a {
    color: #7a7a7a;
}

.dx-blog-post .dx-blog-post-categories > li a:hover, .dx-blog-post .dx-blog-post-categories > li a.hover,
.dx-blog-post .dx-blog-post-tags > li a:hover,
.dx-blog-post .dx-blog-post-tags > li a.hover {
    color: #1b1b1b;
    text-decoration: none;
}

.dx-blog-post .dx-blog-post-categories > li::after,
.dx-blog-post .dx-blog-post-tags > li::after {
    content: ", ";
}

.dx-blog-post .dx-blog-post-categories > li:last-child::after,
.dx-blog-post .dx-blog-post-tags > li:last-child::after {
    content: "";
}

.dx-comment {
    position: relative;
    padding: 0;
}

.dx-comment > div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dx-comment + .dx-comment {
    padding: 31px 0;
    margin-top: 30px;
    -webkit-box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec;
            box-shadow: inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec;
}

.dx-comment .dx-comment {
    padding: 31px 0;
    padding-bottom: 0;
    margin-top: 30px;
    margin-left: 110px;
    -webkit-box-shadow: inset 0 1px 0 0 #ececec;
            box-shadow: inset 0 1px 0 0 #ececec;
}

@media screen and (max-width: 767px) {
    .dx-comment .dx-comment {
        margin-left: 40px;
    }
}

@media screen and (max-width: 575px) {
    .dx-comment .dx-comment {
        margin-left: 20px;
    }
}

.dx-comment .dx-comment-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    min-width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 3px;
}

.dx-comment .dx-comment-img + .dx-comment-cont {
    margin-left: 30px;
}

@media screen and (max-width: 575px) {
    .dx-comment .dx-comment-img + .dx-comment-cont {
        margin-left: -80px;
    }
}

.dx-comment .dx-comment-img img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 3px;
}

.dx-comment .dx-comment-cont .dx-comment-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.dx-comment .dx-comment-cont .dx-comment-head + .dx-comment-date {
    margin-top: -2px;
}

@media screen and (max-width: 575px) {
    .dx-comment .dx-comment-cont .dx-comment-head + .dx-comment-date {
        margin-left: 110px;
    }
}

.dx-comment .dx-comment-cont .dx-comment-name {
    position: relative;
    display: inline-block;
    top: -6px;
    font-weight: 600;
    color: #1b1b1b;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

@media screen and (max-width: 575px) {
    .dx-comment .dx-comment-cont .dx-comment-name {
        display: block;
        margin-left: 110px;
    }
}

.dx-comment .dx-comment-cont .dx-comment-name:hover, .dx-comment .dx-comment-cont .dx-comment-name.hover, .dx-comment .dx-comment-cont .dx-comment-name:focus {
    color: #2b72e6;
    text-decoration: none;
}

.dx-comment .dx-comment-cont .dx-comment-name + .dx-comment-reply {
    position: relative;
    top: -8px;
    margin-left: 22px;
}

@media screen and (max-width: 575px) {
    .dx-comment .dx-comment-cont .dx-comment-name + .dx-comment-reply {
        margin-top: 15px;
        margin-left: 110px;
    }
}

.dx-comment .dx-comment-cont .dx-comment-name + .dx-comment-text {
    margin-top: 6px;
}

.dx-comment .dx-comment-cont .dx-comment-name + .dx-comment-date {
    margin-top: -2px;
}

@media screen and (max-width: 575px) {
    .dx-comment .dx-comment-cont .dx-comment-name + .dx-comment-date {
        margin-left: 110px;
    }
}

.dx-comment .dx-comment-cont .dx-comment-reply {
    display: inline-block;
    padding: 4px 12px;
    font-family: "Maven Pro", sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    background-color: #7a7a7a;
    border-radius: 3px;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.dx-comment .dx-comment-cont .dx-comment-reply:hover, .dx-comment .dx-comment-cont .dx-comment-reply.hover, .dx-comment .dx-comment-cont .dx-comment-reply:focus {
    color: #fff;
    text-decoration: none;
    background-color: #545454;
}

.dx-comment .dx-comment-cont .dx-comment-reply + .dx-comment-text {
    margin-top: 6px;
}

@media screen and (max-width: 575px) {
    .dx-comment .dx-comment-cont .dx-comment-reply + .dx-comment-text {
        margin-top: 41px;
    }
}

.dx-comment .dx-comment-cont .dx-comment-text + .dx-comment-date {
    margin-top: 14px;
    margin-bottom: -6px;
}

.dx-comment .dx-comment-cont .dx-comment-date {
    display: block;
    font-size: .875rem;
    color: #7a7a7a;
}

.dx-comment .dx-comment-cont .dx-comment-date + .dx-comment-text {
    margin-top: 18px;
    margin-bottom: -6px;
}

@media screen and (max-width: 575px) {
    .dx-comment .dx-comment-cont .dx-comment-date + .dx-comment-text {
        margin-top: 61px;
    }
}

.dx-comment.dx-comment-style-topic {
    padding: 50px;
}

@media screen and (max-width: 767px) {
    .dx-comment.dx-comment-style-topic {
        padding: 30px;
    }
}

.dx-comment.dx-comment-style-topic + .dx-comment {
    margin-top: 0;
}

/*------------------------------------------------------------------

  Ticket

 -------------------------------------------------------------------*/
.dx-ticket.dx-ticket-open .dx-ticket-status::before,
.dx-ticket.dx-ticket-closed .dx-ticket-status::before {
    content: "";
    width: 5px;
    min-width: 5px;
    height: 5px;
    margin-top: -2px;
    margin-right: 10px;
    border-radius: 5px;
}

@media screen and (max-width: 575px) {
    .dx-ticket.dx-ticket-open .dx-ticket-status::before,
    .dx-ticket.dx-ticket-closed .dx-ticket-status::before {
        margin: 7px 0 0;
    }
}

.dx-ticket.dx-ticket-open .dx-ticket-status::after,
.dx-ticket.dx-ticket-closed .dx-ticket-status::after {
    font-family: "Maven Pro", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

@media screen and (max-width: 575px) {
    .dx-ticket.dx-ticket-open .dx-ticket-status::after,
    .dx-ticket.dx-ticket-closed .dx-ticket-status::after {
        display: none;
    }
}

.dx-ticket.dx-ticket-open .dx-ticket-status::before {
    background-color: #2b72e6;
}

.dx-ticket.dx-ticket-open .dx-ticket-status::after {
    content: "Open";
    color: #2b72e6;
}

.dx-ticket.dx-ticket-open .dx-ticket-title {
    padding-right: 40px;
}

@media screen and (max-width: 767px) {
    .dx-ticket.dx-ticket-open .dx-ticket-title {
        padding-right: 60px;
    }
}

@media screen and (max-width: 575px) {
    .dx-ticket.dx-ticket-open .dx-ticket-title {
        padding-right: 30px;
    }
}

.dx-ticket.dx-ticket-closed .dx-ticket-status::before {
    background-color: #999;
}

.dx-ticket.dx-ticket-closed .dx-ticket-status::after {
    content: "Closed";
    color: #999;
}

.dx-ticket.dx-ticket-closed .dx-ticket-title {
    padding-right: 60px;
}

@media screen and (max-width: 767px) {
    .dx-ticket.dx-ticket-closed .dx-ticket-title {
        padding-right: 70px;
    }
}

@media screen and (max-width: 575px) {
    .dx-ticket.dx-ticket-closed .dx-ticket-title {
        padding-right: 30px;
    }
}

.dx-ticket .dx-ticket-status {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 30px;
    right: 30px;
    margin-left: 30px;
}

.dx-ticket-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
}

@media screen and (max-width: 575px) {
    .dx-ticket-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.dx-ticket-item + .dx-ticket-item {
    margin-top: 30px;
}

.dx-ticket-item.dx-ticket-new .dx-ticket-info .dx-ticket-new {
    display: inline-block;
    padding: 2px 8px;
    margin-top: 4px;
    font-family: "Maven Pro", sans-serif;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    background-color: #2b72e6;
    border-radius: 3px;
}

.dx-ticket-item.dx-ticket-open .dx-ticket-status,
.dx-ticket-item.dx-ticket-closed .dx-ticket-status {
    font-family: "Maven Pro", sans-serif;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.dx-ticket-item.dx-ticket-open .dx-ticket-status::before,
.dx-ticket-item.dx-ticket-closed .dx-ticket-status::before {
    content: "";
    width: 5px;
    min-width: 5px;
    height: 5px;
    margin-right: 10px;
    border-radius: 5px;
}

@media screen and (max-width: 767px) {
    .dx-ticket-item.dx-ticket-open .dx-ticket-status,
    .dx-ticket-item.dx-ticket-closed .dx-ticket-status {
        position: absolute;
        top: 25px;
        right: 30px;
        margin: 0;
    }
}

.dx-ticket-item.dx-ticket-open .dx-ticket-status {
    color: #2b72e6;
}

.dx-ticket-item.dx-ticket-open .dx-ticket-status::before {
    background-color: #2b72e6;
}

.dx-ticket-item.dx-ticket-closed .dx-ticket-status {
    color: #999;
}

.dx-ticket-item.dx-ticket-closed .dx-ticket-status::before {
    background-color: #999;
}

.dx-ticket-item .dx-ticket-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 30px;
}

.dx-ticket-item .dx-ticket-cont {
    width: 100%;
}

.dx-ticket-item .dx-ticket-img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
    min-width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 3px;
}

.dx-ticket-item .dx-ticket-img + .dx-ticket-cont {
    margin-left: 30px;
}

@media screen and (max-width: 575px) {
    .dx-ticket-item .dx-ticket-img + .dx-ticket-cont {
        margin-top: 30px;
        margin-left: 0;
    }
}

.dx-ticket-item .dx-ticket-img img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 3px;
}

.dx-ticket-item .dx-ticket-name {
    display: block;
    margin-top: -6px;
    font-weight: 600;
    color: #7a7a7a;
}

.dx-ticket-item .dx-ticket-name + .dx-ticket-title {
    margin-top: 9px;
}

.dx-ticket-item .dx-ticket-title {
    display: block;
    margin-bottom: 0;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-ticket-item .dx-ticket-title + .dx-ticket-info {
    margin-top: 10px;
}

.dx-ticket-item .dx-ticket-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: 0 0 -6px;
    font-size: .875rem;
    color: #7a7a7a;
}

.dx-ticket-item .dx-ticket-info > li {
    display: inline-block;
    padding-top: 4px;
    margin-right: 30px;
    list-style: none;
}

@media screen and (max-width: 575px) {
    .dx-ticket-item .dx-ticket-info > li {
        margin-right: 20px;
    }
}

.dx-ticket-item .dx-ticket-info > li:last-child {
    margin-right: 0;
}

.dx-ticket-item:hover, .dx-ticket-item.hover {
    text-decoration: none;
}

.dx-ticket-item:hover .dx-ticket-title, .dx-ticket-item.hover .dx-ticket-title {
    color: #2b72e6;
}

.dx-ticket-item:focus, .dx-ticket-item.focus {
    text-decoration: none;
}

.dx-ticket-comment {
    padding: 50px;
}

.dx-ticket-comment + .dx-ticket-comment {
    padding: 50px;
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .dx-ticket-comment {
        padding: 30px;
    }
    .dx-ticket-comment + .dx-ticket-comment {
        padding: 30px;
    }
}

.dx-ticket-comment.dx-comment-replied {
    -webkit-box-shadow: inset 3px 0 0 0 #dbdbdb, inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec;
            box-shadow: inset 3px 0 0 0 #dbdbdb, inset 0 1px 0 0 #ececec, inset 0 -1px 0 0 #ececec;
}

.dx-ticket-comment.dx-comment-replied .dx-comment-name .dx-comment-replied {
    margin-left: 3px;
    color: #7a7a7a;
}

@media screen and (max-width: 575px) {
    .dx-ticket-comment.dx-comment-replied .dx-comment-name .dx-comment-replied {
        display: none;
    }
}

.dx-ticket-comment.dx-comment-new .dx-comment-name {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

@media screen and (max-width: 575px) {
    .dx-ticket-comment.dx-comment-new .dx-comment-name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 40px;
    }
}

.dx-ticket-comment.dx-comment-new .dx-comment-name .dx-comment-new {
    position: relative;
    display: inline-block;
    -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
            order: 12;
    padding: 2px 8px;
    margin-left: 25px;
    font-family: "Maven Pro", sans-serif;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    background-color: #2b72e6;
    border-radius: 3px;
}

@media screen and (max-width: 575px) {
    .dx-ticket-comment.dx-comment-new .dx-comment-name .dx-comment-new {
        position: absolute;
        right: 0;
        margin: 0;
    }
}

.dx-ticket-comment .dx-comment-text + .dx-comment-file {
    margin-top: 30px;
}

.dx-ticket-comment .dx-comment-file {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 20px 20px 70px;
    color: rgba(122, 122, 122, 0.8);
    background-color: rgba(247, 247, 247, 0.8);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
            box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-ticket-comment .dx-comment-file .dx-comment-file-img {
    position: absolute;
    top: 12px;
    left: 12px;
}

.dx-ticket-comment .dx-comment-file .dx-comment-file-name {
    display: block;
    margin-top: -8px;
    font-size: .875rem;
}

.dx-ticket-comment .dx-comment-file .dx-comment-file-size {
    display: block;
    margin-top: -1px;
    margin-bottom: -6px;
    font-size: .875rem;
    color: #bababa;
}

.dx-ticket-comment .dx-comment-file .dx-comment-file-icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    right: 20px;
    bottom: 0;
    font-size: 1.5rem;
}

.dx-ticket-comment .dx-comment-file:hover, .dx-ticket-comment .dx-comment-file.hover {
    color: #616161;
    text-decoration: none;
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

/*------------------------------------------------------------------

  Topic

 -------------------------------------------------------------------*/
.dx-topic-comment {
    padding: 50px;
}

.dx-topic-comment + .dx-topic-comment {
    padding: 50px;
    margin-top: 0;
}

@media screen and (max-width: 767px) {
    .dx-topic-comment {
        padding: 30px;
    }
    .dx-topic-comment + .dx-topic-comment {
        padding: 30px;
    }
}

/*------------------------------------------------------------------

  Elements

 -------------------------------------------------------------------*/
/*---------------------------
    Element Popup
  ----------------------------*/
.fancybox-slide {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .fancybox-slide::-webkit-scrollbar-track {
        background-color: #1b1b1b;
    }
    .fancybox-slide::-webkit-scrollbar {
        width: 8px;
        background-color: #1b1b1b;
    }
    .fancybox-slide::-webkit-scrollbar-thumb {
        background-color: #fff;
        border-radius: 4px;
    }
}

.dx-popup {
    display: none;
    padding: 0;
}

.dx-popup.dx-popup-signin {
    position: static;
    background: none;
}

.dx-popup.dx-popup-signin::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background-color: #1b1b1b;
    z-index: -1;
}

.dx-popup.dx-popup-modal {
    width: auto;
    height: auto;
    margin: 20px 0;
}

.dx-popup.dx-popup-modal .fancybox-close-small {
    top: 13px;
    right: 13px;
    width: 46px;
    height: 46px;
    color: #bababa;
}

.dx-popup.dx-popup-modal .fancybox-close-small:hover, .dx-popup.dx-popup-modal .fancybox-close-small.hover {
    color: #7a7a7a;
}

.dx-popup.dx-popup-subscribe {
    width: 365px;
    border-radius: 3px;
}

.dx-popup .fancybox-close-small {
    top: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    color: #bababa;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-popup .fancybox-close-small:hover, .dx-popup .fancybox-close-small.hover {
    color: #fff;
}

.dx-popup .fancybox-close-small.fancybox-focus {
    outline: 0;
}

/*---------------------------
   Element List
  ----------------------------*/
.dx-list {
    padding-left: 18px;
    margin: 0;
}

.dx-list.dx-list-decimal {
    padding-left: 37px;
}

.dx-list.dx-list-decimal > li {
    padding-left: 0;
    list-style-type: decimal;
}

.dx-list > li {
    padding-left: 8px;
    margin: 0;
    color: #7a7a7a;
}

.dx-list > li + li {
    margin-top: 11px;
}

.dx-list > li strong {
    color: #1b1b1b;
}

.dx-list > li a {
    display: block;
    color: #2b72e6;
    text-decoration: none;
    cursor: pointer;
}

.dx-list > li a:hover, .dx-list > li a:focus {

    text-decoration: none;
}

.dx-list-documentation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 25px;
    margin: 0 -5px;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-list-documentation .dx-list-documentation a::after {
    display: none;
}

.dx-list-documentation > li {
    position: relative;
    padding: 0 15px;
    list-style: none;
}

.dx-list-documentation > li + li {
    margin-top: 16px;
}

.dx-list-documentation > li a,
.dx-list-documentation > li button {
    position: relative;
    display: block;
    padding: 3px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #5d77c7 !important;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-list-documentation > li a + .dx-accordion-btn,
.dx-list-documentation > li button + .dx-accordion-btn {
    position: absolute;
    top: -1px;
    right: 15px;
}

.dx-list-documentation > li a::after,
.dx-list-documentation > li button::after {
    content: "";
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: -35px;
    width: 2px;
    height: auto;
    background-color: #2b72e6;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.dx-list-documentation > li a.active, .dx-list-documentation > li a:hover,
.dx-list-documentation > li button.active,
.dx-list-documentation > li button:hover {
    color: #1e41af !important; 
    text-decoration: none;
}

.dx-list-documentation > li a.active::after,
.dx-list-documentation > li button.active::after {
    opacity: 1;
}

/*---------------------------
  Element Buttons
 ----------------------------*/
.dx-btn {
    position: relative;
    display: inline-block;
    padding: 11px 26px;
    margin: 0;
    font-family: "Maven Pro", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .02em;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: #2b72e6;
    border: 0;
    border-radius: 3px;
    will-change: transform, opacity;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.dx-btn > .icon {
    font-size: 1.125rem;
    line-height: 0;
}

.dx-btn:hover, .dx-btn.hover, .dx-btn:focus, .dx-btn.focus, .dx-btn:active, .dx-btn.active {
    color: #fff;
    text-decoration: none;
    background-color: #175ac7;
    outline: none;
}

.dx-btn-main-1 {
    background-color: #2b72e6;
}

.dx-btn-main-1:hover, .dx-btn-main-1.hover {
    background-color: #175ac7;
}

.dx-btn-main-2 {
    background-color: #f03f3b;
}

.dx-btn-main-2:hover, .dx-btn-main-2.hover {
    background-color: #e61612;
}

.dx-btn-main-3 {
    background-color: #c9a57d;
}

.dx-btn-main-3:hover, .dx-btn-main-3.hover {
    background-color: #ba8c59;
}

.dx-btn-white {
    background-color: #fff;
}

.dx-btn-white:hover, .dx-btn-white.hover {
    background-color: #e6e6e6;
}

.dx-btn-black {
    background-color: #000;
}

.dx-btn-black:hover, .dx-btn-black.hover {
    background-color: black;
}

.dx-btn-1 {
    background-color: #d4d4d4;
}

.dx-btn-1:hover, .dx-btn-1.hover {
    background-color: #bbbbbb;
}

.dx-btn-2 {
    background-color: #bcbcbc;
}

.dx-btn-2:hover, .dx-btn-2.hover {
    background-color: #a3a3a3;
}

.dx-btn-3 {
    background-color: #525252;
}

.dx-btn-3:hover, .dx-btn-3.hover {
    background-color: #393939;
}

.dx-btn-grey-1 {
    background-color: #7a7a7a;
}

.dx-btn-grey-1:hover, .dx-btn-grey-1.hover {
    background-color: #616161;
}

.dx-btn-grey-2 {
    background-color: #3a3a3a;
}

.dx-btn-grey-2:hover, .dx-btn-grey-2.hover {
    background-color: #212121;
}

.dx-btn-grey-3 {
    background-color: #bababa;
}

.dx-btn-grey-3:hover, .dx-btn-grey-3.hover {
    background-color: #a1a1a1;
}

.dx-btn-grey-4 {
    background-color: #d6d6d6;
}

.dx-btn-grey-4:hover, .dx-btn-grey-4.hover {
    background-color: #bdbdbd;
}

.dx-btn-grey-5 {
    background-color: #ececec;
}

.dx-btn-grey-5:hover, .dx-btn-grey-5.hover {
    background-color: lightgray;
}

.dx-btn-grey-6 {
    background-color: #f9f9f9;
}

.dx-btn-grey-6:hover, .dx-btn-grey-6.hover {
    background-color: #e0e0e0;
}

.dx-btn-dark-1 {
    background-color: #1b1b1b;
}

.dx-btn-dark-1:hover, .dx-btn-dark-1.hover {
    background-color: #020202;
}

.dx-btn-dark-2 {
    background-color: #121212;
}

.dx-btn-dark-2:hover, .dx-btn-dark-2.hover {
    background-color: black;
}

.dx-btn-dark-3 {
    background-color: #232323;
}

.dx-btn-dark-3:hover, .dx-btn-dark-3.hover {
    background-color: #0a0a0a;
}

.dx-btn-envato {
    min-width: 300px;
    background-color: #91b34c;
}

@media screen and (max-width: 575px) {
    .dx-btn-envato {
        min-width: auto;
    }
}

.dx-btn-envato > .icon {
    opacity: .9;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.dx-btn-envato:hover, .dx-btn-envato.hover, .dx-btn-envato:focus, .dx-btn-envato.focus {
    background-color: #748f3d;
}

.dx-btn-envato:hover > .icon, .dx-btn-envato.hover > .icon, .dx-btn-envato:focus > .icon, .dx-btn-envato.focus > .icon {
    opacity: 1;
}

.dx-btn-grey {
    color: #525252;
    background-color: #e8e8e8;
}

.dx-btn-grey:hover, .dx-btn-grey.hover, .dx-btn-grey:focus {
    color: #1b1b1b;
    background-color: #dbdbdb;
}

.dx-btn-grey-style-2 {
    color: rgba(122, 122, 122, 0.8);
    background-color: #fafafa;
    -webkit-box-shadow: inset 0 0 0 1px #e8e8e8;
            box-shadow: inset 0 0 0 1px #e8e8e8;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-btn-grey-style-2:hover, .dx-btn-grey-style-2.hover {
    color: #616161;
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

.dx-btn-dark {
    color: #fff;
    background-color: #3a3a3a;
}

.dx-btn-dark:hover, .dx-btn-dark.hover, .dx-btn-dark:focus {
    color: #fff;
    background-color: #141414;
}

.dx-btn-transparent {
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.16);
            box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.16);
}

.dx-btn-transparent:hover, .dx-btn-transparent.hover, .dx-btn-transparent:focus, .dx-btn-transparent.focus {
    color: #1b1b1b;
    background-color: white;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
            box-shadow: inset 0 0 0 2px #fff;
}

.dx-btn-transparent-style-2 {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: inset 0 0 0 2px #fff;
            box-shadow: inset 0 0 0 2px #fff;
}

.dx-btn-transparent-style-2:hover, .dx-btn-transparent-style-2.hover, .dx-btn-transparent-style-2:focus, .dx-btn-transparent-style-2.focus {
    color: #1b1b1b;
    background-color: white;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
            box-shadow: inset 0 0 0 2px #fff;
}

.dx-btn-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    font-weight: 500;
    color: #1b1b1b;
    background: none;
}

.dx-btn-link .icon {
    position: relative;
    top: 5px;
    height: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
    font-size: 1.5rem;
}

.dx-btn-link:hover, .dx-btn-link:focus {
    color: #2b72e6;
    background: none;
}

.dx-btn-block {
    display: block;
    width: 100%;
}

.dx-btn-xs {
    padding: 11px 20px;
    font-size: .7rem;
}

.dx-btn-sm {
    padding: 12px 25px;
    font-size: .8rem;
}

.dx-btn-md {
    padding: 16px 31px;
    letter-spacing: .03em;
}

.dx-btn-lg {
    padding: 21px 38px;
    font-size: .75rem;
}

.dx-btn-lg.dx-btn-icon {
    padding: 18px 18px;
}

.dx-btn-xl {
    padding: 21px 34px;
    font-size: .875rem;
    font-weight: 500;
}

.dx-btn-popup {
    padding: 22px 34px;
    font-size: .75rem;
    font-weight: 500;
}

.dx-btn-load {
    position: relative;
}

.dx-btn-load::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    width: 6px;
    height: 6px;
    margin-top: -15px;
    margin-right: 2px;
    border-radius: 100%;
    -webkit-box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
            box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
}

.dx-btn-load.dx-btn-loaded {
    color: #525252;
    cursor: default;
    background: none;
}

.dx-btn-load.dx-btn-loaded::before {
    display: none;
}

.dx-btn-load.dx-btn-loading {
    color: rgba(255, 255, 255, 0);
    cursor: default;
    background: none;
}

.dx-btn-load.dx-btn-loading.dx-btn-loaded {
    color: #525252;
}

.dx-btn-load.dx-btn-loading::before {
    opacity: 1;
    -webkit-animation: btn 1.5s infinite;
            animation: btn 1.5s infinite;
}

@-webkit-keyframes btn {
    0% {
        -webkit-box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
                box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
    }
    3% {
        -webkit-box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
                box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
    }
    33% {
        -webkit-box-shadow: 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b;
                box-shadow: 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b;
    }
    36% {
        -webkit-box-shadow: 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b;
                box-shadow: 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b;
    }
    66% {
        -webkit-box-shadow: 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b;
                box-shadow: 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b;
    }
    69% {
        -webkit-box-shadow: 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b;
                box-shadow: 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b;
    }
    100% {
        -webkit-box-shadow: 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b;
                box-shadow: 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b;
    }
}

@keyframes btn {
    0% {
        -webkit-box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
                box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
    }
    3% {
        -webkit-box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
                box-shadow: 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b;
    }
    33% {
        -webkit-box-shadow: 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b;
                box-shadow: 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b;
    }
    36% {
        -webkit-box-shadow: 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b;
                box-shadow: 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b;
    }
    66% {
        -webkit-box-shadow: 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b;
                box-shadow: 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b;
    }
    69% {
        -webkit-box-shadow: 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b;
                box-shadow: 10px 16px 0 0 #1b1b1b, 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b;
    }
    100% {
        -webkit-box-shadow: 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b;
                box-shadow: 0 16px 0 0 #1b1b1b, 0 6px 0 0 #1b1b1b, 10px 6px 0 0 #1b1b1b, 10px 16px 0 0 #1b1b1b;
    }
}

/*---------------------------
  Element Breadcrumbs
 ----------------------------*/
.dx-breadcrumbs {
    display: block;
    padding: 0;
    margin: 0;
    font-size: .9375rem;
}

.dx-breadcrumbs > li {
    display: inline-block;
    color: #bcbcbc;
}

.dx-breadcrumbs > li::after {
    content: " / ";
    margin-right: 3px;
    margin-left: 3px;
}

.dx-breadcrumbs > li:last-child::after {
    content: "";
}

.dx-breadcrumbs > li > a {
    color: #bcbcbc;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-breadcrumbs > li > a:hover {
    color: #fff;
    text-decoration: none;
}

.dx-breadcrumbs-dark > li {
    color: #1b1b1b;
}

.dx-breadcrumbs-dark > li > a {
    color: #1b1b1b;
}

.dx-breadcrumbs-dark > li > a:hover {
    color: #2b72e6;
}

/*---------------------------
  Element Tabs
 ----------------------------*/
.dx-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 8px 35px;
    margin-right: -5px;
    margin-left: -5px;
    -webkit-box-shadow: 0 6px 0 -5px rgba(0, 0, 0, 0.06), 0 -6px 0 -5px rgba(0, 0, 0, 0.06);
            box-shadow: 0 6px 0 -5px rgba(0, 0, 0, 0.06), 0 -6px 0 -5px rgba(0, 0, 0, 0.06);
}

@media screen and (max-width: 1200px) {
    .dx-tab {
        padding: 8px 40px;
    }
}

@media screen and (max-width: 767px) {
    .dx-tab {
        padding: 8px 20px;
    }
}

.dx-tab > li {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    font-size: .9375rem;
    font-weight: 600;
    letter-spacing: normal;
}

.dx-tab > li a,
.dx-tab > li button {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 15px;
    color: rgba(27, 27, 27, 0.7);
    text-align: left;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

@media screen and (max-width: 1200px) {
    .dx-tab > li a,
    .dx-tab > li button {
        padding: 10px 8px;
    }
}

.dx-tab > li a > .icon,
.dx-tab > li button > .icon {
    margin-left: 4px;
    opacity: .9;
}

.dx-tab > li a::after,
.dx-tab > li button::after {
    content: "";
    position: absolute;
    right: 5px;
    bottom: -10px;
    left: 5px;
    height: 2px;
    background-color: #2b72e6;
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

@media screen and (max-width: 767px) {
    .dx-tab > li a::after,
    .dx-tab > li button::after {
        bottom: 0;
    }
}

.dx-tab > li a.active, .dx-tab > li a:hover,
.dx-tab > li button.active,
.dx-tab > li button:hover {
    color: #1b1b1b;
    text-decoration: none;
}

.dx-tab > li a.active::after,
.dx-tab > li button.active::after {
    opacity: 1;
}

.dx-tab > li button {
    font-weight: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-tab-payment {
    padding: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-tab-payment > li {
    padding: 0;
}

.dx-tab-payment > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    padding: 16px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
            box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
    transition: -webkit-box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-tab-payment > li > a.active {
    -webkit-box-shadow: inset 0 0 0 2px #2b72e6;
            box-shadow: inset 0 0 0 2px #2b72e6;
}

.dx-tab-payment > li > a.active img {
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
    opacity: 1;
}

.dx-tab-payment > li > a.active .dx-tab-payment-method-text {
    opacity: 1;
}

.dx-tab-payment > li > a img {
    max-width: 100%;
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    opacity: .7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out, -webkit-filter .2s ease-in-out;
    transition: opacity .2s ease-in-out, -webkit-filter .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, filter .2s ease-in-out;
    transition: opacity .2s ease-in-out, filter .2s ease-in-out;
    transition: opacity .2s ease-in-out, filter .2s ease-in-out, -webkit-filter .2s ease-in-out;
}

.dx-tab-payment > li > a img + .dx-tab-payment-method-text {
    margin-left: 20px;
}

.dx-tab-payment > li > a .dx-tab-payment-method-text {
    font-family: "Maven Pro", sans-serif;
    font-size: 12px;
    color: #1b1b1b;
    text-transform: uppercase;
    opacity: .7;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.dx-tab-payment > li > a::after {
    display: none;
}

.dx-tab-pane {
    position: absolute;
}

.dx-tab-pane.active {
    position: static;
}

/*---------------------------
  Element Collapse
 ----------------------------*/
.dx-accordion .dx-accordion-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    font-weight: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-accordion .dx-accordion-btn > .icon {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: scaleY(1) rotate(90deg);
        -ms-transform: scaleY(1) rotate(90deg);
            transform: scaleY(1) rotate(90deg);
}

.dx-accordion .dx-accordion-btn.collapsed > .icon {
    -webkit-transform: scaleY(-1);
        -ms-transform: scaleY(-1);
            transform: scaleY(-1);
}

.dx-accordion .dx-collapse .dx-list-documentation {
    padding-top: 15px;
    padding-bottom: 0;
}

/*---------------------------
  Element Feature
 ----------------------------*/
.dx-feature {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.dx-feature > * {
    display: table-cell;
    vertical-align: top;
}

.dx-feature .dx-feature-title {
    font-weight: 600;
    color: #1b1b1b;
}

.dx-feature .dx-feature-title a {
    color: inherit;
    text-decoration: none;
}

.dx-feature .dx-feature-icon {
    font-size: 3rem;
    color: #1b1b1b;
}

.dx-feature .dx-feature-cont {
    width: 100%;
}

.dx-feature-1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    z-index: 1;
}

.dx-feature-1 + .dx-feature-1 {
    margin-top: 40px;
}

.dx-feature-1 .dx-feature-decorated {
    position: absolute;
    top: 15px;
    right: 100%;
    min-width: 5px;
    min-height: 5px;
    background-color: #121212;
    border-radius: 100%;
}

.dx-feature-1 .dx-feature-decorated + .dx-feature-icon {
    margin-left: 20px;
}

.dx-feature-1 .dx-feature-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 50px;
    margin-top: -3px;
    color: #1b1b1b;
}

.dx-feature-1 .dx-feature-icon + .dx-feature-cont {
    margin-left: 28px;
}

.dx-feature-1 .dx-feature-cont {
    display: block;
    padding: 0;
}

.dx-feature-1 .dx-feature-cont .dx-feature-title {
    margin-top: -8px;
    font-size: 1.9rem;
    color: #1b1b1b;
    text-transform: uppercase;
}

.dx-feature-1 .dx-feature-cont .dx-feature-text {
    margin-top: -5px;
}

.dx-feature-2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 40px 0;
}

.dx-feature-2 .dx-feature-cont {
    padding: 0 30px;
}

.dx-feature-2 .dx-feature-cont + .dx-decorated {
    margin-top: 45px;
}

.dx-feature-2 .dx-feature-cont .dx-feature-icon {
    height: 70px;
    margin-bottom: 8px;
    font-size: 3.75rem;
    color: #fff;
}

.dx-feature-2 .dx-feature-cont .dx-feature-icon > .icon {
    position: relative;
    top: -12px;
}

.dx-feature-2 .dx-feature-cont .dx-feature-title {
    margin-bottom: 8px;
    font-size: 1.125rem;
    color: #fff;
}

.dx-feature-2 .dx-feature-cont .dx-feature-text {
    color: #bcbcbc;
}

.dx-feature-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 30px 25px;
    text-align: center;
}

.dx-feature-3.dx-feature-color-1 .dx-feature-icon {
    color: #19c485;
}

.dx-feature-3.dx-feature-color-2 .dx-feature-icon {
    color: #967bdc;
}

.dx-feature-3.dx-feature-color-3 .dx-feature-icon {
    color: #009ddc;
}

.dx-feature-3.dx-feature-color-4 .dx-feature-icon {
    color: #e66b3f;
}

.dx-feature-3 .dx-feature-icon {
    font-size: 3.75rem;
}

.dx-feature-3 .dx-feature-title {
    display: block;
    margin-top: -3px;
    margin-bottom: 9px;
    font-size: 1.125rem;
}

.dx-feature-3 .dx-feature-title a {
    color: #1b1b1b;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-feature-3 .dx-feature-title a:hover, .dx-feature-3 .dx-feature-title a:focus {
    color: #2b72e6;
}

.dx-feature-3 .dx-feature-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 19px;
}

/*---------------------------
  Element Content Boxes
 ----------------------------*/
.dx-box,
.dx-box-1,
.dx-box-2,
.dx-box-3,
.dx-box-4,
.dx-box-5,
.dx-box-fullscreen,
.dx-box-decorated {
    position: relative;
    display: block;
    transition: all 1s;
   
}

.dx-box-1 {
    padding: 100px 0;
}

.dx-box-1.dx-padding-top {
    padding: 100px 0 0;
}

.dx-box-1.dx-padding-bot {
    padding: 0 0 100px;
}

.dx-box-2 {
    padding: 110px 0 110px;
}

.dx-box-2.dx-padding-top {
    padding: 110px 0 0;
}

.dx-box-2.dx-padding-bot {
    padding: 0 0 110px;
}

.dx-box-3 {
    padding: 125px 0;
}

.dx-box-3.dx-padding-top {
    padding: 125px 0 0;
}

.dx-box-3.dx-padding-bot {
    padding: 0 0 125px;
}

.dx-box-4 {
    padding: 190px 0;
}

.dx-box-4.dx-padding-top {
    padding: 235px 0 0;
}

.dx-box-4.dx-padding-bot {
    padding: 0 0 235px;
}

.dx-box-5 {
    padding: 40px 0;
    transition: all 1s;
}

.dx-box-5.dx-padding-top {
    padding: 80px 0 0;
}

.dx-box-5.dx-padding-bot {
    padding: 0 0 80px;
}

.dx-box-fullscreen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 100vh;
    padding: 200px 0;
}

.dx-box-decorated {
    height: auto;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
}

.dx-box-content {
    padding: 30px;
}

@media screen and (max-width: 767px) {
    .dx-box-content {
        padding: 30px 20px;
    }
}

/*---------------------------
  Element Table
 ----------------------------*/
.dx-table {
    width: 100%;
}

.dx-table tbody tr {
    padding: 30px;
}

.dx-table tbody tr + tr {
    border-top: 1px solid #ececec;
}

.dx-table tbody tr th {
    padding-right: 28px;
}

.dx-table tbody tr td {
    padding-right: 30px;
}

.dx-table tbody tr td:last-child {
    padding-right: 0;
}

.dx-table a:not(.dx-btn) {
    color: #2b72e6;
    text-decoration: none;
}

.dx-table a:not(.dx-btn):hover, .dx-table a:not(.dx-btn).hover {
    color: #1b1b1b;
    text-decoration: none;
}

.dx-table-checkout tbody tr {
    display: block;
}

.dx-table-checkout tbody tr + tr {
    padding-top: 0;
    border-top: 0;
}

.dx-table-checkout tbody tr .dx-table-checkout-img > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 60px;
    min-width: 60px;
    height: 52px;
    overflow: hidden;
    border-radius: 3px;
}

.dx-table-checkout tbody tr .dx-table-checkout-img > a img {
    max-width: 100%;
}

.dx-table-checkout tbody tr .dx-table-checkout-title {
    min-width: 220px;
    font-weight: 600;
    color: #1b1b1b;
    letter-spacing: normal;
}

.dx-table-checkout tbody tr .dx-table-checkout-title a:not(.dx-btn) {
    display: block;
    color: #1b1b1b;
}

.dx-table-checkout tbody tr .dx-table-checkout-title a:not(.dx-btn):hover, .dx-table-checkout tbody tr .dx-table-checkout-title a:not(.dx-btn).hover, .dx-table-checkout tbody tr .dx-table-checkout-title a:not(.dx-btn):focus {
    color: #2b72e6;
    text-decoration: none;
}

.dx-table-checkout tbody tr .dx-table-checkout-price {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1b1b1b;
}

.dx-table-checkout tbody tr .dx-table-checkout-delete > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 14px;
    font-size: 2.3rem;
    color: #1b1b1b;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-table-checkout tbody tr .dx-table-checkout-delete > a:hover, .dx-table-checkout tbody tr .dx-table-checkout-delete > a.hover {
    color: #2b72e6;
    text-decoration: none;
}

.dx-table-checkout tbody tr .dx-table-checkout-delete > a:focus {
    text-decoration: none;
}

.dx-table-default thead {
    background-color: #2b72e6;
}

.dx-table-default thead tr {
    font-family: "Maven Pro", sans-serif;
    font-size: .75rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.dx-table-default thead tr th {
    padding: 20px;
    font-weight: inherit;
}

.dx-table-default thead tr th:first-child {
    padding-left: 50px;
}

.dx-table-default thead tr th:last-child {
    padding-right: 50px;
}

@media screen and (max-width: 767px) {
    .dx-table-default thead tr th:first-child {
        padding-left: 30px;
    }
    .dx-table-default thead tr th:last-child {
        padding-right: 30px;
    }
}

.dx-table-default tbody tr {
    font-size: .9375rem;
    font-weight: 400;
    color: #525252;
    vertical-align: top;
    background-color: #fff;
    -webkit-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
}

.dx-table-default tbody tr:hover, .dx-table-default tbody tr.hover {
    background-color: #fcfcfc;
}

.dx-table-default tbody tr a:not(.dx-btn) {
    color: #2b72e6;
}

.dx-table-default tbody tr th {
    min-width: 300px;
    padding: 29px;
    padding-left: 50px;
    font-weight: inherit;
}

.dx-table-default tbody tr td {
    padding: 29px 20px;
}

.dx-table-default tbody tr td:last-child {
    padding-right: 50px;
}

@media screen and (max-width: 767px) {
    .dx-table-default tbody tr th {
        padding: 24px 20px;
        padding-left: 30px;
    }
    .dx-table-default tbody tr td {
        padding: 24px 20px;
    }
    .dx-table-default tbody tr td:last-child {
        padding-right: 30px;
    }
}

.dx-table-default tbody .dx-table-lastPost {
    min-width: 220px;
}

@media screen and (max-width: 767px) {
    .dx-table-default tbody .dx-table-lastPost {
        min-width: 200px;
    }
}

.dx-table-default tbody .dx-table-topics {
    min-width: 350px;
}

.dx-table-default tbody .dx-table-licenseKey {
    width: 230px;
    min-width: 210px;
}

.dx-table-default tbody .dx-table-website {
    width: 230px;
    min-width: 180px;
}

.dx-table-default .dx-table-default-title {
    display: block;
    margin-bottom: 7px;
    font-weight: 600;
}

.dx-table-default .dx-table-default-info {
    font-size: .875rem;
}

.dx-table-default .dx-table-default-info a:not(.dx-btn) {
    color: #993d41;
}

.dx-table-default .dx-table-default-product a:not(.dx-btn) {
    color: #121212;
}

.dx-table-default .dx-table-default-product a:not(.dx-btn):hover, .dx-table-default .dx-table-default-product a:not(.dx-btn).hover {
    color: #2b72e6;
    text-decoration: none;
}

.dx-table-default .dx-table-default-website {
    color: #bababa;
}

/*---------------------------
  Element Pagination
 ----------------------------*/
.dx-pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: 0 -5px;
}

.dx-pagination .dx-pagination-space {
    margin: 0 10px;
    font-weight: 600;
}

@media screen and (max-width: 575px) {
    .dx-pagination .dx-pagination-space {
        display: none;
    }
}

@media screen and (max-width: 440px) {
    .dx-pagination .dx-pagination-icon a {
        min-width: auto;
        padding: 0;
        background: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
}

.dx-pagination .dx-pagination-icon .icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 10px;
    font-size: 1.5rem;
}

@media screen and (max-width: 440px) {
    .dx-pagination .dx-pagination-icon .icon {
        top: 1px;
    }
}

.dx-pagination > li {
    display: inline-block;
    padding: 0 5px;
}

.dx-pagination > li.active a {
    color: #fff;
    background-color: #2b72e6;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-pagination > li.active a:hover, .dx-pagination > li.active a.hover, .dx-pagination > li.active a:focus, .dx-pagination > li.active a.focus {
    color: #fff;
    background-color: #175ac7;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-pagination > li a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 10px;
    font-size: .875rem;
    color: #3a3a3a;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
            box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;
    transition: color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out;
    transition: color .15s ease-in-out, box-shadow .15s ease-in-out, background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

@media screen and (max-width: 440px) {
    .dx-pagination > li a {
        min-width: 30px;
        height: 30px;
        font-size: .75rem;
    }
}

.dx-pagination > li a:hover, .dx-pagination > li a.hover, .dx-pagination > li a:focus, .dx-pagination > li a.focus {
    color: #141414;
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

/*---------------------------
  Element Blockquotes
 ----------------------------*/
.dx-blockquote {
    margin-bottom: 1.5rem;
    font-family: "Nunito Sans", sans-serif;
    font-style: italic;
    font-weight: 600;
    color: #1b1b1b;
}

.dx-blockquote .dx-blockquote-title {
    display: block;
    margin-bottom: 7px;
    font-weight: 600;
    color: #1b1b1b;
}

.dx-blockquote.dx-blockquote-style-2 {
    padding: 20px 0 20px 20px;
    font-style: normal;
    font-weight: 400;
    color: #525252;
    border-left: 3px solid #dbdbdb;
}

/*---------------------------
  Element Image Boxes
 ----------------------------*/
.dx-gallery .dx-gallery-item {
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}

.dx-gallery .dx-gallery-item:focus {
    outline: none;
}

.dx-gallery .dx-gallery-item .dx-gallery-item-overlay {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 5rem;
    line-height: 0;
    color: #fff;
    background-color: rgba(27, 27, 27, 0.7);
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    z-index: 1;
}

.dx-gallery .dx-gallery-item .dx-gallery-item-overlay > .icon {
    opacity: 0;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
}

.dx-gallery .dx-gallery-item .dx-gallery-item-overlay.dx-gallery-item-overlay-md {
    font-size: 3rem;
}

@media screen and (max-width: 440px) {
    .dx-gallery .dx-gallery-item .dx-gallery-item-overlay.dx-gallery-item-overlay-md {
        font-size: 2rem;
    }
}

.dx-gallery .dx-gallery-item .dx-gallery-item-overlay.dx-gallery-item-overlay-sm {
    font-size: 2rem;
}

.dx-gallery .dx-gallery-item > img {
    width: 100%;
    height: 100%;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
    will-change: transform;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.dx-gallery .dx-gallery-item:hover > img {
    -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
            transform: scale(1.02);
}

.dx-gallery .dx-gallery-item:hover .dx-gallery-item-overlay {
    opacity: 1;
}

.dx-gallery .dx-gallery-item:hover .dx-gallery-item-overlay > .icon {
    opacity: 1;
}

/*---------------------------
  Element Dropdown
 ----------------------------*/
.dx-dropdown > a::before,
.dx-dropdown > button::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 21px;
    margin-left: -10px;
    visibility: hidden;
    border: 10px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 100;
}

.dx-dropdown.show > a::before,
.dx-dropdown.show > button::before {
    visibility: visible;
    z-index: 102;
}

.dx-dropdown .dropdown-menu {
    display: block;
    padding: 15px 0;
    margin: 37px 0 0;
    font-family: "Nunito Sans", sans-serif;
    visibility: hidden;
    border: 0;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);
    z-index: 100;
}

.dx-dropdown .dropdown-menu.show {
    visibility: visible;
    z-index: 101;
}

.dx-dropdown .dropdown-menu li > a:not(.dx-btn) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 13px 30px 13px 15px;
    font-size: .875rem;
    font-weight: 400;
    color: #7a7a7a;
    text-transform: none;
    white-space: nowrap;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.dx-dropdown .dropdown-menu li > a:not(.dx-btn):hover, .dx-dropdown .dropdown-menu li > a:not(.dx-btn).hover, .dx-dropdown .dropdown-menu li > a:not(.dx-btn):focus {
    color: #1b1b1b;
    background-color: rgba(0, 0, 0, 0.025);
}

.dx-dropdown.dx-dropdown-checkout {
    padding: 0;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 600;
}

.dx-dropdown.dx-dropdown-checkout > a::before,
.dx-dropdown.dx-dropdown-checkout > button::before {
    margin-top: 27px;
}

.dx-dropdown.dx-dropdown-checkout .dropdown-menu {
    padding: 0;
    margin: 44px 0 0;
}

.dx-dropdown.dx-dropdown-checkout .dx-table-checkout tr {
    padding-top: 27px;
    padding-bottom: 27px;
}

.dx-dropdown.dx-dropdown-checkout .dx-table-checkout tr + tr {
    padding-top: 0;
    border: 0;
}

.dx-dropdown.dx-dropdown-checkout .dx-table-checkout-title {
    min-width: 190px;
}

.dx-dropdown.dx-dropdown-checkout .dx-table-checkout-title a {
    font-size: .875rem;
}

.dx-dropdown.dx-dropdown-checkout .dx-table-checkout-price {
    font-size: .875rem;
}

.dx-dropdown.dx-dropdown-checkout .dx-table-checkout-delete a {
    font-size: 1.6rem;
    color: #bababa;
}

.dx-dropdown.dx-dropdown-signin > a::before,
.dx-dropdown.dx-dropdown-signin > button::before {
    margin-top: 10px;
    margin-left: -62px;
}

.dx-dropdown.dx-dropdown-signin .dropdown-menu {
    padding: 10px 0;
    margin-top: 27px;
}

.dx-dropdown.dx-dropdown-signin .dropdown-menu a:not(.dx-btn) {
    padding: 10px 15px;
}

.dx-dropdown.dx-dropdown-signin .dropdown-menu.dx-navbar-dropdown-dark > li + li {
    border-color: #2d2d2d;
}

.dx-dropdown.dx-dropdown-signin .dropdown-menu > li a .icon {
    margin-right: 12px;
    font-size: 1.45rem;
}

/*---------------------------
  Element Forms
 ----------------------------*/
/* Placeholders */
::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
    color: inherit;
    opacity: .8;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
::-ms-input-placeholder,
.form-control::-ms-input-placeholder {
    color: inherit;
    opacity: .8;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
::placeholder,
.form-control::placeholder {
    color: inherit;
    opacity: .8;
    will-change: opacity;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

/* Remove outline from focused buttons */
button:focus {
    outline: 0;
}

/* From Style 1 */
.dx-form {
    margin: 0;
}

.dx-form .dx-form-group + .dx-form-group {
    margin-top: 30px;
}

.dx-form .dx-form-group-md + .dx-form-group-md {
    margin-top: 20px;
}

.dx-form .form-control {
    height: 54px;
    padding: 12px 26px;
    font-family: "Nunito Sans", sans-serif;
    color: #525252;
    text-align: left;
    text-transform: none;
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    opacity: 1;
}

.dx-form .form-control:hover::-webkit-input-placeholder, .dx-form .form-control.hover::-webkit-input-placeholder {
    opacity: 1;
}

.dx-form .form-control:hover::-ms-input-placeholder, .dx-form .form-control.hover::-ms-input-placeholder {
    opacity: 1;
}

.dx-form .form-control:hover::placeholder, .dx-form .form-control.hover::placeholder {
    opacity: 1;
}

.dx-form .form-control:focus, .dx-form .form-control.focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-form .form-control:focus::-webkit-input-placeholder, .dx-form .form-control.focus::-webkit-input-placeholder {
    opacity: 1;
}

.dx-form .form-control:focus::-ms-input-placeholder, .dx-form .form-control.focus::-ms-input-placeholder {
    opacity: 1;
}

.dx-form .form-control:focus::placeholder, .dx-form .form-control.focus::placeholder {
    opacity: 1;
}

.dx-form .form-control-style-2 {
    padding: 12px 19px;
    color: rgba(122, 122, 122, 0.8);
    background-color: #fafafa;
    -webkit-box-shadow: inset 0 0 0 1px #e8e8e8;
            box-shadow: inset 0 0 0 1px #e8e8e8;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-form .form-control-style-2:hover, .dx-form .form-control-style-2.hover, .dx-form .form-control-style-2:focus, .dx-form .form-control-style-2.focus {
    color: #616161;
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

.dx-form .form-control-style-3 {
    padding: 12px 19px;
    color: rgba(122, 122, 122, 0.8);
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #e8e8e8;
            box-shadow: inset 0 0 0 1px #e8e8e8;
    -webkit-transition: color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-form .form-control-style-3:hover, .dx-form .form-control-style-3.hover {
    color: #616161;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

.dx-form .form-control-style-3:focus, .dx-form .form-control-style-3.focus {
    color: #616161;
    -webkit-box-shadow: inset 0 0 0 1px #949494;
            box-shadow: inset 0 0 0 1px #949494;
}

.dx-form .form-control-style-4 {
    height: 56px;
    font-family: "Maven Pro", sans-serif;
    font-size: .75rem;
    font-weight: 500;
    color: #bababa;
    text-align: center;
    text-transform: uppercase;
    background-color: #232323;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-form .form-control-style-4:hover, .dx-form .form-control-style-4.hover, .dx-form .form-control-style-4:focus, .dx-form .form-control-style-4.focus {
    color: #fff;
}

.dx-form textarea,
.dx-form textarea.form-control {
    height: 170px;
    min-height: 54px;
    max-height: 250px;
}

.dx-form label {
    display: block;
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    color: #1b1b1b;
}

.dx-form select.form-control:not([size]):not([multiple]) {
    height: 54px;
}

.dx-form select.form-control {
    color: #525252;
    /* fix for select on iOs devices */
    background-color: #fff;
}

.dx-form select.form-control option {
    color: #525252;
}

.dx-form select.form-control-style-2 {
    color: rgba(122, 122, 122, 0.8);
    background-color: rgba(247, 247, 247, 0.8);
}

.dx-form select.form-control-style-2 option {
    color: #7a7a7a;
    background-color: #fff;
}

.dx-form select.form-control-style-3 {
    color: rgba(122, 122, 122, 0.8);
}

.dx-form select.form-control-style-3 option {
    color: #7a7a7a;
    background-color: #fff;
}

@-moz-document url-prefix("") {
    .dx-form select.form-control option {
        color: inherit;
    }
}

.dx-form select.form-control[multiple] option {
    color: inherit;
}

.dx-form .custom-select {
    padding-right: 60px;
    background: #fff url("../images/icon-drop.svg") no-repeat right 1rem center;
}

.dx-form.dx-form-group-inputs,
.dx-form .dx-form-group-inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dx-form.dx-form-group-inputs > *,
.dx-form .dx-form-group-inputs > * {
    margin-right: -1px;
    border-radius: 0;
}

.dx-form.dx-form-group-inputs > *:first-child,
.dx-form .dx-form-group-inputs > *:first-child {
    border-radius: 3px 0 0 3px;
}

.dx-form.dx-form-group-inputs > *:last-child,
.dx-form .dx-form-group-inputs > *:last-child {
    margin-right: 0;
    border-radius: 0 3px 3px 0;
}

.dx-form.dx-form-quantity,
.dx-form .dx-form-quantity {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.dx-form.dx-form-quantity .dx-form-quantity-input,
.dx-form .dx-form-quantity .dx-form-quantity-input {
    display: inline-block;
    width: 25px;
    min-width: 25px;
    height: 26px;
    padding: 0;
    font-size: .9375rem;
    color: #1b1b1b;
    text-align: center;
    background-color: #fff;
}

.dx-form.dx-form-quantity .dx-form-quantity-input[type="number"],
.dx-form .dx-form-quantity .dx-form-quantity-input[type="number"] {
    -moz-appearance: textfield;
}

.dx-form.dx-form-quantity .dx-form-quantity-input::-webkit-outer-spin-button, .dx-form.dx-form-quantity .dx-form-quantity-input::-webkit-inner-spin-button,
.dx-form .dx-form-quantity .dx-form-quantity-input::-webkit-outer-spin-button,
.dx-form .dx-form-quantity .dx-form-quantity-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.dx-form.dx-form-quantity .dx-form-quantity-input:hover, .dx-form.dx-form-quantity .dx-form-quantity-input.hover, .dx-form.dx-form-quantity .dx-form-quantity-input:focus,
.dx-form .dx-form-quantity .dx-form-quantity-input:hover,
.dx-form .dx-form-quantity .dx-form-quantity-input.hover,
.dx-form .dx-form-quantity .dx-form-quantity-input:focus {
    background-color: #fff;
}

.dx-form.dx-form-quantity .dx-form-quantity-minus,
.dx-form.dx-form-quantity .dx-form-quantity-plus,
.dx-form .dx-form-quantity .dx-form-quantity-minus,
.dx-form .dx-form-quantity .dx-form-quantity-plus {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 25px;
    min-width: 25px;
    height: 26px;
    color: #bababa;
    -webkit-box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
            box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
    -webkit-transition: color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    z-index: 1;
}

.dx-form.dx-form-quantity .dx-form-quantity-minus:hover, .dx-form.dx-form-quantity .dx-form-quantity-minus.hover, .dx-form.dx-form-quantity .dx-form-quantity-minus:focus,
.dx-form.dx-form-quantity .dx-form-quantity-plus:hover,
.dx-form.dx-form-quantity .dx-form-quantity-plus.hover,
.dx-form.dx-form-quantity .dx-form-quantity-plus:focus,
.dx-form .dx-form-quantity .dx-form-quantity-minus:hover,
.dx-form .dx-form-quantity .dx-form-quantity-minus.hover,
.dx-form .dx-form-quantity .dx-form-quantity-minus:focus,
.dx-form .dx-form-quantity .dx-form-quantity-plus:hover,
.dx-form .dx-form-quantity .dx-form-quantity-plus.hover,
.dx-form .dx-form-quantity .dx-form-quantity-plus:focus {
    color: #1b1b1b;
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

.dx-form.dx-form-quantity .dx-form-quantity-minus,
.dx-form .dx-form-quantity .dx-form-quantity-minus {
    margin-right: -1px;
}

/*---------------------------
  Element Alert
 ----------------------------*/
.dx-alert {
    padding: 14px 19px;
    margin-bottom: 0;
    border-radius: 3px;
}

.dx-alert + .dx-alert {
    margin-top: 30px;
}

.dx-alert.dx-alert-primary {
    color: #6681ac;
    background-color: #eaeef4;
    border-color: #e0e6ee;
}

.dx-alert.dx-alert-secondary {
    color: #919191;
    background-color: #f7f7f7;
    border-color: #efefef;
}

.dx-alert.dx-alert-success {
    color: #68ab71;
    background-color: #ebf4ec;
    border-color: #e1eee3;
}

.dx-alert.dx-alert-danger {
    color: #b66c6c;
    background-color: #faf4f4;
    border-color: #f5eaea;
}

.dx-alert.dx-alert-warning {
    color: #c1ac58;
    background-color: #f8f6ed;
    border-color: #f4f0e2;
}

.dx-alert.dx-alert-info {
    color: #60aebb;
    background-color: #eff7f8;
    border-color: #e4f1f4;
}

.dx-alert.dx-alert-light {
    color: #9f9f9f;
    background-color: white;
    border-color: #fdfdfd;
}

.dx-alert.dx-alert-dark {
    color: #6c6c6c;
    background-color: #d2d2d2;
    border-color: #cacaca;
}

/*---------------------------
  Element Changelog
 ----------------------------*/
.dx-changelog + .dx-changelog {
    margin-top: 48px;
}

.dx-changelog ul {
    padding: 0;
    margin: 0;
}

.dx-changelog ul > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    margin: 0;
    letter-spacing: normal;
    list-style: none;
}

.dx-changelog ul > li + li {
    margin-top: 12px;
}

.dx-changelog ul > li .dx-changelog-badge {
    position: relative;
    display: inline-block;
    top: 0;
    width: 41px;
    min-width: 41px;
    margin-right: 24px;
    font-family: "Maven Pro", sans-serif;
    font-size: .735rem;
    font-weight: 700;
    line-height: 12px;
    color: #1b1b1b;
    text-transform: uppercase;
    -webkit-box-shadow: 4px 0 0 -1px #1b1b1b;
            box-shadow: 4px 0 0 -1px #1b1b1b;
}

.dx-changelog ul > li.dx-changelog-fix .dx-changelog-badge {
    -webkit-box-shadow: 5px -1px 0 -1px #19c485, 5px 0 0 -1px #19c485;
            box-shadow: 5px -1px 0 -1px #19c485, 5px 0 0 -1px #19c485;
}

.dx-changelog ul > li.dx-changelog-del .dx-changelog-badge {
    -webkit-box-shadow: 5px -1px 0 -1px #d74242, 5px 0 0 -1px #d74242;
            box-shadow: 5px -1px 0 -1px #d74242, 5px 0 0 -1px #d74242;
}

.dx-changelog ul > li.dx-changelog-add .dx-changelog-badge {
    -webkit-box-shadow: 5px -1px 0 -1px #009ddc, 5px 0 0 -1px #009ddc;
            box-shadow: 5px -1px 0 -1px #009ddc, 5px 0 0 -1px #009ddc;
}

.dx-changelog ul > li.dx-changelog-imp .dx-changelog-badge {
    -webkit-box-shadow: 5px -1px 0 -1px #967bdc, 5px 0 0 -1px #967bdc;
            box-shadow: 5px -1px 0 -1px #967bdc, 5px 0 0 -1px #967bdc;
}

.dx-changelog ul > li.dx-changelog-up .dx-changelog-badge {
    -webkit-box-shadow: 5px -1px 0 -1px #e66b3f, 5px 0 0 -1px #e66b3f;
            box-shadow: 5px -1px 0 -1px #e66b3f, 5px 0 0 -1px #e66b3f;
}

/*------------------------------------------------------------------

  Plugins

 -------------------------------------------------------------------*/
/*---------------------------
    Plugin Swiper
 ----------------------------*/
.dx-slider .swiper-slide {
    position: relative;
}

.dx-slider .swiper-slide .dx-swiper-slide {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1;
}

.dx-slider .swiper-slide .dx-swiper-slide .dx-slide-logo {
    margin-bottom: 42px;
}

.dx-slider .swiper-slide .dx-swiper-slide .dx-slide-title > * {
    margin-bottom: 30px;
    font-weight: 400;
    letter-spacing: .025em;
}

.dx-slider .swiper-slide .dx-swiper-slide .dx-slide-text p:last-of-type,
.dx-slider .swiper-slide .dx-swiper-slide .dx-slide-text p:last-child {
    margin-bottom: 0;
}

.dx-slider .swiper-slide .dx-swiper-slide .dx-slide-btn {
    margin-top: 47px;
}

.dx-slider .swiper-slide .dx-swiper-slide img {
    max-width: 100%;
}

.dx-slider .swiper-pagination {
    bottom: 65px;
}

.dx-slider .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 10px;
    background: none;
    background-color: #cecece;
    opacity: 1;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

@media screen and (max-width: 575px) {
    .dx-slider .swiper-pagination .swiper-pagination-bullet {
        margin: 0 5px;
    }
}

.dx-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #2b72e6;
    opacity: 1;
}

.dx-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next, .dx-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-next-next, .dx-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev, .dx-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.dx-slider .swiper-button-prev,
.dx-slider .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 2rem;
    color: #bababa;
    background: none;
    border: 1px solid #cecece;
    border-radius: 3px;
    -webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    z-index: 2;
}

.dx-slider .swiper-button-prev > *,
.dx-slider .swiper-button-next > * {
    font-size: inherit;
    color: inherit;
}

.dx-slider .swiper-button-prev:hover,
.dx-slider .swiper-button-next:hover {
    color: #fff;
    background-color: #1b1b1b;
    border-color: #1b1b1b;
}

.dx-slider .swiper-button-prev:focus,
.dx-slider .swiper-button-next:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-slider-arrows .swiper-button-prev,
.dx-slider-arrows .swiper-button-next {
    visibility: hidden;
}

.dx-slider-arrows-clone {
    font-size: 0;
}

.dx-slider-arrows-clone.dx-slider-arrows-reviews {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    top: 50%;
    right: 0;
    left: 0;
}

@media screen and (max-width: 1200px) {
    .dx-slider-arrows-clone.dx-slider-arrows-reviews {
        right: -55px;
        left: -55px;
    }
}

@media screen and (max-width: 620px) {
    .dx-slider-arrows-clone.dx-slider-arrows-reviews {
        display: none;
    }
}

.dx-slider-arrows-clone.dx-slider-arrows-reviews .swiper-button-prev,
.dx-slider-arrows-clone.dx-slider-arrows-reviews .swiper-button-next {
    width: 40px;
    height: 40px;
    margin-top: -47px;
}

.dx-slider-arrows-clone .swiper-button-prev,
.dx-slider-arrows-clone .swiper-button-next {
    position: static;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0;
    font-size: 1.875rem;
    color: #bababa;
    background: none;
    border: 1px solid #cecece;
    border-radius: 3px;
    -webkit-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
    z-index: 2;
}

.dx-slider-arrows-clone .swiper-button-prev > *,
.dx-slider-arrows-clone .swiper-button-next > * {
    font-size: inherit;
    color: inherit;
}

.dx-slider-arrows-clone .swiper-button-prev:hover,
.dx-slider-arrows-clone .swiper-button-next:hover {
    color: #fff;
    background-color: #1b1b1b;
    border-color: #1b1b1b;
}

.dx-slider-arrows-clone .swiper-button-prev:focus,
.dx-slider-arrows-clone .swiper-button-next:focus {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-slider-arrows-clone .swiper-button-prev + .swiper-button-next {
    margin-left: 20px;
}

.dx-slider-reviews .swiper-pagination {
    bottom: 0;
}

.dx-slider-reviews .swiper-slide {
    height: auto;
    padding: 20px 15px 77px;
}

.dx-slider-reviews .dx-swiper-slide {
    height: 100%;
}

.dx-slider-reviews .swiper-button-next {
    right: 0;
}

.dx-slider-reviews .swiper-button-prev {
    left: 0;
}

.dx-slider-gallery .swiper-slide {
    height: auto;
    padding-bottom: 15px;
}

.dx-slider-gallery .swiper-scrollbar {
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.07);
}

.dx-slider-gallery .swiper-scrollbar .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.2);
}

/*---------------------------
    Plugin Bootstrap Select
 ----------------------------*/
.dx-form .dx-select-ticket {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.dx-form .dx-select-ticket select {
    display: none;
    visibility: hidden;
}

.dx-form .dx-select-ticket img {
    width: 30px;
    margin-right: 11px;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
}

.dx-form .dx-select-ticket.show .btn.dropdown-toggle {
    color: #616161;
    background-color: #f2f2f2;
}

.dx-form .dx-select-ticket .btn.dropdown-toggle {
    height: 54px;
    padding: 12px 19px;
    color: rgba(122, 122, 122, 0.8);
    background-color: rgba(247, 247, 247, 0.8);
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
            box-shadow: inset 0 0 0 1px rgba(229, 229, 229, 0.8);
    opacity: 1;
    -webkit-transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    transition: background-color .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out;
    transition: background-color .2s ease-in-out, box-shadow .2s ease-in-out, color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
}

.dx-form .dx-select-ticket .btn.dropdown-toggle:hover, .dx-form .dx-select-ticket .btn.dropdown-toggle.hover, .dx-form .dx-select-ticket .btn.dropdown-toggle:focus {
    color: #616161;
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 1px #d4d4d4;
            box-shadow: inset 0 0 0 1px #d4d4d4;
}

.dx-form .dx-select-ticket .btn.dropdown-toggle:focus {
    border: 0;
    outline: 0 !important;
}

.dx-form .dx-select-ticket .dropdown-menu {
    padding: 0;
    border-color: rgba(229, 229, 229, 0.8);
    z-index: 2;
}

.dx-form .dx-select-ticket .dropdown-menu .inner::-webkit-scrollbar-track {
    background-color: #fff;
}

.dx-form .dx-select-ticket .dropdown-menu .inner::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.dx-form .dx-select-ticket .dropdown-menu .inner::-webkit-scrollbar-thumb {
    background-color: rgba(186, 186, 186, 0.6);
    border-radius: 3px;
}

.dx-form .dx-select-ticket .dropdown-menu .inner::-webkit-scrollbar-thumb:hover {
    background-color: #bababa;
}

.dx-form .dx-select-ticket .dropdown-menu .dropdown-item {
    position: relative;
    padding: 10px 19px;
    color: rgba(122, 122, 122, 0.8);
    -webkit-transition: background-color .15s ease-in-out, color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, color .15s ease-in-out;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
    z-index: 2;
}

.dx-form .dx-select-ticket .dropdown-menu .dropdown-item.active, .dx-form .dx-select-ticket .dropdown-menu .dropdown-item:focus, .dx-form .dx-select-ticket .dropdown-menu .dropdown-item:hover {
    color: #616161;
    background-color: #f2f2f2;
    outline: none;
}

.dx-form .dx-select-ticket .dropdown-menu .dropdown-menu > li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/*---------------------------
    Plugin Quill
 ----------------------------*/
.dx-editor-quill .dx-editor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 12px 0 12px 18px;
}

.dx-editor-quill .dx-editor .ql-editor {
    width: 100%;
    height: auto;
}

.dx-editor-quill .ql-toolbar {
    min-height: 54px;
    padding: 12px 10px;
    background-color: rgba(247, 247, 247, 0.8);
    border-color: rgba(229, 229, 229, 0.8);
    border-radius: 3px 3px 0 0;
}

.dx-editor-quill .ql-container {
    background-color: rgba(247, 247, 247, 0.8);
    border-color: rgba(229, 229, 229, 0.8);
    border-radius: 0 0 3px 3px;
}

.dx-editor-quill .ql-container .ql-editor {
    padding: 0 18px 0 0;
    font-family: "Nunito Sans", sans-serif;
    font-size: 1rem;
    color: rgba(122, 122, 122, 0.8);
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-editor-quill .ql-container .ql-editor::-webkit-scrollbar-track {
    background-color: rgba(247, 247, 247, 0.8);
}

.dx-editor-quill .ql-container .ql-editor::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(247, 247, 247, 0.8);
}

.dx-editor-quill .ql-container .ql-editor::-webkit-scrollbar-thumb {
    background-color: rgba(186, 186, 186, 0.6);
    border-radius: 3px;
}

.dx-editor-quill .ql-container .ql-editor::-webkit-scrollbar-thumb:hover {
    background-color: #bababa;
}

.dx-editor-quill .ql-container .ql-editor:focus, .dx-editor-quill .ql-container .ql-editor.focus {
    color: #616161;
}

/*---------------------------
    Plugin Dropzone
 ----------------------------*/
.dx-dropzone {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    text-align: center;
    cursor: pointer;
    visibility: hidden;
}

.dx-dropzone.dz-started, .dx-dropzone.active {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 35px 15px 20px;
    visibility: visible;
    background-color: rgba(247, 247, 247, 0.8);
    border: 1px dashed #2b72e6;
    border-radius: 3px;
    z-index: 1001;
}

.dx-dropzone.dz-started.dz-drag-hover, .dx-dropzone.active.dz-drag-hover {
    border: 1px solid #2b72e6;
}

.dx-dropzone.dz-started.dz-drag-hover::after, .dx-dropzone.active.dz-drag-hover::after {
    background-color: rgba(255, 255, 255, 0.2);
}

.dx-dropzone.dz-started .dz-message:first-child, .dx-dropzone.active .dz-message:first-child {
    display: none;
}

.dx-dropzone.dz-started .dz-message:last-child, .dx-dropzone.active .dz-message:last-child {
    display: block;
    margin: 8px 50px 26px;
}

.dx-dropzone.dz-started::after, .dx-dropzone.active::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    z-index: 1;
}

.dx-dropzone + .dx-dropzone-attachment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 0;
}

.dx-dropzone + .dx-dropzone-attachment .icon {
    font-size: 1.4rem;
}

.dx-dropzone + .dx-dropzone-attachment label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Maven Pro", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: #7a7a7a;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-dropzone + .dx-dropzone-attachment label:hover, .dx-dropzone + .dx-dropzone-attachment label.hover {
    color: #1b1b1b;
}

.dx-dropzone .dz-message {
    display: block;
    padding: 0;
    margin: 0;
}

.dx-dropzone .dz-message .dx-dropzone-icon {
    display: block;
    margin-bottom: 17px;
    font-size: 0;
    color: #2b72e6;
}

.dx-dropzone .dz-message .dx-dropzone-icon .icon {
    font-size: 3rem;
}

.dx-dropzone .dz-message .dx-dropzone-title {
    margin-bottom: 15px;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}

.dx-dropzone .dz-message .dx-dropzone-text {
    color: #7a7a7a;
}

.dx-dropzone .dz-preview,
.dx-dropzone .dz-preview.dz-image-preview,
.dx-dropzone .dz-preview.dz-file-preview {
    position: relative;
    display: inline-block;
    max-width: 95px;
    margin: 10px;
    text-align: center;
    cursor: default;
    border-radius: 3px;
    -webkit-transition: -webkit-box-shadow .2s ease-in-out;
    transition: -webkit-box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
    z-index: 2;
}

.dx-dropzone .dz-preview.dz-success .dz-success-mark,
.dx-dropzone .dz-preview.dz-image-preview.dz-success .dz-success-mark,
.dx-dropzone .dz-preview.dz-file-preview.dz-success .dz-success-mark {
    -webkit-animation: viewMark .8s ease-in-out;
            animation: viewMark .8s ease-in-out;
}

.dx-dropzone .dz-preview.dz-error .dz-error-mark,
.dx-dropzone .dz-preview.dz-image-preview.dz-error .dz-error-mark,
.dx-dropzone .dz-preview.dz-file-preview.dz-error .dz-error-mark {
    -webkit-animation: viewMark .8s ease-in-out;
            animation: viewMark .8s ease-in-out;
}

.dx-dropzone .dz-preview.dz-error .dz-error-message,
.dx-dropzone .dz-preview.dz-image-preview.dz-error .dz-error-message,
.dx-dropzone .dz-preview.dz-file-preview.dz-error .dz-error-message {
    visibility: visible;
}

@-webkit-keyframes viewMark {
    0% {
        visibility: visible;
        opacity: 0;
    }
    80% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: visible;
        opacity: 0;
    }
}

@keyframes viewMark {
    0% {
        visibility: visible;
        opacity: 0;
    }
    80% {
        visibility: visible;
        opacity: 1;
    }
    100% {
        visibility: visible;
        opacity: 0;
    }
}

.dx-dropzone .dz-preview .dz-success-mark,
.dx-dropzone .dz-preview .dz-error-mark,
.dx-dropzone .dz-preview.dz-image-preview .dz-success-mark,
.dx-dropzone .dz-preview.dz-image-preview .dz-error-mark,
.dx-dropzone .dz-preview.dz-file-preview .dz-success-mark,
.dx-dropzone .dz-preview.dz-file-preview .dz-error-mark {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 54px;
    height: 54px;
    margin-top: -27px;
    margin-left: -27px;
    visibility: hidden;
    opacity: 0;
}

.dx-dropzone .dz-preview .dz-error-message,
.dx-dropzone .dz-preview.dz-image-preview .dz-error-message,
.dx-dropzone .dz-preview.dz-file-preview .dz-error-message {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0;
    right: 0;
    left: 0;
    height: 95px;
    padding: 0 10px;
    font-size: 12px;
    color: #b66c6c;
    visibility: hidden;
    background-color: rgba(255, 255, 255, 0.9);
}

.dx-dropzone .dz-preview .dz-image,
.dx-dropzone .dz-preview.dz-image-preview .dz-image,
.dx-dropzone .dz-preview.dz-file-preview .dz-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 95px;
    height: 95px;
    background: #fff;
    border-radius: 3px;
}

.dx-dropzone .dz-preview .dz-image img,
.dx-dropzone .dz-preview.dz-image-preview .dz-image img,
.dx-dropzone .dz-preview.dz-file-preview .dz-image img {
    max-width: 100%;
    max-height: 100px;
    font-family: "object-fit: cover";
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 3px;
}

.dx-dropzone .dz-preview .dz-details,
.dx-dropzone .dz-preview.dz-image-preview .dz-details,
.dx-dropzone .dz-preview.dz-file-preview .dz-details {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 10px 0;
    line-height: normal;
    opacity: 1;
}

.dx-dropzone .dz-preview .dz-details .dz-filename,
.dx-dropzone .dz-preview.dz-image-preview .dz-details .dz-filename,
.dx-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename {
    display: block;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    max-width: 80px;
    margin: 0 auto;
    font-size: .875rem;
    color: #7a7a7a;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}

.dx-dropzone .dz-preview .dz-details .dz-filename span,
.dx-dropzone .dz-preview.dz-image-preview .dz-details .dz-filename span,
.dx-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename span {
    display: inline;
    font: inherit;
    font-size: 100%;
    white-space: nowrap;
}

.dx-dropzone .dz-preview .dz-details .dz-filename:not(:hover),
.dx-dropzone .dz-preview.dz-image-preview .dz-details .dz-filename:not(:hover),
.dx-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.dx-dropzone .dz-preview .dz-details .dz-filename:hover,
.dx-dropzone .dz-preview.dz-image-preview .dz-details .dz-filename:hover,
.dx-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename:hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.dx-dropzone .dz-preview .dz-details .dz-filename:hover span,
.dx-dropzone .dz-preview.dz-image-preview .dz-details .dz-filename:hover span,
.dx-dropzone .dz-preview.dz-file-preview .dz-details .dz-filename:hover span {
    padding: 0 4px;
    background-color: #fff;
}

.dx-dropzone .dz-preview .dz-details .dz-size,
.dx-dropzone .dz-preview.dz-image-preview .dz-details .dz-size,
.dx-dropzone .dz-preview.dz-file-preview .dz-details .dz-size {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 2px;
    margin-bottom: 0;
    font-size: .875rem;
    color: #bababa;
}

.dx-dropzone .dz-preview .dz-details .dz-size strong,
.dx-dropzone .dz-preview.dz-image-preview .dz-details .dz-size strong,
.dx-dropzone .dz-preview.dz-file-preview .dz-details .dz-size strong {
    font-weight: 400;
}

.dx-dropzone .dz-preview .dz-remove,
.dx-dropzone .dz-preview.dz-image-preview .dz-remove,
.dx-dropzone .dz-preview.dz-file-preview .dz-remove {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    font-size: 0;
    background-color: #bababa;
    border-radius: 3px;
    will-change: opacity;
    -webkit-transition: background-color .15s ease-in-out, opacity .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, opacity .15s ease-in-out;
    transition: background-color .15s ease-in-out, opacity .15s ease-in-out;
}

@media screen and (min-width: 768px) {
    .dx-dropzone .dz-preview .dz-remove,
    .dx-dropzone .dz-preview.dz-image-preview .dz-remove,
    .dx-dropzone .dz-preview.dz-file-preview .dz-remove {
        opacity: 0;
    }
}

.dx-dropzone .dz-preview .dz-remove::before, .dx-dropzone .dz-preview .dz-remove::after,
.dx-dropzone .dz-preview.dz-image-preview .dz-remove::before,
.dx-dropzone .dz-preview.dz-image-preview .dz-remove::after,
.dx-dropzone .dz-preview.dz-file-preview .dz-remove::before,
.dx-dropzone .dz-preview.dz-file-preview .dz-remove::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    width: 10px;
    height: 1px;
    background-color: #fff;
}

.dx-dropzone .dz-preview .dz-remove::before,
.dx-dropzone .dz-preview.dz-image-preview .dz-remove::before,
.dx-dropzone .dz-preview.dz-file-preview .dz-remove::before {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.dx-dropzone .dz-preview .dz-remove::after,
.dx-dropzone .dz-preview.dz-image-preview .dz-remove::after,
.dx-dropzone .dz-preview.dz-file-preview .dz-remove::after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.dx-dropzone .dz-preview .dz-remove:hover,
.dx-dropzone .dz-preview.dz-image-preview .dz-remove:hover,
.dx-dropzone .dz-preview.dz-file-preview .dz-remove:hover {
    background-color: #2b72e6;
}

.dx-dropzone .dz-preview:hover .dz-remove,
.dx-dropzone .dz-preview.dz-image-preview:hover .dz-remove,
.dx-dropzone .dz-preview.dz-file-preview:hover .dz-remove {
    opacity: 1;
}

.dx-dropzone .dz-preview:hover .dz-details .dz-filename,
.dx-dropzone .dz-preview.dz-image-preview:hover .dz-details .dz-filename,
.dx-dropzone .dz-preview.dz-file-preview:hover .dz-details .dz-filename {
    color: #1b1b1b;
}

.dx-dropzone .dz-preview:hover img,
.dx-dropzone .dz-preview.dz-image-preview:hover img,
.dx-dropzone .dz-preview.dz-file-preview:hover img {
    -webkit-filter: none;
            filter: none;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
}

.dx-dropzone:hover .dz-message .dx-dropzone-title {
    color: #2b72e6;
}
