/*------------------------------------------------------------------
[Master Stylesheet]

Project: PlusFlex
Version: 1.0
Last change: 03.10.2016
Primary use: MultiPurpose Template
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. HTML5 Reset
2. Common styles
    2.1. Margins
    2.2. Padings
    2.3. Display flex
    2.4. Text positions
    2.5. Bootstrap 5 column
3. Typography
    3.1. Font weights
    3.2. Letter spacings
    3.3. Headings
4. Body
    4.1. Mobile menu collapsed
    4.2. ::selection
5. Colors
    5.1. Text colors
    5.2. Link colors
    5.3. Background colors
6. Borders / .border
    6.1. Border
        6.1.1 Border colors
        6.1.2 Border sizes
    6.2. Border rounded / .border-rounded
        6.3.1 Border rounded radius sizes
7. Plugins Overrides (Owl Carousel, Magnific Popup etc.)
8. Effects
    8.1. Image opacity and scale effects
9. Overlay / .overlay
    9.1. Pattern overlay
    9.2. Primary, Secondary, Light, Dark, Medium-Light, Medium-Dark, Dark overlays
10. Section / .section
    10.1. Section contents
    10.2. View all link
11. Buttons / .btn
12. Parallax - Background Fixed / .parallax, .background-fixed
13. Testimonial / .testimonial
14. Portfolio / .portfolio
    14.1. Portfolio filter / .portfolio-filters
    14.2. Portfolio grid / .portfolio-grid-item
    14.3. Portfolio caption / .portfolio-grid-item-caption
        14.3.1 Portfolio caption positions
        14.3.2 Portfolio caption colors
    14.4. Portfolio icon / .portfolio-grid-item-icon
15. Social Media (position style and colors)
    15.1. Social media style
    15.2. Social media colors
16. Scroll To Top Button
17. Loading / .loading
    17.1. Loading html status / .loading-html
    17.1. Spinkit library classes / .rotating-plane, .double-bounce, .wave, .wandering-cubes, .pulse, .chasing-dots, .three-bounce, .circle, .cube-grid, .fading-circle, .folding-cube
18. Header / .header
    18.1. Navigation / .header-navigation-menu
    18.2. Dotted navigation / .header-navigation-menu--dotted
    18.3. Shrink header / .header-navigation-wrapper--shrink
    18.4. Fixed header / .header-navigation-wrapper--fixed
    18.5. Mobile menu / .mobile-menu-caption
    18.6. Hamburger menu icon / .hamburger-menu
19. Slider - Hero / .hero
    19.1. Slider item caption / .hero-item-caption
    19.2. Slider item full height / .hero-item--full-height
20. Google Maps / .map
21. Pricing Table / .pricing-table
22. Forms
    22.1. Textarea style
    22.2. Ajax form alert classes
23. Copyrights / .copyright
    23.1. Footer social media icons / .copyright-social-media-icons
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Color codes]

# Black (links, text) #333
# Dark #222
# Gray BG #333
# Light BG #fff
# Primary BG #fff
# Secondary BG #005636
# Text colorful: #005636
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
# [Typography]

# Body: 14px/1.42 Open Sans, sans-serif;
# Headers: Raleway, sans-serif;
# Paragraphs: 14px/1.6
-------------------------------------------------------------------*/
/*===================================
HTML5 Reset
===================================*/
*, *:before, *:after {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
}

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  color: inherit;
}

a:focus {
  outline: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu {
  margin: 0;
}

button, fieldset, iframe {
  border: 0;
}

fieldset, nav ul, nav ol, button, menu {
  padding: 0;
}

nav ol, nav ul {
  list-style: none;
}

textarea {
  resize: vertical;
}

/*
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

ul li {
  list-style-type: none;
}

.row.df-xs:before, .row.df-xs:after, .row.df-sm:before, .row.df-sm:after, .row.df-md:before, .row.df-md:after, .row.df-lg:before, .row.df-lg:after {
  display: none;
}

/*===================================
Common Styles
===================================*/
.mt-xs-0 {
  margin-top: 0px;
}

.mb-xs-0 {
  margin-bottom: 0px;
}

.ml-xs-0 {
  margin-left: 0px;
}

.mr-xs-0 {
  margin-right: 0px;
}

.m-xs-0 {
  margin: 0px;
}

.pt-xs-0 {
  padding-top: 0px;
}

.pb-xs-0 {
  padding-bottom: 0px;
}

.pl-xs-0 {
  padding-left: 0px;
}

.pr-xs-0 {
  padding-right: 0px;
}

.p-xs-0 {
  padding: 0px;
}

.w-xs-0 {
  width: 0%;
}

.mt-xs-5 {
  margin-top: 5px;
}

.mb-xs-5 {
  margin-bottom: 5px;
}

.ml-xs-5 {
  margin-left: 5px;
}

.mr-xs-5 {
  margin-right: 5px;
}

.m-xs-5 {
  margin: 5px;
}

.pt-xs-5 {
  padding-top: 5px;
}

.pb-xs-5 {
  padding-bottom: 5px;
}

.pl-xs-5 {
  padding-left: 5px;
}

.pr-xs-5 {
  padding-right: 5px;
}

.p-xs-5 {
  padding: 5px;
}

.w-xs-5 {
  width: 5%;
}

.mt-xs-10 {
  margin-top: 10px;
}

.mb-xs-10 {
  margin-bottom: 10px;
}

.ml-xs-10 {
  margin-left: 10px;
}

.mr-xs-10 {
  margin-right: 10px;
}

.m-xs-10 {
  margin: 10px;
}

.pt-xs-10 {
  padding-top: 10px;
}

.pb-xs-10 {
  padding-bottom: 10px;
}

.pl-xs-10 {
  padding-left: 10px;
}

.pr-xs-10 {
  padding-right: 10px;
}

.p-xs-10 {
  padding: 10px;
}

.w-xs-10 {
  width: 10%;
}

.mt-xs-15 {
  margin-top: 15px;
}

.mb-xs-15 {
  margin-bottom: 15px;
}

.ml-xs-15 {
  margin-left: 15px;
}

.mr-xs-15 {
  margin-right: 15px;
}

.m-xs-15 {
  margin: 15px;
}

.pt-xs-15 {
  padding-top: 15px;
}

.pb-xs-15 {
  padding-bottom: 15px;
}

.pl-xs-15 {
  padding-left: 15px;
}

.pr-xs-15 {
  padding-right: 15px;
}

.p-xs-15 {
  padding: 15px;
}

.w-xs-15 {
  width: 15%;
}

.mt-xs-20 {
  margin-top: 20px;
}

.mb-xs-20 {
  margin-bottom: 20px;
}

.ml-xs-20 {
  margin-left: 20px;
}

.mr-xs-20 {
  margin-right: 20px;
}

.m-xs-20 {
  margin: 20px;
}

.pt-xs-20 {
  padding-top: 20px;
}

.pb-xs-20 {
  padding-bottom: 20px;
}

.pl-xs-20 {
  padding-left: 20px;
}

.pr-xs-20 {
  padding-right: 20px;
}

.p-xs-20 {
  padding: 20px;
}

.w-xs-20 {
  width: 20%;
}

.mt-xs-25 {
  margin-top: 25px;
}

.mb-xs-25 {
  margin-bottom: 25px;
}

.ml-xs-25 {
  margin-left: 25px;
}

.mr-xs-25 {
  margin-right: 25px;
}

.m-xs-25 {
  margin: 25px;
}

.pt-xs-25 {
  padding-top: 25px;
}

.pb-xs-25 {
  padding-bottom: 25px;
}

.pl-xs-25 {
  padding-left: 25px;
}

.pr-xs-25 {
  padding-right: 25px;
}

.p-xs-25 {
  padding: 25px;
}

.w-xs-25 {
  width: 25%;
}

.mt-xs-30 {
  margin-top: 30px;
}

.mb-xs-30 {
  margin-bottom: 30px;
}

.ml-xs-30 {
  margin-left: 30px;
}

.mr-xs-30 {
  margin-right: 30px;
}

.m-xs-30 {
  margin: 30px;
}

.pt-xs-30 {
  padding-top: 30px;
}

.pb-xs-30 {
  padding-bottom: 30px;
}

.pl-xs-30 {
  padding-left: 30px;
}

.pr-xs-30 {
  padding-right: 30px;
}

.p-xs-30 {
  padding: 30px;
}

.w-xs-30 {
  width: 30%;
}

.mt-xs-35 {
  margin-top: 35px;
}

.mb-xs-35 {
  margin-bottom: 35px;
}

.ml-xs-35 {
  margin-left: 35px;
}

.mr-xs-35 {
  margin-right: 35px;
}

.m-xs-35 {
  margin: 35px;
}

.pt-xs-35 {
  padding-top: 35px;
}

.pb-xs-35 {
  padding-bottom: 35px;
}

.pl-xs-35 {
  padding-left: 35px;
}

.pr-xs-35 {
  padding-right: 35px;
}

.p-xs-35 {
  padding: 35px;
}

.w-xs-35 {
  width: 35%;
}

.mt-xs-40 {
  margin-top: 40px;
}

.mb-xs-40 {
  margin-bottom: 40px;
}

.ml-xs-40 {
  margin-left: 40px;
}

.mr-xs-40 {
  margin-right: 40px;
}

.m-xs-40 {
  margin: 40px;
}

.pt-xs-40 {
  padding-top: 40px;
}

.pb-xs-40 {
  padding-bottom: 40px;
}

.pl-xs-40 {
  padding-left: 40px;
}

.pr-xs-40 {
  padding-right: 40px;
}

.p-xs-40 {
  padding: 40px;
}

.w-xs-40 {
  width: 40%;
}

.mt-xs-45 {
  margin-top: 45px;
}

.mb-xs-45 {
  margin-bottom: 45px;
}

.ml-xs-45 {
  margin-left: 45px;
}

.mr-xs-45 {
  margin-right: 45px;
}

.m-xs-45 {
  margin: 45px;
}

.pt-xs-45 {
  padding-top: 45px;
}

.pb-xs-45 {
  padding-bottom: 45px;
}

.pl-xs-45 {
  padding-left: 45px;
}

.pr-xs-45 {
  padding-right: 45px;
}

.p-xs-45 {
  padding: 45px;
}

.w-xs-45 {
  width: 45%;
}

.mt-xs-50 {
  margin-top: 50px;
}

.mb-xs-50 {
  margin-bottom: 50px;
}

.ml-xs-50 {
  margin-left: 50px;
}

.mr-xs-50 {
  margin-right: 50px;
}

.m-xs-50 {
  margin: 50px;
}

.pt-xs-50 {
  padding-top: 50px;
}

.pb-xs-50 {
  padding-bottom: 50px;
}

.pl-xs-50 {
  padding-left: 50px;
}

.pr-xs-50 {
  padding-right: 50px;
}

.p-xs-50 {
  padding: 50px;
}

.w-xs-50 {
  width: 50%;
}

.mt-xs-55 {
  margin-top: 55px;
}

.mb-xs-55 {
  margin-bottom: 55px;
}

.ml-xs-55 {
  margin-left: 55px;
}

.mr-xs-55 {
  margin-right: 55px;
}

.m-xs-55 {
  margin: 55px;
}

.pt-xs-55 {
  padding-top: 55px;
}

.pb-xs-55 {
  padding-bottom: 55px;
}

.pl-xs-55 {
  padding-left: 55px;
}

.pr-xs-55 {
  padding-right: 55px;
}

.p-xs-55 {
  padding: 55px;
}

.w-xs-55 {
  width: 55%;
}

.mt-xs-60 {
  margin-top: 60px;
}

.mb-xs-60 {
  margin-bottom: 60px;
}

.ml-xs-60 {
  margin-left: 60px;
}

.mr-xs-60 {
  margin-right: 60px;
}

.m-xs-60 {
  margin: 60px;
}

.pt-xs-60 {
  padding-top: 60px;
}

.pb-xs-60 {
  padding-bottom: 60px;
}

.pl-xs-60 {
  padding-left: 60px;
}

.pr-xs-60 {
  padding-right: 60px;
}

.p-xs-60 {
  padding: 60px;
}

.w-xs-60 {
  width: 60%;
}

.mt-xs-65 {
  margin-top: 65px;
}

.mb-xs-65 {
  margin-bottom: 65px;
}

.ml-xs-65 {
  margin-left: 65px;
}

.mr-xs-65 {
  margin-right: 65px;
}

.m-xs-65 {
  margin: 65px;
}

.pt-xs-65 {
  padding-top: 65px;
}

.pb-xs-65 {
  padding-bottom: 65px;
}

.pl-xs-65 {
  padding-left: 65px;
}

.pr-xs-65 {
  padding-right: 65px;
}

.p-xs-65 {
  padding: 65px;
}

.w-xs-65 {
  width: 65%;
}

.mt-xs-70 {
  margin-top: 70px;
}

.mb-xs-70 {
  margin-bottom: 70px;
}

.ml-xs-70 {
  margin-left: 70px;
}

.mr-xs-70 {
  margin-right: 70px;
}

.m-xs-70 {
  margin: 70px;
}

.pt-xs-70 {
  padding-top: 70px;
}

.pb-xs-70 {
  padding-bottom: 70px;
}

.pl-xs-70 {
  padding-left: 70px;
}

.pr-xs-70 {
  padding-right: 70px;
}

.p-xs-70 {
  padding: 70px;
}

.w-xs-70 {
  width: 70%;
}

.mt-xs-75 {
  margin-top: 75px;
}

.mb-xs-75 {
  margin-bottom: 75px;
}

.ml-xs-75 {
  margin-left: 75px;
}

.mr-xs-75 {
  margin-right: 75px;
}

.m-xs-75 {
  margin: 75px;
}

.pt-xs-75 {
  padding-top: 75px;
}

.pb-xs-75 {
  padding-bottom: 75px;
}

.pl-xs-75 {
  padding-left: 75px;
}

.pr-xs-75 {
  padding-right: 75px;
}

.p-xs-75 {
  padding: 75px;
}

.w-xs-75 {
  width: 75%;
}

.mt-xs-80 {
  margin-top: 80px;
}

.mb-xs-80 {
  margin-bottom: 80px;
}

.ml-xs-80 {
  margin-left: 80px;
}

.mr-xs-80 {
  margin-right: 80px;
}

.m-xs-80 {
  margin: 80px;
}

.pt-xs-80 {
  padding-top: 80px;
}

.pb-xs-80 {
  padding-bottom: 80px;
}

.pl-xs-80 {
  padding-left: 80px;
}

.pr-xs-80 {
  padding-right: 80px;
}

.p-xs-80 {
  padding: 80px;
}

.w-xs-80 {
  width: 80%;
}

.mt-xs-85 {
  margin-top: 85px;
}

.mb-xs-85 {
  margin-bottom: 85px;
}

.ml-xs-85 {
  margin-left: 85px;
}

.mr-xs-85 {
  margin-right: 85px;
}

.m-xs-85 {
  margin: 85px;
}

.pt-xs-85 {
  padding-top: 85px;
}

.pb-xs-85 {
  padding-bottom: 85px;
}

.pl-xs-85 {
  padding-left: 85px;
}

.pr-xs-85 {
  padding-right: 85px;
}

.p-xs-85 {
  padding: 85px;
}

.w-xs-85 {
  width: 85%;
}

.mt-xs-90 {
  margin-top: 90px;
}

.mb-xs-90 {
  margin-bottom: 90px;
}

.ml-xs-90 {
  margin-left: 90px;
}

.mr-xs-90 {
  margin-right: 90px;
}

.m-xs-90 {
  margin: 90px;
}

.pt-xs-90 {
  padding-top: 90px;
}

.pb-xs-90 {
  padding-bottom: 90px;
}

.pl-xs-90 {
  padding-left: 90px;
}

.pr-xs-90 {
  padding-right: 90px;
}

.p-xs-90 {
  padding: 90px;
}

.w-xs-90 {
  width: 90%;
}

.mt-xs-95 {
  margin-top: 95px;
}

.mb-xs-95 {
  margin-bottom: 95px;
}

.ml-xs-95 {
  margin-left: 95px;
}

.mr-xs-95 {
  margin-right: 95px;
}

.m-xs-95 {
  margin: 95px;
}

.pt-xs-95 {
  padding-top: 95px;
}

.pb-xs-95 {
  padding-bottom: 95px;
}

.pl-xs-95 {
  padding-left: 95px;
}

.pr-xs-95 {
  padding-right: 95px;
}

.p-xs-95 {
  padding: 95px;
}

.w-xs-95 {
  width: 95%;
}

.mt-xs-100 {
  margin-top: 100px;
}

.mb-xs-100 {
  margin-bottom: 100px;
}

.ml-xs-100 {
  margin-left: 100px;
}

.mr-xs-100 {
  margin-right: 100px;
}

.m-xs-100 {
  margin: 100px;
}

.pt-xs-100 {
  padding-top: 100px;
}

.pb-xs-100 {
  padding-bottom: 100px;
}

.pl-xs-100 {
  padding-left: 100px;
}

.pr-xs-100 {
  padding-right: 100px;
}

.p-xs-100 {
  padding: 100px;
}

.w-xs-100 {
  width: 100%;
}

@media (min-width: 768px) {
  .mt-sm-0 {
    margin-top: 0px;
  }
}

@media (min-width: 768px) {
  .mb-sm-0 {
    margin-bottom: 0px;
  }
}

@media (min-width: 768px) {
  .ml-sm-0 {
    margin-left: 0px;
  }
}

@media (min-width: 768px) {
  .mr-sm-0 {
    margin-right: 0px;
  }
}

@media (min-width: 768px) {
  .m-sm-0 {
    margin: 0px;
  }
}

@media (min-width: 768px) {
  .pt-sm-0 {
    padding-top: 0px;
  }
}

@media (min-width: 768px) {
  .pb-sm-0 {
    padding-bottom: 0px;
  }
}

@media (min-width: 768px) {
  .pl-sm-0 {
    padding-left: 0px;
  }
}

@media (min-width: 768px) {
  .pr-sm-0 {
    padding-right: 0px;
  }
}

@media (min-width: 768px) {
  .p-sm-0 {
    padding: 0px;
  }
}

@media (min-width: 768px) {
  .w-sm-0 {
    width: 0%;
  }
}

@media (min-width: 768px) {
  .mt-sm-5 {
    margin-top: 5px;
  }
}

@media (min-width: 768px) {
  .mb-sm-5 {
    margin-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .ml-sm-5 {
    margin-left: 5px;
  }
}

@media (min-width: 768px) {
  .mr-sm-5 {
    margin-right: 5px;
  }
}

@media (min-width: 768px) {
  .m-sm-5 {
    margin: 5px;
  }
}

@media (min-width: 768px) {
  .pt-sm-5 {
    padding-top: 5px;
  }
}

@media (min-width: 768px) {
  .pb-sm-5 {
    padding-bottom: 5px;
  }
}

@media (min-width: 768px) {
  .pl-sm-5 {
    padding-left: 5px;
  }
}

@media (min-width: 768px) {
  .pr-sm-5 {
    padding-right: 5px;
  }
}

@media (min-width: 768px) {
  .p-sm-5 {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  .w-sm-5 {
    width: 5%;
  }
}

@media (min-width: 768px) {
  .mt-sm-10 {
    margin-top: 10px;
  }
}

@media (min-width: 768px) {
  .mb-sm-10 {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .ml-sm-10 {
    margin-left: 10px;
  }
}

@media (min-width: 768px) {
  .mr-sm-10 {
    margin-right: 10px;
  }
}

@media (min-width: 768px) {
  .m-sm-10 {
    margin: 10px;
  }
}

@media (min-width: 768px) {
  .pt-sm-10 {
    padding-top: 10px;
  }
}

@media (min-width: 768px) {
  .pb-sm-10 {
    padding-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .pl-sm-10 {
    padding-left: 10px;
  }
}

@media (min-width: 768px) {
  .pr-sm-10 {
    padding-right: 10px;
  }
}

@media (min-width: 768px) {
  .p-sm-10 {
    padding: 10px;
  }
}

@media (min-width: 768px) {
  .w-sm-10 {
    width: 10%;
  }
}

@media (min-width: 768px) {
  .mt-sm-15 {
    margin-top: 15px;
  }
}

@media (min-width: 768px) {
  .mb-sm-15 {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .ml-sm-15 {
    margin-left: 15px;
  }
}

@media (min-width: 768px) {
  .mr-sm-15 {
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .m-sm-15 {
    margin: 15px;
  }
}

@media (min-width: 768px) {
  .pt-sm-15 {
    padding-top: 15px;
  }
}

@media (min-width: 768px) {
  .pb-sm-15 {
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .pl-sm-15 {
    padding-left: 15px;
  }
}

@media (min-width: 768px) {
  .pr-sm-15 {
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  .p-sm-15 {
    padding: 15px;
  }
}

@media (min-width: 768px) {
  .w-sm-15 {
    width: 15%;
  }
}

@media (min-width: 768px) {
  .mt-sm-20 {
    margin-top: 20px;
  }
}

@media (min-width: 768px) {
  .mb-sm-20 {
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .ml-sm-20 {
    margin-left: 20px;
  }
}

@media (min-width: 768px) {
  .mr-sm-20 {
    margin-right: 20px;
  }
}

@media (min-width: 768px) {
  .m-sm-20 {
    margin: 20px;
  }
}

@media (min-width: 768px) {
  .pt-sm-20 {
    padding-top: 20px;
  }
}

@media (min-width: 768px) {
  .pb-sm-20 {
    padding-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .pl-sm-20 {
    padding-left: 20px;
  }
}

@media (min-width: 768px) {
  .pr-sm-20 {
    padding-right: 20px;
  }
}

@media (min-width: 768px) {
  .p-sm-20 {
    padding: 20px;
  }
}

@media (min-width: 768px) {
  .w-sm-20 {
    width: 20%;
  }
}

@media (min-width: 768px) {
  .mt-sm-25 {
    margin-top: 25px;
  }
}

@media (min-width: 768px) {
  .mb-sm-25 {
    margin-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .ml-sm-25 {
    margin-left: 25px;
  }
}

@media (min-width: 768px) {
  .mr-sm-25 {
    margin-right: 25px;
  }
}

@media (min-width: 768px) {
  .m-sm-25 {
    margin: 25px;
  }
}

@media (min-width: 768px) {
  .pt-sm-25 {
    padding-top: 25px;
  }
}

@media (min-width: 768px) {
  .pb-sm-25 {
    padding-bottom: 25px;
  }
}

@media (min-width: 768px) {
  .pl-sm-25 {
    padding-left: 25px;
  }
}

@media (min-width: 768px) {
  .pr-sm-25 {
    padding-right: 25px;
  }
}

@media (min-width: 768px) {
  .p-sm-25 {
    padding: 25px;
  }
}

@media (min-width: 768px) {
  .w-sm-25 {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .mt-sm-30 {
    margin-top: 30px;
  }
}

@media (min-width: 768px) {
  .mb-sm-30 {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .ml-sm-30 {
    margin-left: 30px;
  }
}

@media (min-width: 768px) {
  .mr-sm-30 {
    margin-right: 30px;
  }
}

@media (min-width: 768px) {
  .m-sm-30 {
    margin: 30px;
  }
}

@media (min-width: 768px) {
  .pt-sm-30 {
    padding-top: 30px;
  }
}

@media (min-width: 768px) {
  .pb-sm-30 {
    padding-bottom: 30px;
  }
}

@media (min-width: 768px) {
  .pl-sm-30 {
    padding-left: 30px;
  }
}

@media (min-width: 768px) {
  .pr-sm-30 {
    padding-right: 30px;
  }
}

@media (min-width: 768px) {
  .p-sm-30 {
    padding: 30px;
  }
}

@media (min-width: 768px) {
  .w-sm-30 {
    width: 30%;
  }
}

@media (min-width: 768px) {
  .mt-sm-35 {
    margin-top: 35px;
  }
}

@media (min-width: 768px) {
  .mb-sm-35 {
    margin-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .ml-sm-35 {
    margin-left: 35px;
  }
}

@media (min-width: 768px) {
  .mr-sm-35 {
    margin-right: 35px;
  }
}

@media (min-width: 768px) {
  .m-sm-35 {
    margin: 35px;
  }
}

@media (min-width: 768px) {
  .pt-sm-35 {
    padding-top: 35px;
  }
}

@media (min-width: 768px) {
  .pb-sm-35 {
    padding-bottom: 35px;
  }
}

@media (min-width: 768px) {
  .pl-sm-35 {
    padding-left: 35px;
  }
}

@media (min-width: 768px) {
  .pr-sm-35 {
    padding-right: 35px;
  }
}

@media (min-width: 768px) {
  .p-sm-35 {
    padding: 35px;
  }
}

@media (min-width: 768px) {
  .w-sm-35 {
    width: 35%;
  }
}

@media (min-width: 768px) {
  .mt-sm-40 {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .mb-sm-40 {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .ml-sm-40 {
    margin-left: 40px;
  }
}

@media (min-width: 768px) {
  .mr-sm-40 {
    margin-right: 40px;
  }
}

@media (min-width: 768px) {
  .m-sm-40 {
    margin: 40px;
  }
}

@media (min-width: 768px) {
  .pt-sm-40 {
    padding-top: 40px;
  }
}

@media (min-width: 768px) {
  .pb-sm-40 {
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .pl-sm-40 {
    padding-left: 40px;
  }
}

@media (min-width: 768px) {
  .pr-sm-40 {
    padding-right: 40px;
  }
}

@media (min-width: 768px) {
  .p-sm-40 {
    padding: 40px;
  }
}

@media (min-width: 768px) {
  .w-sm-40 {
    width: 40%;
  }
}

@media (min-width: 768px) {
  .mt-sm-45 {
    margin-top: 45px;
  }
}

@media (min-width: 768px) {
  .mb-sm-45 {
    margin-bottom: 45px;
  }
}

@media (min-width: 768px) {
  .ml-sm-45 {
    margin-left: 45px;
  }
}

@media (min-width: 768px) {
  .mr-sm-45 {
    margin-right: 45px;
  }
}

@media (min-width: 768px) {
  .m-sm-45 {
    margin: 45px;
  }
}

@media (min-width: 768px) {
  .pt-sm-45 {
    padding-top: 45px;
  }
}

@media (min-width: 768px) {
  .pb-sm-45 {
    padding-bottom: 45px;
  }
}

@media (min-width: 768px) {
  .pl-sm-45 {
    padding-left: 45px;
  }
}

@media (min-width: 768px) {
  .pr-sm-45 {
    padding-right: 45px;
  }
}

@media (min-width: 768px) {
  .p-sm-45 {
    padding: 45px;
  }
}

@media (min-width: 768px) {
  .w-sm-45 {
    width: 45%;
  }
}

@media (min-width: 768px) {
  .mt-sm-50 {
    margin-top: 50px;
  }
}

@media (min-width: 768px) {
  .mb-sm-50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .ml-sm-50 {
    margin-left: 50px;
  }
}

@media (min-width: 768px) {
  .mr-sm-50 {
    margin-right: 50px;
  }
}

@media (min-width: 768px) {
  .m-sm-50 {
    margin: 50px;
  }
}

@media (min-width: 768px) {
  .pt-sm-50 {
    padding-top: 50px;
  }
}

@media (min-width: 768px) {
  .pb-sm-50 {
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .pl-sm-50 {
    padding-left: 50px;
  }
}

@media (min-width: 768px) {
  .pr-sm-50 {
    padding-right: 50px;
  }
}

@media (min-width: 768px) {
  .p-sm-50 {
    padding: 50px;
  }
}

@media (min-width: 768px) {
  .w-sm-50 {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .mt-sm-55 {
    margin-top: 55px;
  }
}

@media (min-width: 768px) {
  .mb-sm-55 {
    margin-bottom: 55px;
  }
}

@media (min-width: 768px) {
  .ml-sm-55 {
    margin-left: 55px;
  }
}

@media (min-width: 768px) {
  .mr-sm-55 {
    margin-right: 55px;
  }
}

@media (min-width: 768px) {
  .m-sm-55 {
    margin: 55px;
  }
}

@media (min-width: 768px) {
  .pt-sm-55 {
    padding-top: 55px;
  }
}

@media (min-width: 768px) {
  .pb-sm-55 {
    padding-bottom: 55px;
  }
}

@media (min-width: 768px) {
  .pl-sm-55 {
    padding-left: 55px;
  }
}

@media (min-width: 768px) {
  .pr-sm-55 {
    padding-right: 55px;
  }
}

@media (min-width: 768px) {
  .p-sm-55 {
    padding: 55px;
  }
}

@media (min-width: 768px) {
  .w-sm-55 {
    width: 55%;
  }
}

@media (min-width: 768px) {
  .mt-sm-60 {
    margin-top: 60px;
  }
}

@media (min-width: 768px) {
  .mb-sm-60 {
    margin-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .ml-sm-60 {
    margin-left: 60px;
  }
}

@media (min-width: 768px) {
  .mr-sm-60 {
    margin-right: 60px;
  }
}

@media (min-width: 768px) {
  .m-sm-60 {
    margin: 60px;
  }
}

@media (min-width: 768px) {
  .pt-sm-60 {
    padding-top: 60px;
  }
}

@media (min-width: 768px) {
  .pb-sm-60 {
    padding-bottom: 60px;
  }
}

@media (min-width: 768px) {
  .pl-sm-60 {
    padding-left: 60px;
  }
}

@media (min-width: 768px) {
  .pr-sm-60 {
    padding-right: 60px;
  }
}

@media (min-width: 768px) {
  .p-sm-60 {
    padding: 60px;
  }
}

@media (min-width: 768px) {
  .w-sm-60 {
    width: 60%;
  }
}

@media (min-width: 768px) {
  .mt-sm-65 {
    margin-top: 65px;
  }
}

@media (min-width: 768px) {
  .mb-sm-65 {
    margin-bottom: 65px;
  }
}

@media (min-width: 768px) {
  .ml-sm-65 {
    margin-left: 65px;
  }
}

@media (min-width: 768px) {
  .mr-sm-65 {
    margin-right: 65px;
  }
}

@media (min-width: 768px) {
  .m-sm-65 {
    margin: 65px;
  }
}

@media (min-width: 768px) {
  .pt-sm-65 {
    padding-top: 65px;
  }
}

@media (min-width: 768px) {
  .pb-sm-65 {
    padding-bottom: 65px;
  }
}

@media (min-width: 768px) {
  .pl-sm-65 {
    padding-left: 65px;
  }
}

@media (min-width: 768px) {
  .pr-sm-65 {
    padding-right: 65px;
  }
}

@media (min-width: 768px) {
  .p-sm-65 {
    padding: 65px;
  }
}

@media (min-width: 768px) {
  .w-sm-65 {
    width: 65%;
  }
}

@media (min-width: 768px) {
  .mt-sm-70 {
    margin-top: 70px;
  }
}

@media (min-width: 768px) {
  .mb-sm-70 {
    margin-bottom: 70px;
  }
}

@media (min-width: 768px) {
  .ml-sm-70 {
    margin-left: 70px;
  }
}

@media (min-width: 768px) {
  .mr-sm-70 {
    margin-right: 70px;
  }
}

@media (min-width: 768px) {
  .m-sm-70 {
    margin: 70px;
  }
}

@media (min-width: 768px) {
  .pt-sm-70 {
    padding-top: 70px;
  }
}

@media (min-width: 768px) {
  .pb-sm-70 {
    padding-bottom: 70px;
  }
}

@media (min-width: 768px) {
  .pl-sm-70 {
    padding-left: 70px;
  }
}

@media (min-width: 768px) {
  .pr-sm-70 {
    padding-right: 70px;
  }
}

@media (min-width: 768px) {
  .p-sm-70 {
    padding: 70px;
  }
}

@media (min-width: 768px) {
  .w-sm-70 {
    width: 70%;
  }
}

@media (min-width: 768px) {
  .mt-sm-75 {
    margin-top: 75px;
  }
}

@media (min-width: 768px) {
  .mb-sm-75 {
    margin-bottom: 75px;
  }
}

@media (min-width: 768px) {
  .ml-sm-75 {
    margin-left: 75px;
  }
}

@media (min-width: 768px) {
  .mr-sm-75 {
    margin-right: 75px;
  }
}

@media (min-width: 768px) {
  .m-sm-75 {
    margin: 75px;
  }
}

@media (min-width: 768px) {
  .pt-sm-75 {
    padding-top: 75px;
  }
}

@media (min-width: 768px) {
  .pb-sm-75 {
    padding-bottom: 75px;
  }
}

@media (min-width: 768px) {
  .pl-sm-75 {
    padding-left: 75px;
  }
}

@media (min-width: 768px) {
  .pr-sm-75 {
    padding-right: 75px;
  }
}

@media (min-width: 768px) {
  .p-sm-75 {
    padding: 75px;
  }
}

@media (min-width: 768px) {
  .w-sm-75 {
    width: 75%;
  }
}

@media (min-width: 768px) {
  .mt-sm-80 {
    margin-top: 80px;
  }
}

@media (min-width: 768px) {
  .mb-sm-80 {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .ml-sm-80 {
    margin-left: 80px;
  }
}

@media (min-width: 768px) {
  .mr-sm-80 {
    margin-right: 80px;
  }
}

@media (min-width: 768px) {
  .m-sm-80 {
    margin: 80px;
  }
}

@media (min-width: 768px) {
  .pt-sm-80 {
    padding-top: 80px;
  }
}

@media (min-width: 768px) {
  .pb-sm-80 {
    padding-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .pl-sm-80 {
    padding-left: 80px;
  }
}

@media (min-width: 768px) {
  .pr-sm-80 {
    padding-right: 80px;
  }
}

@media (min-width: 768px) {
  .p-sm-80 {
    padding: 80px;
  }
}

@media (min-width: 768px) {
  .w-sm-80 {
    width: 80%;
  }
}

@media (min-width: 768px) {
  .mt-sm-85 {
    margin-top: 85px;
  }
}

@media (min-width: 768px) {
  .mb-sm-85 {
    margin-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .ml-sm-85 {
    margin-left: 85px;
  }
}

@media (min-width: 768px) {
  .mr-sm-85 {
    margin-right: 85px;
  }
}

@media (min-width: 768px) {
  .m-sm-85 {
    margin: 85px;
  }
}

@media (min-width: 768px) {
  .pt-sm-85 {
    padding-top: 85px;
  }
}

@media (min-width: 768px) {
  .pb-sm-85 {
    padding-bottom: 85px;
  }
}

@media (min-width: 768px) {
  .pl-sm-85 {
    padding-left: 85px;
  }
}

@media (min-width: 768px) {
  .pr-sm-85 {
    padding-right: 85px;
  }
}

@media (min-width: 768px) {
  .p-sm-85 {
    padding: 85px;
  }
}

@media (min-width: 768px) {
  .w-sm-85 {
    width: 85%;
  }
}

@media (min-width: 768px) {
  .mt-sm-90 {
    margin-top: 90px;
  }
}

@media (min-width: 768px) {
  .mb-sm-90 {
    margin-bottom: 90px;
  }
}

@media (min-width: 768px) {
  .ml-sm-90 {
    margin-left: 90px;
  }
}

@media (min-width: 768px) {
  .mr-sm-90 {
    margin-right: 90px;
  }
}

@media (min-width: 768px) {
  .m-sm-90 {
    margin: 90px;
  }
}

@media (min-width: 768px) {
  .pt-sm-90 {
    padding-top: 90px;
  }
}

@media (min-width: 768px) {
  .pb-sm-90 {
    padding-bottom: 90px;
  }
}

@media (min-width: 768px) {
  .pl-sm-90 {
    padding-left: 90px;
  }
}

@media (min-width: 768px) {
  .pr-sm-90 {
    padding-right: 90px;
  }
}

@media (min-width: 768px) {
  .p-sm-90 {
    padding: 90px;
  }
}

@media (min-width: 768px) {
  .w-sm-90 {
    width: 90%;
  }
}

@media (min-width: 768px) {
  .mt-sm-95 {
    margin-top: 95px;
  }
}

@media (min-width: 768px) {
  .mb-sm-95 {
    margin-bottom: 95px;
  }
}

@media (min-width: 768px) {
  .ml-sm-95 {
    margin-left: 95px;
  }
}

@media (min-width: 768px) {
  .mr-sm-95 {
    margin-right: 95px;
  }
}

@media (min-width: 768px) {
  .m-sm-95 {
    margin: 95px;
  }
}

@media (min-width: 768px) {
  .pt-sm-95 {
    padding-top: 95px;
  }
}

@media (min-width: 768px) {
  .pb-sm-95 {
    padding-bottom: 95px;
  }
}

@media (min-width: 768px) {
  .pl-sm-95 {
    padding-left: 95px;
  }
}

@media (min-width: 768px) {
  .pr-sm-95 {
    padding-right: 95px;
  }
}

@media (min-width: 768px) {
  .p-sm-95 {
    padding: 95px;
  }
}

@media (min-width: 768px) {
  .w-sm-95 {
    width: 95%;
  }
}

@media (min-width: 768px) {
  .mt-sm-100 {
    margin-top: 100px;
  }
}

@media (min-width: 768px) {
  .mb-sm-100 {
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .ml-sm-100 {
    margin-left: 100px;
  }
}

@media (min-width: 768px) {
  .mr-sm-100 {
    margin-right: 100px;
  }
}

@media (min-width: 768px) {
  .m-sm-100 {
    margin: 100px;
  }
}

@media (min-width: 768px) {
  .pt-sm-100 {
    padding-top: 100px;
  }
}

@media (min-width: 768px) {
  .pb-sm-100 {
    padding-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .pl-sm-100 {
    padding-left: 100px;
  }
}

@media (min-width: 768px) {
  .pr-sm-100 {
    padding-right: 100px;
  }
}

@media (min-width: 768px) {
  .p-sm-100 {
    padding: 100px;
  }
}

@media (min-width: 768px) {
  .w-sm-100 {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .mt-md-0 {
    margin-top: 0px;
  }
}

@media (min-width: 992px) {
  .mb-md-0 {
    margin-bottom: 0px;
  }
}

@media (min-width: 992px) {
  .ml-md-0 {
    margin-left: 0px;
  }
}

@media (min-width: 992px) {
  .mr-md-0 {
    margin-right: 0px;
  }
}

@media (min-width: 992px) {
  .m-md-0 {
    margin: 0px;
  }
}

@media (min-width: 992px) {
  .pt-md-0 {
    padding-top: 0px;
  }
}

@media (min-width: 992px) {
  .pb-md-0 {
    padding-bottom: 0px;
  }
}

@media (min-width: 992px) {
  .pl-md-0 {
    padding-left: 0px;
  }
}

@media (min-width: 992px) {
  .pr-md-0 {
    padding-right: 0px;
  }
}

@media (min-width: 992px) {
  .p-md-0 {
    padding: 0px;
  }
}

@media (min-width: 992px) {
  .w-md-0 {
    width: 0%;
  }
}

@media (min-width: 992px) {
  .mt-md-5 {
    margin-top: 5px;
  }
}

@media (min-width: 992px) {
  .mb-md-5 {
    margin-bottom: 5px;
  }
}

@media (min-width: 992px) {
  .ml-md-5 {
    margin-left: 5px;
  }
}

@media (min-width: 992px) {
  .mr-md-5 {
    margin-right: 5px;
  }
}

@media (min-width: 992px) {
  .m-md-5 {
    margin: 5px;
  }
}

@media (min-width: 992px) {
  .pt-md-5 {
    padding-top: 5px;
  }
}

@media (min-width: 992px) {
  .pb-md-5 {
    padding-bottom: 5px;
  }
}

@media (min-width: 992px) {
  .pl-md-5 {
    padding-left: 5px;
  }
}

@media (min-width: 992px) {
  .pr-md-5 {
    padding-right: 5px;
  }
}

@media (min-width: 992px) {
  .p-md-5 {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  .w-md-5 {
    width: 5%;
  }
}

@media (min-width: 992px) {
  .mt-md-10 {
    margin-top: 10px;
  }
}

@media (min-width: 992px) {
  .mb-md-10 {
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .ml-md-10 {
    margin-left: 10px;
  }
}

@media (min-width: 992px) {
  .mr-md-10 {
    margin-right: 10px;
  }
}

@media (min-width: 992px) {
  .m-md-10 {
    margin: 10px;
  }
}

@media (min-width: 992px) {
  .pt-md-10 {
    padding-top: 10px;
  }
}

@media (min-width: 992px) {
  .pb-md-10 {
    padding-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .pl-md-10 {
    padding-left: 10px;
  }
}

@media (min-width: 992px) {
  .pr-md-10 {
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .p-md-10 {
    padding: 10px;
  }
}

@media (min-width: 992px) {
  .w-md-10 {
    width: 10%;
  }
}

@media (min-width: 992px) {
  .mt-md-15 {
    margin-top: 15px;
  }
}

@media (min-width: 992px) {
  .mb-md-15 {
    margin-bottom: 15px;
  }
}

@media (min-width: 992px) {
  .ml-md-15 {
    margin-left: 15px;
  }
}

@media (min-width: 992px) {
  .mr-md-15 {
    margin-right: 15px;
  }
}

@media (min-width: 992px) {
  .m-md-15 {
    margin: 15px;
  }
}

@media (min-width: 992px) {
  .pt-md-15 {
    padding-top: 15px;
  }
}

@media (min-width: 992px) {
  .pb-md-15 {
    padding-bottom: 15px;
  }
}

@media (min-width: 992px) {
  .pl-md-15 {
    padding-left: 15px;
  }
}

@media (min-width: 992px) {
  .pr-md-15 {
    padding-right: 15px;
  }
}

@media (min-width: 992px) {
  .p-md-15 {
    padding: 15px;
  }
}

@media (min-width: 992px) {
  .w-md-15 {
    width: 15%;
  }
}

@media (min-width: 992px) {
  .mt-md-20 {
    margin-top: 20px;
  }
}

@media (min-width: 992px) {
  .mb-md-20 {
    margin-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .ml-md-20 {
    margin-left: 20px;
  }
}

@media (min-width: 992px) {
  .mr-md-20 {
    margin-right: 20px;
  }
}

@media (min-width: 992px) {
  .m-md-20 {
    margin: 20px;
  }
}

@media (min-width: 992px) {
  .pt-md-20 {
    padding-top: 20px;
  }
}

@media (min-width: 992px) {
  .pb-md-20 {
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .pl-md-20 {
    padding-left: 20px;
  }
}

@media (min-width: 992px) {
  .pr-md-20 {
    padding-right: 20px;
  }
}

@media (min-width: 992px) {
  .p-md-20 {
    padding: 20px;
  }
}

@media (min-width: 992px) {
  .w-md-20 {
    width: 20%;
  }
}

@media (min-width: 992px) {
  .mt-md-25 {
    margin-top: 25px;
  }
}

@media (min-width: 992px) {
  .mb-md-25 {
    margin-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .ml-md-25 {
    margin-left: 25px;
  }
}

@media (min-width: 992px) {
  .mr-md-25 {
    margin-right: 25px;
  }
}

@media (min-width: 992px) {
  .m-md-25 {
    margin: 25px;
  }
}

@media (min-width: 992px) {
  .pt-md-25 {
    padding-top: 25px;
  }
}

@media (min-width: 992px) {
  .pb-md-25 {
    padding-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .pl-md-25 {
    padding-left: 25px;
  }
}

@media (min-width: 992px) {
  .pr-md-25 {
    padding-right: 25px;
  }
}

@media (min-width: 992px) {
  .p-md-25 {
    padding: 25px;
  }
}

@media (min-width: 992px) {
  .w-md-25 {
    width: 25%;
  }
}

@media (min-width: 992px) {
  .mt-md-30 {
    margin-top: 30px;
  }
}

@media (min-width: 992px) {
  .mb-md-30 {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .ml-md-30 {
    margin-left: 30px;
  }
}

@media (min-width: 992px) {
  .mr-md-30 {
    margin-right: 30px;
  }
}

@media (min-width: 992px) {
  .m-md-30 {
    margin: 30px;
  }
}

@media (min-width: 992px) {
  .pt-md-30 {
    padding-top: 30px;
  }
}

@media (min-width: 992px) {
  .pb-md-30 {
    padding-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .pl-md-30 {
    padding-left: 30px;
  }
}

@media (min-width: 992px) {
  .pr-md-30 {
    padding-right: 30px;
  }
}

@media (min-width: 992px) {
  .p-md-30 {
    padding: 30px;
  }
}

@media (min-width: 992px) {
  .w-md-30 {
    width: 30%;
  }
}

@media (min-width: 992px) {
  .mt-md-35 {
    margin-top: 35px;
  }
}

@media (min-width: 992px) {
  .mb-md-35 {
    margin-bottom: 35px;
  }
}

@media (min-width: 992px) {
  .ml-md-35 {
    margin-left: 35px;
  }
}

@media (min-width: 992px) {
  .mr-md-35 {
    margin-right: 35px;
  }
}

@media (min-width: 992px) {
  .m-md-35 {
    margin: 35px;
  }
}

@media (min-width: 992px) {
  .pt-md-35 {
    padding-top: 35px;
  }
}

@media (min-width: 992px) {
  .pb-md-35 {
    padding-bottom: 35px;
  }
}

@media (min-width: 992px) {
  .pl-md-35 {
    padding-left: 35px;
  }
}

@media (min-width: 992px) {
  .pr-md-35 {
    padding-right: 35px;
  }
}

@media (min-width: 992px) {
  .p-md-35 {
    padding: 35px;
  }
}

@media (min-width: 992px) {
  .w-md-35 {
    width: 35%;
  }
}

@media (min-width: 992px) {
  .mt-md-40 {
    margin-top: 40px;
  }
}

@media (min-width: 992px) {
  .mb-md-40 {
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .ml-md-40 {
    margin-left: 40px;
  }
}

@media (min-width: 992px) {
  .mr-md-40 {
    margin-right: 40px;
  }
}

@media (min-width: 992px) {
  .m-md-40 {
    margin: 40px;
  }
}

@media (min-width: 992px) {
  .pt-md-40 {
    padding-top: 40px;
  }
}

@media (min-width: 992px) {
  .pb-md-40 {
    padding-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .pl-md-40 {
    padding-left: 40px;
  }
}

@media (min-width: 992px) {
  .pr-md-40 {
    padding-right: 40px;
  }
}

@media (min-width: 992px) {
  .p-md-40 {
    padding: 40px;
  }
}

@media (min-width: 992px) {
  .w-md-40 {
    width: 40%;
  }
}

@media (min-width: 992px) {
  .mt-md-45 {
    margin-top: 45px;
  }
}

@media (min-width: 992px) {
  .mb-md-45 {
    margin-bottom: 45px;
  }
}

@media (min-width: 992px) {
  .ml-md-45 {
    margin-left: 45px;
  }
}

@media (min-width: 992px) {
  .mr-md-45 {
    margin-right: 45px;
  }
}

@media (min-width: 992px) {
  .m-md-45 {
    margin: 45px;
  }
}

@media (min-width: 992px) {
  .pt-md-45 {
    padding-top: 45px;
  }
}

@media (min-width: 992px) {
  .pb-md-45 {
    padding-bottom: 45px;
  }
}

@media (min-width: 992px) {
  .pl-md-45 {
    padding-left: 45px;
  }
}

@media (min-width: 992px) {
  .pr-md-45 {
    padding-right: 45px;
  }
}

@media (min-width: 992px) {
  .p-md-45 {
    padding: 45px;
  }
}

@media (min-width: 992px) {
  .w-md-45 {
    width: 45%;
  }
}

@media (min-width: 992px) {
  .mt-md-50 {
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .mb-md-50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .ml-md-50 {
    margin-left: 50px;
  }
}

@media (min-width: 992px) {
  .mr-md-50 {
    margin-right: 50px;
  }
}

@media (min-width: 992px) {
  .m-md-50 {
    margin: 50px;
  }
}

@media (min-width: 992px) {
  .pt-md-50 {
    padding-top: 50px;
  }
}

@media (min-width: 992px) {
  .pb-md-50 {
    padding-bottom: 50px;
  }
}

@media (min-width: 992px) {
  .pl-md-50 {
    padding-left: 50px;
  }
}

@media (min-width: 992px) {
  .pr-md-50 {
    padding-right: 50px;
  }
}

@media (min-width: 992px) {
  .p-md-50 {
    padding: 50px;
  }
}

@media (min-width: 992px) {
  .w-md-50 {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .mt-md-55 {
    margin-top: 55px;
  }
}

@media (min-width: 992px) {
  .mb-md-55 {
    margin-bottom: 55px;
  }
}

@media (min-width: 992px) {
  .ml-md-55 {
    margin-left: 55px;
  }
}

@media (min-width: 992px) {
  .mr-md-55 {
    margin-right: 55px;
  }
}

@media (min-width: 992px) {
  .m-md-55 {
    margin: 55px;
  }
}

@media (min-width: 992px) {
  .pt-md-55 {
    padding-top: 55px;
  }
}

@media (min-width: 992px) {
  .pb-md-55 {
    padding-bottom: 55px;
  }
}

@media (min-width: 992px) {
  .pl-md-55 {
    padding-left: 55px;
  }
}

@media (min-width: 992px) {
  .pr-md-55 {
    padding-right: 55px;
  }
}

@media (min-width: 992px) {
  .p-md-55 {
    padding: 55px;
  }
}

@media (min-width: 992px) {
  .w-md-55 {
    width: 55%;
  }
}

@media (min-width: 992px) {
  .mt-md-60 {
    margin-top: 60px;
  }
}

@media (min-width: 992px) {
  .mb-md-60 {
    margin-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .ml-md-60 {
    margin-left: 60px;
  }
}

@media (min-width: 992px) {
  .mr-md-60 {
    margin-right: 60px;
  }
}

@media (min-width: 992px) {
  .m-md-60 {
    margin: 60px;
  }
}

@media (min-width: 992px) {
  .pt-md-60 {
    padding-top: 60px;
  }
}

@media (min-width: 992px) {
  .pb-md-60 {
    padding-bottom: 60px;
  }
}

@media (min-width: 992px) {
  .pl-md-60 {
    padding-left: 60px;
  }
}

@media (min-width: 992px) {
  .pr-md-60 {
    padding-right: 60px;
  }
}

@media (min-width: 992px) {
  .p-md-60 {
    padding: 60px;
  }
}

@media (min-width: 992px) {
  .w-md-60 {
    width: 60%;
  }
}

@media (min-width: 992px) {
  .mt-md-65 {
    margin-top: 65px;
  }
}

@media (min-width: 992px) {
  .mb-md-65 {
    margin-bottom: 65px;
  }
}

@media (min-width: 992px) {
  .ml-md-65 {
    margin-left: 65px;
  }
}

@media (min-width: 992px) {
  .mr-md-65 {
    margin-right: 65px;
  }
}

@media (min-width: 992px) {
  .m-md-65 {
    margin: 65px;
  }
}

@media (min-width: 992px) {
  .pt-md-65 {
    padding-top: 65px;
  }
}

@media (min-width: 992px) {
  .pb-md-65 {
    padding-bottom: 65px;
  }
}

@media (min-width: 992px) {
  .pl-md-65 {
    padding-left: 65px;
  }
}

@media (min-width: 992px) {
  .pr-md-65 {
    padding-right: 65px;
  }
}

@media (min-width: 992px) {
  .p-md-65 {
    padding: 65px;
  }
}

@media (min-width: 992px) {
  .w-md-65 {
    width: 65%;
  }
}

@media (min-width: 992px) {
  .mt-md-70 {
    margin-top: 70px;
  }
}

@media (min-width: 992px) {
  .mb-md-70 {
    margin-bottom: 70px;
  }
}

@media (min-width: 992px) {
  .ml-md-70 {
    margin-left: 70px;
  }
}

@media (min-width: 992px) {
  .mr-md-70 {
    margin-right: 70px;
  }
}

@media (min-width: 992px) {
  .m-md-70 {
    margin: 70px;
  }
}

@media (min-width: 992px) {
  .pt-md-70 {
    padding-top: 70px;
  }
}

@media (min-width: 992px) {
  .pb-md-70 {
    padding-bottom: 70px;
  }
}

@media (min-width: 992px) {
  .pl-md-70 {
    padding-left: 70px;
  }
}

@media (min-width: 992px) {
  .pr-md-70 {
    padding-right: 70px;
  }
}

@media (min-width: 992px) {
  .p-md-70 {
    padding: 70px;
  }
}

@media (min-width: 992px) {
  .w-md-70 {
    width: 70%;
  }
}

@media (min-width: 992px) {
  .mt-md-75 {
    margin-top: 75px;
  }
}

@media (min-width: 992px) {
  .mb-md-75 {
    margin-bottom: 75px;
  }
}

@media (min-width: 992px) {
  .ml-md-75 {
    margin-left: 75px;
  }
}

@media (min-width: 992px) {
  .mr-md-75 {
    margin-right: 75px;
  }
}

@media (min-width: 992px) {
  .m-md-75 {
    margin: 75px;
  }
}

@media (min-width: 992px) {
  .pt-md-75 {
    padding-top: 75px;
  }
}

@media (min-width: 992px) {
  .pb-md-75 {
    padding-bottom: 75px;
  }
}

@media (min-width: 992px) {
  .pl-md-75 {
    padding-left: 75px;
  }
}

@media (min-width: 992px) {
  .pr-md-75 {
    padding-right: 75px;
  }
}

@media (min-width: 992px) {
  .p-md-75 {
    padding: 75px;
  }
}

@media (min-width: 992px) {
  .w-md-75 {
    width: 75%;
  }
}

@media (min-width: 992px) {
  .mt-md-80 {
    margin-top: 80px;
  }
}

@media (min-width: 992px) {
  .mb-md-80 {
    margin-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .ml-md-80 {
    margin-left: 80px;
  }
}

@media (min-width: 992px) {
  .mr-md-80 {
    margin-right: 80px;
  }
}

@media (min-width: 992px) {
  .m-md-80 {
    margin: 80px;
  }
}

@media (min-width: 992px) {
  .pt-md-80 {
    padding-top: 80px;
  }
}

@media (min-width: 992px) {
  .pb-md-80 {
    padding-bottom: 80px;
  }
}

@media (min-width: 992px) {
  .pl-md-80 {
    padding-left: 80px;
  }
}

@media (min-width: 992px) {
  .pr-md-80 {
    padding-right: 80px;
  }
}

@media (min-width: 992px) {
  .p-md-80 {
    padding: 80px;
  }
}

@media (min-width: 992px) {
  .w-md-80 {
    width: 80%;
  }
}

@media (min-width: 992px) {
  .mt-md-85 {
    margin-top: 85px;
  }
}

@media (min-width: 992px) {
  .mb-md-85 {
    margin-bottom: 85px;
  }
}

@media (min-width: 992px) {
  .ml-md-85 {
    margin-left: 85px;
  }
}

@media (min-width: 992px) {
  .mr-md-85 {
    margin-right: 85px;
  }
}

@media (min-width: 992px) {
  .m-md-85 {
    margin: 85px;
  }
}

@media (min-width: 992px) {
  .pt-md-85 {
    padding-top: 85px;
  }
}

@media (min-width: 992px) {
  .pb-md-85 {
    padding-bottom: 85px;
  }
}

@media (min-width: 992px) {
  .pl-md-85 {
    padding-left: 85px;
  }
}

@media (min-width: 992px) {
  .pr-md-85 {
    padding-right: 85px;
  }
}

@media (min-width: 992px) {
  .p-md-85 {
    padding: 85px;
  }
}

@media (min-width: 992px) {
  .w-md-85 {
    width: 85%;
  }
}

@media (min-width: 992px) {
  .mt-md-90 {
    margin-top: 90px;
  }
}

@media (min-width: 992px) {
  .mb-md-90 {
    margin-bottom: 90px;
  }
}

@media (min-width: 992px) {
  .ml-md-90 {
    margin-left: 90px;
  }
}

@media (min-width: 992px) {
  .mr-md-90 {
    margin-right: 90px;
  }
}

@media (min-width: 992px) {
  .m-md-90 {
    margin: 90px;
  }
}

@media (min-width: 992px) {
  .pt-md-90 {
    padding-top: 90px;
  }
}

@media (min-width: 992px) {
  .pb-md-90 {
    padding-bottom: 90px;
  }
}

@media (min-width: 992px) {
  .pl-md-90 {
    padding-left: 90px;
  }
}

@media (min-width: 992px) {
  .pr-md-90 {
    padding-right: 90px;
  }
}

@media (min-width: 992px) {
  .p-md-90 {
    padding: 90px;
  }
}

@media (min-width: 992px) {
  .w-md-90 {
    width: 90%;
  }
}

@media (min-width: 992px) {
  .mt-md-95 {
    margin-top: 95px;
  }
}

@media (min-width: 992px) {
  .mb-md-95 {
    margin-bottom: 95px;
  }
}

@media (min-width: 992px) {
  .ml-md-95 {
    margin-left: 95px;
  }
}

@media (min-width: 992px) {
  .mr-md-95 {
    margin-right: 95px;
  }
}

@media (min-width: 992px) {
  .m-md-95 {
    margin: 95px;
  }
}

@media (min-width: 992px) {
  .pt-md-95 {
    padding-top: 95px;
  }
}

@media (min-width: 992px) {
  .pb-md-95 {
    padding-bottom: 95px;
  }
}

@media (min-width: 992px) {
  .pl-md-95 {
    padding-left: 95px;
  }
}

@media (min-width: 992px) {
  .pr-md-95 {
    padding-right: 95px;
  }
}

@media (min-width: 992px) {
  .p-md-95 {
    padding: 95px;
  }
}

@media (min-width: 992px) {
  .w-md-95 {
    width: 95%;
  }
}

@media (min-width: 992px) {
  .mt-md-100 {
    margin-top: 100px;
  }
}

@media (min-width: 992px) {
  .mb-md-100 {
    margin-bottom: 100px;
  }
}

@media (min-width: 992px) {
  .ml-md-100 {
    margin-left: 100px;
  }
}

@media (min-width: 992px) {
  .mr-md-100 {
    margin-right: 100px;
  }
}

@media (min-width: 992px) {
  .m-md-100 {
    margin: 100px;
  }
}

@media (min-width: 992px) {
  .pt-md-100 {
    padding-top: 100px;
  }
}

@media (min-width: 992px) {
  .pb-md-100 {
    padding-bottom: 100px;
  }
}

@media (min-width: 992px) {
  .pl-md-100 {
    padding-left: 100px;
  }
}

@media (min-width: 992px) {
  .pr-md-100 {
    padding-right: 100px;
  }
}

@media (min-width: 992px) {
  .p-md-100 {
    padding: 100px;
  }
}

@media (min-width: 992px) {
  .w-md-100 {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-0 {
    margin-top: 0px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-0 {
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-0 {
    margin-left: 0px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-0 {
    margin-right: 0px;
  }
}

@media (min-width: 1200px) {
  .m-lg-0 {
    margin: 0px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-0 {
    padding-top: 0px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-0 {
    padding-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-0 {
    padding-left: 0px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-0 {
    padding-right: 0px;
  }
}

@media (min-width: 1200px) {
  .p-lg-0 {
    padding: 0px;
  }
}

@media (min-width: 1200px) {
  .w-lg-0 {
    width: 0%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-5 {
    margin-top: 5px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-5 {
    margin-bottom: 5px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-5 {
    margin-left: 5px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-5 {
    margin-right: 5px;
  }
}

@media (min-width: 1200px) {
  .m-lg-5 {
    margin: 5px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-5 {
    padding-top: 5px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-5 {
    padding-bottom: 5px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-5 {
    padding-left: 5px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-5 {
    padding-right: 5px;
  }
}

@media (min-width: 1200px) {
  .p-lg-5 {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  .w-lg-5 {
    width: 5%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-10 {
    margin-top: 10px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-10 {
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-10 {
    margin-left: 10px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-10 {
    margin-right: 10px;
  }
}

@media (min-width: 1200px) {
  .m-lg-10 {
    margin: 10px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-10 {
    padding-top: 10px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-10 {
    padding-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-10 {
    padding-left: 10px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-10 {
    padding-right: 10px;
  }
}

@media (min-width: 1200px) {
  .p-lg-10 {
    padding: 10px;
  }
}

@media (min-width: 1200px) {
  .w-lg-10 {
    width: 10%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-15 {
    margin-top: 15px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-15 {
    margin-bottom: 15px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-15 {
    margin-left: 15px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-15 {
    margin-right: 15px;
  }
}

@media (min-width: 1200px) {
  .m-lg-15 {
    margin: 15px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-15 {
    padding-top: 15px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-15 {
    padding-bottom: 15px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-15 {
    padding-left: 15px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-15 {
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  .p-lg-15 {
    padding: 15px;
  }
}

@media (min-width: 1200px) {
  .w-lg-15 {
    width: 15%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-20 {
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-20 {
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-20 {
    margin-left: 20px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-20 {
    margin-right: 20px;
  }
}

@media (min-width: 1200px) {
  .m-lg-20 {
    margin: 20px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-20 {
    padding-top: 20px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-20 {
    padding-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-20 {
    padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-20 {
    padding-right: 20px;
  }
}

@media (min-width: 1200px) {
  .p-lg-20 {
    padding: 20px;
  }
}

@media (min-width: 1200px) {
  .w-lg-20 {
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-25 {
    margin-top: 25px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-25 {
    margin-bottom: 25px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-25 {
    margin-left: 25px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-25 {
    margin-right: 25px;
  }
}

@media (min-width: 1200px) {
  .m-lg-25 {
    margin: 25px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-25 {
    padding-top: 25px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-25 {
    padding-bottom: 25px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-25 {
    padding-left: 25px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-25 {
    padding-right: 25px;
  }
}

@media (min-width: 1200px) {
  .p-lg-25 {
    padding: 25px;
  }
}

@media (min-width: 1200px) {
  .w-lg-25 {
    width: 25%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-30 {
    margin-top: 30px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-30 {
    margin-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-30 {
    margin-left: 30px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-30 {
    margin-right: 30px;
  }
}

@media (min-width: 1200px) {
  .m-lg-30 {
    margin: 30px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-30 {
    padding-top: 30px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-30 {
    padding-bottom: 30px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-30 {
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-30 {
    padding-right: 30px;
  }
}

@media (min-width: 1200px) {
  .p-lg-30 {
    padding: 30px;
  }
}

@media (min-width: 1200px) {
  .w-lg-30 {
    width: 30%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-35 {
    margin-top: 35px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-35 {
    margin-bottom: 35px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-35 {
    margin-left: 35px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-35 {
    margin-right: 35px;
  }
}

@media (min-width: 1200px) {
  .m-lg-35 {
    margin: 35px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-35 {
    padding-top: 35px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-35 {
    padding-bottom: 35px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-35 {
    padding-left: 35px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-35 {
    padding-right: 35px;
  }
}

@media (min-width: 1200px) {
  .p-lg-35 {
    padding: 35px;
  }
}

@media (min-width: 1200px) {
  .w-lg-35 {
    width: 35%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-40 {
    margin-top: 40px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-40 {
    margin-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-40 {
    margin-left: 40px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-40 {
    margin-right: 40px;
  }
}

@media (min-width: 1200px) {
  .m-lg-40 {
    margin: 40px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-40 {
    padding-top: 40px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-40 {
    padding-bottom: 40px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-40 {
    padding-left: 40px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-40 {
    padding-right: 40px;
  }
}

@media (min-width: 1200px) {
  .p-lg-40 {
    padding: 40px;
  }
}

@media (min-width: 1200px) {
  .w-lg-40 {
    width: 40%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-45 {
    margin-top: 45px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-45 {
    margin-bottom: 45px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-45 {
    margin-left: 45px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-45 {
    margin-right: 45px;
  }
}

@media (min-width: 1200px) {
  .m-lg-45 {
    margin: 45px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-45 {
    padding-top: 45px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-45 {
    padding-bottom: 45px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-45 {
    padding-left: 45px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-45 {
    padding-right: 45px;
  }
}

@media (min-width: 1200px) {
  .p-lg-45 {
    padding: 45px;
  }
}

@media (min-width: 1200px) {
  .w-lg-45 {
    width: 45%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-50 {
    margin-top: 50px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-50 {
    margin-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-50 {
    margin-left: 50px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-50 {
    margin-right: 50px;
  }
}

@media (min-width: 1200px) {
  .m-lg-50 {
    margin: 50px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-50 {
    padding-top: 50px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-50 {
    padding-bottom: 50px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-50 {
    padding-left: 50px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-50 {
    padding-right: 50px;
  }
}

@media (min-width: 1200px) {
  .p-lg-50 {
    padding: 50px;
  }
}

@media (min-width: 1200px) {
  .w-lg-50 {
    width: 50%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-55 {
    margin-top: 55px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-55 {
    margin-bottom: 55px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-55 {
    margin-left: 55px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-55 {
    margin-right: 55px;
  }
}

@media (min-width: 1200px) {
  .m-lg-55 {
    margin: 55px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-55 {
    padding-top: 55px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-55 {
    padding-bottom: 55px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-55 {
    padding-left: 55px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-55 {
    padding-right: 55px;
  }
}

@media (min-width: 1200px) {
  .p-lg-55 {
    padding: 55px;
  }
}

@media (min-width: 1200px) {
  .w-lg-55 {
    width: 55%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-60 {
    margin-top: 60px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-60 {
    margin-bottom: 60px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-60 {
    margin-left: 60px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-60 {
    margin-right: 60px;
  }
}

@media (min-width: 1200px) {
  .m-lg-60 {
    margin: 60px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-60 {
    padding-top: 60px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-60 {
    padding-bottom: 60px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-60 {
    padding-left: 60px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-60 {
    padding-right: 60px;
  }
}

@media (min-width: 1200px) {
  .p-lg-60 {
    padding: 60px;
  }
}

@media (min-width: 1200px) {
  .w-lg-60 {
    width: 60%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-65 {
    margin-top: 65px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-65 {
    margin-bottom: 65px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-65 {
    margin-left: 65px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-65 {
    margin-right: 65px;
  }
}

@media (min-width: 1200px) {
  .m-lg-65 {
    margin: 65px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-65 {
    padding-top: 65px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-65 {
    padding-bottom: 65px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-65 {
    padding-left: 65px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-65 {
    padding-right: 65px;
  }
}

@media (min-width: 1200px) {
  .p-lg-65 {
    padding: 65px;
  }
}

@media (min-width: 1200px) {
  .w-lg-65 {
    width: 65%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-70 {
    margin-top: 70px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-70 {
    margin-bottom: 70px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-70 {
    margin-left: 70px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-70 {
    margin-right: 70px;
  }
}

@media (min-width: 1200px) {
  .m-lg-70 {
    margin: 70px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-70 {
    padding-top: 70px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-70 {
    padding-bottom: 70px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-70 {
    padding-left: 70px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-70 {
    padding-right: 70px;
  }
}

@media (min-width: 1200px) {
  .p-lg-70 {
    padding: 70px;
  }
}

@media (min-width: 1200px) {
  .w-lg-70 {
    width: 70%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-75 {
    margin-top: 75px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-75 {
    margin-bottom: 75px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-75 {
    margin-left: 75px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-75 {
    margin-right: 75px;
  }
}

@media (min-width: 1200px) {
  .m-lg-75 {
    margin: 75px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-75 {
    padding-top: 75px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-75 {
    padding-bottom: 75px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-75 {
    padding-left: 75px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-75 {
    padding-right: 75px;
  }
}

@media (min-width: 1200px) {
  .p-lg-75 {
    padding: 75px;
  }
}

@media (min-width: 1200px) {
  .w-lg-75 {
    width: 75%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-80 {
    margin-top: 80px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-80 {
    margin-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-80 {
    margin-left: 80px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-80 {
    margin-right: 80px;
  }
}

@media (min-width: 1200px) {
  .m-lg-80 {
    margin: 80px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-80 {
    padding-top: 80px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-80 {
    padding-bottom: 80px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-80 {
    padding-left: 80px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-80 {
    padding-right: 80px;
  }
}

@media (min-width: 1200px) {
  .p-lg-80 {
    padding: 80px;
  }
}

@media (min-width: 1200px) {
  .w-lg-80 {
    width: 80%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-85 {
    margin-top: 85px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-85 {
    margin-bottom: 85px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-85 {
    margin-left: 85px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-85 {
    margin-right: 85px;
  }
}

@media (min-width: 1200px) {
  .m-lg-85 {
    margin: 85px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-85 {
    padding-top: 85px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-85 {
    padding-bottom: 85px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-85 {
    padding-left: 85px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-85 {
    padding-right: 85px;
  }
}

@media (min-width: 1200px) {
  .p-lg-85 {
    padding: 85px;
  }
}

@media (min-width: 1200px) {
  .w-lg-85 {
    width: 85%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-90 {
    margin-top: 90px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-90 {
    margin-bottom: 90px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-90 {
    margin-left: 90px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-90 {
    margin-right: 90px;
  }
}

@media (min-width: 1200px) {
  .m-lg-90 {
    margin: 90px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-90 {
    padding-top: 90px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-90 {
    padding-bottom: 90px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-90 {
    padding-left: 90px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-90 {
    padding-right: 90px;
  }
}

@media (min-width: 1200px) {
  .p-lg-90 {
    padding: 90px;
  }
}

@media (min-width: 1200px) {
  .w-lg-90 {
    width: 90%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-95 {
    margin-top: 95px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-95 {
    margin-bottom: 95px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-95 {
    margin-left: 95px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-95 {
    margin-right: 95px;
  }
}

@media (min-width: 1200px) {
  .m-lg-95 {
    margin: 95px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-95 {
    padding-top: 95px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-95 {
    padding-bottom: 95px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-95 {
    padding-left: 95px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-95 {
    padding-right: 95px;
  }
}

@media (min-width: 1200px) {
  .p-lg-95 {
    padding: 95px;
  }
}

@media (min-width: 1200px) {
  .w-lg-95 {
    width: 95%;
  }
}

@media (min-width: 1200px) {
  .mt-lg-100 {
    margin-top: 100px;
  }
}

@media (min-width: 1200px) {
  .mb-lg-100 {
    margin-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .ml-lg-100 {
    margin-left: 100px;
  }
}

@media (min-width: 1200px) {
  .mr-lg-100 {
    margin-right: 100px;
  }
}

@media (min-width: 1200px) {
  .m-lg-100 {
    margin: 100px;
  }
}

@media (min-width: 1200px) {
  .pt-lg-100 {
    padding-top: 100px;
  }
}

@media (min-width: 1200px) {
  .pb-lg-100 {
    padding-bottom: 100px;
  }
}

@media (min-width: 1200px) {
  .pl-lg-100 {
    padding-left: 100px;
  }
}

@media (min-width: 1200px) {
  .pr-lg-100 {
    padding-right: 100px;
  }
}

@media (min-width: 1200px) {
  .p-lg-100 {
    padding: 100px;
  }
}

@media (min-width: 1200px) {
  .w-lg-100 {
    width: 100%;
  }
}

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

.text-xs-left {
  text-align: left;
}

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

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

@media (min-width: 768px) {
  .text-sm-center {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .text-sm-right {
    text-align: right;
  }
}

@media (min-width: 768px) {
  .text-sm-justify {
    text-align: justify;
  }
}

@media (min-width: 992px) {
  .text-md-center {
    text-align: center;
  }
}

@media (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
}

@media (min-width: 992px) {
  .text-md-right {
    text-align: right;
  }
}

@media (min-width: 992px) {
  .text-md-justify {
    text-align: justify;
  }
}

@media (min-width: 1200px) {
  .text-lg-center {
    text-align: center;
  }
}

@media (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .text-lg-right {
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .text-lg-justify {
    text-align: justify;
  }
}

.df-xs {
  display: flex;
}

.df-xs-inline-flex {
  display: inline-flex;
}

.df-xs-justify-content-center {
  justify-content: center;
}

.df-xs-justify-content-space-between {
  justify-content: space-between;
}

.df-xs-justify-content-space-around {
  justify-content: space-around;
}

.df-xs-justify-content-flex-start {
  justify-content: flex-start;
}

.df-xs-justify-content-flex-end {
  justify-content: flex-end;
}

.df-xs-align-items-center {
  align-items: center;
}

.df-xs-align-items-flex-start {
  align-items: flex-start;
}

.df-xs-align-items-flex-end {
  align-items: flex-end;
}

.df-xs-align-items-baseline {
  align-items: baseline;
}

.df-xs-align-items-stretch {
  align-items: stretch;
}

.df-xs-flex-wrap-wrap {
  flex-wrap: wrap;
}

.df-xs-flex-wrap-nowrap {
  flex-wrap: nowrap;
}

.df-xs-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.df-xs-flex-direction-row {
  flex-direction: row;
}

.df-xs-flex-direction-row-reverse {
  flex-direction: row-reverse;
}

.df-xs-flex-direction-column {
  flex-direction: column;
}

.df-xs-flex-direction-column-reverse {
  flex-direction: column-reverse;
}

.df-sm {
  display: flex;
}

@media (min-width: 768px) {
  .df-sm-inline-flex {
    display: inline-flex;
  }
  .df-sm-justify-content-center {
    justify-content: center;
  }
  .df-sm-justify-content-space-between {
    justify-content: space-between;
  }
  .df-sm-justify-content-space-around {
    justify-content: space-around;
  }
  .df-sm-justify-content-flex-start {
    justify-content: flex-start;
  }
  .df-sm-justify-content-flex-end {
    justify-content: flex-end;
  }
  .df-sm-align-items-center {
    align-items: center;
  }
  .df-sm-align-items-flex-start {
    align-items: flex-start;
  }
  .df-sm-align-items-flex-end {
    align-items: flex-end;
  }
  .df-sm-align-items-baseline {
    align-items: baseline;
  }
  .df-sm-align-items-stretch {
    align-items: stretch;
  }
  .df-sm-flex-wrap-wrap {
    flex-wrap: wrap;
  }
  .df-sm-flex-wrap-nowrap {
    flex-wrap: nowrap;
  }
  .df-sm-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .df-sm-flex-direction-row {
    flex-direction: row;
  }
  .df-sm-flex-direction-row-reverse {
    flex-direction: row-reverse;
  }
  .df-sm-flex-direction-column {
    flex-direction: column;
  }
  .df-sm-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}

.df-md {
  display: flex;
}

@media (min-width: 992px) {
  .df-md-inline-flex {
    display: inline-flex;
  }
  .df-md-justify-content-center {
    justify-content: center;
  }
  .df-md-justify-content-space-between {
    justify-content: space-between;
  }
  .df-md-justify-content-space-around {
    justify-content: space-around;
  }
  .df-md-justify-content-flex-start {
    justify-content: flex-start;
  }
  .df-md-justify-content-flex-end {
    justify-content: flex-end;
  }
  .df-md-align-items-center {
    align-items: center;
  }
  .df-md-align-items-flex-start {
    align-items: flex-start;
  }
  .df-md-align-items-flex-end {
    align-items: flex-end;
  }
  .df-md-align-items-baseline {
    align-items: baseline;
  }
  .df-md-align-items-stretch {
    align-items: stretch;
  }
  .df-md-flex-wrap-wrap {
    flex-wrap: wrap;
  }
  .df-md-flex-wrap-nowrap {
    flex-wrap: nowrap;
  }
  .df-md-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .df-md-flex-direction-row {
    flex-direction: row;
  }
  .df-md-flex-direction-row-reverse {
    flex-direction: row-reverse;
  }
  .df-md-flex-direction-column {
    flex-direction: column;
  }
  .df-md-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}

.df-lg {
  display: flex;
}

@media (min-width: 1200px) {
  .df-lg-inline-flex {
    display: inline-flex;
  }
  .df-lg-justify-content-center {
    justify-content: center;
  }
  .df-lg-justify-content-space-between {
    justify-content: space-between;
  }
  .df-lg-justify-content-space-around {
    justify-content: space-around;
  }
  .df-lg-justify-content-flex-start {
    justify-content: flex-start;
  }
  .df-lg-justify-content-flex-end {
    justify-content: flex-end;
  }
  .df-lg-align-items-center {
    align-items: center;
  }
  .df-lg-align-items-flex-start {
    align-items: flex-start;
  }
  .df-lg-align-items-flex-end {
    align-items: flex-end;
  }
  .df-lg-align-items-baseline {
    align-items: baseline;
  }
  .df-lg-align-items-stretch {
    align-items: stretch;
  }
  .df-lg-flex-wrap-wrap {
    flex-wrap: wrap;
  }
  .df-lg-flex-wrap-nowrap {
    flex-wrap: nowrap;
  }
  .df-lg-flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .df-lg-flex-direction-row {
    flex-direction: row;
  }
  .df-lg-flex-direction-row-reverse {
    flex-direction: row-reverse;
  }
  .df-lg-flex-direction-column {
    flex-direction: column;
  }
  .df-lg-flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-15 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-15 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-15 {
    width: 20%;
    float: left;
  }
}

/*===================================
TYPOGRAPHY
===================================*/
.font-weight-light {
  font-weight: 300;
}

.font-weight-regular {
  font-weight: 400;
}

.font-weight-semi-bold {
  font-weight: 600;
}

.font-weight-bold {
  font-weight: 700;
}

.font-weight-extra-bold {
  font-weight: 700;
}

p {
  line-height: 1.6;
}

.text-letter-spacing--extra-large {
  letter-spacing: 30px;
  margin-right: -30px;
}

@media (max-width: 991px) {
  .text-letter-spacing--extra-large {
    letter-spacing: 18px;
    margin-right: -18px;
  }
}

@media (max-width: 767px) {
  .text-letter-spacing--extra-large {
    letter-spacing: 12px;
    margin-right: -12px;
  }
}

.text-letter-spacing--large {
  letter-spacing: 20px;
  margin-right: -20px;
}

@media (max-width: 991px) {
  .text-letter-spacing--large {
    letter-spacing: 15px;
    margin-right: -15px;
  }
}

@media (max-width: 767px) {
  .text-letter-spacing--large {
    letter-spacing: 10px;
    margin-right: -10px;
  }
}

.text-letter-spacing--medium {
  letter-spacing: 10px;
  margin-right: -10px;
}

@media (max-width: 991px) {
  .text-letter-spacing--medium {
    letter-spacing: 12px;
    margin-right: -12px;
  }
}

@media (max-width: 767px) {
  .text-letter-spacing--medium {
    letter-spacing: 8px;
    margin-right: -8px;
  }
}

.text-letter-spacing--small {
  letter-spacing: 5px;
  margin-right: -5px;
}

@media (max-width: 991px) {
  .text-letter-spacing--small {
    letter-spacing: 3px;
    margin-right: -3px;
  }
}

.text-letter-spacing--extra-small {
  letter-spacing: 2px;
  margin-right: -2px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Raleway", sans-serif;
  line-height: 1.3;
  margin-bottom: 10px;
}

h1, .h1 {
  font-size: 50px;
}

@media (max-width: 991px) {
  h1, .h1 {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  h1, .h1 {
    font-size: 30px;
  }
}

h2, .h2 {
  font-size: 40px;
}

@media (max-width: 991px) {
  h2, .h2 {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  h2, .h2 {
    font-size: 25px;
  }
}

h3, .h3 {
  font-size: 30px;
}

@media (max-width: 991px) {
  h3, .h3 {
    font-size: 20px;
  }
}

h4, .h4 {
  font-size: 25px;
}

@media (max-width: 991px) {
  h4, .h4 {
    font-size: 20px;
  }
}

h5, .h5 {
  font-size: 20px;
}

h6, .h6 {
  font-size: 15px;
}

/*===================================
BODY
===================================*/
body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
}

@media (max-width: 991px) {
  body.mobile-menu-collapsed {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
  }
}

body.mobile-menu-collapsed .hero-item-caption {
  display: none;
}

::-moz-selection {
  color: #fff;
  background: #005636;
}

::selection {
  color: #fff;
  background: #005636;
}

/*===================================
COLORS
===================================*/
a:hover {
  color: #005636;
}

.text-dark {
  color: #333;
}

.text-white {
  color: #fff;
}

.text-colorful {
	color: #c63437;
}

.links-dark a {
  color: #333;
}

.links-white a {
  color: #fff;
}

.links-colorful a {
  color: #005636;
}

.background-dark {
  background-color: #222;
}

.background-gray {
  background-color: #333;
}

.background-light {
  background-color: #fff;
}

.background-primary {
  background-color: #fff;
}

.background-secondary {
  background-color: #005636;
}

/*===================================
BORDERS
===================================*/
.border {
  border: 1px solid #000;
}

.border--small {
  border-width: 1px;
}

.border--medium {
  border-width: 2px;
}

.border--large {
  border-width: 3px;
}

.border--xx-large {
  border-width: 5px;
}

.border--primary {
  border-color: #fff;
}

.border--secondary {
  border-color: #005636;
}

.border--white {
  border-color: #fff;
}

.border--dark {
  border-color: #000;
}

.border-rounded {
  border-radius: 5px;
}

.border-rounded--small {
  border-radius: 3px;
}

.border-rounded--medium {
  border-radius: 10px;
}

.border-rounded--large {
  border-radius: 30px;
}

.border-rounded--xx-large {
  border-radius: 50px;
}

.border-rounded--circle {
  border-radius: 50%;
}

/*===================================
PLUGINS OVERRIDE
===================================*/
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #fee4ac;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: #005636;
  color: #fff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #fee4ac;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #005636;
}

.owl-theme--dots-in-wrapper .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}

.owl-carousel {
  position: relative;
}

.owl-carousel .owl-item {
  transform: translateZ(0);
}

.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #005636;
  color: #fff;
  padding: 15px !important;
  font-size: 32px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  opacity: 0.5;
  transition: opacity .3s, transform .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.owl-carousel .owl-nav .owl-next i, .owl-carousel .owl-nav .owl-prev i {
  line-height: 1;
}

.owl-carousel .owl-nav .owl-next {
  right: 0;
  transform: translateX(100%) translateY(-50%);
}

.owl-carousel .owl-nav .owl-prev {
  left: 0;
  transform: translateX(-100%) translateY(-50%);
}

.owl-carousel .owl-nav:hover .owl-next, .owl-carousel .owl-nav:hover .owl-prev {
  opacity: 1;
}

.owl-carousel:hover .owl-prev, .owl-carousel:hover .owl-next {
  transform: translateX(0) translateY(-50%);
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 20px;
  margin-bottom: 0;
}

.mfp-wrap {
  z-index: 99991;
}

.mfp-bg {
  z-index: 99990;
}

.mfp-arrow-left:before {
  border: none;
}

.mfp-arrow-left:after {
  border-right-color: #005636;
}

.mfp-arrow-right:before {
  border: none;
}

.mfp-arrow-right:after {
  border-left-color: #005636;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #005636;
}

.nav-tabs {
  border: none;
}

.nav-tabs > li a {
  border-radius: 0;
  position: relative;
  transition: background .3s;
  border: none;
  padding: 8px 5px;
}

.nav-tabs > li a:before, .nav-tabs > li a:after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  transition: width .3s;
}

.nav-tabs > li a:before {
  z-index: 1;
}

.nav-tabs > li a:after {
  width: 100%;
  background: #ccc;
}

.nav-tabs > li a:hover {
  background: transparent;
}

.nav-tabs > li a:hover:before {
  background: #005636;
  width: 100%;
}

.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
  color: #005636;
  display: block;
  border: none;
  border-radius: 0;
  background: transparent;
}

.nav-tabs > li.active a:before {
  background: #005636;
  width: 100%;
}

.nav-tabs > li.active a:after {
  width: 100%;
  background: #ccc;
}

.table > thead > tr > th {
  border-color: #005636;
}

/*===================================
EFFECTS - ANIMATIONS
===================================*/
.effect-opacity-hover {
  transition: opacity .3s;
}

.effect-opacity-hover:hover {
  opacity: .8;
}

.effect-scale-image-hover {
  overflow: hidden;
}

.effect-scale-image-hover img {
  transition: transform .3s;
}

.effect-scale-image-hover img:hover {
  transform: scale(1.1);
}

/*===================================
OVERLAY
===================================*/
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: -1;
}

.overlay--pattern {
  background-image: url("../img/overlay.png");
}

.overlay--primary {
  background-color: #fff;
}

.overlay--secondary {
  background-color: #005636;
}

.overlay--light {
  opacity: 0.4;
}

.overlay--medium {
  opacity: 0.6;
}

.overlay--medium-light {
  opacity: 0.65;
}

.overlay--medium-dark {
  opacity: 0.75;
}

.overlay--dark {
  opacity: 0.8;
}

/*===================================
SECTIONS
===================================*/
.section {
  position: relative;
}

.section-title {
  position: relative;
  text-shadow: 3px 4px 0 rgba(0, 0, 0, 0.15);
}

.section-content p {
  line-height: 25px;
}

.section .view-all {
  opacity: 0.8;
  transition: margin-left .3s, opacity .3s;
  line-height: 1;
}

.section .view-all i.fa {
  margin-top: 2px;
  margin-left: 3px;
  transition: margin-left .3s, opacity .3s;
}

.section .view-all:hover {
  opacity: 1;
  color: #333;
}

.section .view-all:hover i.fa {
  margin-left: 8px;
}

/*===================================
BUTTONS
===================================*/
.btn {
  border-radius: 0;
  transition: all .3s;
}

.btn:focus {
  color: inherit;
  background: inherit;
  border-color: inherit;
  outline: 0;
}

.btn-success {
  background: transparent;
  color: #5cb85c;
}

.btn-success--with-background {
  background: #5cb85c;
  color: #fff;
  border-color: #5cb85c;
}

.btn-success--with-background:hover {
  background: transparent;
  color: #5cb85c;
}

.btn-danger {
  background: transparent;
  color: #d9534f;
}

.btn-danger--with-background {
  background: #d9534f;
  color: #fff;
  border-color: #d9534f;
}

.btn-danger--with-background:hover {
  background: transparent;
  color: #d9534f;
}

.btn-warning {
  background: transparent;
  color: #f0ad4e;
}

.btn-warning--with-background {
  background: #f0ad4e;
  color: #fff;
  border-color: #f0ad4e;
}

.btn-warning--with-background:hover {
  background: transparent;
  color: #f0ad4e;
}

.btn-info {
  background: transparent;
  color: #5bc0de;
}

.btn-info--with-background {
  background: #5bc0de;
  color: #fff;
  border-color: #5bc0de;
}

.btn-info--with-background:hover {
  background: transparent;
  color: #5bc0de;
}

.btn-primary {
  background: transparent;
  color: #337ab7;
}

.btn-primary--with-background {
  background: #337ab7;
  color: #fff;
  border-color: #337ab7;
}

.btn-primary--with-background:hover {
  background: transparent;
  color: #337ab7;
}

.btn-white {
  color: #fff;
  border-color: #fff;
  background: transparent;
}

.btn-white:hover, .btn-white:focus {
  color: #333;
  border-color: #fff;
  background: #fff;
}

.btn-white--with-background {
  background: #fff;
  border-color: #fff;
  color: #333;
}

.btn-white--with-background:hover {
  background: transparent;
  color: #fff;
}

.btn-dark {
  color: #333;
  border-color: #333;
  background: transparent;
}

.btn-dark:hover, .btn-dark:focus {
  color: #fff;
  border-color: #333;
  background: #333;
}

.btn-dark--with-background {
  background: #333;
  border-color: #333;
  color: #fff;
}

.btn-dark--with-background:hover {
  background: transparent;
  color: #333;
}

.btn-default, .btn-secondary {
  background: transparent;
  border-color: #005636;
  color: #005636;
}

.btn-default:hover, .btn-secondary:hover {
  border-color: #005636;
  background: #005636;
  color: #fff;
}

.btn-default--with-background, .btn-secondary--with-background {
  border-color: #005636;
  background: #005636;
  color: #fff;
}

.btn-default--with-background:hover, .btn-secondary--with-background:hover {
  background: transparent;
  color: #005636;
}

/*===================================
PARALLAX - BACKGROUND FIXED
===================================*/
.background-fixed, .parallax {
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.background-fixed .overlay, .parallax .overlay {
  z-index: auto;
}

.background-fixed--full-height, .parallax--full-height {
  height: 100vh;
}

.background-fixed video, .parallax video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -1000;
  overflow: hidden;
}

/*===================================
TESTIMONIAL
===================================*/
.testimonial {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.testimonial img {
  display: inline-block !important;
  border: 5px solid transparent;
  max-width: 100px;
  max-height: 100px;
}

.testimonial-wrapper img {
  border-color: #005636;
}

/*===================================
PORTFOLIO
===================================*/
.portfolio {
  position: relative;
}

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

.portfolio-grid-item-wrapper {
  padding-left: 5px;
  padding-right: 5px;
}

.portfolio-grid-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  padding: 8px 14px;
  font-size: 24px;
}

.portfolio-grid-item p {
  width: 100%;
}

.portfolio-grid-item img {
  transition: transform .5s;
}

.portfolio-grid-item-caption {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  width: 90%;
  height: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: bottom .3s, top .3s, left .3s, right .3s;
  padding: 10px;
}

.portfolio-grid-item-caption--dark {
  background: rgba(0, 0, 0, 0.7);
}

.portfolio-grid-item-caption--primary {
  background: rgba(255, 255, 255, 0.7);
}

.portfolio-grid-item-caption--secondary {
  background: rgba(252, 187, 46, 0.7);
}

.portfolio-grid-item-caption--bottom {
  bottom: -100%;
  left: 5%;
}

.portfolio-grid-item-caption--top {
  top: -100%;
  left: 5%;
}

.portfolio-grid-item-caption--left {
  top: 5%;
  left: -100%;
}

.portfolio-grid-item-caption--right {
  top: 5%;
  right: -100%;
}

.portfolio-grid-item a:hover {
  color: inherit;
}

.portfolio-grid-item a:hover img {
  filter: grayscale(100%);
  transform: scale(1.15);
}

.portfolio-grid-item a:hover .portfolio-grid-item-caption--bottom {
  bottom: 5%;
}

.portfolio-grid-item a:hover .portfolio-grid-item-caption--top {
  top: 5%;
}

.portfolio-grid-item a:hover .portfolio-grid-item-caption--left {
  left: 5%;
}

.portfolio-grid-item a:hover .portfolio-grid-item-caption--right {
  right: 5%;
}

.portfolio-filters {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.portfolio-filters li {
  position: relative;
  padding: 10px;
}

.portfolio-filter {
  position: relative;
  display: block;
  overflow: hidden;
}

.portfolio-filter:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -100%;
  background: #005636;
  height: 4px;
  width: 100%;
  transition: left .3s;
}

.portfolio-filter:hover:before {
  left: 0;
}

.portfolio-filter--active:before {
  left: 0;
}

/*===================================
SOCIAL MEDIA AND SOCIAL MEDIA COLORS
===================================*/
.social-media-color--facebook {
  color: #3b5998;
}

.social-media-color--twitter {
  color: #55acee;
}

.social-media-color--google-plus {
  color: #dd4b39;
}

.social-media-color--youtube {
  color: #cd201f;
}

.social-media-color--instagram {
  color: #833ab4;
}

.social-media-color--linkedin {
  color: #0077b5;
}

.social-media-color--pinterest {
  color: #bd081c;
}

.social-media-color--behance {
  color: #1769ff;
}

.social-media-color--dribbble {
  color: #ea4c89;
}

.social-media-color--foursquare {
  color: #f94877;
}

.social-media-color--rss {
  color: #f26522;
}

.social-media {
  display: block;
  padding: 20px 20px 0 20px;
  opacity: 0.9;
  transition: opacity .3s;
  position: relative;
  z-index: 2;
}

.social-media-desc {
  opacity: 0;
  transition: opacity .3s;
}

@media (max-width: 991px) {
  .social-media-desc {
    display: none;
  }
}

.social-media:hover {
  opacity: 1;
}

.social-media:hover .social-media-desc {
  opacity: 1;
}

/*===================================
SCROLL TO TOP BUTTON
===================================*/
.scroll-to-top {
  color: #fff;
  background: #005636;
  position: fixed;
  bottom: -100%;
  right: 10px;
  width: 45px;
  height: 45px;
  font-size: 20px;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity .3s, bottom .5s;
  z-index: 9999;
}

.scroll-to-top:hover, .scroll-to-top:focus {
  color: #fff;
  opacity: .8;
}

.scroll-to-top--show {
  opacity: 1;
  bottom: 10px;
}

/*===================================
LOADING
===================================*/
/*
 *  Usage:
 *
      <div class="sk-rotating-plane"></div>
 *
 */
.sk-rotating-plane {
  width: 60px;
  height: 60px;
  background-color: #005636;
  margin: 20px auto;
  animation: sk-rotatePlane 1.2s infinite ease-in-out;
}

@keyframes sk-rotatePlane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*
 *  Usage:
 *
      <div class="sk-double-bounce">
        <div class="sk-child sk-double-bounce1"></div>
        <div class="sk-child sk-double-bounce2"></div>
      </div>
 *
 */
.sk-double-bounce {
  width: 60px;
  height: 60px;
  position: relative;
  margin: 20px auto;
}

.sk-double-bounce .sk-child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #005636;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-doubleBounce 2.0s infinite ease-in-out;
}

.sk-double-bounce .sk-double-bounce2 {
  animation-delay: -1.0s;
}

@keyframes sk-doubleBounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

/*
 *  Usage:
 *
      <div class="sk-wave">
        <div class="sk-rect sk-rect1"></div>
        <div class="sk-rect sk-rect2"></div>
        <div class="sk-rect sk-rect3"></div>
        <div class="sk-rect sk-rect4"></div>
        <div class="sk-rect sk-rect5"></div>
      </div>
 *
 */
.sk-wave {
  margin: 20px auto;
  width: 75px;
  height: 60px;
  text-align: center;
  font-size: 10px;
}

.sk-wave .sk-rect {
  background-color: #005636;
  height: 100%;
  width: 6px;
  display: inline-block;
  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect1 {
  animation-delay: -1.2s;
}

.sk-wave .sk-rect2 {
  animation-delay: -1.1s;
}

.sk-wave .sk-rect3 {
  animation-delay: -1s;
}

.sk-wave .sk-rect4 {
  animation-delay: -0.9s;
}

.sk-wave .sk-rect5 {
  animation-delay: -0.8s;
}

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}

/*
 *  Usage:
 *
      <div class="sk-wandering-cubes">
        <div class="sk-cube sk-cube1"></div>
        <div class="sk-cube sk-cube2"></div>
      </div>
 *
 */
.sk-wandering-cubes {
  margin: 20px auto;
  width: 60px;
  height: 60px;
  position: relative;
}

.sk-wandering-cubes .sk-cube {
  background-color: #005636;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;
}

.sk-wandering-cubes .sk-cube2 {
  animation-delay: -0.9s;
}

@keyframes sk-wanderingCube {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: translateX(30px) rotate(-90deg) scale(0.5);
  }
  50% {
    /* Hack to make FF rotate in the right direction */
    transform: translateX(30px) translateY(30px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(30px) translateY(30px) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
  }
}

/*
 *  Usage:
 *
      <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse {
  width: 60px;
  height: 60px;
  margin: 20px auto;
  background-color: #005636;
  border-radius: 100%;
  animation: sk-pulseScaleOut 1.0s infinite ease-in-out;
}

@keyframes sk-pulseScaleOut {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}

/*
 *  Usage:
 *
      <div class="sk-chasing-dots">
        <div class="sk-child sk-dot1"></div>
        <div class="sk-child sk-dot2"></div>
      </div>
 *
 */
.sk-chasing-dots {
  margin: 20px auto;
  width: 60px;
  height: 60px;
  position: relative;
  text-align: center;
  animation: sk-chasingDotsRotate 2s infinite linear;
}

.sk-chasing-dots .sk-child {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #005636;
  border-radius: 100%;
  animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}

.sk-chasing-dots .sk-dot2 {
  top: auto;
  bottom: 0;
  animation-delay: -1s;
}

@keyframes sk-chasingDotsRotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes sk-chasingDotsBounce {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}

/*
 *  Usage:
 *
      <div class="sk-three-bounce">
        <div class="sk-child sk-bounce1"></div>
        <div class="sk-child sk-bounce2"></div>
        <div class="sk-child sk-bounce3"></div>
      </div>
 *
 */
.sk-three-bounce {
  margin: 20px auto;
  width: 120px;
  text-align: center;
}

.sk-three-bounce .sk-child {
  width: 30px;
  height: 30px;
  background-color: #005636;
  border-radius: 100%;
  display: inline-block;
  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}

.sk-three-bounce .sk-bounce1 {
  animation-delay: -0.32s;
}

.sk-three-bounce .sk-bounce2 {
  animation-delay: -0.16s;
}

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

/*
 *  Usage:
 *
      <div class="sk-circle">
        <div class="sk-circle1 sk-child"></div>
        <div class="sk-circle2 sk-child"></div>
        <div class="sk-circle3 sk-child"></div>
        <div class="sk-circle4 sk-child"></div>
        <div class="sk-circle5 sk-child"></div>
        <div class="sk-circle6 sk-child"></div>
        <div class="sk-circle7 sk-child"></div>
        <div class="sk-circle8 sk-child"></div>
        <div class="sk-circle9 sk-child"></div>
        <div class="sk-circle10 sk-child"></div>
        <div class="sk-circle11 sk-child"></div>
        <div class="sk-circle12 sk-child"></div>
      </div>
 *
 */
.sk-circle {
  margin: 20px auto;
  width: 60px;
  height: 60px;
  position: relative;
}

.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #005636;
  border-radius: 100%;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.sk-circle .sk-circle2 {
  transform: rotate(30deg);
}

.sk-circle .sk-circle3 {
  transform: rotate(60deg);
}

.sk-circle .sk-circle4 {
  transform: rotate(90deg);
}

.sk-circle .sk-circle5 {
  transform: rotate(120deg);
}

.sk-circle .sk-circle6 {
  transform: rotate(150deg);
}

.sk-circle .sk-circle7 {
  transform: rotate(180deg);
}

.sk-circle .sk-circle8 {
  transform: rotate(210deg);
}

.sk-circle .sk-circle9 {
  transform: rotate(240deg);
}

.sk-circle .sk-circle10 {
  transform: rotate(270deg);
}

.sk-circle .sk-circle11 {
  transform: rotate(300deg);
}

.sk-circle .sk-circle12 {
  transform: rotate(330deg);
}

.sk-circle .sk-circle2:before {
  animation-delay: -1.1s;
}

.sk-circle .sk-circle3:before {
  animation-delay: -1s;
}

.sk-circle .sk-circle4:before {
  animation-delay: -0.9s;
}

.sk-circle .sk-circle5:before {
  animation-delay: -0.8s;
}

.sk-circle .sk-circle6:before {
  animation-delay: -0.7s;
}

.sk-circle .sk-circle7:before {
  animation-delay: -0.6s;
}

.sk-circle .sk-circle8:before {
  animation-delay: -0.5s;
}

.sk-circle .sk-circle9:before {
  animation-delay: -0.4s;
}

.sk-circle .sk-circle10:before {
  animation-delay: -0.3s;
}

.sk-circle .sk-circle11:before {
  animation-delay: -0.2s;
}

.sk-circle .sk-circle12:before {
  animation-delay: -0.1s;
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}

/*
 *  Usage:
 *
      <div class="sk-cube-grid">
        <div class="sk-cube sk-cube1"></div>
        <div class="sk-cube sk-cube2"></div>
        <div class="sk-cube sk-cube3"></div>
        <div class="sk-cube sk-cube4"></div>
        <div class="sk-cube sk-cube5"></div>
        <div class="sk-cube sk-cube6"></div>
        <div class="sk-cube sk-cube7"></div>
        <div class="sk-cube sk-cube8"></div>
        <div class="sk-cube sk-cube9"></div>
      </div>
 *
 */
.sk-cube-grid {
  width: 60px;
  height: 60px;
  margin: 20px auto;
  /*
   * Spinner positions
   * 1 2 3
   * 4 5 6
   * 7 8 9
   */
}

.sk-cube-grid .sk-cube {
  width: 33.33%;
  height: 33.33%;
  background-color: #005636;
  float: left;
  animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
  animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
  animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
  animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
  animation-delay: 0.0s;
}

.sk-cube-grid .sk-cube8 {
  animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
  animation-delay: 0.2s;
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}

/*
 *  Usage:
 *
      <div class="sk-fading-circle">
        <div class="sk-circle1 sk-circle"></div>
        <div class="sk-circle2 sk-circle"></div>
        <div class="sk-circle3 sk-circle"></div>
        <div class="sk-circle4 sk-circle"></div>
        <div class="sk-circle5 sk-circle"></div>
        <div class="sk-circle6 sk-circle"></div>
        <div class="sk-circle7 sk-circle"></div>
        <div class="sk-circle8 sk-circle"></div>
        <div class="sk-circle9 sk-circle"></div>
        <div class="sk-circle10 sk-circle"></div>
        <div class="sk-circle11 sk-circle"></div>
        <div class="sk-circle12 sk-circle"></div>
      </div>
 *
 */
.sk-fading-circle {
  margin: 20px auto;
  width: 60px;
  height: 60px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #005636;
  border-radius: 100%;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  animation-delay: -0.1s;
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}

/*
 *  Usage:
 *
      <div class="sk-folding-cube">
        <div class="sk-cube1 sk-cube"></div>
        <div class="sk-cube2 sk-cube"></div>
        <div class="sk-cube4 sk-cube"></div>
        <div class="sk-cube3 sk-cube"></div>
      </div>
 *
 */
.sk-folding-cube {
  margin: 20px auto;
  width: 60px;
  height: 60px;
  position: relative;
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #005636;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  animation-delay: 0.9s;
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

html.loading-html {
  overflow: hidden !important;
}

html.loading-html body {
  overflow: hidden !important;
}

html.loading-html .loading {
  display: flex;
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999999;
  background: white;
  display: none;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.loading > * {
  color: #005636;
}

/*===================================
HEADER
===================================*/
.header-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-navigation-menu {
  height: 100%;
  color: #1f573a;
}

.header-navigation-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-navigation-menu ul li {
  position: relative;
  padding: 10px 15px;
}

.header-navigation-menu ul li a {
  position: relative;
  display: block;
  overflow: hidden;
}

.header-navigation-menu ul li a:before {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -100%;
  background: #d9a08d;
  height: 4px;
  width: 100%;
  transition: left .3s;
}

.header-navigation-menu ul li a:hover {
  color: inherit;
}

.header-navigation-menu ul li a:hover:before {
  left: 0;
}

.header-navigation-menu ul li a.header-navigation-menu--active:before {
  left: 0;
}

.header-navigation-menu--dotted ul li:before {
  content: '\2022';
  position: absolute;
  top: 10px;
  left: -2px;
}

.header-navigation-menu--dotted ul li:first-child:before {
  display: none;
}

.header-navigation-wrapper {
  padding: 20px 10px;
  transition: padding .3s, background .3s;
}

.header-navigation-wrapper--shrink {
  padding: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.header-navigation-wrapper--with-background {
  background: #ecd1c7;
  color: #fff;
}

.header-navigation-wrapper--with-background ul li a:before {
  background: #fff;
}

.header-navigation-wrapper--fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
}

.mobile-menu-caption {
  display: none;
}

.mobile-menu-caption.collapsed {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
}

.mobile-menu-caption.collapsed ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  text-align: center;
  overflow-y: visible;
  margin: 0;
  padding: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.mobile-menu-caption.collapsed ul li {
  opacity: 0;
}

.mobile-menu-caption.collapsed ul li a {
  display: inline-block;
  position: relative;
  font-size: 30px;
  margin: 10px 0;
  color: #fff;
}

.mobile-menu-caption.collapsed ul li a:hover {
  color: #005636;
}

.mobile-menu-caption.collapsed ul li a:first-child {
  margin-top: 0;
}

@media (max-height: 400px) {
  .mobile-menu-caption.collapsed ul li a {
    margin: 5px 0;
    font-size: 24px;
  }
}

@media (max-height: 320px) {
  .mobile-menu-caption.collapsed ul li a {
    margin: 5px 0;
    font-size: 18px;
  }
}

.hamburger-menu {
  margin-top: 10px;
  display: inline-block;
  height: 18px;
}

.hamburger-menu-bar {
  position: relative;
  transform: translateY(8px);
  background: #fff;
  width: 25px;
  height: 2px;
}

.hamburger-menu-bar:before, .hamburger-menu-bar:after {
  content: "";
  position: absolute;
  left: 0;
  background: #fff;
  width: 25px;
  height: 2px;
}

.hamburger-menu-bar:before {
  bottom: 8px;
  transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu-bar:after {
  top: 8px;
  transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu-bar.animate {
  transition: background 0ms 300ms;
  background: transparent;
}

.hamburger-menu-bar.animate:before, .hamburger-menu-bar.animate:after {
  background: #fff;
}

.hamburger-menu-bar.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.hamburger-menu-bar.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.header-navigation-wrapper:not(.header-navigation-wrapper--with-background) .hamburger-menu:hover .hamburger-menu-bar {
  background: #005636;
}

.header-navigation-wrapper:not(.header-navigation-wrapper--with-background) .hamburger-menu:hover .hamburger-menu-bar.animate {
  background: transparent;
}

.header-navigation-wrapper:not(.header-navigation-wrapper--with-background) .hamburger-menu:hover .hamburger-menu-bar:before, .header-navigation-wrapper:not(.header-navigation-wrapper--with-background) .hamburger-menu:hover .hamburger-menu-bar:after {
  background: #005636;
}

/*===================================
SLIDER - HERO
===================================*/
.hero {
  position: relative;
}

.hero .overlay {
  z-index: auto;
}

.hero-item--full-height {
  height: 100vh;
  background-size: cover;
  background-position: center center;
}

.hero-item-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/*===================================
MAPS
===================================*/
.map {
  width: 100%;
  height: 500px;
}

.map-wrapper {
  position: relative;
}

.map-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 100%;
}

.map-overlay-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  transition: height .3s;
  color: #fff;
}

.map-overlay-wrapper * {
  color: #fff;
}

.map-overlay-wrapper--show-map {
  height: 100px;
}

/*===================================
PRICING TABLES
===================================*/
.pricing-item {
  border: 1px solid rgba(252, 187, 46, 0.1);
  text-align: center;
}

.pricing-item-header {
  background: rgba(252, 187, 46, 0.1);
  color: #005636;
}

.pricing-item-header * {
  color: #005636;
}

.pricing-item-features {
  width: 80%;
  margin: 0 auto;
  padding: 0;
}

.pricing-item-features li {
  border-bottom: 1px dotted rgba(252, 187, 46, 0.4);
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-item-features li:last-child {
  padding-bottom: 0;
  border: none;
}

.pricing-item-footer .btn-default--with-background {
  color: #fff;
  background: #005636;
}

.pricing-item-feature {
  border: 1px solid #005636;
}

.pricing-item-feature .pricing-item-header {
  background: #005636;
  color: #fff;
}

.pricing-item-feature .pricing-item-header * {
  color: #fff;
}

.pricing-item-feature .pricing-item-features li {
  border-color: #005636;
  padding-top: 12px;
  padding-bottom: 12px;
}

/*===================================
FORMS
===================================*/
.ajax-form-alert {
  display: none;
  margin-bottom: 10px;
}

.ajax-form-alert--show {
  display: block;
}

textarea {
  min-height: 100px;
}

/*===================================
COPYRIGHTS
===================================*/
.copyright-social-media-icons a {
  display: inline-block;
  padding-right: 20px;
}

.copyright-social-media-icons a:last-child {
  padding-right: 0;
}

/*===================================
DEMO
===================================*/
.demo-box {
  background: #f9f9f9;
  width: 200px;
  position: fixed;
  z-index: 99999999;
  top: 200px;
  transform: translateY("-50%");
  left: -200px;
  padding: 10px;
  transition: left .3s;
  font-size: 28px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.demo-box-button {
  background: #fff;
  color: #005636;
  position: fixed;
  z-index: 99999999;
  top: 200px;
  transform: translateY("-50%");
  left: 0;
  padding: 10px;
  transition: left .3s;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.demo-box-button:hover, .demo-box-button:focus {
  color: #005636;
}

.demo-box-options {
  border-bottom: 2px solid #005636;
}

.demo-box-options:last-child {
  border: none;
}

.demo-box-options strong {
  display: block;
  margin-bottom: 10px;
}

.demo-box-colors {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}

.demo-box-colors-color {
  display: block;
  padding: 3px;
}

.demo-box-colors-color span {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  color: #fff;
  transition: opacity .3s;
}

.demo-box-colors-color span:hover {
  opacity: 0.5;
}

.demo-box-colors-color--active span:before {
  content: "\f00c";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-family: FontAwesome;
}

.demo-box--open {
  left: 0;
}

.demo-box--open .demo-box-button {
  left: 199px;
}