@charset "UTF-8";
/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. FONTS
		02. BODY
		03. CUSTOM CONTAINER
		04. HTML TAGS
		05. HEADLINES
		06. FORM ELEMENTS
		07. LINKS
		08. SPACING
		09. CUSTOM CLASSES
		10. ACCORDION
		11. ODOMETER
		12. HAMBURGER MENU
		13. PRELOADER
		14. PAGE TRANSITION 
		15. SEARCH BOX
		16. SIDE WIDGET
		17. NAVBAR
		18. SLIDER
		19. PAGE HEADER
		20. CONTENT SECTION
		21. SECTION TITLE
		22. ICON BOX
		23. IMAGE CONTENT BOX
		24. CTA BAR
		25. VIDEO PREVIEW
		26. COUNTER BOX
		27. PRICE BOX
		28. CASES
		29. TESTIMONIALS
		30. LOGO ITEM
		31. SIDE CONTENT
		32. TEAM MEMBER
		33. OFFICE SLIDER
		34. CTA BOX SMALL
		35. CASE GALLERY
		36. STEPS SLIDER
		37. TAB WRAPPER
		38. RECENT NEWS
		39. BLOG POST
		40. PAGINATION
		41. SIDEBAR
		42. CONTACT FORM
		43. CONTACT BOX
		44. GOOGLE MAPS
		45. FOOTER
		46. RESPONSIVE MEDIUM FIXES
		47. RESPONSIVE TABLET FIXES
		48. RESPONSIVE MOBILE FIXES

	

*/
:root {
  --color-purple: #5513a0;
  --color-yellow: #fee13e;
  --color-dark: #212539;
}

@font-face {
  font-family: 'Cocogoose';
  src: url("../fonts/CocogooseClassic-Light.eot");
  src: url("../fonts/CocogooseClassic-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/CocogooseClassic-Light.woff2") format("woff2"), url("../fonts/CocogooseClassic-Light.woff") format("woff"), url("../fonts/CocogooseClassic-Light.ttf") format("truetype"), url("../fonts/CocogooseClassic-Light.svg#CocogooseClassic-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Cocogoose';
  src: url("../fonts/CocogooseClassic-Medium.eot");
  src: url("../fonts/CocogooseClassic-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CocogooseClassic-Medium.woff2") format("woff2"), url("../fonts/CocogooseClassic-Medium.woff") format("woff"), url("../fonts/CocogooseClassic-Medium.ttf") format("truetype"), url("../fonts/CocogooseClassic-Medium.svg#CocogooseClassic-Medium") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Cocogoose';
  src: url("../fonts/CocogooseClassic-Bold.eot");
  src: url("../fonts/CocogooseClassic-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CocogooseClassic-Bold.woff2") format("woff2"), url("../fonts/CocogooseClassic-Bold.woff") format("woff"), url("../fonts/CocogooseClassic-Bold.ttf") format("truetype"), url("../fonts/CocogooseClassic-Bold.svg#CocogooseClassic-Bold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Cocogoose';
  src: url("../fonts/CocogooseClassic-Black.eot");
  src: url("../fonts/CocogooseClassic-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/CocogooseClassic-Black.woff2") format("woff2"), url("../fonts/CocogooseClassic-Black.woff") format("woff"), url("../fonts/CocogooseClassic-Black.ttf") format("truetype"), url("../fonts/CocogooseClassic-Black.svg#CocogooseClassic-Black") format("svg");
  font-weight: 800;
  font-style: normal;
}
/* BODY */
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  color: var(--color-dark);
  font-family: Cocogoose;
  line-height: 1.6;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
/* HTML TAGS */
img {
  max-width: 100%;
}

iframe {
  max-width: 100%;
}

canvas {
  max-width: 100%;
}

p {
  color: #8d94a0;
  margin-bottom: 20px;
}

/* FORM ELEMENTS */
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
  width: 100%;
  height: 65px;
  border: 2px solid #d4d4e0;
  padding: 0 30px;
  border-radius: 4px;
}

input[type="submit"], input[type="button"], button[type="button"], button[type="submit"] {
  height: 65px;
  border: none;
  background: var(--color-purple);
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  padding: 0 50px;
  letter-spacing: 1px;
  border-radius: 4px;
  text-transform: uppercase;
}

textarea {
  width: 420px;
  max-width: 100%;
  height: 128px;
  border: 2px solid #d4d4e0;
  padding: 30px;
  border-radius: 4px;
}

select {
  width: 100%;
  height: 65px;
  border: 2px solid #d4d4e0;
  padding: 0 30px;
  border-radius: 4px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 30px) 28px, calc(100% - 25px) 28px, calc(100% - 2.5em) 15px;
  background-size: 5px 5px, 5px 5px, 0px 0px;
  background-repeat: no-repeat;
}

select:focus {
  background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 25px) 26px, calc(100% - 30px) 26px, calc(100% - 2.5em) 15px;
  background-size: 5px 5px, 5px 5px, 0px 0px;
  background-repeat: no-repeat;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

/* LINKS */
a {
  color: var(--color-dark);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

a:hover {
  text-decoration: underline;
  color: var(--color-dark);
}

/* SPACING */
.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

.top-50-spacing {
  margin-top: 50px;
}

.bottom-50-spacing {
  margin-bottom: 50px;
}

.justify-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

/* CUSTOM CLASSES */
.overflow {
  overflow: hidden;
}

.image {
  width: 100%;
  display: block;
  margin: 0;
}
.image img {
  width: 100%;
  display: block;
  border-radius: 16px;
}

.blockquote {
  width: 100%;
  display: block;
  border-top: 5px solid var(--color-yellow);
  padding-top: 15px;
  font-size: 22px;
  font-weight: 800;
}

.blockquote p {
  color: var(--color-dark);
}

/* ACCORDION */
.accordion {
  width: 100%;
  float: left;
  background: #fff;
  padding: 0;
  padding-right: 50px;
}
.accordion .card {
  background: none;
  border-radius: 0;
  border: none;
}
.accordion .card .card-header {
  background: none;
  padding: 0;
  border: none;
}
.accordion .card .card-header a {
  width: 100%;
  float: left;
  font-weight: 600;
  padding: 30px 0;
  color: var(--color-dark);
  font-weight: 600;
  border-bottom: 2px solid #eaebee;
  font-size: 19px;
  position: relative;
  padding-right: 80px;
}
.accordion .card .card-header a i {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.accordion .card .card-header a:hover {
  border-color: var(--color-yellow);
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  line-height: 26px;
  padding: 20px 0;
}
.accordion .card [aria-expanded="true"] {
  border-color: var(--color-yellow) !important;
}
.accordion .collapseOne {
  display: block;
}

/* ODOMETER */
.odometer.odometer-auto-theme {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
  padding: 0;
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
  left: -4px;
}

/* HAMBURGER MENU */
.hamburger-menu {
  width: 30px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  cursor: pointer;
}

.hamburger-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hamburger-menu span:nth-child(1) {
  top: 0px;
  width: 13px;
}

.hamburger-menu span:nth-child(2) {
  top: 9px;
}

.hamburger-menu span:nth-child(3) {
  top: 18px;
  width: 18px;
}

.hamburger-menu:hover span {
  width: 20px !important;
}

.hamburger-menu.open span {
  width: 20px !important;
}

.hamburger-menu.open span:nth-child(1) {
  top: 9px;
  left: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 28px !important;
}

.hamburger-menu.open span:nth-child(2) {
  opacity: 0;
  left: -20px;
}

.hamburger-menu.open span:nth-child(3) {
  top: 9px;
  left: 0;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  width: 28px !important;
}

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 9;
  right: 0;
  top: 0;
  background: var(--color-yellow);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.preloader img {
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  mix-blend-mode: lighten;
}

.page-loaded .preloader {
  top: -100%;
}

/* PAGE TRANSITION */
.page-transition {
  width: 100%;
  height: 0;
  position: fixed;
  z-index: 9;
  left: 0;
  bottom: 0;
  background: var(--color-yellow);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.page-transition.active {
  height: 100%;
}

/* SEARCH BOX */
.search-box {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  background: var(--color-purple);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0;
  visibility: hidden;
  color: #fff;
}
.search-box .inner {
  width: 50vw;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}
.search-box .inner form {
  width: 100%;
  display: block;
}
.search-box .inner form input[type="search"] {
  width: 100%;
  height: 80px;
  border-radius: 8px;
  border: 3px solid #fff;
  background: none;
  font-size: 20px;
  margin-bottom: 30px;
  color: #fff;
  font-weight: 300;
}
.search-box .inner form input[type="submit"] {
  height: 70px;
  background: var(--color-yellow);
  border: none;
  font-weight: 600;
  padding: 0 60px;
  color: var(--color-dark);
}
.search-box .inner form ::-webkit-input-placeholder {
  color: #fff;
}
.search-box .inner form ::-moz-placeholder {
  color: #fff;
}
.search-box .inner form :-ms-input-placeholder {
  color: #fff;
}
.search-box .inner form :-moz-placeholder {
  color: #fff;
}
.search-box.active {
  opacity: 1;
  visibility: visible;
}

/* SIDE WIDGET */
.side-widget {
  width: 400px;
  height: 100vh;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: fixed;
  left: -100%;
  top: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  background: #232222;
  background-image: url("../images/header-pattern.png");
  background-position: center;
  background-size: cover;
  z-index: 6;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  color: #fff;
}
.side-widget .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-y: auto;
  height: 100%;
}
.side-widget .logo {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}
.side-widget .logo img {
  height: 40px;
}
.side-widget .show-mobile {
  display: none;
}
.side-widget .hide-mobile {
  display: block;
  overflow-x: hidden;
}
.side-widget .gallery {
  display: flex;
  flex-wrap: wrap;
  margin-left: -3px;
  margin-right: -3px;
}
.side-widget .gallery a {
  width: 50%;
  padding: 0 3px;
}
.side-widget p {
  width: 100%;
  display: block;
  color: #fff;
}
.side-widget .widget-title {
  width: 100%;
  display: block;
  font-weight: 600;
  color: var(--color-yellow);
  font-size: 15px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.side-widget .address {
  width: 100%;
  display: block;
  margin-top: 20px;
}
.side-widget .social-media {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .social-media li {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}
.side-widget .social-media li a {
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.side-widget .custom-menu {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.side-widget .custom-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .custom-menu ul li {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.side-widget .custom-menu ul li a {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}
.side-widget .site-menu {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  margin-top: 20px;
}
.side-widget .site-menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.side-widget .site-menu ul li {
  display: block;
  margin: 3px 0;
  padding: 0;
  list-style: none;
}
.side-widget .site-menu ul li.menu-item-has-children i {
  display: inline-block;
  margin-left: 5px;
  font-style: normal;
}
.side-widget .site-menu ul li.menu-item-has-children i:before {
  content: "+";
}
.side-widget .site-menu ul li ul {
  display: none;
  padding-left: 10px;
  margin-bottom: 10px;
}
.side-widget .site-menu ul li ul li.menu-item i {
  display: none;
}
.side-widget .site-menu ul li ul li.menu-item-has-children i {
  display: inline-block;
  margin-left: 5px;
}
.side-widget .site-menu ul li ul li.menu-item-has-children ul li i {
  display: none;
}
.side-widget .site-menu ul li i {
  display: none;
  margin-left: 10px;
  font-size: 20px;
}
.side-widget .site-menu ul li a {
  width: auto;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 0;
  display: inline-block;
  position: relative;
}
.side-widget .site-menu ul li a:hover {
  background: none;
}
.side-widget .site-menu ul li a:focus {
  background: none;
}
.side-widget small {
  font-size: 11px;
  width: 100%;
  display: block;
  margin-top: 20px;
}
.side-widget.active {
  left: 0;
}

/* NAVBAR */
.navbar {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  padding: 45px 0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.navbar.sticky {
  background: var(--color-purple);
  padding: 30px 0;
}
.navbar.nav-down {
  top: 0;
}
.navbar.nav-up {
  top: -100%;
}
.navbar .logo {
  margin-left: 0;
}
.navbar .logo a {
  display: block;
}
.navbar .logo a img {
  height: 35px;
}
.navbar .site-menu {
  display: inline-block;
  margin: 0 auto;
  margin-top: 3px;
}
.navbar .site-menu ul {
  margin: 0;
  padding: 0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
  position: relative;
}
.navbar .site-menu ul li ul {
  min-width: 140px;
  position: absolute;
  left: -25px;
  top: calc(100% + 20px);
  background: var(--color-yellow);
  white-space: nowrap;
  padding: 20px 0;
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
}
.navbar .site-menu ul li ul:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  top: -20px;
}
.navbar .site-menu ul li ul li {
  width: 100%;
  display: block;
  padding: 0 25px;
  margin: 0;
}
.navbar .site-menu ul li ul li ul li a {
  color: #fff;
}
.navbar .site-menu ul li ul li a {
  display: inline-block;
  color: var(--color-dark);
}
.navbar .site-menu ul li ul li a:after {
  display: none;
}
.navbar .site-menu ul li ul li a:hover {
  text-decoration: underline;
}
.navbar .site-menu ul li:hover ul {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar .site-menu ul li:hover ul li ul {
  left: 100%;
  top: -20px;
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  background: #1c1c1c;
  z-index: 1;
}
.navbar .site-menu ul li:hover ul li:hover ul {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar .site-menu ul li:hover ul li:hover li ul {
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  background: var(--color-dark);
}
.navbar .site-menu ul li:hover ul li:hover li:hover ul {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar .site-menu ul li a {
  color: #fff;
  display: inline-block;
  position: relative;
  padding: 2px 0;
  color: #fff;
}
.navbar .site-menu ul li a:hover {
  text-decoration: none;
  background: none !important;
}
.navbar .site-menu ul li a:focus {
  text-decoration: none;
  background: none !important;
}
.navbar .custom-menu {
  margin: 0 auto;
  margin-top: 3px;
}
.navbar .custom-menu ul {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.navbar .custom-menu ul li {
  display: inline-block;
  margin: 0 5px;
  padding: 0 2px;
  list-style: none;
}
.navbar .custom-menu ul li a {
  color: #fff;
  display: block;
  font-weight: 600;
}
.navbar .custom-menu ul li a:hover {
  text-decoration: none;
  color: var(--color-yellow);
}
.navbar .search-button {
  margin-left: auto;
  color: #fff;
  font-size: 24px;
  padding-top: 3px;
  cursor: pointer;
}
.navbar .search-button i {
  float: left;
  margin-top: -2px;
}
.navbar .hamburger-menu {
  margin-left: 30px;
}
.navbar .navbar-button {
  margin-left: 30px;
}
.navbar .navbar-button a {
  display: inline-block;
  color: #fff;
}
.navbar .navbar-button a span {
  display: inline-block;
  margin-top: 3px;
}
.navbar .navbar-button a img {
  height: 30px;
  display: inline-block;
  margin-left: 20px;
  margin-top: -4px;
}
.navbar .navbar-button a:hover {
  text-decoration: none;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  background-color: var(--color-purple);
  background-image: url(../images/header-pattern.png);
  background-size: cover;
  position: relative;
  padding-top: 120px;
}
.slider .container {
  display: flex;
  flex-wrap: wrap;
}
.slider .slider-content {
  width: 50%;
  height: calc(100vh - 120px);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.slider .slider-content .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.slider .slider-content .swiper-slide .inner {
  width: 100%;
  display: block;
  padding-right: 10%;
  color: #fff;
}
.slider .slider-content .swiper-slide .inner h2 {
  font-size: 57px;
  font-weight: 300;
  display: block;
  margin-bottom: 30px;
}
.slider .slider-content .swiper-slide .inner h2 b {
  font-weight: 500;
  color: var(--color-yellow);
}
.slider .slider-content .swiper-slide .inner p {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  font-weight: 300;
  font-size: 21px;
  padding-right: 10%;
  color: #fff;
}
.slider .slider-content .swiper-slide .inner a {
  height: 65px;
  line-height: 65px;
  display: inline-block;
  background: var(--color-yellow);
  padding: 0 50px;
  border-radius: 4px;
  font-weight: 800;
  color: var(--color-dark);
  font-size: 13px;
  letter-spacing: 1px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.slider .slider-content .swiper-slide .inner a:hover {
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.slider .slider-main {
  width: 50%;
  height: calc(100vh - 120px);
  overflow: hidden;
  display: inline-block;
  border-radius: 20px;
}
.slider .slider-main .slide-image {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover !important;
}
.slider .header-box {
  width: 200px;
  background: #fff;
  position: absolute;
  left: calc(50% - 100px);
  bottom: 40px;
  z-index: 1;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
.slider .header-box img {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.slider .header-box p {
  margin-bottom: 5px;
}
.slider .header-box div {
  font-size: 14px;
  color: var(--color-yellow);
  display: inline-block;
}
.slider .header-box small {
  display: inline-block;
  opacity: 0.3;
}
.slider .divider {
  width: 100%;
  height: 80vh;
  position: absolute;
  left: 0;
  bottom: 0;
}
.slider .controls {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 40px;
  z-index: 9;
  text-align: center;
}
.slider .controls .swiper-pagination {
  position: static;
  width: auto;
  display: inline-block;
}
@keyframes countdown {
  from {
    stroke-dashoffset: 113px;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.slider .swiper-pagination-bullet {
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  height: 30px;
  width: 30px;
  background: none;
  text-align: center;
  float: left;
  margin-right: 10px;
}
.slider .swiper-pagination-bullet:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
}
.slider .swiper-pagination-bullet-active {
  color: #fff;
  background: none;
}
.slider .swiper-pagination-bullet-active:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-yellow);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}
.slider .swiper-pagination-bullet svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}
.slider .swiper-pagination-bullet.swiper-pagination-bullet-active svg circle {
  animation-play-state: running;
  stroke-width: 2px;
  animation: countdown 8s linear forwards;
}
.slider .swiper-pagination-bullet svg circle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 0;
  stroke: var(--color-purple);
  fill: none;
  animation: none;
  animation-play-state: paused;
  animation-fill-mode: none;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 540px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--color-purple);
  background-image: url(../images/header-pattern.png);
  background-size: cover;
  position: relative;
}
.page-header .container {
  position: relative;
}
.page-header .container h1 {
  font-size: 70px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.page-header .container p {
  width: 100%;
  display: block;
  margin: 0;
  color: #fff;
}
.page-header .divider {
  width: 100%;
  height: 60%;
  position: absolute;
  left: 0;
  bottom: 0;
}

/* CONTENT SECTION */
.content-section {
  width: 100%;
  display: block;
  padding: 100px 0;
  position: relative;
  background-size: 100% auto !important;
  background-repeat: no-repeat;
}

.bottom-purple {
  position: relative;
  padding-bottom: 0;
  z-index: 1;
  overflow: hidden;
}
.bottom-purple:before {
  content: "";
  width: 100vw;
  height: 100px;
  background: var(--color-purple);
  position: absolute;
  left: 0;
  bottom: 0;
}

.bg-contain {
  background-size: contain !important;
  background-position: center !important;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: block;
  margin-bottom: 60px;
  padding-right: 40%;
}
.section-title.light {
  color: #fff;
}
.section-title.light h6:after {
  background: #fff;
}
.section-title h6 {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 800;
  letter-spacing: 3px;
  position: relative;
}
.section-title h6:after {
  content: "";
  width: 40px;
  height: 2px;
  background: var(--color-dark);
  position: absolute;
  right: -50px;
  top: 6px;
}
.section-title h2 {
  width: 100%;
  display: block;
  margin: 0;
  font-weight: 300;
  font-size: 60px;
}
.section-title p {
  width: 100%;
  display: block;
  margin-top: 30px;
  margin-bottom: 0;
  color: #8d94a0;
  padding-right: 20%;
}

/* ICON BOX */
.icon-box {
  width: 100%;
  display: block;
  padding-rigt: 0 15%;
  margin: 15px 0;
}
.icon-box figure {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.icon-box figure:before {
  content: "";
  width: 60px;
  height: 60px;
  background: var(--color-purple);
  position: absolute;
  left: -10px;
  top: -10px;
  opacity: 0.05;
  border-radius: 50%;
}
.icon-box figure img {
  height: 70px;
}
.icon-box h6 {
  color: var(--color-purple);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
}
.icon-box p {
  color: #8a8e96;
  padding-right: 10%;
  font-weight: 300;
}

/* IMAGE CONTENT BOX */
.carousel-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}

.image-content-box {
  width: 100%;
  display: block;
}
.image-content-box span {
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  border-bottom: 4px solid var(--color-yellow);
  margin-bottom: 20px;
}
.image-content-box h6 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}
.image-content-box p {
  margin: 0;
}
.image-content-box figure {
  width: 100%;
  display: block;
  margin-bottom: 0;
  margin-top: 40px;
  border-radius: 4px;
  overflow: hidden;
}
.image-content-box figure img {
  width: 100%;
  display: block;
}

/* CTA BAR */
.cta-bar {
  background-image: url("../images/map-bg.png");
  background-position: center;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-color: var(--color-purple);
}
.cta-bar .cta-box {
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
}
.cta-bar .cta-box h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  font-weight: 800;
  letter-spacing: 3px;
  position: relative;
}
.cta-bar .cta-box h2 {
  font-size: 80px;
  font-weight: 300;
  line-height: 1.2;
  display: block;
}
.cta-bar .cta-box a {
  height: 65px;
  line-height: 65px;
  display: inline-block;
  background: var(--color-yellow);
  padding: 0 50px;
  border-radius: 4px;
  font-weight: 800;
  color: var(--color-dark);
  font-size: 13px;
  letter-spacing: 1px;
  margin-top: 40px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.cta-bar .cta-box a:hover {
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* VIDEO PREVIEW */
.video-preview-box {
  width: 100%;
  display: block;
  margin: 40px 0;
  position: relative;
}
.video-preview-box img {
  width: 100%;
  display: block;
  border-radius: 20px;
}
.video-preview-box a {
  width: 100px;
  height: 100px;
  line-height: 114px;
  text-indent: 4px;
  text-align: center;
  font-size: 40px;
  color: var(--color-dark);
  position: absolute;
  left: calc(50% - 50px);
  top: calc(50% - 50px);
  background: #fff;
  border-radius: 50%;
}

/* COUNTER BOX */
.vc_col-lg-3:nth-child(2) .counter-box {
  margin-top: 100px;
}

.vc_col-lg-3:nth-child(3) .counter-box {
  margin-top: 30px;
}

.counter-box {
  width: calc(100% - 40px);
  display: block;
  padding: 40px;
  margin-left: 20px;
  margin-right: 20px;
  background: #fff;
  box-shadow: 0 0 60px #e7ecf3;
  text-align: center;
  border-radius: 4px;
}
.counter-box figure {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.counter-box figure img {
  height: 70px;
}
.counter-box .odometer {
  font-size: 70px;
  font-weight: 800;
  color: var(--color-purple);
  line-height: 1;
}
.counter-box .value {
  font-size: 22px;
  color: var(--color-purple);
}
.counter-box p {
  width: 100%;
  display: block;
  margin: 0;
}

/* PRICE BOX */
.vc_col-sm-6:nth-child(1) .price-box {
  margin-top: 100px;
}

.price-box {
  width: calc(100% - 40px);
  display: block;
  background: #fff;
  padding: 50px;
  margin: 0 20px;
  border-radius: 4px;
  box-shadow: 0 0 50px #e7ecf3;
  position: relative;
  z-index: 1;
}
.price-box:before {
  content: "";
  width: calc(100% - 60px);
  height: 15px;
  background: #fff;
  position: absolute;
  left: 30px;
  top: -15px;
  opacity: 0.5;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.price-box figure {
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  border-bottom-left-radius: 0;
  background: #f3f6fa;
  margin-bottom: 30px;
}
.price-box figure img {
  height: 40px;
}
.price-box h6 {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  color: var(--color-purple);
  font-size: 20px;
  line-height: 1;
}
.price-box span {
  width: 100%;
  display: block;
  font-size: 40px;
  font-weight: 800;
}
.price-box span small {
  font-size: 20px;
  color: #8d94a0;
}
.price-box ul {
  width: 100%;
  display: block;
  margin: 0;
  padding-left: 20px;
}
.price-box ul li {
  width: 100%;
  color: #8d94a0;
}
.price-box a {
  height: 65px;
  line-height: 65px;
  display: inline-block;
  background: var(--color-yellow);
  padding: 0 50px;
  margin-top: 30px;
  border-radius: 4px;
  font-weight: 800;
  color: var(--color-dark);
  font-size: 13px;
  letter-spacing: 1px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.price-box a:hover {
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* CASES */
.left-yellow {
  position: relative;
}
.left-yellow:before {
  content: "";
  width: 35%;
  height: 100%;
  background: #fee13e;
  position: absolute;
  left: 0;
  top: 0;
}

.all-cases {
  width: calc(100% + 60px);
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
  padding: 0;
}
.all-cases li {
  width: 33.3333%;
  display: inline-block;
  margin: 30px 0;
  padding: 0 30px;
  list-style: none;
}

.recent-cases-slider {
  width: calc(100% - 120px);
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  position: relative;
  margin: 0 60px;
  margin-top: 50px;
}

.cases {
  width: 100%;
  display: block;
  border-radius: 4px;
  overflow: hidden;
}
.cases:hover figure figcaption {
  max-height: 220px;
}
.cases:hover figure img {
  opacity: 0.4;
}
.cases figure {
  width: 100%;
  display: block;
  margin: 0;
  position: relative;
  background: var(--color-purple);
}
.cases figure img {
  width: 100%;
  display: block;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.cases figure figcaption {
  width: 100%;
  max-height: 75px;
  display: block;
  background: var(--color-purple);
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  color: #fff;
}
.cases figure figcaption a {
  display: block;
  text-decoration: none;
  color: #fff;
}
.cases figure figcaption a:hover {
  text-decoration: none;
}
.cases figure figcaption h6 {
  width: 100%;
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--color-yellow);
}
.cases figure figcaption p {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
  color: #fff;
}
.cases figure figcaption small {
  font-size: 14px;
  opacity: 0.5;
  line-height: 1;
  display: block;
  width: 100%;
}

/* TESTIMONIAL */
.testimonials-slider {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.testimonials-slider .button-prev {
  width: 35px;
  height: 35px;
  line-height: 38px;
  display: inline-block;
  background: var(--color-purple);
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  margin-top: 30px;
  margin-right: 10px;
  color: #fff;
}
.testimonials-slider .button-next {
  width: 35px;
  height: 35px;
  line-height: 38px;
  display: inline-block;
  background: var(--color-purple);
  border-radius: 4px;
  font-size: 15px;
  text-align: center;
  margin-top: 30px;
  color: #fff;
}

.testimonial {
  width: 100%;
  display: block;
  margin: 0;
}
.testimonial figure {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
.testimonial figure img {
  height: 70px;
  display: inline-block;
  border-radius: 4px;
}
.testimonial p {
  font-size: 22px;
  color: var(--color-dark);
  font-weight: 300;
  margin: 0;
}
.testimonial .quote {
  height: 50px;
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 20px;
  opacity: 0.2;
}
.testimonial h6 {
  width: 100%;
  display: block;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
.testimonial small {
  width: 100%;
  display: block;
  opacity: 0.6;
}

/* LOGO ITEM */
.logo-item {
  width: 100%;
  display: block;
  margin: 0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.logo-item img {
  width: 100%;
  display: block;
}

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: block;
  padding: 0 5%;
}
.side-content h6 {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 800;
  letter-spacing: 3px;
  position: relative;
}
.side-content h6:after {
  content: "";
  width: 40px;
  height: 2px;
  background: var(--color-dark);
  position: absolute;
  right: -50px;
  top: 6px;
}
.side-content h2 {
  width: 100%;
  display: block;
  margin: 0;
  font-weight: 300;
  font-size: 60px;
}
.side-content p {
  width: 100%;
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #8d94a0;
}
.side-content ul {
  width: 100%;
  display: block;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 0;
  color: #8d94a0;
}
.side-content ul li {
  width: 100%;
  display: block;
  margin: 5px 0;
  padding: 0;
  list-style: none;
}
.side-content ul li i {
  display: inline-block;
  margin-right: 8px;
  font-size: 14px;
}
.side-content figure {
  width: 100%;
  display: block;
}
.side-content figure img {
  height: 50px;
}
.side-content a {
  height: 65px;
  line-height: 65px;
  display: inline-block;
  background: var(--color-yellow);
  padding: 0 50px;
  margin-top: 30px;
  border-radius: 4px;
  font-weight: 800;
  color: var(--color-dark);
  font-size: 13px;
  letter-spacing: 1px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.side-content a:hover {
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* TEAM MEMBER */
.vc_col-sm-6.vc_col-md-3:nth-child(even) .team-member {
  margin-top: 50px;
}

.team-member {
  width: 100%;
  display: block;
  margin: 0;
}
.team-member:hover div {
  background: #8d94a0;
}
.team-member div {
  width: 100%;
  display: block;
  background: var(--color-purple);
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 20px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.team-member div img {
  width: 100%;
  display: block;
  mix-blend-mode: hard-light;
}
.team-member figcaption {
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
}
.team-member figcaption h6 {
  width: 100%;
  display: block;
  color: var(--color-purple);
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 10px;
}
.team-member figcaption small {
  width: 100%;
  display: block;
  color: #8d94a0;
  margin-bottom: 10px;
}
.team-member figcaption ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.team-member figcaption ul li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.team-member figcaption ul li a {
  color: var(--color-dark);
  display: inline-block;
  font-size: 14px;
}
.team-member figcaption ul li a:hover {
  color: var(--color-purple);
}

/* OFFICE SLIDER */
.office-slider {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.office-slider .swiper-slide {
  max-width: 65vw;
}
.office-slider .swiper-slide img {
  width: 100%;
  border-radius: 16px;
}
.office-slider .button-prev {
  width: 60px;
  height: 60px;
  line-height: 63px;
  position: absolute;
  left: 30px;
  top: calc(50% - 30px);
  background: var(--color-yellow);
  z-index: 1;
  border-radius: 4px;
  text-align: center;
}
.office-slider .button-next {
  width: 60px;
  height: 60px;
  line-height: 63px;
  position: absolute;
  right: 30px;
  top: calc(50% - 30px);
  background: var(--color-yellow);
  z-index: 1;
  border-radius: 4px;
  text-align: center;
}

/* CTA BOX SM */
.cta-box-sm {
  width: 80%;
  display: block;
  padding: 50px;
  margin: 0 10%;
  margin-bottom: -100px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
  border-radius: 4px;
}
.cta-box-sm h4 {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: 600;
}
.cta-box-sm a {
  height: 65px;
  line-height: 65px;
  display: inline-block;
  background: var(--color-yellow);
  padding: 0 50px;
  margin-top: 30px;
  border-radius: 4px;
  font-weight: 800;
  color: var(--color-dark);
  font-size: 13px;
  letter-spacing: 1px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.cta-box-sm a:hover {
  text-decoration: none;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* CASE GALLERY */
.case-gallery {
  width: calc(100% + 30px);
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
}
.case-gallery li {
  width: 25%;
  display: inline-block;
  margin: 0;
  padding: 15px;
  list-style: none;
}
.case-gallery li:nth-child(1) {
  margin-top: 60px;
}
.case-gallery li:nth-child(2) {
  margin-top: 60px;
}
.case-gallery li:nth-child(3) {
  width: 50%;
}
.case-gallery li:nth-child(4) {
  width: 50%;
}
.case-gallery li figure {
  width: 100%;
  display: block;
  margin: 0;
  background: var(--color-dark);
}
.case-gallery li figure img {
  width: 100%;
  display: block;
  border-radius: 4px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

/* STEPS SLIDER */
.steps-slider {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
}
.steps-slider .swiper-slide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.steps-slider .swiper-slide figure {
  width: 45%;
  display: inline-block;
  margin: 0;
}
.steps-slider .swiper-slide figure img {
  width: 100%;
  display: block;
  border-radius: 16px;
}
.steps-slider .swiper-slide .content {
  width: 55%;
  display: inline-block;
  padding-left: 10%;
  color: #fff;
  margin-bottom: 50px;
}
.steps-slider .swiper-slide .content span {
  display: inline-block;
  font-weight: 600;
  border-bottom: 3px solid var(--color-yellow);
  margin-bottom: 30px;
}
.steps-slider .swiper-slide .content h3 {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 36px;
}
.steps-slider .swiper-slide .content p {
  width: 100%;
  display: block;
  color: #fff;
  padding-right: 100px;
  padding-right: 30%;
  position: relative;
}
.steps-slider .controls {
  width: 45%;
  position: absolute;
  left: 55%;
  bottom: 0;
  z-index: 1;
}
.steps-slider .controls .button-prev {
  width: 60px;
  height: 60px;
  line-height: 63px;
  display: inline-block;
  background: var(--color-yellow);
  z-index: 1;
  border-radius: 4px;
  text-align: center;
}
.steps-slider .controls .button-next {
  width: 60px;
  height: 60px;
  line-height: 63px;
  display: inline-block;
  background: var(--color-yellow);
  z-index: 1;
  border-radius: 4px;
  text-align: center;
}
.steps-slider .controls .swiper-pagination {
  width: 40px;
  text-align: center;
  position: static;
  display: inline-block;
  margin: 0 30px;
  color: #fff;
}

/* TAB WRAPPER */
.tab-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.tab-wrapper .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  padding: 0;
}
.tab-wrapper .tab-nav li {
  display: inline-block;
  margin: 0 20px;
  padding: 0;
  list-style: none;
  text-align: center;
  position: relative;
}
.tab-wrapper .tab-nav li.active:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent var(--color-yellow) transparent;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -20px;
}
.tab-wrapper .tab-nav li a {
  display: inline-block;
}
.tab-wrapper .tab-nav li a:hover {
  text-decoration: none;
}
.tab-wrapper .tab-nav li a:hover span {
  background: var(--color-yellow);
}
.tab-wrapper .tab-nav li span {
  width: 100px;
  height: 100px;
  line-height: 105px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  margin-bottom: 20px;
  font-size: 32px;
  color: var(--color-purple);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.tab-wrapper .tab-nav li small {
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-size: 12px;
}
.tab-wrapper .tab-item {
  width: 70%;
  display: none;
  margin: 0 15%;
  padding: 50px;
  background: var(--color-yellow);
  border-radius: 4px;
}
.tab-wrapper .tab-item.active-item {
  display: block;
}
.tab-wrapper p {
  color: var(--color-dark);
}
.tab-wrapper p:last-child {
  margin-bottom: 0;
}

/* RECENT NEWS */
.recent-news {
  width: 100%;
  display: block;
  margin: 0;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .35s ease-in-out;
  -ms-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.recent-news:hover {
  transform: translateY(-10px);
  box-shadow: 0 0 50px #e7ecf3;
}
.recent-news figure {
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.recent-news figure img {
  width: 100%;
  display: block;
}
.recent-news .content {
  width: 100%;
  display: block;
  padding: 40px;
  background: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.recent-news .content small {
  width: 100%;
  display: block;
  color: #8d94a0;
  margin-bottom: 10px;
}
.recent-news .content h3 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
}
.recent-news .content h3 a {
  display: block;
  color: var(--color-dark);
}
.recent-news .content h3 a:hover {
  text-decoration: none;
  color: var(--color-purple);
}
.recent-news .content .author {
  width: 100%;
  display: block;
}
.recent-news .content .author img {
  height: 50px;
  display: inline-block;
  border-radius: 50px;
  margin-right: 10px;
}
.recent-news .content .author span {
  display: inline-block;
  color: #8d94a0;
  font-size: 15px;
}
.recent-news .content .author span b {
  font-weight: 400;
  color: var(--color-dark);
}

/* BLOG POST */
.blog-post {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
}
.blog-post:last-child {
  margin-bottom: 0;
}
.blog-post.sticky {
  border: 1px solid #eee;
  padding: 30px;
  position: relative;
}
.blog-post.sticky:before {
  content: "";
  width: 14px;
  height: 25px;
  background: #feed01;
  position: absolute;
  right: 30px;
  top: -10px;
}
.blog-post.sticky:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 6px 7px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  right: 30px;
  top: 9px;
}
.blog-post.sticky .post-content {
  background: #fff;
  padding: 30px;
}
.blog-post.post-single {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.post-single .post-image {
  width: 100%;
  flex: inherit;
  margin-bottom: 30px;
}
.blog-post.post-single .post-content {
  width: 100%;
  flex: inherit;
  display: block;
  padding: 0;
  border: none;
}
.blog-post.post-single .post-content .post-author {
  margin-bottom: 20px;
}
.blog-post.post-single .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 56px;
  font-weight: 800;
  margin-bottom: 30px;
  letter-spacing: -1px;
  line-height: 1.2;
}
.blog-post.single-post {
  width: 100%;
  margin-bottom: 25px;
}
.blog-post.single-post .post-content {
  width: 100%;
}
.blog-post.single-post .post-content .post-author {
  margin-bottom: 20px;
}
.blog-post.single-post .post-content .post-title {
  margin-bottom: 20px;
}
.blog-post .post-image {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.blog-post .post-image img {
  max-width: 100%;
}
.blog-post .post-content {
  width: 100%;
  display: block;
}
.blog-post .post-content .post-inner {
  width: 100%;
}
.blog-post .post-content .post-tags {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  padding: 0;
}
.blog-post .post-content .post-tags li {
  display: inline-block;
  margin: 3px 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .post-tags li a {
  height: 25px;
  display: inline-block;
  background: #5513a0;
  color: #fff;
  padding: 5px 16px;
  font-size: 11px;
  border-radius: 22px;
}
.blog-post .post-content .post-tags li a:hover {
  background: #feed01;
  text-decoration: none;
  color: #0e0e0e;
}
.blog-post .post-content .post-date {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  letter-spacing: 1px;
  font-size: 14px;
  text-transform: uppercase;
}
.blog-post .post-content .post-title {
  width: 100%;
  display: block;
  font-size: 3vw;
  font-weight: 400;
  margin-bottom: 30px;
  line-height: 1.2;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.blog-post .post-content .post-title a {
  color: var(--color-dark);
}
.blog-post .post-content .post-title a:hover {
  color: var(--color-purple);
  text-decoration: none;
}
.blog-post .post-content .post-author {
  width: 100%;
  display: flex;
  align-items: center;
}
.blog-post .post-content .post-author .author-link-thumb {
  width: 60px;
  display: inline-block;
}
.blog-post .post-content .post-author .author-link-thumb img {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 50%;
}
.blog-post .post-content .post-author div {
  width: calc(100% - 60px);
  display: inline-block;
  padding-left: 15px;
}
.blog-post .post-content .post-author div strong {
  width: 100%;
  display: block;
  line-height: 1;
}
.blog-post .post-content .post-author div small {
  opacity: 0.6;
}
.blog-post .post-content .post-author b {
  color: #727479;
  font-weight: 400;
}
.blog-post .post-content .post-author b a {
  color: var(--color-dark);
}
.blog-post .post-content .post-author b a:hover {
  text-decoration: none;
}
.blog-post .post-content .author {
  width: 100%;
  display: block;
}
.blog-post .post-content .author img {
  height: 60px;
  display: inline-block;
  border-radius: 60px;
  margin-right: 10px;
}
.blog-post .post-content .author span {
  display: inline-block;
  color: #8d94a0;
  font-size: 15px;
}
.blog-post .post-content .author span strong {
  font-weight: 400;
  color: var(--color-dark);
}
.blog-post .post-content .post-categories {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding: 0;
}
.blog-post .post-content .post-categories li {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .post-categories li a {
  color: var(--color-dark);
  font-size: 11px;
  padding-bottom: 3px;
  border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .post-categories li a:hover {
  text-decoration: none;
  border-color: var(--color-purple);
}
.blog-post .post-content .social-share {
  width: 100%;
  float: left;
  padding: 0;
  margin-bottom: 40px;
  text-align: center;
}
.blog-post .post-content .social-share li {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}
.blog-post .post-content .social-share li.facebook a {
  background: #475993;
}
.blog-post .post-content .social-share li.twitter a {
  background: #76a9ea;
}
.blog-post .post-content .social-share li.google-plus a {
  background: #f34a38;
}
.blog-post .post-content .social-share li.linkedin a {
  background: #0077b7;
}
.blog-post .post-content .social-share li.youtube a {
  background: #f61c0d;
}
.blog-post .post-content .social-share li a {
  line-height: 44px;
  float: left;
  padding: 0 20px;
  background: var(--color-dark);
  font-weight: 600;
  color: #fff;
  border: none;
  border-radius: 0;
}
.blog-post .post-content .social-share li a:hover {
  text-decoration: none;
}
.blog-post .post-content blockquote {
  background: var(--color-purple);
  color: #fff;
  padding: 30px;
  margin-bottom: 25px;
}
.blog-post .post-content blockquote h5 {
  font-weight: 800;
}
.blog-post .post-content p {
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 25px;
}
.blog-post .post-content h3 {
  font-weight: 600;
}
.blog-post .post-content h4 {
  font-weight: 600;
}
.blog-post .post-content h5 {
  font-weight: 600;
}
.blog-post .post-content h6 {
  font-weight: 600;
}
.blog-post .post-content strong {
  font-weight: 600;
}
.blog-post .post-content u {
  text-decoration: none;
  border-bottom: 2px solid var(--color-dark);
}
.blog-post .post-content .custom-list {
  width: 100%;
  display: block;
  padding-left: 20px;
}
.blog-post .post-content .custom-list li {
  font-size: 17px;
}
.blog-post .post-content .image-full {
  display: block;
  height: auto;
  margin-bottom: 30px;
  margin-top: 30px;
}
.blog-post .post-content .image-full img {
  width: 100%;
}
.blog-post .post-content .link-more {
  font-weight: 600;
}
.blog-post .post-content .link-more:hover {
  color: #490eea;
  text-decoration: none;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
}
.pagination .page-item .page-link:focus {
  outline: none !important;
}

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: block;
  padding-left: 30px;
}
.sidebar .widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 20px solid #f3f6fa;
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
}
.sidebar .widget-title {
  width: 100%;
  display: block;
  border-bottom: 1px solid #f3f6fa;
  font-size: 18px;
  font-weight: 800;
  color: var(--color-purple);
  letter-spacing: 2px;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.sidebar input[type="search"] {
  margin-bottom: 10px;
}
.sidebar .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding-left: 20px;
}
.sidebar .categories li {
  width: 100%;
  display: block;
  margin: 7px 0;
}
.sidebar figure {
  width: 50%;
  display: inline-block;
  padding: 0 2px;
  margin-left: -2px;
}

/* CONTACT FORM */
.contact-form {
  width: 100%;
  display: block;
  margin-top: 50px;
}
.contact-form .form-group {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.contact-form .form-group:last-child {
  margin-bottom: 0;
}
.contact-form span {
  line-height: 65px;
}
.contact-form input[type="text"] {
  width: 100%;
  display: block;
  margin-bottom: 15px;
}
.contact-form input[type="submit"] {
  float: right;
}
.contact-form textarea {
  height: 146px;
}

.wpcf7 form .wpcf7-response-output {
  width: 100%;
  margin: 0;
  margin-top: 20px;
  background: red;
  padding: 20px 30px;
  color: #fff;
  border: none;
  border-radius: 4px;
}

/* CONTACT BOX */
.contact-box {
  width: 100%;
  display: block;
}
.contact-box figure {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  position: relative;
}
.contact-box figure:before {
  content: "";
  width: 60px;
  height: 60px;
  background: var(--color-purple);
  position: absolute;
  left: -10px;
  top: -10px;
  opacity: 0.05;
  border-radius: 50%;
}
.contact-box figure img {
  height: 60px;
}
.contact-box h6 {
  color: var(--color-purple);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 1px;
}
.contact-box p {
  color: #8a8e96;
  font-weight: 300;
}
.contact-box a {
  display: block;
  color: #8a8e96;
  font-weight: 300;
  text-decoration: underline;
}
.contact-box a:hover {
  text-decoration: none;
}

/* GOOGLE MAPS */
.google-maps {
  width: 100%;
  display: block;
  position: relative;
  background: var(--color-purple);
}
.google-maps:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.google-maps iframe {
  width: 100%;
  height: 520px;
  display: block;
  border: none;
  mix-blend-mode: hard-light;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
}
.pagination .page-item .page-link:focus {
  outline: none !important;
}

/* DEFAULT WP PAGINATION */
.page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  padding: 0 20px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--color-dark);
  outline: none !important;
  border: 1px solid #dee2e6;
}
.page-numbers.current {
  background: #e9ecef;
}
.page-numbers:hover {
  background: #e9ecef;
  text-decoration: none;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: var(--color-dark);
  background-size: cover;
  color: #fff;
  border-top: 5px solid var(--color-yellow);
}
.footer .col-lg-3, .footer .col-lg-2, .footer .col-lg-4 {
  margin-top: 80px;
}
.footer .logo {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.footer .logo a {
  display: block;
}
.footer .logo a img {
  height: 35px;
  width: auto;
}
.footer .widget-title {
  width: 100%;
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: 3px;
  color: var(--color-yellow);
}
.footer .intro {
  margin: 0;
}
.footer p {
  color: #fff;
}
.footer ul {
  width: 100%;
  display: block;
  margin: 0;
  padding-left: 20px;
}
.footer ul li {
  width: 100%;
  margin: 3px 0;
  padding: 2px 0;
}
.footer ul li a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
}
.footer ul li a:hover {
  color: var(--color-yellow);
}
.footer form {
  width: 100%;
  display: block;
}
.footer form p {
  width: 100%;
  margin-bottom: 15px;
}
.footer form input[type="email"] {
  width: 100%;
  border: none;
  margin-bottom: 10px;
}
.footer form input[type="submit"] {
  background: var(--color-yellow);
  color: var(--color-dark);
}
.footer .google-partner {
  width: 100%;
  display: block;
  margin: 50px 0;
}
.footer .google-partner img {
  height: 60px;
}
.footer .footer-bottom {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 30px 0;
  font-size: 14px;
}
.footer span {
  display: inline-block;
}
.footer span:last-child {
  margin-left: auto;
}
.footer a {
  color: var(--color-yellow);
  text-decoration: underline;
}
.footer a:hover {
  text-decoration: none;
}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .slider .slider-content .swiper-slide .inner h2 {
    font-size: 46px;
  }

  .slider .divider {
    height: 70vh;
  }

  .navbar .navbar-button a span {
    display: none;
  }

  .section-title {
    padding-right: 20%;
  }

  .price-box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 30px;
  }

  .price-box a {
    padding: 0 40px;
  }

  .cases figure figcaption {
    max-height: 70px;
  }

  .cases figure figcaption h6 {
    font-size: 16px;
  }

  .contact-form input[type="submit"] {
    float: left;
  }
}
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .footer .col-lg-3, .footer .col-lg-2, .footer .col-lg-4 {
    margin-top: 0;
  }

  .footer {
    padding-top: 80px;
  }

  .search-box .inner {
    max-width: 100%;
    width: 100%;
    padding: 0 10%;
  }

  .navbar .navbar-button a span {
    display: inline-block;
  }

  .navbar .site-menu {
    display: none;
  }

  .navbar .custom-menu {
    display: none;
  }

  .side-widget .hide-mobile {
    display: none;
  }

  .side-widget .show-mobile {
    display: block;
  }

  .slider {
    height: auto;
  }

  .slider .slider-content {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
  }

  .slider .slider-main {
    width: 100%;
  }

  .slider .header-box {
    left: 15px;
  }

  .slider .controls {
    display: none;
  }

  .section-title {
    padding: 0;
  }

  .section-title h2 {
    font-size: 50px;
  }

  .all-cases li {
    width: 50%;
  }

  .case-gallery li {
    width: 50%;
    margin-top: 0 !important;
  }

  .counter-box {
    margin: 15px 0 !important;
    width: 100%;
  }

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

  .price-box a {
    width: 100%;
    text-align: center;
    padding: 0;
  }

  .recent-news {
    margin: 15px 0;
  }

  .contact-form span {
    width: 100%;
    float: left;
  }

  .footer .col-md-6 {
    margin-bottom: 0;
  }

  .footer-widget .widget-title {
    margin-bottom: 10px !important;
  }
}
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  textarea {
    width: 100%;
  }

  .side-widget {
    width: 68%;
    box-shadow: 0;
  }

  .navbar {
    padding: 30px 0;
  }

  .navbar .hamburger-menu {
    margin-left: 20px;
  }

  .navbar .navbar-button {
    margin-left: 20px;
  }

  .navbar .navbar-button a span {
    display: none;
  }

  .navbar .navbar-button a img {
    margin-left: 0;
  }

  .slider .slider-content .swiper-slide .inner {
    padding-right: 0;
  }

  .slider .slider-content .swiper-slide .inner h2 {
    font-size: 32px;
  }

  .slider .slider-main {
    height: 70vh;
  }

  .slider .header-box {
    left: 30px;
    bottom: -30px;
  }

  .page-header .divider {
    height: 30%;
  }

  .section-title {
    margin-bottom: 40px;
  }

  .section-title h2 {
    font-size: 38px;
  }

  .section-title h6:after {
    display: none;
  }

  .page-header .container h1 {
    font-size: 42px;
  }

  .recent-cases-slider {
    width: calc(100% - 30px);
    margin: 0 15px;
  }

  .icon-box {
    padding: 0;
  }

  .cta-bar .cta-box h2 {
    font-size: 40px;
  }

  .cta-bar .cta-box h2 br {
    display: none;
  }

  .left-yellow:before {
    width: 70%;
  }

  .col-lg-6 .image {
    margin-top: 40px;
  }

  .all-cases li {
    width: 100%;
    margin: 15px 0;
  }

  .case-gallery li {
    width: 100% !important;
  }

  .cta-box-sm {
    width: 100%;
    margin: 0;
    margin-bottom: 30px;
    padding: 30px;
  }

  .cta-box-sm a {
    width: 100%;
    padding: 0;
    text-align: center;
    margin-top: 0;
  }

  .tab-wrapper .tab-nav li span {
    display: none;
  }

  .tab-wrapper .tab-nav li.active:before {
    display: none;
  }

  .tab-wrapper .tab-nav li.active a small {
    color: var(--color-purple);
  }

  .tab-wrapper .tab-item {
    width: 100%;
    margin: 0;
    padding: 30px;
  }

  .side-content {
    margin-top: 40px;
  }

  .side-content h2 {
    font-size: 40px;
  }

  .testimonials-slider .button-prev {
    margin-top: 0;
  }

  .testimonials-slider .button-next {
    margin-top: 0;
  }

  .testimonials-slider {
    margin-top: 40px;
  }

  .logo-item {
    border: 1px solid #eee;
    margin: 5px 0;
    padding: 20px 10px;
  }

  .col-lg-4 .image {
    margin-bottom: 40px;
  }

  .blog-post h3 {
    font-size: 30px;
  }

  .steps-slider .swiper-slide figure {
    width: 100%;
    margin-bottom: 30px;
  }

  .steps-slider .swiper-slide .content {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .steps-slider .swiper-slide .content p {
    margin: 0;
    padding: 0;
  }

  .steps-slider .controls {
    display: none;
  }

  .accordion {
    padding-right: 0;
  }

  .google-maps iframe {
    height: 320px;
  }

  .office-slider .swiper-slide {
    max-width: 100%;
    padding: 0 15px;
  }

  .office-slider .button-prev {
    display: none;
  }

  .office-slider .button-next {
    display: none;
  }

  .pagination {
    margin-bottom: 50px;
  }

  .sidebar {
    padding-left: 0 !important;
    margin-top: 50px;
  }

  .pagination .page-item .page-link {
    padding: 0 20px;
  }

  .contact-form .form-group:nth-child(2) {
    margin-bottom: 0;
  }

  .contact-form span {
    line-height: 1.3;
    margin-bottom: 20px;
  }

  .footer .google-partner img {
    height: 40px;
  }

  .footer span:last-child {
    width: 100%;
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }

  .footer .col-lg-4:first-child {
    margin-top: 80px;
  }

  .footer .col-lg-4 {
    margin-top: 10px;
  }

  .logged-in.admin-bar .navbar {
    transform: translateY(46px);
    margin-top: 0 !important;
  }

  .logged-in.admin-bar .navbar.sticky {
    transform: translateY(0);
  }

  .pagination li {
    display: none;
  }

  .pagination li:first-child {
    display: inline-block;
  }

  .pagination li:nth-child(2) {
    display: inline-block;
  }

  .pagination li:last-child {
    display: inline-block;
  }

  .page-numbers {
    display: none;
  }

  .prev.page-numbers {
    display: inline-block !important;
  }

  .page-numbers:nth-child(2) {
    display: inline-block !important;
  }

  .next.page-numbers {
    display: inline-block !important;
  }
}
/* CUSTOM FIXES */
.wp-block-quote p:last-child {
  margin-bottom: 0;
}

.page.type-page code {
  background: #eee;
  padding: 4px;
  color: #0e0e0e;
  font-family: Courier;
}

.page-links {
  position: relative;
}

.post-501 .page-links {
  float: left;
  margin-top: 60px;
}

.post-501 .post-entry-footer {
  float: left;
}

.post-1133 .post-entry-footer {
  float: left;
}

.wp-image-907 {
  width: 100%;
}

.error-404.not-found {
  text-align: center;
}

.error-404.not-found .search-form {
  display: inline-block;
  margin: 0 auto;
}

.error-404.not-found .search-form label {
  float: left;
  margin-right: 10px;
}

.error-404.not-found .search-form input[type="submit"] {
  float: left;
}

.error-404.not-found .screen-reader-text {
  display: none;
}

.error-404.not-found img {
  max-height: 460px;
  margin-bottom: 30px;
}

.is-style-squared .wp-block-button__link {
  border-radius: 0 !important;
}

.blog-post .post-content .wp-block-quote {
  border: none;
  color: #fff;
  background: #5513a0;
  color: #fff;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-post .post-content .wp-block-quote a {
  color: #fff;
}

.blog-post .post-content .has-medium-font-size {
  font-size: 20px;
}

.page.type-page {
  width: 100%;
}

.blog-post .post-content select {
  width: 100%;
}

.logged-in.admin-bar .navbar {
  margin-top: 32px;
}

.search-no-results .content-section {
  text-align: center;
}

.search-no-results .content-section p {
  width: 100%;
  display: block;
  font-size: 22px;
  padding: 0 25%;
  margin-bottom: 40px;
}

.search-no-results .content-section .screen-reader-text {
  display: none;
}

.search-no-results .content-section form {
  width: 100%;
  display: block;
  padding: 0 15%;
}

.search-no-results .content-section form label {
  width: 100%;
  margin-bottom: 20px;
}

.search-no-results .content-section form input[type="search"] {
  width: 100%;
}

.wp-block-embed {
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}

/* BLOG STYLE FOR SIDEBAR */
.blog-post .post-content .post-password-form {
  width: 100%;
  display: block;
  margin-bottom: 70px;
}

.blog-post .post-content .wp-block-button {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.blog-post .post-content .wp-block-button:last-child {
  margin-bottom: 0;
}

.blog-post .post-content .wp-block-button__link {
  background: #0e0e0e;
  font-size: 13px;
  font-weight: 600;
  padding: 20px 40px;
  border-radius: 50px;
}

.blog-post .post-content .wp-block-button.is-style-outline .wp-block-button__link {
  background: none;
}

.blog-post .post-content .wp-block-cover {
  margin-bottom: 50px;
}

.blog-post .post-content .wp-block-cover.has-background-dim .wp-block-cover-text {
  color: #fff;
}

.blog-post .post-content .wp-block-cover-image.has-background-dim .wp-block-cover-image-text {
  color: #fff;
}

.blog-post .post-content .wp-block-gallery {
  width: 100%;
  margin-bottom: 40px;
  padding: 0;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-caption {
  font-size: 13px;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-item figure {
  width: 100%;
  position: relative;
}

.blog-post .post-content .wp-block-gallery .blocks-gallery-item figure figcaption {
  max-height: calc(100% - 20px);
  padding: 3px 10px;
  bottom: 0;
  margin: 10px 0;
  line-height: 1.2;
  background: none;
}

.blog-post .post-content .wp-block-quote {
  margin: 20px 0;
}

.blog-post .post-content .wp-block-quote a {
  color: #fff;
}

.blog-post .post-content .wp-block-quote cite {
  font-family: georgia;
  font-style: italic;
  font-size: 13px;
}

.blog-post .post-content .wp-block-quote cite br {
  display: none;
}

.blog-post .post-content .blocks-gallery-grid {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.blog-post .post-content .wp-block-group.has-background {
  padding: 30px;
}

.blog-post .post-content .has-background {
  margin-bottom: 20px;
}

.blog-post .post-content .more-link {
  display: inline-block;
  margin-top: 20px;
  font-weight: 600;
  display: none;
}

.blog-post .post-content .gallery {
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .gallery .gallery-item {
  position: relative;
}

.blog-post .post-content .gallery .gallery-item .gallery-caption {
  font-size: 13px;
  color: #727479;
}

.blog-post .post-content .gallery .gallery-item a {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.blog-post .post-content .gallery .gallery-item a img {
  width: 100%;
  height: auto;
}

.blog-post .post-content .has-drop-cap:first-letter {
  font-size: 300%;
  line-height: 1;
  margin-top: -2px;
  margin-right: 5px;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  max-height: 50px;
  display: inline-block;
  overflow: hidden;
}

.blog-post .post-content .wp-block-archives {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  padding: 0;
  font-size: 16px;
}

.blog-post .post-content .wp-block-archives li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.blog-post .post-content .wp-block-archives li .comment-author-link a {
  text-decoration: none;
  font-weight: 600;
}

.blog-post .post-content .wp-block-archives li a {
  margin: 0;
  color: #0e0e0e;
}

.blog-post .post-content .wp-block-calendar {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-calendar caption {
  width: 100%;
  padding-bottom: 20px;
  font-weight: 600;
  color: #727479;
}

.blog-post .post-content .wp-block-calendar a {
  display: inline-block;
  color: #0e0e0e;
  font-weight: 600;
  text-decoration: none;
  margin-top: 10px;
}

.blog-post .post-content .wp-block-table {
  width: 100%;
}

.blog-post .post-content .wp-block-table a {
  color: #0e0e0e;
}

.blog-post .post-content .wp-block-table table {
  width: 100%;
  border: 1px solid #f3f4f5;
}

.blog-post .post-content .wp-block-table table tr {
  border-bottom: 1px solid #f3f4f5;
}

.blog-post .post-content .wp-block-table table td {
  height: 50px;
  padding: 0 20px;
}

.blog-post .post-content .wp-block-search {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-search .wp-block-search__label {
  display: none;
}

.blog-post .post-content .wp-block-search input[type=search] {
  width: 100%;
  max-width: 350px;
  border: 1px solid #eee;
  padding: 0 15px;
}

.blog-post .post-content .wp-block-categories {
  width: 100%;
  display: block;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-latest-comments {
  width: 100%;
  display: block;
  padding: 0;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-latest-comments .wp-block-latest-comments__comment-author {
  text-decoration: none;
  font-weight: 600;
}

.blog-post .post-content .wp-block-latest-comments a {
  text-decoration: underline;
}

.blog-post .post-content .wp-block-latest-comments p {
  font-weight: 400;
  padding: 0;
  border: none;
  text-transform: inherit;
}

.blog-post .post-content .wp-block-latest-posts {
  padding: 0;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-tag-cloud {
  font-weight: 400;
  margin-bottom: 40px;
}

.blog-post .post-content .wp-block-tag-cloud a {
  display: inline-block;
  font-size: 13px !important;
  background: #0e0e0e;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 5px;
}

.blog-post .post-content .wp-block-tag-cloud a:hover {
  text-decoration: none;
  background: #490eea;
  color: #fff;
}

.blog-post .post-content .wp-block-rss {
  margin-bottom: 40px;
}

.blog-post .post-content .post-entry-footer {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-top: 40px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.blog-post .post-content .post-entry-footer .cat-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .cat-links a {
  text-decoration: underline;
  font-weight: 400;
}

.blog-post .post-content .post-entry-footer .cat-links a:hover {
  text-decoration: none;
}

.blog-post .post-content .post-entry-footer .tags-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e2e2e2;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .tags-links a {
  text-decoration: underline;
  font-weight: 400;
}

.blog-post .post-content .post-entry-footer .tags-links a:hover {
  text-decoration: none;
}

.blog-post .post-content .post-entry-footer .edit-link {
  width: 100%;
  display: block;
  font-weight: 600;
}

.blog-post .post-content .post-entry-footer .edit-link .screen-reader-text {
  display: inline-block;
  font-weight: 400;
}

.blog-post .post-content .post-navigation {
  width: 100%;
  display: block;
}

.blog-post .post-content .post-navigation .navigation {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.blog-post .post-content .post-navigation .navigation:last-child {
  margin-bottom: 0;
}

.blog-post .post-content .post-navigation .navigation .screen-reader-text {
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.blog-post .post-content .post-navigation .navigation .nav-links {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous {
  flex: 1;
  width: 50%;
  padding-right: 20px;
  border-right: 1px solid #eee;
  position: relative;
  line-height: 27px;
  padding-left: 40px;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous a:hover {
  text-decoration: underline;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-previous:before {
  content: "«";
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #131314;
  color: #fff;
  display: inline-block;
  margin-right: 10px;
  text-align: center;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: calc(50% - 18px);
  line-height: 29px;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-next {
  flex: 1;
  width: 50%;
  padding-left: 20px;
  text-align: right;
  line-height: 27px;
  padding-right: 40px;
  position: relative;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-next a:hover {
  text-decoration: underline;
}

.blog-post .post-content .page-links {
  width: 100%;
  display: block;
  border-top: 1px solid #eee;
  padding-top: 20px;
}

.blog-post .post-content .post-navigation .navigation .nav-links .nav-next:after {
  content: "»";
  width: 30px;
  height: 30px;
  display: inline-block;
  background: #131314;
  color: #fff;
  display: inline-block;
  margin-left: 10px;
  text-align: center;
  border-radius: 30px;
  position: absolute;
  right: 0;
  top: calc(50% - 18px);
  line-height: 29px;
}

.blog-post .post-content .page-links h6 {
  display: none;
}

.blog-post .post-content .page-links .post-page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 600;
}

.blog-post .post-content .page-links .post-page-numbers.current {
  background: #0e0e0e;
  border-color: #0e0e0e;
  color: #fff;
}

.blog-post .post-content .size-large {
  width: 100%;
  height: auto;
}

.blog-post .post-content code {
  background: #eee;
  padding: 4px;
  color: #0e0e0e;
  font-family: Courier;
}

.blog-post .post-content p code {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 15px;
}

.blog-post .post-content blockquote {
  background: #5513a0;
  color: #fff;
  padding: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog-post .post-content blockquote cite {
  display: block;
  margin-top: 10px;
}

.blog-post .post-content blockquote a {
  color: #fff;
  text-decoration: underline;
}

.blog-post .post-content h3 {
  font-weight: 600;
}

.blog-post .post-content h4 {
  font-weight: 600;
}

.blog-post .post-content h5 {
  font-weight: 600;
}

.blog-post .post-content h6 {
  font-weight: 600;
}

.blog-post .post-content strong {
  font-weight: 600;
}

.blog-post .post-content ol li ol {
  margin-top: 5px;
  margin-bottom: 0;
}

.blog-post .post-content ul li ul {
  margin-top: 5px;
  margin-bottom: 0;
}

.blog-post .post-content ul {
  margin-bottom: 20px;
  margin-top: 10px;
}

.blog-post .post-content ol {
  margin-bottom: 20px;
  margin-top: 10px;
}

.blog-post .post-content ul li {
  margin-bottom: 10px;
}

.blog-post .post-content ul li:last-child {
  margin-bottom: 0;
}

.blog-post .post-content ol li {
  margin-bottom: 10px;
}

.blog-post .post-content ol li:last-child {
  margin-bottom: 0;
}

.blog-post .post-content u {
  text-decoration: none;
  border-bottom: 5px solid #5513a0;
}

.blog-post .post-content .image-full {
  display: block;
  height: auto;
  margin-bottom: 30px;
}

.blog-post .post-content .comment-list .comment ol {
  margin-bottom: 20px;
}

.blog-post .post-content .comment-list .comment ol li ol {
  margin-bottom: 0;
}

.blog-post .post-content .wp-block-image {
  margin-bottom: 30px;
}

.blog-post .post-content .wp-block-image figcaption {
  font-size: 85%;
}

.blog-post .post-content .post-author {
  margin-bottom: 40px;
}

table {
  width: 100%;
  border: 1px solid #eee;
  margin-bottom: 30px;
}

table tr {
  padding: 15px 0;
}

table tr th {
  padding: 15px;
  border: 1px solid #eee;
}

table tr td {
  padding: 15px;
  border: 1px solid #eee;
}

.tag-content-2 {
  position: relative;
}

.tag-content-2 .screen-reader-text {
  display: none;
}

.postid-1788 .blog-post .post-content .post-entry-footer {
  margin-top: 200px;
}

.postid-1177 .post-entry-footer {
  margin-top: 200px !important;
}

.page-id-1133 .post-comment {
  margin-top: 75px;
}

.post-1788 .post-entry-footer {
  margin-top: 200px !important;
}

.post-1177 .post-entry-footer {
  margin-top: 200px !important;
}

.post-1778 .post-content h6 {
  margin-bottom: 30px;
}

.post-password-form label {
  width: 100%;
}

.post-password-form input[type=password] {
  width: 100%;
  border: 1px solid #eee;
  padding: 0 15px;
  margin-top: 10px;
}

.post-password-form input[type=submit] {
  margin-top: 5px;
}

.page-links {
  width: 100%;
  display: block;
  border-top: 1px solid #eee;
  padding-top: 40px;
  font-size: 16px;
}

.page-links h6 {
  display: none;
}

.page-links .post-page-numbers {
  height: 60px;
  line-height: 60px;
  display: inline-block;
  border: 1px solid #eee;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 600;
}

.page-links .post-page-numbers.current {
  background: #0e0e0e;
  border-color: #0e0e0e;
  color: #fff;
}

.post-entry-footer {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  font-size: 16px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-top: 40px;
}

.post-entry-footer:last-child {
  margin-bottom: 0;
}

.post-entry-footer .cat-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #0e0e0e;
  font-weight: 600;
}

.post-entry-footer .cat-links a {
  text-decoration: underline;
  font-weight: 400;
}

.post-entry-footer .tags-links {
  width: 100%;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #0e0e0e;
  font-weight: 600;
}

.post-entry-footer .tags-links a {
  text-decoration: underline;
  font-weight: 400;
}

.post-entry-footer .edit-link {
  width: 100%;
  display: block;
  font-weight: 600;
}

.post-entry-footer .edit-link .screen-reader-text {
  display: inline-block;
  font-weight: 400;
}

.post-comment {
  width: 100%;
  display: block;
  padding: 20px;
  border: 1px solid #e2e2e2;
  margin: 30px 0;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
  margin-bottom: 16px !important;
}

/* COMMENTS */
.post-comment .comments-title {
  width: 100%;
  display: block;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.post-comment .comment-list {
  width: 100%;
  display: block;
  margin-bottom: 60px;
  padding: 0 !important;
}

.post-comment .comment-list .comment {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.post-comment .comment-list .children {
  margin-bottom: 20px;
}

.post-comment .comment-list .comment .comment-list {
  margin-bottom: 20px;
}

.post-comment .comment-list .comment .comment-content {
  width: calc(100% - 100px);
  display: inline-block;
}

.post-comment .comment-list .comment .comment-content p:empty {
  display: none;
}

.post-comment .comment-list .comment .comment-content p {
  margin-bottom: 10px;
}

.post-comment .comment-list .comment .comment-content h4 {
  font-size: 13px;
  font-weight: 600;
}

.post-comment .comment-list .comment .comment-content small {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  opacity: 0.6;
}

.post-comment .comment-list .comment .comment-content .comment-reply-link {
  display: inline-block;
  padding: 3px 8px;
  background: #0e0e0e;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.post-comment .comment-list .comment .comment-content .comment-reply-link:hover {
  background: #5513a0;
  color: #fff;
  text-decoration: none;
}

.post-comment .comment-list .comment .comment-avatar {
  margin-right: 20px;
}

.post-comment .comment-list .comment .comment-avatar:empty {
  display: none;
}

.post-comment .comment-list .comment .comment-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.post-comment .comment-form {
  width: 100%;
  display: block;
}

.post-comment .comment-form .comment-respond {
  width: 100%;
  display: block;
}

.post-comment .comment-form .comment-respond .comment-reply-title {
  width: 100%;
  display: block;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.post-comment .comment-form .comment-respond form {
  position: relative;
}

.post-comment .comment-form .comment-respond form .comment-notes {
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 20px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent {
  padding: 0 15px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent input[type=checkbox] {
  margin-right: 10px;
}

.post-comment .comment-form .comment-respond form .comment-form-cookies-consent label {
  width: auto;
  display: inline-block;
}

.post-comment .comment-form .comment-respond form .logged-in-as {
  font-weight: 400;
  text-transform: inherit;
  border: none;
  padding: 0;
  font-size: 16px;
  margin-bottom: 20px;
}

.post-comment .comment-form .comment-respond form .logged-in-as a {
  text-decoration: underline;
}

.post-comment .comment-form .comment-respond form label {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
  color: #131314;
}

.post-comment .comment-form .comment-respond form input[type=text] {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 0 15px;
  background: #f7f7f7;
}

.post-comment .comment-form .comment-respond form input[type=email] {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 0 15px;
  background: #f7f7f7;
}

.post-comment .comment-form .comment-respond form textarea {
  width: 100%;
  display: block;
  border: 1px solid #dadada;
  padding: 15px;
  background: #f7f7f7;
}

.post-comment .comment-list .comment .comment-content h2 {
  margin-top: 20px;
}

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 60px;
  font-size: 16px;
}

.sidebar .widget {
  width: 100%;
  display: block;
  margin-bottom: 50px;
  background: #fff;
  padding: 40px;
  padding-top: 0;
  border: 1px solid #e2e2e2;
  position: relative;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.sidebar .widget:last-child {
  margin-bottom: 0;
}

.sidebar .widget strong {
  font-weight: 600;
}

.sidebar .widget .gallery-columns-3 {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 0;
}

.sidebar .widget .gallery-columns-3 .gallery-item {
  padding: 0 5px;
}

.sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
}

.sidebar .widget .categories li a {
  margin: 0;
}

.sidebar .widget .categories li a:hover {
  color: #73efcc;
  text-decoration: none;
}

.sidebar .widget .categories li span {
  float: right;
  opacity: 0.5;
}

.sidebar .widget .tags {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.sidebar .widget .tags li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}

.sidebar .widget .tags li a {
  color: #fff;
  background: #73efcc;
  display: inline-block;
  font-size: 13px;
  padding: 3px 6px;
}

.sidebar .widget .tags li a:hover {
  color: #73efcc;
  background: #0e0e0e;
  text-decoration: none;
}

.sidebar .widget .side-gallery {
  display: block;
  margin-left: -1px;
  margin-right: -1px;
  padding: 0;
}

.sidebar .widget .side-gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 1px;
  list-style: none;
}

.sidebar .widget p {
  margin-bottom: 0;
}

.sidebar .widget select {
  width: 100%;
}

.sidebar .widget form {
  margin: 0;
}

.sidebar .widget form input[type=search] {
  width: 100%;
  margin-bottom: 10px;
}

.sidebar .widget .widget-title {
  width: 100%;
  display: block;
  border-bottom: 4px solid #eee;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 35px 0;
  margin-bottom: 30px;
  color: #0b0b0b;
  position: relative;
}

.sidebar .widget .widget-title:after {
  content: "";
  width: 70px;
  height: 4px;
  background: var(--color-yellow);
  position: absolute;
  left: 0;
  bottom: -4px;
}

.sidebar .widget .wp-block-group__inner-container > h2 {
  width: 100%;
  display: block;
  border-bottom: 4px solid #eee;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 35px 0;
  margin-bottom: 30px;
  color: #0b0b0b;
  position: relative;
}

.sidebar .widget .wp-block-group__inner-container > h2:after {
  content: "";
  width: 70px;
  height: 4px;
  background: var(--color-yellow);
  position: absolute;
  left: 0;
  bottom: -4px;
}

.sidebar .widget .wp-block-group__inner-container > ul {
  width: 100%;
  margin: 0;
  padding-left: 20px;
}

.sidebar .widget .wp-block-group__inner-container > ol {
  width: 100%;
  margin: 0;
  padding: 0;
}

.sidebar .widget .wp-block-group__inner-container > ol li {
  margin-bottom: 15px;
}

.sidebar .widget .wp-block-group__inner-container > ul li {
  margin-bottom: 15px;
  list-style: initial;
}

.sidebar .widget .wp-block-group__inner-container > ol li:last-child {
  margin-bottom: 0;
}

.sidebar .widget .wp-block-group__inner-container > ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_search {
  width: 100%;
}

.sidebar .widget_search .widget-title {
  margin-bottom: 0;
}

.sidebar .widget_search .search-form {
  padding-top: 40px;
}

.sidebar .widget_search .wp-block-search__inside-wrapper {
  flex-wrap: wrap;
}

.sidebar .widget_search .wp-block-search__label {
  width: 100%;
  display: block;
  border-bottom: 4px solid #eee;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 35px 0;
  margin-bottom: 30px;
  color: #0b0b0b;
  position: relative;
}

.sidebar .widget_search .wp-block-search__label:after {
  content: "";
  width: 70px;
  height: 4px;
  background: var(--color-yellow);
  position: absolute;
  left: 0;
  bottom: -4px;
}

.sidebar .widget_search .screen-reader-text {
  display: none;
}

.sidebar .widget_search label {
  width: 100%;
  display: block;
}

.sidebar .widget_search input[type=search] {
  border: 1px solid #eee;
  padding: 0 15px;
  height: 62px;
}

.sidebar .widget_search button[type=submit] {
  margin: 0;
  height: 62px;
  background: var(--color-yellow);
  color: var(--color-dark);
}

.sidebar .widget_archive {
  position: relative;
}

.sidebar .widget_archive .screen-reader-text {
  display: none;
}

.sidebar .widget_archive ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_archive ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_archive ul li a {
  margin: 0;
  color: #0e0e0e;
}

.sidebar .widget_calendar {
  position: relative;
}

.sidebar .widget_calendar caption {
  padding-bottom: 0;
  color: #490eea;
  font-weight: 600;
  border-top: 1px solid #eee;
}

.sidebar .widget_calendar table {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  border: none;
}

.sidebar .widget_calendar table thead {
  margin-bottom: 10px;
  background: #fbfbfb;
}

.sidebar .widget_calendar table thead th {
  height: 50px;
  border-bottom: 1px solid #eee;
  padding: 0;
}

.sidebar .widget_calendar table tbody {
  margin-bottom: 10px;
}

.sidebar .widget_calendar table tbody td {
  height: 40px;
  padding: 0;
  letter-spacing: -1px;
  color: #727479;
}

.sidebar .widget_calendar table tbody td a {
  width: 100%;
  height: 100%;
  line-height: 40px;
  display: inline-block;
  background: #490eea;
  color: #fff;
}

.sidebar .widget_calendar table tfoot {
  padding-top: 10px;
}

.sidebar .widget_calendar table tfoot td {
  border: none;
  height: 60px;
  padding: 0;
  text-align: left;
}

.sidebar .widget_calendar table tfoot td:last-child {
  text-align: right;
}

.sidebar .widget_calendar table tfoot a {
  font-weight: 800;
}

.sidebar .widget_categories {
  position: relative;
}

.sidebar .widget_categories .screen-reader-text {
  display: none;
}

.sidebar .widget_categories ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_categories ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_categories ul li ul {
  padding-left: 20px;
}

.sidebar .widget_categories ul li a {
  margin: 0;
  color: #0e0e0e;
}

.sidebar .widget_pages {
  position: relative;
}

.sidebar .widget_pages ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_pages ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_pages ul li ul {
  padding-left: 20px;
}

.sidebar .widget_pages ul li a {
  margin: 0;
  color: #0e0e0e;
}

.sidebar .widget_meta {
  position: relative;
}

.sidebar .widget_meta ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_meta ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_meta ul li a {
  margin: 0;
}

.sidebar .widget_recent_comments {
  position: relative;
}

.sidebar .widget_recent_comments ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_recent_comments ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
  position: relative;
  padding-left: 22px;
}

.sidebar .widget_recent_comments ul li:before {
  content: "\ea74";
  font-family: "LineIcons";
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 13px;
}

.sidebar .widget_recent_comments ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_recent_comments ul li .comment-author-link {
  width: 100%;
  display: inline-block;
}

.sidebar .widget_recent_comments ul li .comment-author-link a {
  text-decoration: none;
  font-weight: 600;
  color: #0e0e0e;
}

.sidebar .widget_recent_comments ul li a {
  margin: 0;
  color: #0e0e0e;
  text-decoration: underline;
}

.sidebar .widget_recent_comments ul li a:hover {
  text-decoration: none;
}

.sidebar .widget_recent_entries {
  position: relative;
}

.sidebar .widget_recent_entries ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_recent_entries ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_recent_entries ul li a {
  margin: 0;
}

.sidebar .widget_rss {
  position: relative;
}

.sidebar .widget_rss .rss-widget-icon {
  display: none;
}

.sidebar .widget_rss ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_rss ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
}

.sidebar .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.sidebar .widget_rss ul li .rss-date {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #727479;
  margin: 5px 0;
}

.sidebar .widget_rss ul li .rssSummary {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.sidebar .widget_rss ul li cite {
  display: block;
  font-family: georgia;
  color: #727479;
}

.sidebar .widget_rss ul li a {
  margin: 0;
  color: #0e0e0e;
  font-weight: 600;
}

.sidebar .widget_text {
  position: relative;
}

.sidebar .widget_text .wp-caption-text {
  margin-top: 0;
}

.sidebar .widget_text img {
  height: auto;
  margin-top: 5px;
  margin-bottom: 10px;
}

.sidebar .widget_text a {
  display: inline-block;
}

.sidebar .widget_text p {
  margin-bottom: 20px;
}

.sidebar .widget_text p:empty {
  display: none;
}

.sidebar .widget_tag_cloud {
  position: relative;
}

.sidebar .widget_tag_cloud .tagcloud {
  width: 100%;
  display: block;
}

.sidebar .widget_tag_cloud .tagcloud a {
  color: #fff;
  background: #5513a0;
  display: inline-block;
  font-size: 12px !important;
  padding: 3px 6px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.sidebar .widget_tag_cloud .tagcloud a:hover {
  color: #fff;
  background: #0e0e0e;
  text-decoration: none;
}

.sidebar .widget_nav_menu {
  position: relative;
}

.sidebar .widget_nav_menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.sidebar .widget_nav_menu ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.sidebar .widget_nav_menu ul li ul {
  padding-left: 17px;
}

.sidebar .widget_nav_menu ul li a {
  margin: 0;
  color: #0e0e0e;
}

/* SIDE WIDGET */
.side-widget .widget {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  position: relative;
}

.side-widget .widget:last-child {
  margin-bottom: 0;
}

.side-widget .widget strong {
  font-weight: 600;
}

.side-widget .widget a {
  color: #fff;
}

.side-widget .widget .gallery-columns-3 {
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 0;
}

.side-widget .widget .gallery-columns-3 .gallery-item {
  padding: 0 5px;
}

.side-widget .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget .categories li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
}

.side-widget .widget .categories li a {
  margin: 0;
}

.side-widget .widget .categories li a:hover {
  color: #73efcc;
  text-decoration: none;
}

.side-widget .widget .categories li span {
  float: right;
  opacity: 0.5;
}

.side-widget .widget .tags {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.side-widget .widget .tags li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}

.side-widget .widget .tags li a {
  color: #fff;
  background: #73efcc;
  display: inline-block;
  font-size: 13px;
  padding: 3px 6px;
}

.side-widget .widget .tags li a:hover {
  color: #73efcc;
  background: #0e0e0e;
  text-decoration: none;
}

.side-widget .widget .side-gallery {
  display: block;
  margin-left: -1px;
  margin-right: -1px;
  padding: 0;
}

.side-widget .widget .side-gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 1px;
  list-style: none;
}

.side-widget .widget p {
  margin-bottom: 0;
}

.side-widget .widget select {
  width: 100%;
}

.side-widget .widget form {
  margin: 0;
}

.side-widget .widget form input[type=search] {
  width: 100%;
  margin-bottom: 10px;
}

.side-widget .widget form button[type=submit] {
  background: #73efcc;
  color: #0e0e0e;
  font-size: 20px;
}

.side-widget .widget .widget-title {
  font-size: 20px;
  font-weight: 600;
}

.side-widget .widget_search {
  width: 100%;
}

.side-widget .widget_search .widget-title {
  margin-bottom: 0;
}

.side-widget .widget_search .search-form {
  padding-top: 40px;
}

.side-widget .widget_search .screen-reader-text {
  display: none;
}

.side-widget .widget_search label {
  width: 100%;
  display: block;
}

.side-widget .widget_search input[type=search] {
  border: 1px solid #eee;
  padding: 0 15px;
}

.side-widget .widget_archive {
  position: relative;
}

.side-widget .widget_archive .screen-reader-text {
  display: none;
}

.side-widget .widget_archive ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget_archive ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #ababab;
}

.side-widget .widget_archive ul li a {
  margin: 0;
  color: #fff;
}

.side-widget .widget_calendar {
  position: relative;
}

.side-widget .widget_calendar caption {
  height: 50px;
  line-height: 50px;
  background: #490eea;
  padding: 0 15px;
  color: #fff;
  font-weight: 600;
  caption-side: top;
}

.side-widget .widget_calendar .wp-calendar-nav {
  display: block;
  margin-top: 10px;
}

.side-widget .widget_calendar table {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
  border: none;
}

.side-widget .widget_calendar table thead {
  margin-bottom: 10px;
}

.side-widget .widget_calendar table thead th {
  height: 50px;
  border: 1px solid #424242;
  border-bottom: 1px solid #424242;
  padding: 0;
}

.side-widget .widget_calendar table tr td {
  border: 1px solid #424242;
}

.side-widget .widget_calendar table tbody {
  margin-bottom: 10px;
}

.side-widget .widget_calendar table tbody td {
  height: 40px;
  padding: 0;
  letter-spacing: -1px;
  color: #727479;
}

.side-widget .widget_calendar table tbody td a {
  width: 100%;
  height: 100%;
  line-height: 40px;
  display: inline-block;
  background: #490eea;
  color: #fff;
}

.side-widget .widget_calendar table tfoot {
  padding-top: 10px;
}

.side-widget .widget_calendar table tfoot td {
  border: none;
  height: 60px;
  padding: 0;
  text-align: left;
}

.side-widget .widget_calendar table tfoot td:last-child {
  text-align: right;
}

.side-widget .widget_calendar table tfoot a {
  font-weight: 800;
}

.side-widget .widget_categories {
  position: relative;
}

.side-widget .widget_categories .screen-reader-text {
  display: none;
}

.side-widget .widget_categories ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget_categories ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.side-widget .widget_categories ul li ul {
  padding-left: 20px;
}

.side-widget .widget_categories ul li a {
  margin: 0;
  color: #fff;
}

.side-widget .widget_pages {
  position: relative;
}

.side-widget .widget_pages ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget_pages ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.side-widget .widget_pages ul li ul {
  padding-left: 20px;
}

.side-widget .widget_pages ul li a {
  margin: 0;
  color: #fff;
}

.side-widget .widget_meta {
  position: relative;
}

.side-widget .widget_meta ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget_meta ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.side-widget .widget_meta ul li a {
  margin: 0;
}

.side-widget .widget_recent_comments {
  position: relative;
}

.side-widget .widget_recent_comments ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget_recent_comments ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
  position: relative;
  padding-left: 22px;
}

.side-widget .widget_recent_comments ul li:before {
  content: "\ea74";
  font-family: "LineIcons";
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 13px;
}

.side-widget .widget_recent_comments ul li:last-child {
  margin-bottom: 0;
}

.side-widget .widget_recent_comments ul li .comment-author-link {
  width: 100%;
  display: inline-block;
}

.side-widget .widget_recent_comments ul li .comment-author-link a {
  text-decoration: none;
  font-weight: 600;
  color: #fff;
}

.side-widget .widget_recent_comments ul li a {
  margin: 0;
  color: #fff;
  text-decoration: underline;
}

.side-widget .widget_recent_comments ul li a:hover {
  text-decoration: none;
}

.side-widget .widget_recent_entries {
  position: relative;
}

.side-widget .widget_recent_entries ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget_recent_entries ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.side-widget .widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.side-widget .widget_recent_entries ul li a {
  margin: 0;
}

.side-widget .widget_rss {
  position: relative;
}

.side-widget .widget_rss .rss-widget-icon {
  display: none;
}

.side-widget .widget_rss ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget_rss ul li {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 10px;
  padding: 3px 0;
  list-style: none;
}

.side-widget .widget_rss ul li:last-child {
  margin-bottom: 0;
}

.side-widget .widget_rss ul li .rss-date {
  width: 100%;
  display: block;
  font-size: 12px;
  color: #727479;
  margin: 5px 0;
}

.side-widget .widget_rss ul li .rssSummary {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}

.side-widget .widget_rss ul li cite {
  display: block;
  font-family: georgia;
  color: #727479;
}

.side-widget .widget_rss ul li a {
  margin: 0;
  color: #fff;
  font-weight: 600;
}

.side-widget .widget_text {
  position: relative;
}

.side-widget .widget_text .wp-caption-text {
  margin-top: 0;
}

.side-widget .widget_text img {
  height: auto;
  margin-top: 5px;
  margin-bottom: 10px;
}

.side-widget .widget_text a {
  display: inline-block;
}

.side-widget .widget_text p {
  margin-bottom: 20px;
}

.side-widget .widget_text p:empty {
  display: none;
}

.side-widget .widget_tag_cloud {
  position: relative;
}

.side-widget .widget_tag_cloud .tagcloud {
  width: 100%;
  display: block;
}

.side-widget .widget_tag_cloud .tagcloud a {
  color: #fff;
  background: #5513a0;
  display: inline-block;
  font-size: 12px !important;
  padding: 3px 6px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.side-widget .widget_tag_cloud .tagcloud a:hover {
  color: #fff;
  background: #0e0e0e;
  text-decoration: none;
}

.side-widget .widget_nav_menu {
  position: relative;
}

.side-widget .widget_nav_menu ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.side-widget .widget_nav_menu ul li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 3px 0;
  list-style: none;
  color: #727479;
}

.side-widget .widget_nav_menu ul li ul {
  padding-left: 17px;
}

.side-widget .widget_nav_menu ul li a {
  margin: 0;
  color: #fff;
}

.admin-bar .side-widget {
  padding-top: 50px;
}

/* FOOTER WIDGETS */
.footer-widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px !important;
}

.footer-widget table th, .footer-widget table td {
  padding: 0;
  text-align: center;
}

.footer-widget table tr td {
  border-color: #fee13e;
}

.footer-widget table tr th {
  border-color: #fee13e;
}

.footer-widget a {
  color: #fff;
}

.footer-widget .widget-title {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.footer-widget .screen-reader-text {
  display: none;
}

.footer-widget .calendar_wrap {
  width: 100%;
  display: block;
}

.footer-widget .calendar_wrap caption {
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  caption-side: top;
  background: #fee13e;
  padding: 0 15px;
  color: #000;
}

.footer-widget .calendar_wrap .wp-calendar-nav {
  display: block;
  margin-top: 10px;
}

.footer-widget .calendar_wrap table {
  width: 100%;
  margin: 0;
}

.footer-widget .recentcomments {
  margin-bottom: 10px !important;
}

.footer-widget .recentcomments .comment-author-link {
  text-decoration: underline;
}

.footer-widget .recentcomments .comment-author-link a {
  font-weight: 400;
}

.footer-widget .recentcomments a {
  font-weight: 600;
}

.footer-widget .rss-widget-icon {
  display: none;
}

.footer-widget .rsswidget {
  margin-bottom: 5px;
  font-weight: 600;
}

.footer-widget .rss-date {
  width: 100%;
  display: block;
  font-size: 13px;
  opacity: 0.6;
}

.footer-widget .rssSummary {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.footer-widget .textwidget {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.footer-widget .custom-html-widget {
  margin-bottom: 0;
}

.footer-widget .search-form {
  width: 100%;
  display: block;
}

.footer-widget .search-form label {
  width: 100%;
}

.footer-widget .tagcloud {
  width: 100%;
  display: block;
}

.footer-widget .tagcloud a {
  font-size: 13px !important;
  margin-right: 10px;
  margin-bottom: 5px;
}

.footer-widget .tagcloud a:hover {
  text-decoration: none;
}

.footer-widget img {
  margin-top: 5px;
  margin-bottom: 10px;
  height: auto;
  width: 100%;
}

.footer-widget strong {
  font-weight: 600;
}

.footer-widget cite {
  width: 100%;
  display: block;
  font-family: georgia;
  font-size: 13px;
  margin-bottom: 30px;
}

.footer-widget select {
  width: 100%;
}

.footer-widget input[type=search] {
  width: 100%;
  border: none;
  padding: 0 15px;
}

.footer-widget ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}

.footer-widget ul li {
  width: 100%;
  display: block;
  margin: 2px 0;
  padding: 0;
  list-style: none;
}

.footer-widget ul li ul {
  padding-left: 10px !important;
}

/* WOOCOMMERCE COMPATIBLE */
body.woocommerce {
  display: block !important;
}

.woocommerce {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .blog-post.single-post .post-content .post-title {
  display: none;
}

.woocommerce .woocommerce-notices-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .woocommerce-form-coupon-toggle {
  width: 100%;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
  width: 100%;
  margin: 0;
  padding: 20px 30px;
  border: none;
  background: var(--color-dark) !important;
  color: #fff;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info:before {
  display: none;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info .showcoupon {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}

.woocommerce .woocommerce-form-coupon {
  width: 100%;
  background: var(--color-dark);
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  color: #fff;
  padding: 20px 30px !important;
}

.woocommerce .woocommerce-form-coupon input[type="text"] {
  border: none;
}

.woocommerce .woocommerce-NoticeGroup {
  width: 100%;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message {
  width: 100%;
  display: block;
  line-height: 40px;
  margin-bottom: 50px;
  padding: 20px 30px;
  padding-left: 60px;
  border: 1px solid #eee;
  box-shadow: 6px 6px 0 #f5f5f5;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  top: 21px;
  left: 30px;
  font-size: 20px;
  color: yellow;
}

.woocommerce .woocommerce-notices-wrapper .woocommerce-message .button {
  border-radius: 0;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  padding: 0 20px;
  background-color: #212223 !important;
  color: #fff;
}

.woocommerce .woocommerce-result-count {
  line-height: 70px;
  margin-bottom: -70px;
}

.woocommerce .woocommerce-ordering {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.woocommerce .woocommerce-ordering select {
  height: 70px;
  float: right;
}

.woocommerce ul.products {
  width: calc(100% + 30px);
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.woocommerce ul.products.columns-3 {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce ul.products.columns-3 li.product {
  width: 33.33333%;
  display: inline-block;
  margin: 0;
  margin-bottom: 40px;
  padding: 0 15px;
}

.woocommerce ul.products.columns-4 {
  display: flex;
  flex-wrap: wrap;
}

.woocommerce ul.products.columns-4 li.product {
  width: 25%;
  display: inline-block;
  margin: 0;
  margin-bottom: 40px;
  padding: 0 15px;
}

.woocommerce ul.products li.product .onsale {
  border-radius: 0;
  right: 25px;
  top: 10px;
  margin: 0;
  padding: 0 15px;
  background: var(--color-main);
}

.woocommerce ul.products li.product .price {
  color: #212223;
  font-size: 18px;
}

.woocommerce ul.products li.product .price ins {
  float: right;
}

.woocommerce ul.products li.product .button {
  padding: 0;
  margin: 0;
  color: #212223;
  text-transform: uppercase;
  background: none;
  border-radius: 0;
  font-size: 13px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  border-radius: 0;
  background: var(--color-main);
  color: #fff;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  color: #fff !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  border: 0;
  background: var(--color-main);
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
  color: #fff !important;
}

.woocommerce-privacy-policy-text a {
  text-decoration: underline;
}

/* WOOCOMMERCE COLUMNS*/
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
  flex: none;
  max-width: inherit;
  padding: 0;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  flex: none;
  max-width: inherit;
  padding: 0;
}

/* WOOCOMMERCE LOGIN FORMS */
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  padding: 0 !important;
  border: none !important;
}

.woocommerce form .form-row label {
  width: 100%;
  display: block;
}

.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
  top: 50%;
  transform: translateY(-50%);
}

.woocommerce form .password-input, .woocommerce-page form .password-input {
  width: 100%;
}

/* WOOCOMMERCE ALERTS */
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
  width: 100%;
  border: none !important;
  padding: 20px 30px;
  background: var(--color-main);
  color: #fff;
  font-weight: 600;
}

.woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before {
  display: none;
}

.woocommerce-info {
  background: blue !important;
}

.woocommerce-error {
  background: red !important;
}

.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
  display: none;
}

.woocommerce-error li, .woocommerce-info li, .woocommerce-message li:first-child {
  display: block;
}

/* WOOCOMMERCE CART PAGE*/
.woocommerce .woocommerce-cart-form {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-cart-form table.shop_table {
  border: 0;
}

.woocommerce .woocommerce-cart-form .coupon input[type="text"] {
  width: 50% !important;
}

.woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button {
  background: var(--color-main) !important;
  height: 70px;
  line-height: 70px;
  padding: 0 !important;
}

.woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover {
  background: var(--color-main) !important;
}

.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
  display: flex;
}

/* CHECKOUT */
.woocommerce .woocommerce-checkout {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin-top: 50px;
}

.woocommerce .woocommerce-checkout .col2-set {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce .woocommerce-checkout .col2-set .col-1 {
  width: 60%;
  max-width: 100%;
  flex: none;
  padding: 0;
  padding-right: 30px;
}

.woocommerce .woocommerce-checkout .col2-set .col-2 {
  width: 40%;
  max-width: 100%;
  flex: none;
  padding: 0;
}

.woocommerce .woocommerce-checkout .woocommerce-input-wrapper {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-checkout label {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-checkout input[type="text"] {
  width: 100%;
  max-width: 100%;
}

.woocommerce .woocommerce-checkout textarea {
  width: 100%;
  max-width: 100%;
  height: 360px !important;
}

.woocommerce .woocommerce-checkout select {
  width: 100%;
  height: 70px;
}

.woocommerce .woocommerce-checkout #customer_details {
  margin-bottom: 50px;
}

.woocommerce .woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {
  padding: 30px !important;
}

.select2-container--open .select2-dropdown {
  top: 3px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 50px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--color-main);
}

input[type=tel] {
  width: 420px;
  max-width: 100%;
  height: 70px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: var(--color-main);
}

.woocommerce .select2-container .select2-selection--single {
  height: 70px;
}

.woocommerce .select2-container--default .select2-selection--single {
  border: 1px solid #cecece;
  border-radius: 0;
  color: #757575;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 70px;
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 22px;
  right: 10px;
}

.woocommerce .woocommerce-checkout table.shop_table {
  border-collapse: collapse;
  border-radius: 0;
  margin-bottom: 50px;
}

.woocommerce .woocommerce-checkout-review-order-table {
  margin-bottom: 50px;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-payment {
  border-radius: 0 !important;
  background: none !important;
}

.woocommerce .woocommerce-checkout .woocommerce-checkout-payment .payment_methods {
  padding: 0 !important;
  padding-bottom: 50px !important;
  margin-bottom: 50px;
}

.woocommerce .woocommerce-checkout .place-order {
  padding: 0 !important;
  padding-top: 50px !important;
}

.woocommerce table.shop_table {
  border-collapse: collapse !important;
  border-radius: 0 !important;
}

/* WOOCOMMERCE ORDER */
.woocommerce .woocommerce-order {
  width: 100%;
  display: block;
}

.woocommerce .woocommerce-order .woocommerce-thankyou-order-received {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 50px;
  font-weight: 600;
}

.woocommerce .woocommerce-order ul.order_details {
  width: 100%;
  display: block;
  margin: 0;
  margin-bottom: 100px !important;
  padding: 0;
  text-align: center;
}

.woocommerce .woocommerce-order ul.order_details li {
  display: inline-block;
  float: none;
}

.woocommerce .woocommerce-order .woocommerce-customer-details address {
  border-radius: 0;
  padding: 20px 30px;
  line-height: 30px;
}

.woocommerce .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--phone {
  margin-top: 10px;
  font-weight: 600;
}

.woocommerce .woocommerce-order .woocommerce-customer-details address .woocommerce-customer-details--email {
  margin-top: 10px;
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li label {
  width: auto;
  display: inline-block;
}

/* PRODUCT PAGE */
.woocommerce .blog-post .post-image {
  display: none;
}

.woocommerce .single-product {
  width: 100%;
}

.woocommerce div.product {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce span.onsale {
  border-radius: 0;
  left: 10px;
  top: 10px;
  margin: 0;
  padding: 0 15px;
  background: var(--color-main);
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  border-radius: 0;
}

.woocommerce div.product div.images .flex-control-thumbs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.woocommerce div.product div.images .flex-control-thumbs li {
  flex: 1;
}

.woocommerce div.product div.summary {
  padding-left: 50px;
}

.woocommerce div.product p.price {
  color: #212223;
  font-size: 28px;
}

.woocommerce div.product .woocommerce-product-details__short-description {
  width: 100%;
  display: block;
}

.woocommerce div.product form.cart {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}

.woocommerce .quantity .qty {
  width: 70px;
  padding: 0 10px;
}

.woocommerce div.product form.cart .button {
  border-radius: 0;
  background: #212223;
  color: #fff;
}

.woocommerce div.product form.product_meta {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}

.woocommerce div.product .product_meta .posted_in {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}

.woocommerce div.product .product_meta .posted_in a {
  font-weight: 400;
  text-decoration: underline;
}

.woocommerce div.product .product_meta .tagged_as {
  width: 100%;
  display: block;
  font-weight: 600;
}

.woocommerce div.product .product_meta .tagged_as a {
  font-weight: 400;
  text-decoration: underline;
}

.woocommerce div.product .woocommerce-tabs {
  width: 100%;
  display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  margin: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  border-bottom: 1px solid #eee;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
  border: 1px solid #eee;
  margin: 0;
  padding: 0 30px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  padding: 0;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
  display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
  display: none;
}

.woocommerce div.product .woocommerce-tabs .panel {
  width: 100%;
  display: block;
  border: 1px solid #eee;
  border-top: none;
  padding: 30px;
  box-shadow: 6px 6px 0 #f5f5f5;
  margin-bottom: 60px;
}

.woocommerce div.product .woocommerce-tabs .panel h2 {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.woocommerce div.product .woocommerce-tabs .panel p:last-child {
  margin-bottom: 0;
}

.related.products {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.related.products h2 {
  width: 100%;
  font-weight: 600;
  font-size: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.related.products .products.columns-4 {
  padding-left: 0;
}

.related.products .products.columns-3 {
  padding-left: 0;
}

/* TABLET */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .woocommerce ul.products.columns-4 li.product {
    width: 50%;
  }

  .woocommerce .woocommerce-checkout .col2-set .col-1 {
    width: 100%;
  }

  .woocommerce .woocommerce-checkout .col2-set .col-2 {
    width: 100%;
  }
}
/* MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .woocommerce ul.products.columns-4 li.product {
    width: 100%;
  }

  .woocommerce div.product div.summary {
    padding-left: 0;
  }
}