/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[2]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[10].use[3]!./app/globals.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html { scroll-behavior: smooth; }
body { margin: 0; }
*, *::before, *::after { box-sizing: border-box; }
button, input, textarea, select { font: inherit; }

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[2]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[3]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[11].use[4]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[11].use[5]!./app/styles/template.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*
/*	Copyright (c) 2018 marketify
/*	Author: marketify
/*	This file is made for CURRENT TEMPLATE

	01) BASE
	02) HEADER
	03) CONTENT
	04) HAMBURGER
	05) TITLE HOLDER
	06) ABOUT
	07) SKILLS
	08) TEAM
	09) SERVICES
	10) COUNTER
	11) TESTIMONIALS
	12) PRICING
	13) PORTFOLIO
	14) PORTFOLIO SINGLE
	15) BLOG
	16) BLOG SECOND
	17) BLOG SINGLE
	18) PAGINATION
	19) PARTNERS
	20) CONTACT
	21) FOOTER
	22) TO TOP
	23) AUDIOBOX
	24) VIDEO BACKGROUND PAGE
	25) SLIDER BACKGROUND
	26) MEDIA QUERIES (FOR SMALL DEVICES)

/*---------------------------------------------------*/
/*	01) BASE
/*---------------------------------------------------*/
html {
  overflow-x: hidden;
  padding: 0px;
  margin: 0px;
}

body {
  font-family: "Poppins";
  font-size: 14px;
  line-height: 2.1;
  letter-spacing: 0.5px;
  font-weight: 400;
  background-color: #000000 !important;
  overflow-x: hidden;
}

svg {
  fill: currentcolor;
  width: 15px;
  height: 15px;
}

img.svg {
  width: 15px;
  height: 15px;
}

.hideforanimation {
  opacity: 0;
  visibility: hidden;
}

.macro_tm_wrapper_all,
.macro_tm_section {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #ccc;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #ccc;
  opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #ccc;
  opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}

::placeholder { /* Most modern browsers support this now. */
  color: #ccc;
}

.macro_tm_wrapper_all[data-audio=off] .macro_tm_header .navigation_list_wrap .audio {
  display: none;
}

/*---------------------------------------------------*/
/*	02) HEADER
/*---------------------------------------------------*/
.macro_tm_header {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 40;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_header.scroll {
  background-color: rgba(0, 0, 0, 0.97);
  box-shadow: 0 1px 3px rgba(249, 249, 249, 0.035);
  -moz-box-shadow: 0 1px 3px rgba(249, 249, 249, 0.035);
  -webkit-box-shadow: 0 1px 3px rgba(249, 249, 249, 0.035);
}

.macro_tm_header.scroll .in {
  padding: 25px 40px;
}

.macro_tm_header .in {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  padding: 30px 40px;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_header .in_relative {
  position: relative;
}

.macro_tm_header .logo {
  position: absolute;
  left: 0px;
}

.macro_tm_header .logo .dark {
  display: none;
}

.macro_tm_header .logo .light {
  display: inline-block;
}

.macro_tm_header .navigation_list_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  min-height: 37px;
  line-height: 37px;
  text-align: center;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_header .social_icons {
  position: absolute;
  right: 0px;
  top: 0px;
}

.macro_tm_trigger {
  position: absolute;
  right: 0px;
  top: 2px;
  bottom: 7px;
  display: none;
}

.macro_tm_header .navigation_list_wrap ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_header .navigation_list_wrap li {
  margin: 0px;
  display: inline-block;
}

.macro_tm_header .navigation_list_wrap li a {
  text-decoration: none;
  color: #FFFFFF;
}

.macro_tm_header .menu li {
  margin-right: 35px;
}

.macro_tm_header .menu li:last-child {
  margin-right: 0px;
}

.macro_tm_header .menu a {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_header #nav .current a {
  border-bottom: 2px solid #FA7268;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_header .social_icons .audio.paused .voice_on i {
  color: #FF0004;
}

.macro_tm_header .social_icons i {
  font-size: 17px;
}

.macro_tm_mobile_menu_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  background-color: rgba(0, 0, 0, 0.97);
  padding: 20px;
  display: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_mobile_menu_wrap ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_mobile_menu_wrap li {
  margin: 0px 0px 10px 0px;
}

.macro_tm_mobile_menu_wrap li:last-child {
  margin-bottom: 0px;
}

.macro_tm_mobile_menu_wrap li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  letter-spacing: 2px;
}

/*---------------------------------------------------*/
/*	03) CONTENT
/*---------------------------------------------------*/
.macro_tm_top_bg_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_top_bg_wrap .top_bg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
}

.macro_tm_top_bg_wrap .overlay_image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 20;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.macro_tm_top_bg_wrap .overlay_video.blog {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 20;
}

.macro_tm_top_bg_wrap .overlay_video.blog video {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.macro_tm_top_bg_wrap .overlay_color {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 25;
}

.macro_tm_top_bg_wrap .top_bg_content {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  z-index: 30;
  box-sizing: border-box;
}

.macro_tm_top_bg_wrap .overlay_image.home {
  background-image: url(/img/template/slider/26.jpg);
}

.macro_tm_top_bg_wrap .overlay_color.home {
  background-color: rgba(0, 0, 0, 0.5);
}

.macro_tm_top_bg_wrap .overlay_color.kenburn {
  background-color: rgba(0, 0, 0, 0.7);
}

.macro_tm_top_bg_wrap .top_bg_content.home {
  height: 100vh;
}

.macro_tm_top_bg_wrap .top_bg_content .down {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: absolute;
  z-index: 50;
  bottom: 11%;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_top_bg_wrap .top_bg_content .down a {
  border: 2px solid #fff;
  padding: 3px 3px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.macro_tm_top_bg_wrap .effectiv {
  position: absolute;
  bottom: -11px;
  left: 0px;
  width: 100%;
}

.macro_tm_top_bg_wrap .effectiv .svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.macro_tm_top_bg_wrap .top_bg_content .down .in {
  position: relative;
}

.macro_tm_top_bg_wrap .top_bg_content .down a {
  text-decoration: none;
  display: inline-block;
  color: #FFFFFF;
}

.macro_tm_top_bg_wrap .top_bg_content .down span {
  animation: fadeInDown 2s ease infinite;
  display: block;
  margin-top: 20px;
}

.marketify_text_animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.marketify_text_animation span:first-child {
  color: #fff;
  font-size: 110px;
  font-weight: 500;
  display: block;
  line-height: 1.1;
  letter-spacing: -3px;
}

.marketify_text_animation span:last-child {
  color: #eee;
  font-size: 23px;
  font-weight: 400;
  display: block;
}

.macro_tm_top_bg_wrap .hero_title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}

.macro_tm_top_bg_wrap .hero_title .first {
  color: #fff;
  font-family: "Montserrat";
  font-size: 4vw;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -2.2px;
}

.macro_tm_fn_animation_text_word {
  color: #fde428;
}

/*---------------------------------------------------*/
/*	04) HAMBURGER
/*---------------------------------------------------*/
.macro_tm_trigger .hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.macro_tm_trigger .hamburger-box {
  width: 30px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.macro_tm_trigger .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.macro_tm_trigger .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 2px;
  background-color: #333333;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.macro_tm_trigger .hamburger-inner::before,
.macro_tm_trigger .hamburger-inner::after {
  content: "";
  display: block;
}

.macro_tm_trigger .hamburger-inner::before {
  top: -8px;
}

.macro_tm_trigger .hamburger-inner::after {
  bottom: -10px;
}

.macro_tm_trigger .hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.macro_tm_trigger .hamburger--collapse-r .hamburger-inner::after {
  top: -16px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.macro_tm_trigger .hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.macro_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.macro_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.macro_tm_trigger .hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.macro_tm_trigger .hamburger {
  padding: 0px;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.macro_tm_trigger .hamburger-box {
  display: block;
}

.macro_tm_trigger .hamburger .hamburger-inner::before,
.macro_tm_trigger .hamburger .hamburger-inner::after,
.macro_tm_trigger .hamburger .hamburger-inner {
  background-color: #FFFFFF;
  width: 30px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*---------------------------------------------------*/
/*	05) TITLE HOLDER
/*---------------------------------------------------*/
.macro_tm_title_holder {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  padding: 70px 0px 85px 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_title_holder.services {
  padding: 68px 0px 83px 0px;
}

.macro_tm_title_holder.about {
  padding: 39px 0px 83px 0px;
}

.macro_tm_title_holder.team {
  padding: 68px 0px 83px 0px;
}

.macro_tm_title_holder.contact {
  padding: 68px 0px 80px 0px;
}

.macro_tm_title_holder.blog {
  padding: 59px 0px 84px 0px;
}

.macro_tm_title_holder.partner {
  padding: 48px 0px 83px 0px;
}

.macro_tm_title_holder span {
  display: block;
}

.macro_tm_title_holder .title_section {
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #FFFFFF;
}

.macro_tm_title_holder .title_definition {
  color: #ccc;
  margin-bottom: 10px;
}

.macro_tm_title_holder .line {
  width: 100px;
  height: 2px;
  background-color: #FA7268;
  display: inline-block;
  position: relative;
}

.macro_tm_title_holder .line:before {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background-color: #FFFFFF;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  border: 2px solid #FA7268;
}

/*---------------------------------------------------*/
/*	06) ABOUT 
/*---------------------------------------------------*/
.macro_tm_about_me_wrap {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_about_me_wrap .my_image.white {
  background-image: url(/img/template/slider/6.jpg);
}

.macro_tm_about_me_wrap .my_image {
  width: 50%;
  height: 100%;
  float: left;
  position: absolute;
  left: 0px;
  right: 0px;
  z-index: 20;
  background-image: url(/img/template/slider/47.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.macro_tm_about_me_wrap .my_image.main {
  background-image: url(/img/template/slider/10.jpg);
}

.macro_tm_about_me_wrap .my_image .overlay_about {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 25;
}

.macro_tm_about_me_wrap .image_definition {
  width: 50%;
  height: auto;
  float: right;
  position: relative;
  padding: 120px 120px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_about_me_wrap .image_definition .name_holder,
.macro_tm_about_me_wrap .image_definition .description,
.macro_tm_about_me_wrap .image_definition .contact_author {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_about_me_wrap .image_definition .contact_author {
  margin-bottom: 24px;
}

.macro_tm_about_me_wrap .image_definition .name_holder {
  margin-bottom: 23px;
}

.macro_tm_about_me_wrap .image_definition .name_holder h3 {
  color: #ffffff;
  margin: 0px;
  line-height: 1.3;
  font-weight: 600;
  font-size: 23px;
}

.macro_tm_about_me_wrap .image_definition .description {
  margin-bottom: 23px;
}

.macro_tm_about_me_wrap .image_definition .description p {
  color: #ccc;
}

.macro_tm_about_me_wrap .image_definition .contact_author label {
  font-weight: 600;
  padding-right: 5px;
}

.macro_tm_about_me_wrap .image_definition .contact_author p {
  margin-bottom: 13px;
  font-size: 13px;
  color: #ccc;
}

.macro_tm_about_me_wrap .image_definition .contact_author .on_socials {
  display: inline-block;
}

.macro_tm_about_me_wrap .image_definition .contact_author ul {
  margin: 0px;
  list-style-type: none;
  display: inline-block;
}

.macro_tm_about_me_wrap .image_definition .contact_author li {
  margin: 0px 5px 0px 0px;
  display: inline-block;
}

.macro_tm_about_me_wrap .image_definition .contact_author .mail a {
  text-decoration: none;
  color: #ccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_about_me_wrap .image_definition .contact_author .mail a:hover {
  color: #FA7268;
}

.macro_tm_about_me_wrap .image_definition .contact_author li i {
  color: #ccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_about_me_wrap .image_definition .contact_author li i:hover {
  color: #FA7268;
}

.macro_tm_about_me_wrap .image_definition .contact_author .social {
  color: #ccc;
}

.sign {
  margin-left: 0px;
  max-width: 150px;
}

/*---------------------------------------------------*/
/*	07) SKILLS
/*---------------------------------------------------*/
.macro_tm_skills_wrap,
.macro_tm_skills_wrap .inner {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_skills_wrap {
  border-bottom: 1px solid rgba(249, 249, 249, 0.2);
  padding: 83px 0px 65px 0px;
}

.macro_tm_skills_wrap .left {
  width: 50%;
  height: auto;
  float: left;
  padding-right: 50px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_skills_wrap .right {
  width: 50%;
  height: auto;
  float: right;
  padding: 0px 150px 0px 25px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_skills_wrap .right p {
  font-size: 13px;
  color: #ccc;
}

.macro_tm_skills_wrap .title_in {
  margin-bottom: 25px;
}

.macro_tm_skills_wrap .title_in h3 {
  text-transform: capitalize;
  margin: 0px;
  font-weight: 600;
  line-height: 1;
  font-size: 23px;
  color: #FFFFFF;
}

.macro_tm_progress_wrap[data-size=big] .macro_tm_progress .macro_tm_bar_bg {
  height: 40px;
}

.macro_tm_progress_wrap[data-size=small] .macro_tm_progress .macro_tm_bar_bg {
  height: 5px;
}

.macro_tm_progress_wrap[data-round=a] .macro_tm_progress .macro_tm_bar_bg,
.macro_tm_progress_wrap[data-round=a] .macro_tm_progress .macro_tm_bar {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.macro_tm_progress_wrap[data-round=b] .macro_tm_progress .macro_tm_bar_bg,
.macro_tm_progress_wrap[data-round=b] .macro_tm_progress .macro_tm_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.macro_tm_progress_wrap[data-round=c] .macro_tm_progress .macro_tm_bar_bg,
.macro_tm_progress_wrap[data-round=c] .macro_tm_progress .macro_tm_bar {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.macro_tm_progress {
  width: 100%;
  margin-bottom: 20px;
}

.macro_tm_progress > span {
  margin: 0px 0px 5px 0px;
  width: 100%;
  display: block;
  text-align: left;
}

.macro_tm_progress span.label {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  color: #ccc;
  letter-spacing: 1px;
}

.macro_tm_progress span.number {
  float: right;
  font-size: 14px;
  color: #ccc;
}

.macro_tm_progress .macro_tm_bar_bg {
  background: rgb(225, 225, 225);
  width: 100%;
  min-width: 100%;
  position: relative;
  height: 20px;
}

.macro_tm_progress .macro_tm_bar_bg .macro_tm_bar_wrap {
  width: 0px;
  height: 100%;
}

.macro_tm_progress .macro_tm_bar_bg .macro_tm_bar_wrap.open {
  -webkit-animation: macro_tm_expand 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Safari 4+ */
  -moz-animation: macro_tm_expand 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* Fx 5+ */
  animation: macro_tm_expand 3s cubic-bezier(0.165, 0.84, 0.44, 1); /* IE 10+ */
  width: 100%;
}

.macro_tm_progress .macro_tm_bar_bg .macro_tm_bar {
  height: 100%;
  background: #333;
  width: 0px;
  overflow: hidden;
}

.macro_tm_progress_wrap[data-strip=on] .macro_tm_progress .macro_tm_bar {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: macro_tm_bar_move 4s linear infinite;
  -moz-animation: macro_tm_bar_move 4s linear infinite;
  animation: macro_tm_bar_move 4s linear infinite;
  background-size: 50px 50px;
}

@-webkit-keyframes macro_tm_bar_move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes macro_tm_bar_move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@keyframes macro_tm_bar_move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
/*expand width animation*/
@-webkit-keyframes macro_tm_expand {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes macro_tm_expand {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes macro_tm_expand {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
/*---------------------------------------------------*/
/*	08) TEAM
/*---------------------------------------------------*/
.macro_tm_team_member_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  box-sizing: border-box;
}

.macro_tm_list_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_list_wrap .macro_list {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_list_wrap .macro_list > li {
  margin: 0px;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_list_wrap[data-column="2"] ul.macro_list > li {
  width: 50%;
}

.macro_tm_list_wrap[data-column="3"] ul.macro_list > li {
  width: 33.3333%;
}

.macro_tm_list_wrap[data-column="4"] ul.macro_list > li {
  width: 25%;
}

.macro_tm_list_wrap[data-column="5"] ul.macro_list > li {
  width: 20%;
}

.macro_tm_list_wrap[data-space="0"] ul.macro_list {
  margin-left: 0px;
}

.macro_tm_list_wrap[data-space="1"] ul.macro_list {
  margin-left: 1px;
}

.macro_tm_list_wrap[data-space="2"] ul.macro_list {
  margin-left: 2px;
}

.macro_tm_list_wrap[data-space="3"] ul.macro_list {
  margin-left: 3px;
}

.macro_tm_list_wrap[data-space="4"] ul.macro_list {
  margin-left: 4px;
}

.macro_tm_list_wrap[data-space="5"] ul.macro_list {
  margin-left: 5px;
}

.macro_tm_list_wrap[data-space="10"] ul.macro_list {
  margin-left: -10px;
}

.macro_tm_list_wrap[data-space="20"] ul.macro_list {
  margin-left: -20px;
}

.macro_tm_list_wrap[data-space="30"] ul.macro_list {
  margin-left: -30px;
}

.macro_tm_list_wrap[data-space="40"] ul.macro_list {
  margin-left: -40px;
}

.macro_tm_list_wrap[data-space="50"] ul.macro_list {
  margin-left: -50px;
}

.macro_tm_list_wrap[data-space="60"] ul.macro_list {
  margin-left: -60px;
}

.macro_tm_list_wrap[data-space="70"] ul.macro_list {
  margin-left: -70px;
}

.macro_tm_list_wrap[data-space="80"] ul.macro_list {
  margin-left: -80px;
}

.macro_tm_list_wrap[data-space="0"] ul.macro_list > li {
  padding: 0px;
}

.macro_tm_list_wrap[data-space="1"] ul.macro_list > li {
  padding-left: 1px;
  margin-bottom: 1px;
}

.macro_tm_list_wrap[data-space="2"] ul.macro_list > li {
  padding-left: 2px;
  margin-bottom: 2px;
}

.macro_tm_list_wrap[data-space="3"] ul.macro_list > li {
  padding-left: 3px;
  margin-bottom: 3px;
}

.macro_tm_list_wrap[data-space="4"] ul.macro_list > li {
  padding-left: 4px;
  margin-bottom: 4px;
}

.macro_tm_list_wrap[data-space="5"] ul.macro_list > li {
  padding-left: 5px;
  margin-bottom: 5px;
}

.macro_tm_list_wrap[data-space="10"] ul.macro_list > li {
  padding-left: 10px;
  margin-bottom: 10px;
}

.macro_tm_list_wrap[data-space="20"] ul.macro_list > li {
  padding-left: 20px;
  margin-bottom: 20px;
}

.macro_tm_list_wrap[data-space="30"] ul.macro_list > li {
  padding-left: 30px;
  margin-bottom: 30px;
}

.macro_tm_list_wrap[data-space="40"] ul.macro_list > li {
  padding-left: 40px;
  margin-bottom: 40px;
}

.macro_tm_list_wrap[data-space="50"] ul.macro_list > li {
  padding-left: 50px;
  margin-bottom: 50px;
}

.macro_tm_list_wrap[data-space="60"] ul.macro_list > li {
  padding-left: 60px;
  margin-bottom: 60px;
}

.macro_tm_list_wrap[data-space="70"] ul.macro_list > li {
  padding-left: 70px;
  margin-bottom: 70px;
}

.macro_tm_list_wrap[data-space="80"] ul.macro_list > li {
  padding-left: 80px;
  margin-bottom: 80px;
}

.macro_tm_list_wrap .list_in {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_list_wrap .inner {
  position: relative;
}

.macro_tm_list_wrap .overlay_image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_team_author_definition,
.macro_tm_team_author_definition .team_information,
.macro_tm_team_author_definition .social_icons {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_team_author_definition {
  background-color: #060606;
  padding: 42px 0px;
}

.macro_tm_team_author_definition .team_information {
  margin: 0px 0px 21px 0px;
}

.macro_tm_team_author_definition span {
  display: block;
  color: #ccc;
}

.macro_tm_team_author_definition .name a {
  text-decoration: none;
  color: #FFFFFF;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 20px;
}

.macro_tm_team_author_definition .social_icons ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_team_author_definition .social_icons li {
  margin: 0px 20px 0px 0px;
  display: inline-block;
}

.macro_tm_team_author_definition .social_icons li:last-child {
  margin-right: 0px;
}

.macro_tm_team_author_definition .social_icons ul li a {
  text-decoration: none;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_team_author_definition .social_icons ul li a:hover {
  color: #FA7268;
}

.macro_tm_list_wrap.section_team ul.macro_list > li:hover .overlay_image {
  opacity: 0;
  visibility: hidden;
}

.macro_tm_list_wrap.section_team ul.macro_list > li:hover {
  margin-top: -5px;
}

.macro_tm_social_icons_team {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}

.macro_tm_social_icons_team ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_social_icons_team ul li {
  margin: 0px;
  display: inline-block;
  position: relative;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.macro_tm_social_icons_team ul li:first-child {
  right: 15px;
  bottom: 0px !important;
}

.macro_tm_social_icons_team ul li:last-child {
  left: 15px;
  top: 0px !important;
}

.macro_tm_social_icons_team ul li:nth-child(2n) {
  top: 15px;
}

.macro_tm_social_icons_team ul li:nth-child(2n+1) {
  bottom: 15px;
}

.macro_tm_list_wrap.section_team ul.macro_list > li:hover .macro_tm_social_icons_team ul li {
  visibility: visible;
  opacity: 1;
}

.macro_tm_list_wrap.section_team ul.macro_list > li:hover .macro_tm_social_icons_team ul li:first-child {
  right: 0px;
}

.macro_tm_list_wrap.section_team ul.macro_list > li:hover .macro_tm_social_icons_team ul li:last-child {
  left: 0px;
}

.macro_tm_list_wrap.section_team ul.macro_list > li:hover .macro_tm_social_icons_team ul li:nth-child(2n) {
  top: 0px;
}

.macro_tm_list_wrap.section_team ul.macro_list > li:hover .macro_tm_social_icons_team ul li:nth-child(2n+1) {
  bottom: 0px;
}

.macro_tm_social_icons_team ul li a {
  text-decoration: none;
  color: #ED1417;
  margin-right: 8px;
}

/*---------------------------------------------------*/
/*	09) SERVICES
/*---------------------------------------------------*/
.macro_tm_services_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  background-color: #000000;
  padding: 83px 0px 85px 0px;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_list_service_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  box-sizing: border-box;
}

.macro_tm_list_service_wrap ul {
  list-style-type: none;
  overflow: hidden;
}

.macro_tm_list_service_wrap ul li {
  float: left;
  width: 33.3333%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 35px;
  position: relative;
  right: -2px;
  top: 2px;
  box-sizing: border-box;
}

.macro_tm_list_service_wrap .list_in {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  text-align: center;
  box-sizing: border-box;
}

.macro_tm_icon_box {
  width: 110px;
  height: 110px;
  background-color: #FA7268;
  border-radius: 100%;
  position: relative;
  margin: 0px auto;
  margin-bottom: 32px;
}

.macro_tm_icon_box .svg_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.macro_tm_icon_box .svg_icon .svg {
  color: #FFFFFF;
  width: 35px;
  height: 35px;
  position: relative;
  top: 2px;
  left: 2px;
}

.macro_tm_services_wrap .list_in .box_title {
  text-transform: capitalize;
  font-size: 23px;
  color: #FFFFFF;
  font-weight: 600;
  display: block;
  margin-bottom: 22px;
  line-height: 1.3;
}

.macro_tm_services_wrap .list_in p {
  color: #ccc;
  font-style: italic;
}

/*---------------------------------------------------*/
/*	10) COUNTER
/*---------------------------------------------------*/
.macro_tm_counter_wrapper_all {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_jarallax_inner_bg {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
}

.macro_tm_jarallax_inner_bg .overlay_image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 15;
  background-image: url(/img/template/slider/7.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.macro_tm_jarallax_inner_bg .overlay_color {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 25;
  background-color: rgba(0, 0, 0, 0.9);
}

.macro_tm_jarallax_inner_content {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  z-index: 35;
  padding: 63px 0px 50px 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_jarallax_inner_content.pricing_jar {
  padding: 0px 0px 70px 0px;
}

.macro_tm_counter_wrap {
  width: 100%;
  display: block;
  clear: both;
  z-index: 10;
}

.macro_tm_counter_list {
  list-style-type: none;
  width: 100%;
  margin: 0px;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
}

.macro_tm_counter_list li {
  width: 20%;
  float: left;
  text-align: center;
  padding: 20px 0px;
  margin: 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_counter_list li svg {
  width: 40px;
  height: 40px;
  color: #FFFFFF;
}

.macro_tm_counter_list li h3 {
  font-size: 36px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 6px;
  line-height: 1;
  padding-top: 25px;
}

.macro_tm_counter_list li span {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 23px;
}

.macro_tm_counter_wrap[data-col="1"] .macro_tm_counter_list li {
  width: 100%;
}

.macro_tm_counter_wrap[data-col="2"] .macro_tm_counter_list li {
  width: 50%;
}

.macro_tm_counter_wrap[data-col="3"] .macro_tm_counter_list li {
  width: 33.3333%;
}

.macro_tm_counter_wrap[data-col="4"] .macro_tm_counter_list li {
  width: 25%;
}

.macro_tm_counter_wrap[data-col="5"] .macro_tm_counter_list li {
  width: 20%;
}

.macro_tm_counter_wrap[data-col="6"] .macro_tm_counter_list li {
  width: 16.6666%;
}

.macro_tm_section[data-skin=dark] .macro_tm_counter_list li i {
  color: #ddd;
}

/*---------------------------------------------------*/
/*	11) TESTIMONIALS
/*---------------------------------------------------*/
.macro_tm_testimonials_wrap {
  width: 100%;
  clear: both;
  float: left;
  height: auto;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_testimonials_wrap .persons_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_testimonials_wrap .image {
  width: 50%;
  height: 100%;
  float: right;
  position: absolute;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 20;
}

.macro_tm_testimonials_wrap .image .overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 25;
}

.macro_tm_testimonials_wrap .image.first {
  background-image: url(/img/template/testimonial/1.jpg);
}

.macro_tm_testimonials_wrap .image.second {
  background-image: url(/img/template/testimonial/2.jpg);
}

.macro_tm_testimonials_wrap .image.third {
  background-image: url(/img/template/testimonial/3.jpg);
}

.macro_tm_testimonials_wrap .definition {
  width: 50%;
  height: auto;
  float: left;
  position: relative;
  padding: 83px 120px 69px 120px;
  background-color: #060606;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_testimonials_wrap .definition .quote {
  margin-bottom: 15px;
}

.macro_tm_testimonials_wrap .definition .quote .svg {
  color: #FA7268;
  width: 40px;
  height: 40px;
}

.macro_tm_testimonials_wrap .testimonial_word {
  margin-bottom: 12px;
}

.macro_tm_testimonials_wrap .testimonial_word p {
  color: #ccc;
}

.macro_tm_testimonials_wrap .mini_person {
  width: 70px;
  height: 70px;
  padding-top: 20px;
  display: none;
}

.macro_tm_testimonials_wrap .name .person {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 20px;
}

.macro_tm_testimonials_wrap .name .line {
  width: 2px;
  height: 20px;
  background-color: #FA7268;
  display: inline-block;
  margin: 0px 20px;
  position: relative;
  top: 2px;
}

.macro_tm_testimonials_wrap .name .job {
  color: #FFFFFF;
  position: relative;
  top: -1px;
}

.macro_tm_testimonials_wrap .flexslider .flex-direction-nav .flex-prev {
  top: 0px !important;
  left: 3px;
  margin-top: 3px;
}

.macro_tm_testimonials_wrap .flexslider .flex-direction-nav .flex-next {
  top: 0px !important;
  margin-top: 3px;
  left: 41px;
}

.macro_tm_testimonials_wrap .flexslider .flex-direction-nav a:before {
  font-size: 20px;
  color: #FFFFFF;
}

.macro_tm_testimonials_wrap .flexslider .flex-direction-nav a {
  width: 35px;
  height: 35px;
  line-height: 35px;
}

/*---------------------------------------------------*/
/*	12) PRICING
/*---------------------------------------------------*/
.macro_tm_pricing_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_pricing_wrap .overlay_image.pricing {
  background-image: url(/img/template/slider/15.jpg);
}

.macro_tm_list_wrap.section_pricing ul {
  margin-left: -2px;
}

.macro_tm_list_wrap.section_pricing ul li {
  margin-bottom: 5px;
  padding-left: 5px;
}

.macro_tm_pricing_wrap .list_in {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 50px 45px 50px 45px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_pricing_wrap .list_in:hover {
  background-color: #000000;
}

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

.macro_tm_pricing_wrap .title_holder span {
  display: block;
}

.macro_tm_pricing_wrap .title_holder .title_box {
  font-size: 23px;
  font-weight: 600;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 16px;
}

.macro_tm_pricing_wrap .title_holder .price {
  color: #EEEEEE;
  margin-bottom: 8px;
}

.macro_tm_pricing_wrap .title_holder .price strong {
  font-size: 30px;
  color: #FFFFFF;
}

.macro_tm_pricing_wrap .title_holder .definition {
  color: #ccc;
  font-size: 13px;
  margin-bottom: 30px;
}

.macro_tm_pricing_wrap .title_holder .line {
  width: 20px;
  height: 3px;
  margin-bottom: 18px;
  background-color: #FA7268;
  display: inline-block;
}

.macro_tm_pricing_wrap .pricing_specs {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_pricing_wrap .pricing_specs ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_pricing_wrap .pricing_specs ul li {
  margin: 0px;
  position: relative;
  margin-bottom: 12px;
}

.macro_tm_pricing_wrap .pricing_specs ul li:last-child {
  margin-bottom: 0px;
}

.macro_tm_pricing_wrap .pricing_specs ul li span strong {
  color: #FFFFFF;
}

.macro_tm_pricing_wrap .pricing_specs ul li span {
  padding-left: 25px;
  color: #EEEEEE;
}

.macro_tm_pricing_wrap .pricing_specs ul li .svg {
  position: absolute;
  top: 4px;
  left: 0px;
  width: 11px;
  height: 11px;
}

.macro_tm_pricing_wrap .pricing_specs ul li .svg.red {
  color: #FF0004;
}

.macro_tm_pricing_wrap .pricing_specs ul li .svg.black {
  color: #656565;
}

.macro_tm_pricing_wrap .featured_box {
  position: absolute;
  background-color: #FFFFFF;
  top: 6px;
  left: -60px;
  transform: rotate(-45deg);
}

.macro_tm_pricing_wrap .featured_box span {
  color: #000000;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.5px;
  padding: 9px 70px 6px 70px;
  display: block;
  border: 2px solid #FA7268;
}

.macro_tm_purchase_button {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_purchase_button a {
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 12px;
  padding: 15px 0px;
  display: block;
  border: 2px solid #FA7268;
  border-radius: 2px;
  text-align: center;
  background-color: #FA7268;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*.macro_tm_purchase_button a:hover{box-shadow:  0px 10px 35px 0px rgba(188,1,39,.2);}*/
.macro_tm_purchase_button a i {
  margin-right: 10px;
}

/*---------------------------------------------------*/
/*	13) PORTFOLIO
/*---------------------------------------------------*/
.macro_tm_portfolio_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_portfolio_wrap {
  width: 100%;
  float: left;
  clear: both;
  z-index: 10;
  position: relative;
  padding: 0px 20px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

/* PORTFOLIO FILTER */
.macro_tm_portfolio_filter {
  width: 100%;
  height: auto;
  text-align: center;
  list-style-type: none;
  margin: 0px 0px 30px 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_portfolio_filter li {
  display: inline-block;
  margin: 0px 7px 0px 0px;
}

.macro_tm_portfolio_filter li:last-child {
  margin-right: 0px;
}

.macro_tm_portfolio_filter li a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 1px;
  padding: 7px 16px;
  border: 2px solid #FA7268;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 10px;
}

.macro_tm_portfolio_filter li a.current {
  background-color: #FA7268;
}

.macro_tm_portfolio_filter li a:hover {
  background-color: #FA7268;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* PORTFOLIO LIST */
.macro_tm_portfolio_list {
  list-style-type: none;
  margin: 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_portfolio_list > li {
  width: 25%;
  float: left;
  display: block;
  height: auto;
  position: relative;
  margin: 0px;
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_portfolio_list li article {
  border: 1px solid rgba(249, 249, 249, 0.1);
}

.macro_tm_portfolio_list li article.item_holder {
  width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 10;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_portfolio_list.animate li article.item_holder {
  opacity: 0;
}

.macro_tm_portfolio_list li article.item_holder img {
  min-width: 100%;
  max-width: 100%;
  z-index: 5;
  position: relative;
}

/* GUTTERS */
.macro_tm_portfolio_wrap[data-space="0"] .macro_tm_portfolio_list {
  margin-left: 0px;
}

.macro_tm_portfolio_wrap[data-space="0"] .macro_tm_portfolio_list li {
  padding-left: 0px;
  margin-bottom: 0px;
}

.macro_tm_portfolio_wrap[data-space="10"] .macro_tm_portfolio_list {
  margin-left: -10px;
}

.macro_tm_portfolio_wrap[data-space="10"] .macro_tm_portfolio_list li {
  padding-left: 10px;
  margin-bottom: 10px;
}

.macro_tm_portfolio_wrap[data-space="20"] .macro_tm_portfolio_list {
  margin-left: -20px;
}

.macro_tm_portfolio_wrap[data-space="20"] .macro_tm_portfolio_list li {
  padding-left: 20px;
  margin-bottom: 20px;
}

.macro_tm_portfolio_wrap[data-space="30"] .macro_tm_portfolio_list {
  margin-left: -30px;
}

.macro_tm_portfolio_wrap[data-space="30"] .macro_tm_portfolio_list li {
  padding-left: 30px;
  margin-bottom: 30px;
}

.macro_tm_portfolio_wrap[data-space="40"] .macro_tm_portfolio_list {
  margin-left: -40px;
}

.macro_tm_portfolio_wrap[data-space="40"] .macro_tm_portfolio_list li {
  padding-left: 40px;
  margin-bottom: 40px;
}

.macro_tm_portfolio_wrap[data-space="50"] .macro_tm_portfolio_list {
  margin-left: -50px;
}

.macro_tm_portfolio_wrap[data-space="50"] .macro_tm_portfolio_list li {
  padding-left: 50px;
  margin-bottom: 50px;
}

.macro_tm_portfolio_wrap[data-space="60"] .macro_tm_portfolio_list {
  margin-left: -60px;
}

.macro_tm_portfolio_wrap[data-space="60"] .macro_tm_portfolio_list li {
  padding-left: 60px;
  margin-bottom: 60px;
}

.macro_tm_portfolio_wrap[data-space="70"] .macro_tm_portfolio_list {
  margin-left: -70px;
}

.macro_tm_portfolio_wrap[data-space="70"] .macro_tm_portfolio_list li {
  padding-left: 70px;
  margin-bottom: 70px;
}

.macro_tm_portfolio_wrap[data-space="80"] .macro_tm_portfolio_list {
  margin-left: -80px;
}

.macro_tm_portfolio_wrap[data-space="80"] .macro_tm_portfolio_list li {
  padding-left: 80px;
  margin-bottom: 80px;
}

/* COLUMNS 3 */
.macro_tm_portfolio_wrap[data-col="1"] .macro_tm_portfolio_list > li {
  width: 100%;
}

.macro_tm_portfolio_wrap[data-col="2"] .macro_tm_portfolio_list > li {
  width: 50%;
}

.macro_tm_portfolio_wrap[data-col="3"] .macro_tm_portfolio_list > li {
  width: 33.3333%;
}

.macro_tm_portfolio_wrap[data-col="4"] .macro_tm_portfolio_list > li {
  width: 25%;
}

.macro_tm_portfolio_wrap[data-col="5"] .macro_tm_portfolio_list > li {
  width: 20%;
}

/* On hover scale */
.macro_tm_portfolio_list li img {
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  transition: all 0.9s ease;
}

.macro_tm_portfolio_wrap[data-hover-img=scale] .macro_tm_portfolio_list li .item_holder:hover img {
  -webkit-transform: scale(1.1, 1.1); /* Chrome, Safari, Opera */
  -ms-transform: scale(1.1, 1.1); /* IE 9 */
  transform: scale(1.1, 1.1);
}

.macro_tm_portfolio_wrap[data-hover-img=scale-2] .macro_tm_portfolio_list li .item_holder:hover img {
  -webkit-transform: scale(5, 5); /* Chrome, Safari, Opera */
  -ms-transform: scale(5, 5); /* IE 9 */
  transform: scale(5, 5);
}

/* OVERLAY*/
.macro_tm_portfolio_list li .overlay {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 6;
  top: 0px;
  text-align: center;
  background: #fff;
  opacity: 0;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 33;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap a {
  text-decoration: none;
  color: #FFFFFF;
  display: inline-block;
  padding: 8px;
  border: 1px solid #FA7268;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap a:hover {
  background-color: #FA7268;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap a .svg {
  display: block;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap a:hover .definition_icon {
  opacity: 1;
  visibility: visible;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap .definition_icon {
  position: absolute;
  background-color: #000000;
  color: #FFFFFF;
  display: block;
  top: -45px;
  left: -10px;
  padding: 5px 10px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #FA7268;
  border-radius: 1px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap .definition_icon.download {
  left: -35px;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap .definition_icon.purchase {
  left: -32px;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap .definition_icon.zoom {
  left: -17.5px;
}

.macro_tm_portfolio_list li .overlay .clickable_wrap .definition_icon.play {
  left: -12px;
}

.macro_tm_portfolio_list li .overlay .portfolio_title h5 {
  margin: 0px;
  color: #FFFFFF;
  text-transform: capitalize;
  font-size: 23px;
  font-weight: 600;
}

.macro_tm_portfolio_list li .overlay .portfolio_title h5 a {
  text-decoration: none;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_portfolio_list li .overlay .portfolio_title h5 a:hover {
  color: #FA7268;
}

.macro_tm_portfolio_list li .overlay .portfolio_title {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
}

/*BACKGROUND COLORS*/
.macro_tm_portfolio_wrap[data-overlay-bgcolor=dark] .macro_tm_portfolio_list li .overlay {
  background: #111;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=dark] .macro_tm_portfolio_list li .overlay a h1 {
  color: #ddd;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=dark] .macro_tm_portfolio_list li .overlay a span {
  color: #999;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=currentLight] .macro_tm_portfolio_list li .overlay a h1 {
  color: #fff;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=currentLight] .macro_tm_portfolio_list li .overlay a span {
  color: #fff;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=currentDark] .macro_tm_portfolio_list li .overlay a h1 {
  color: #111;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=currentDark] .macro_tm_portfolio_list li .overlay a span {
  color: #111;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=transLight] .macro_tm_portfolio_list li .overlay {
  background: rgba(255, 255, 255, 0.85);
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=transLight] .macro_tm_portfolio_list li .overlay a h1 {
  color: #333;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=transLight] .macro_tm_portfolio_list li .overlay a span {
  color: #666;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=transDark] .macro_tm_portfolio_list li .overlay {
  background: #111;
  background: rgba(0, 0, 0, 0.5);
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=transDark] .macro_tm_portfolio_list li .overlay a h1 {
  color: #ddd;
}

.macro_tm_portfolio_wrap[data-overlay-bgcolor=transDark] .macro_tm_portfolio_list li .overlay a span {
  color: #FFFFFF;
}

/*TEXT POSITION*/
.macro_tm_portfolio_wrap[data-text-hor-pos=left] .macro_tm_portfolio_list li .overlay {
  text-align: left;
}

.macro_tm_portfolio_wrap[data-text-hor-pos=right] .macro_tm_portfolio_list li .overlay {
  text-align: right;
}

.macro_tm_portfolio_wrap[data-text-ver-pos=top] .macro_tm_portfolio_list li .overlay a div {
  vertical-align: top;
}

.macro_tm_portfolio_wrap[data-text-ver-pos=bottom] .macro_tm_portfolio_list li .overlay a div {
  vertical-align: bottom;
}

/*ANIMATIONS*/
.macro_tm_portfolio_wrap[data-hover-animate=toTop] .macro_tm_portfolio_list li .overlay {
  opacity: 1;
  bottom: -100%;
  top: auto;
}

.macro_tm_portfolio_wrap[data-hover-animate=toTop] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  bottom: 0px;
}

.macro_tm_portfolio_wrap[data-hover-animate=toBottom] .macro_tm_portfolio_list li .overlay {
  opacity: 1;
  top: -100%;
}

.macro_tm_portfolio_wrap[data-hover-animate=toBottom] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  top: 0px;
}

.macro_tm_portfolio_wrap[data-hover-animate=toLeft] .macro_tm_portfolio_list li .overlay {
  opacity: 1;
  right: -100%;
  left: auto;
}

.macro_tm_portfolio_wrap[data-hover-animate=toLeft] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  right: 0px;
}

.macro_tm_portfolio_wrap[data-hover-animate=toRight] .macro_tm_portfolio_list li .overlay {
  opacity: 1;
  left: -100%;
}

.macro_tm_portfolio_wrap[data-hover-animate=toRight] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  left: 0px;
}

.macro_tm_portfolio_wrap[data-hover-animate=zoomOut] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  -webkit-transform: scale(0, 0); /* Chrome, Safari, Opera */
  -ms-transform: scale(0, 0); /* IE 9 */
  transform: scale(0, 0);
}

.macro_tm_portfolio_wrap[data-hover-animate=zoomOut] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 1); /* IE 9 */
  transform: scale(1, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=zoomIn] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  -webkit-transform: scale(2, 2); /* Chrome, Safari, Opera */
  -ms-transform: scale(2, 2); /* IE 9 */
  transform: scale(2, 2);
}

.macro_tm_portfolio_wrap[data-hover-animate=zoomIn] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 1); /* IE 9 */
  transform: scale(1, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=horZoomIn] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  -webkit-transform: scale(2, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(2, 1); /* IE 9 */
  transform: scale(2, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=horZoomIn] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 1); /* IE 9 */
  transform: scale(1, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=verZoomIn] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  -webkit-transform: scale(1, 2); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 2); /* IE 9 */
  transform: scale(1, 2);
}

.macro_tm_portfolio_wrap[data-hover-animate=verZoomIn] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 1); /* IE 9 */
  transform: scale(1, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=horZoomOut] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  -webkit-transform: scale(0, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(0, 1); /* IE 9 */
  transform: scale(0, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=horZoomOut] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 1); /* IE 9 */
  transform: scale(1, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=verZoomOut] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  -webkit-transform: scale(1, 0); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 0); /* IE 9 */
  transform: scale(1, 0);
}

.macro_tm_portfolio_wrap[data-hover-animate=verZoomOut] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 1); /* IE 9 */
  transform: scale(1, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=circle] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  border-radius: 300px;
  -webkit-transform: scale(0.5, 0.5); /* Chrome, Safari, Opera */
  -ms-transform: scale(0.5, 0.5); /* IE 9 */
  transform: scale(0.5, 0.5);
}

.macro_tm_portfolio_wrap[data-hover-animate=circle] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  border-radius: 0px;
  -webkit-transform: scale(1, 1); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 1); /* IE 9 */
  transform: scale(1, 1);
}

.macro_tm_portfolio_wrap[data-hover-animate=rotate] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  -webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(15deg); /* IE 9 */
  transform: rotate(15deg);
}

.macro_tm_portfolio_wrap[data-hover-animate=rotate] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(0deg); /* IE 9 */
  transform: rotate(0deg);
}

.macro_tm_portfolio_wrap[data-hover-animate=rotate-2] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  border-radius: 300px;
  -webkit-transform: scale(0, 0) rotate(40deg); /* Chrome, Safari, Opera */
  -ms-transform: scale(0, 0) rotate(40deg); /* IE 9 */
  transform: scale(0, 0) rotate(40deg);
}

.macro_tm_portfolio_wrap[data-hover-animate=rotate-2] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  border-radius: 0px;
  -webkit-transform: scale(1, 1) rotate(0deg); /* Chrome, Safari, Opera */
  -ms-transform: scale(1, 1) rotate(0deg); /* IE 9 */
  transform: scale(1, 1) rotate(0deg);
}

.macro_tm_portfolio_wrap[data-hover-animate=justIn] .macro_tm_portfolio_list li .overlay {
  opacity: 0;
  left: -7%;
  top: -7%;
}

.macro_tm_portfolio_wrap[data-hover-animate=justIn] .macro_tm_portfolio_list li .item_holder:hover .overlay {
  opacity: 1;
  left: 0px;
  top: 0px;
}

/* Border Radius */
.macro_tm_portfolio_wrap[data-round=a] .macro_tm_portfolio_list li,
.macro_tm_portfolio_wrap[data-round=a] .macro_tm_portfolio_list li article.item_holder,
.macro_tm_portfolio_wrap[data-round=a] .macro_tm_portfolio_list li article.item_holder img,
.macro_tm_portfolio_wrap[data-round=a] .macro_tm_portfolio_list li .overlay {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.macro_tm_portfolio_wrap[data-round=b] .macro_tm_portfolio_list li,
.macro_tm_portfolio_wrap[data-round=b] .macro_tm_portfolio_list li article.item_holder,
.macro_tm_portfolio_wrap[data-round=b] .macro_tm_portfolio_list li article.item_holder img,
.macro_tm_portfolio_wrap[data-round=b] .macro_tm_portfolio_list li .overlay {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.macro_tm_portfolio_wrap[data-round=c] .macro_tm_portfolio_list li,
.macro_tm_portfolio_wrap[data-round=c] .macro_tm_portfolio_list li article.item_holder,
.macro_tm_portfolio_wrap[data-round=c] .macro_tm_portfolio_list li article.item_holder img,
.macro_tm_portfolio_wrap[data-round=c] .macro_tm_portfolio_list li .overlay {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.macro_tm_portfolio_wrap[data-round=d] .macro_tm_portfolio_list li,
.macro_tm_portfolio_wrap[data-round=d] .macro_tm_portfolio_list li article.item_holder,
.macro_tm_portfolio_wrap[data-round=d] .macro_tm_portfolio_list li article.item_holder img,
.macro_tm_portfolio_wrap[data-round=d] .macro_tm_portfolio_list li .overlay {
  -webkit-border-radius: 900px;
  -moz-border-radius: 900px;
  border-radius: 900px;
}

/*---------------------------------------------------*/
/*	14) PORTFOLIO SINGLE
/*---------------------------------------------------*/
.macro_tm_portfolio_image_list {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_portfolio_image_list .fixed_image_blog {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  margin-bottom: 70px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_portfolio_image_list .fixed_image_blog .bg_wrap {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 15;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_color {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 20;
}

.macro_tm_portfolio_image_list .fixed_image_blog .content {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  z-index: 25;
  padding: 225px 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_image.first {
  background-image: url(/img/template/portfolio/1000x450/1.jpg);
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_color.first {
  background-color: rgba(0, 0, 0, 0.4);
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_image.second {
  background-image: url(/img/template/portfolio/1000x450/2.jpg);
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_color.second {
  background-color: rgba(0, 0, 0, 0.3);
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_image.third {
  background-image: url(/img/template/portfolio/1000x450/3.jpg);
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_color.third {
  background-color: rgba(0, 0, 0, 0.3);
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_image.fourth {
  background-image: url(/img/template/portfolio/1000x450/4.jpg);
}

.macro_tm_portfolio_image_list .fixed_image_blog .overlay_color.fourth {
  background-color: rgba(0, 0, 0, 0.3);
}

.macro_tm_portfolio_image_list .zoom_image {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.macro_tm_portfolio_image_list .fixed_image_blog .content:hover .zoom_image {
  opacity: 1;
  visibility: visible;
}

.macro_tm_portfolio_image_list .zoom_image a {
  text-decoration: none;
  color: #FFFFFF;
  display: inline-block;
  padding: 8px;
  border: 1px solid #FA7268;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_portfolio_image_list .zoom_image a:hover {
  background-color: #FA7268;
}

.macro_tm_portfolio_image_list .zoom_image a .svg {
  display: block;
}

.macro_tm_sidebar_category .category_list .first {
  padding-right: 5px;
}

.macro_tm_single_page_sidebar_wrap .about_texts_wrap.portfolio {
  text-align: left;
  padding-top: 0px;
  padding-bottom: 24px;
}

.macro_tm_sidebar_category.portfolio {
  border-bottom: none;
}

.macro_tm_single_section_wrap .main_body_wrap.portfolio {
  border-right: none;
}

/*---------------------------------------------------*/
/*	15) BLOG
/*---------------------------------------------------*/
.macro_tm_blog_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_list_wrap.section_blog .overlay_blog {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.08);
  z-index: 10;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.macro_tm_list_wrap.section_blog .list_in {
  overflow: hidden;
}

.macro_tm_list_wrap.section_blog .list_in:hover .overlay_blog {
  background-color: rgba(0, 0, 0, 0.2);
}

.macro_tm_list_wrap.section_blog .list_in .image {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.macro_tm_list_wrap.section_blog .list_in:hover .image {
  transform: scale(1.1, 1.1) translateZ(0);
}

.macro_tm_list_wrap.section_blog .list_in .category_blog {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 50;
}

.macro_tm_list_wrap.section_blog .list_in .category_blog {
  color: #FFFFFF;
  background-color: #FA7268;
  display: block;
  padding: 2px 12px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins";
}

.macro_tm_list_wrap.section_blog .blog_definitions_wrap {
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 20;
  padding: 48px 40px 40px 45px;
}

.macro_tm_list_wrap.section_blog .blog_definitions_wrap .date {
  color: #FA7268;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 11px;
  line-height: 1.3;
}

.macro_tm_list_wrap.section_blog .blog_definitions_wrap .date a {
  color: #FA7268;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_list_wrap.section_blog .blog_definitions_wrap .date a:hover {
  color: #FFFFFF;
}

.macro_tm_list_wrap.section_blog .blog_definitions_wrap .title_item {
  display: block;
}

.macro_tm_list_wrap.section_blog .blog_definitions_wrap .title_item a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 23px;
  line-height: 30px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.macro_tm_list_wrap.section_blog .blog_definitions_wrap .title_item a:hover {
  color: #FA7268;
}

.macro_tm_list_wrap.section_blog .blog_definitions_wrap .description_blog {
  color: #ccc;
  display: none;
  padding-top: 9px;
}

/*---------------------------------------------------*/
/*	16)BLOG SECOND
/*---------------------------------------------------*/
.vavilon_tm_blog_second_wrap,
.vavilon_tm_blog_second_wrap .blog_second_carousel_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.vavilon_tm_blog_second_wrap .blog_second_carousel_wrap {
  cursor: e-resize;
  margin-bottom: 70px;
  max-height: 500px;
}

.vavilon_tm_blog_second_wrap .macro_tm_title_holder .title_section a {
  text-decoration: none;
  color: #FFFFFF;
  transition: all 0.3s ease;
}

.vavilon_tm_blog_second_wrap .macro_tm_title_holder .title_section a:hover {
  color: #FA7268;
}

.vavilon_tm_blog_second_wrap .macro_tm_mix_titles_wrap .title_name:before {
  display: none;
}

.vavilon_tm_blog_second_wrap .fixed_image_blog {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .bg_wrap {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .overlay_image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 15;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .overlay_color {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 20;
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .content {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  z-index: 25;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .overlay_image.first {
  background-image: url(/img/template/blog/1400x500/4.jpg);
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .overlay_color.first {
  background-color: rgba(0, 0, 0, 0.5);
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .content.first {
  padding: 225px 0px;
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .overlay_image.second {
  background-image: url(/img/template/blog/1400x500/5.jpg);
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .overlay_color.second {
  background-color: rgba(0, 0, 0, 0.5);
}

.vavilon_tm_blog_second_wrap .fixed_image_blog .content.second {
  padding: 225px 0px;
}

/*---------------------------------------------------*/
/*	17)BLOG SINGLE
/*---------------------------------------------------*/
.macro_tm_top_bg_wrap .overlay_image.blog {
  background-image: url(/img/template/slider/15.jpg);
}

.macro_tm_top_bg_wrap .overlay_color.blog {
  background-color: rgba(0, 0, 0, 0.2);
}

.macro_tm_top_bg_wrap .top_bg_content.blog {
  padding: 250px 0px;
}

.macro_tm_blog_title_holder_main {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_blog_title_holder_main span {
  font-size: 5vw;
  color: #FFFFFF;
  line-height: 1.3;
  font-weight: 500;
}

.macro_tm_single_section_wrap,
.macro_tm_blog_section_wrap .inner,
.macro_tm_single_page_section,
.macro_tm_single_section_wrap .blog_definition_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_section_wrap .macro_tm_title_holder {
  padding-bottom: 75px;
}

.macro_tm_single_section_wrap .blog_definition_wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 87px;
}

.macro_tm_single_section_wrap .main_body_wrap {
  width: 70%;
  height: auto;
  float: left;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 35px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_section_wrap .blog_carousel_wrap {
  width: 100%;
  clear: both;
  float: left;
  cursor: e-resize;
  max-height: 600px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_section_wrap .blog_carousel_wrap ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_single_section_wrap .blog_carousel_wrap ul li {
  margin: 0px;
  width: 100%;
  float: left;
}

.macro_tm_single_main_information_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_blog_category,
.macro_tm_single_section_wrap .main_title_blog {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_section_wrap .main_title_blog {
  margin-bottom: 30px;
}

.macro_tm_blog_category span {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins";
  background-color: #FA7268;
  display: inline-block;
  padding: 5px 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_blog_category span:hover {
  box-shadow: 0px 10px 35px 0px rgba(188, 1, 39, 0.2);
}

.macro_tm_single_section_wrap .main_title_blog span {
  text-transform: uppercase;
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #FFFFFF;
}

.macro_tm_mix_titles_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  margin-bottom: 13px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_page_sidebar_wrap .macro_tm_mix_titles_wrap {
  text-align: left;
}

.macro_tm_single_page_sidebar_wrap .macro_tm_mix_titles_wrap.category {
  margin-bottom: 31px;
}

.macro_tm_single_page_sidebar_wrap .macro_tm_mix_titles_wrap.socials {
  margin-bottom: 43px;
}

.macro_tm_single_page_sidebar_wrap .macro_tm_mix_titles_wrap.tweets {
  margin-bottom: 33px;
}

.macro_tm_single_page_sidebar_wrap .macro_tm_mix_titles_wrap.tags {
  margin-bottom: 43px;
}

.macro_tm_single_section_wrap .main_body_wrap .macro_tm_mix_titles_wrap .title_name::before {
  display: none;
}

.macro_tm_mix_titles_wrap .title_name {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
  position: relative;
}

.macro_tm_mix_titles_wrap .title_name:before {
  position: absolute;
  content: "";
  width: 20px;
  height: 3px;
  background-color: #FA7268;
  bottom: -10px;
}

.macro_tm_mix_titles_wrap .title_name a {
  text-decoration: none;
  color: #FF4C4F;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_mix_titles_wrap .title_name a:hover {
  color: #FA7268;
}

.macro_tm_blog_definition_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  margin-bottom: 25px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_blog_definition_wrap p {
  color: #ccc;
  margin-bottom: 45px;
}

.macro_tm_blog_definition_wrap p:last-child {
  margin-bottom: 0px;
}

.macro_tm_blog_definition_wrap blockquote {
  border-left: 3px solid #FA7268;
  font-style: italic;
  padding: 10px 0px 10px 20px;
  font-size: 15px;
  color: #999;
  margin-bottom: 46px;
}

.macro_tm_single_page_social_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  margin-bottom: 77px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_page_social_wrap ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_single_page_social_wrap ul li {
  margin: 0px;
  display: inline-block;
  margin-right: 15px;
}

.macro_tm_single_page_social_wrap ul li:last-child {
  margin-right: 0px;
}

.macro_tm_single_page_social_wrap ul li a {
  text-decoration: none;
  color: #ccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_single_page_social_wrap ul li a:hover {
  color: #FA7268;
}

.macro_tm_single_page_social_wrap .sidebar {
  margin-bottom: 50px;
}

.macro_tm_related_posts_wrap,
.macro_tm_related_posts_wrap ul li .inner {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_related_posts_wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 50px;
  margin-bottom: 70px;
}

.macro_tm_related_posts_wrap ul {
  margin: 0px 0px 0px -20px;
  list-style-type: none;
}

.macro_tm_related_posts_wrap ul li {
  margin: 0px 0px 20px 0px;
  float: left;
  width: 33.3333%;
  padding-left: 20px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_related_posts_wrap ul li .inner {
  position: relative;
}

.macro_tm_related_posts_wrap ul li .inner span {
  color: #FFFFFF;
  display: block;
}

.macro_tm_related_posts_wrap ul li .inner .name {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.macro_tm_related_posts_wrap ul li .inner .name a {
  text-decoration: none;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_related_posts_wrap ul li .inner .name a:hover {
  color: #FA7268;
}

.macro_tm_related_posts_wrap ul li .inner .date {
  color: #ccc;
  font-weight: 600;
  font-size: 13px;
}

.macro_tm_related_posts_wrap .image_wrap {
  margin-bottom: 20px;
}

.macro_tm_comments_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 70px;
  padding-bottom: 70px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_comments_wrap ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_comments_wrap ul li {
  margin: 0px;
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 20px;
  padding-bottom: 20px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_comments_wrap ul li:nth-child(2) {
  padding-left: 50px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: none;
}

.macro_tm_comments_wrap ul li .inner {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_comments_wrap ul li .image_holder {
  width: 100px;
  height: 100px;
  display: inline-block;
  float: left;
}

.macro_tm_comments_wrap ul li .image_holder img {
  border-radius: 5px;
}

.macro_tm_comments_wrap ul li .comment_text {
  display: inline-block;
  padding-left: 35px;
}

.macro_tm_comments_wrap ul li .comment_text span {
  color: #eee;
  display: block;
}

.macro_tm_comments_wrap ul li .comment_text .name_comment {
  text-transform: capitalize;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 4px;
  color: #FFFFFF;
}

.macro_tm_comments_wrap ul li .comment_text .date_comment {
  color: #ccc;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 20px;
}

.macro_tm_comments_wrap ul li .replay {
  position: absolute;
  right: 0px;
  top: 0px;
}

.macro_tm_comments_wrap ul li .replay a {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 500;
  background-color: #FA7268;
  display: inline-block;
  padding: 5px 20px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_comments_wrap ul li .replay a:hover {
  box-shadow: 0px 10px 35px 0px rgba(188, 1, 39, 0.2);
}

.macro_tm_leave_comment,
.macro_tm_leave_comment .total_wrap,
.macro_tm_leave_comment .first_row,
.macro_tm_leave_comment .second_row {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_leave_comment .second_row {
  margin-bottom: 15px;
}

.macro_tm_leave_comment .first_row ul {
  margin: 0px 0px 0px -15px;
  list-style-type: none;
}

.macro_tm_leave_comment .first_row ul li {
  margin: 0px 0px 15px 0px;
  float: left;
  width: 33.3333%;
  padding-left: 15px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_leave_comment .first_row ul li input {
  width: 100%;
  background-color: #0F0F0F;
  color: #FFFFFF;
  font-weight: 500;
  border-color: transparent;
  border-radius: 3px;
}

.macro_tm_leave_comment .first_row ul li input:focus {
  outline: none;
}

.macro_tm_leave_comment .second_row textarea {
  width: 100%;
  height: 175px;
  background-color: #0F0F0F;
  color: #FFFFFF;
  border-color: transparent;
  font-weight: 500;
  border-radius: 3px;
}

.macro_tm_leave_comment .second_row textarea:focus {
  outline: none;
}

.macro_tm_leave_comment .submit_button {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_leave_comment .submit_button a {
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 12px;
  padding: 13px 72px 11px 68px;
  display: inline-block;
  border: 2px solid #FA7268;
  border-radius: 2px;
  text-align: center;
  background-color: #FA7268;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.macro_tm_leave_comment .submit_button a:hover {
  box-shadow: 0px 10px 35px 0px rgba(188, 1, 39, 0.2);
}

.macro_tm_single_page_sidebar_wrap {
  width: 30%;
  height: auto;
  float: right;
  padding: 0px 0px 0px 35px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_page_sidebar_wrap .about_author_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 78px;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_page_sidebar_wrap .image_folder_author {
  width: 100%;
  height: 140px;
  position: relative;
}

.macro_tm_single_page_sidebar_wrap .author_image {
  width: 150px;
  height: 150px;
  display: inline-block;
}

.macro_tm_single_page_sidebar_wrap .author_image img {
  border-radius: 5px;
}

.macro_tm_single_page_sidebar_wrap .about_texts_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  padding-top: 30px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_single_page_sidebar_wrap .author_name {
  margin-bottom: 25px;
}

.macro_tm_single_page_sidebar_wrap .author_name span {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 13px;
  display: block;
}

.macro_tm_single_page_sidebar_wrap .author_name .place {
  color: #ccc;
}

.macro_tm_single_page_sidebar_wrap .definition {
  margin-bottom: 50px;
}

.macro_tm_single_page_sidebar_wrap .definition p {
  color: #ccc;
}

.macro_tm_single_page_sidebar_wrap .author_name .name {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 4px;
}

.macro_tm_sidebar_category {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 75px;
  margin-bottom: 77px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_sidebar_category .category_list {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_sidebar_category .category_list ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_sidebar_category .category_list ul li {
  margin: 0px 0px 7px 0px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.macro_tm_sidebar_category .category_list ul li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.macro_tm_sidebar_category .category_list ul li span {
  color: #ccc;
}

.macro_tm_sidebar_category .category_list ul li span a {
  text-decoration: none;
  color: #ccc;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_sidebar_category .category_list ul li span a:hover {
  color: #FA7268;
}

.macro_tm_sidebar_on_socials,
.macro_tm_sidebar_on_socials .social_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_sidebar_on_socials .social_wrap {
  margin-bottom: 75px;
  padding-bottom: 85px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.macro_tm_sidebar_on_socials .item_image_wrap {
  width: 100%;
  height: 140px;
  float: left;
  position: relative;
}

.macro_tm_sidebar_on_socials .item_image_wrap .image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-image: url(/img/template/slider/10.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: 10;
}

.macro_tm_sidebar_on_socials .item_image_wrap .overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 15;
}

.macro_tm_sidebar_on_socials .about_item {
  position: absolute;
  width: 100%;
  top: 3px;
  left: 3px;
  z-index: 20;
}

.macro_tm_sidebar_on_socials .item_img {
  width: 65px;
  height: 65px;
  border-radius: 100%;
  background-color: #000;
  text-align: center;
  float: left;
}

.macro_tm_sidebar_on_socials .item_img a {
  display: block;
}

.macro_tm_sidebar_on_socials .item_img img {
  position: relative;
  top: 15px;
}

.macro_tm_sidebar_on_socials .definition_item {
  margin-top: 14px;
  padding-left: 10px;
  display: inline-block;
}

.macro_tm_sidebar_on_socials .definition_item span {
  display: block;
  color: #FFFFFF;
}

.macro_tm_sidebar_on_socials .definition_item .name a {
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 15px;
}

.macro_tm_sidebar_on_socials .definition_item .likes {
  font-size: 11px;
}

.macro_tm_sidebar_on_socials .mix_wrap {
  width: 100%;
  position: absolute;
  bottom: 10px;
  left: 0px;
  z-index: 25;
}

.macro_tm_sidebar_on_socials .mix_wrap a {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
  font-size: 11px;
  font-weight: 500;
}

.macro_tm_sidebar_on_socials .mix_wrap .share {
  float: left;
  margin-left: 10px;
}

.macro_tm_sidebar_on_socials .mix_wrap .like_page {
  float: right;
  margin-right: 10px;
}

.macro_tm_sidebar_on_socials .mix_wrap .like_page i {
  color: rgb(64, 187, 247);
}

.macro_tm_sidebar_on_socials .friends,
.macro_tm_sidebar_on_socials .friends_list {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_sidebar_on_socials .friends {
  background-color: #0F0F0F;
  padding: 15px;
}

.macro_tm_sidebar_on_socials .friends span {
  color: #FFFFFF;
  font-size: 11px;
  margin-bottom: 8px;
  display: block;
}

.macro_tm_sidebar_on_socials .friends_list ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_sidebar_on_socials .friends_list ul li {
  margin: 0px 3px 0px 0px;
  float: left;
  width: 11%;
}

.macro_tm_sidebar_category.tweet ul li {
  padding-bottom: 20px;
  margin-bottom: 15px;
}

.macro_tm_sidebar_category .tw_text {
  color: #ccc;
  margin-bottom: 2px;
}

.macro_tm_sidebar_category .tw_address {
  color: #ccc;
  text-decoration: none;
  margin-bottom: 6px;
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_sidebar_category .tw_address:hover {
  color: #FA7268;
}

.macro_tm_sidebar_category .date_tweet {
  color: #ccc !important;
  display: block;
}

.macro_tm_sidebar_category .date_tweet i {
  color: #5CF0E9;
}

.macro_tm_sidebar_tags_wrap,
.macro_tm_sidebar_tags_wrap .tags_list {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_sidebar_tags_wrap .tags_list ul {
  margin: 0px 0px 0px -4px;
  list-style-type: none;
}

.macro_tm_sidebar_tags_wrap .tags_list ul li {
  margin: 0px 0px 4px 0px;
  float: left;
  padding-left: 4px;
}

.macro_tm_sidebar_tags_wrap .tags_list ul li a {
  text-decoration: none;
  color: #ccc;
  border: 1px solid #FA7268;
  display: block;
  padding: 5px 15px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_sidebar_tags_wrap .tags_list ul li a:hover {
  background-color: #FA7268;
}

/*---------------------------------------------------*/
/*	18)PAGINATION
/*---------------------------------------------------*/
.macro_tm_pagination_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_pagination_wrap ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_pagination_wrap ul li {
  margin: 0px;
  display: inline-block;
  text-align: center;
  margin-right: 3px;
}

.macro_tm_pagination_wrap ul li {
  margin-right: 0px;
}

.macro_tm_pagination_wrap ul li a {
  display: block;
  width: 27px;
  height: 27px;
  text-decoration: none;
  color: #FFFFFF;
  line-height: 27px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_pagination_wrap ul .active a {
  background-color: #FA7268;
}

.macro_tm_pagination_wrap ul li a:hover {
  background-color: #FA7268;
}

/*---------------------------------------------------*/
/*	19) PARTNERS
/*---------------------------------------------------*/
.macro_tm_parners_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  background-color: #000000;
  padding: 73px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  cursor: e-resize;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_list_wrap.section_partners ul li {
  padding-bottom: 25px;
}

/*---------------------------------------------------*/
/*	20) CONTACT
/*---------------------------------------------------*/
.macro_tm_contact_wrap,
.macro_tm_contact_wrap .in {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_contact_wrap {
  background-color: #000000;
  padding: 0px 0px 85px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.macro_tm_contact_wrap .left {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_contact_wrap .left .general {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_contact_wrap .title {
  color: #FFFFFF;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: block;
  font-size: 14px;
}

.macro_tm_contact_wrap .general .line {
  width: 20px;
  height: 3px;
  background-color: #FA7268;
  display: block;
  margin-bottom: 30px;
}

.macro_tm_contact_wrap .left {
  padding-right: 20px;
}

.macro_tm_contact_wrap .left ul {
  margin: 0px 0px 45px 0px;
  list-style-type: none;
}

.macro_tm_contact_wrap .left ul li {
  margin: 0px;
  margin-bottom: 13px;
}

.macro_tm_contact_wrap .left ul li:last-child {
  margin-bottom: 0px;
}

.macro_tm_contact_wrap .left ul li i {
  padding-right: 10px;
}

.macro_tm_contact_wrap .left ul li span {
  color: #ccc;
  font-size: 13px;
}

.macro_tm_contact_wrap .left ul li a {
  text-decoration: none;
  color: #ccc;
  font-size: 13px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.macro_tm_contact_wrap .left ul li a:hover {
  color: #FA7268;
}

.macro_tm_contact_wrap .right {
  width: 50%;
  float: right;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_contact_wrap .right .contact {
  width: 100%;
  height: auto;
  clear: both;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_contact_wrap .right .contact ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_contact_wrap .right .contact ul li {
  margin: 0px 0px 15px 0px;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_contact_wrap .right .contact ul li:last-child {
  margin-bottom: 15px;
}

.macro_tm_contact_wrap .right .contact ul li:nth-child(1) {
  width: 50%;
  padding-right: 7.5px;
}

.macro_tm_contact_wrap .right .contact ul li:nth-child(2) {
  width: 50%;
  padding-left: 7.5px;
}

.macro_tm_contact_wrap .right .contact ul li:nth-child(3) {
  width: 100%;
}

.macro_tm_contact_wrap .right .contact ul li:nth-child(4) {
  width: 100%;
}

.macro_tm_contact_wrap .right .contact ul li .inner {
  width: 100%;
}

.macro_tm_contact_wrap .right .contact ul li .inner input[type=text] {
  width: 100%;
  background-color: #0F0F0F;
  color: #ccc;
  font-weight: 500;
  border-color: transparent;
  border-radius: 3px;
}

.macro_tm_contact_wrap .right .contact ul li .inner input:focus {
  outline: none;
}

.macro_tm_contact_wrap .right .contact ul li .inner textarea {
  width: 100%;
  background-color: #0F0F0F;
  color: #ccc;
  border-color: transparent;
  height: 125px;
  font-weight: 500;
  border-radius: 3px;
}

.macro_tm_contact_wrap .right .contact ul li .inner textarea:focus {
  outline: none;
}

.macro_tm_contact_wrap .right .contact .send_message {
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 12px;
  padding: 13px 72px 11px 68px;
  display: inline-block;
  border: 2px solid #FA7268;
  border-radius: 2px;
  text-align: center;
  background-color: #FA7268;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.macro_tm_contact_wrap .right .contact .send_message:hover {
  box-shadow: 0px 10px 35px 0px rgba(188, 1, 39, 0.2);
}

.macro_tm_contact_wrap .right .contact .send_message i {
  margin-right: 10px;
}

.macro_tm_contact_wrap .empty_notice {
  color: #FF0004;
  margin-bottom: 7px;
  display: none;
}

.macro_tm_contact_wrap .contact_error {
  color: rgb(255, 0, 4);
}

.macro_tm_contact_wrap .returnmessage {
  color: #0064FF;
  margin-bottom: 7px;
}

.macro_tm_contact_wrap .left .general.instagram {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_list_wrap.section_instagram {
  padding-right: 45px;
}

.macro_tm_instagram_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  padding-top: 10px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_instagram_wrap ul {
  margin: 0px;
  list-style-type: none;
}

.macro_tm_instagram_wrap ul li {
  margin: 0px;
  float: left;
  width: 20%;
  position: relative;
}

.macro_tm_instagram_wrap li .overlay {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.macro_tm_instagram_wrap li .overlay:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.macro_tm_instagram_wrap .like {
  position: absolute;
  bottom: 0px;
  left: 10px;
}

.macro_tm_instagram_wrap li .like p {
  color: #FFFFFF;
  font-weight: 600;
}

.macro_tm_instagram_wrap .like .svg {
  color: #FFFFFF;
}

/*---------------------------------------------------*/
/*	21) FOOTER
/*---------------------------------------------------*/
.macro_tm_footer_copyright {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  text-align: center;
  padding: 76px 0px;
}

.macro_tm_footer_copyright.blog {
  margin-top: 75px;
}

.macro_tm_footer_copyright .made i {
  color: #FA7268;
}

.macro_tm_footer_copyright .made {
  color: #ccc;
  margin-bottom: 20px;
}

.macro_tm_footer_copyright .copyright {
  color: #FFFFFF;
  font-weight: 500;
  text-transform: uppercase;
}

/*---------------------------------------------------*/
/*	22) TO TOP
/*---------------------------------------------------*/
.macro_tm_totop {
  position: fixed;
  bottom: 10px;
  right: 24px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #FFFFFF;
  z-index: 1000;
  overflow: hidden;
  background: #FA7268;
  opacity: 0;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.macro_tm_totop.scroll {
  opacity: 1;
  bottom: 20px;
}

.macro_tm_totop:hover {
  box-shadow: 0px 10px 35px 0px rgba(188, 1, 39, 0.2);
}

.macro_tm_totop i {
  color: #FFFFFF;
}

/*---------------------------------------------------*/
/*	23) AUDIOBOX
/*---------------------------------------------------*/
.macro_tm_myaudio {
  position: absolute;
  display: none;
  opacity: 0;
  visibility: hidden;
}

/*---------------------------------------------------*/
/*	24) VIDEO BACKGROUND PAGE
/*---------------------------------------------------*/
.macro_tm_top_bg_wrap .overlay_video {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 22;
}

.macro_tm_top_bg_wrap .overlay_video video {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  object-fit: cover;
}

.macro_tm_top_bg_wrap .overlay_color.video {
  background-color: rgba(0, 0, 0, 0.2);
}

/*---------------------------------------------------*/
/*	25) SLIDER BACKGROUND
/*---------------------------------------------------*/
.macro_tm_flexslider_wrap {
  width: 100%;
  height: auto;
  clear: both;
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

.macro_tm_flexslider_wrap .slides li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}

.macro_tm_flexslider_wrap .slides li:nth-child(1) {
  background-image: url(/img/template/slider/1.jpg);
}

.macro_tm_flexslider_wrap .slides li:nth-child(2) {
  background-image: url(/img/template/slider/2.jpg);
}

.macro_tm_flexslider_wrap .slides li .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(249, 249, 249, 0.4);
  z-index: 10;
}

.macro_tm_flexslider_wrap .flexslider .flex-direction-nav {
  display: none;
}

/*---------------------------------------------------*/
/*	26) MEDIA QUERIES (FOR SMALL DEVICES)
/*---------------------------------------------------*/
@media (max-width: 1200px) {
  .macro_tm_about_me_wrap .image_definition {
    padding: 120px 90px;
  }
  .macro_tm_skills_wrap .right {
    padding-right: 0px;
  }
  .macro_tm_list_wrap[data-column="5"] ul.macro_list > li {
    width: 25%;
  }
  .macro_tm_testimonials_wrap .definition {
    padding: 83px 90px 69px 90px;
  }
  .macro_tm_portfolio_wrap[data-col="5"] .macro_tm_portfolio_list > li {
    width: 25%;
  }
  .macro_tm_services_wrap .first_line {
    left: 33.5%;
  }
  .macro_tm_services_wrap .second_line {
    left: 66.5%;
  }
}
@media (max-width: 1040px) {
  .marketify_text_animation span:first-child {
    font-size: 82px;
  }
  .marketify_text_animation span:last-child {
    font-size: 17px;
  }
  .macro_tm_header .in {
    padding: 20px 18px;
    background-color: rgba(0, 0, 0, 0.97);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .macro_tm_header .social_icons .icon {
    display: none;
  }
  .macro_tm_header .social_icons .audio {
    padding-right: 40px;
  }
  .macro_tm_trigger {
    display: block;
    top: 9px;
  }
  .macro_tm_header .navigation_list_wrap .menu {
    display: none;
  }
  .macro_tm_about_me_wrap .image_definition {
    padding: 120px 70px;
  }
  .macro_tm_testimonials_wrap .definition {
    padding: 83px 70px 69px 70px;
  }
  .macro_tm_skills_wrap .right {
    padding-left: 0px;
  }
  .macro_tm_list_wrap[data-column="4"] ul.macro_list > li {
    width: 33.3333%;
  }
  .macro_tm_list_wrap[data-column="5"] ul.macro_list > li {
    width: 33.3333%;
  }
  .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="4"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="5"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="6"] .macro_tm_counter_list li {
    width: 33.3333%;
  }
  .macro_tm_portfolio_wrap[data-col="4"] .macro_tm_portfolio_list > li {
    width: 33.3333%;
  }
  .macro_tm_portfolio_wrap[data-col="5"] .macro_tm_portfolio_list > li {
    width: 33.3333%;
  }
  .macro_tm_contact_wrap .left {
    width: 100%;
    margin-bottom: 35px;
  }
  .macro_tm_contact_wrap .right {
    width: 100%;
  }
  .macro_tm_list_wrap.section_instagram {
    padding-right: 0px;
  }
  .macro_tm_contact_wrap .left {
    padding-right: 0px;
  }
  .macro_tm_list_wrap.section_instagram ul li {
    width: 20px;
  }
  .macro_tm_single_section_wrap .main_body_wrap {
    width: 100%;
    padding: 0px;
    border-right: none;
    margin-bottom: 10px;
  }
  .macro_tm_single_page_sidebar_wrap {
    width: 100%;
    padding: 0px;
  }
}
@media (max-width: 768px) {
  .marketify_text_animation span:first-child {
    font-size: 75px;
  }
  .marketify_text_animation span:last-child {
    font-size: 14px;
  }
  .marketify_text_animation span:first-child {
    font-size: 82px;
  }
  .marketify_text_animation span:last-child {
    font-size: 17px;
  }
  .macro_tm_title_holder .title_section {
    font-size: 23px;
  }
  .macro_tm_about_me_wrap .my_image {
    width: 100%;
    height: 400px;
    position: relative;
  }
  .macro_tm_about_me_wrap .image_definition {
    width: 100%;
    padding: 77px 20px 40px 20px;
  }
  .macro_tm_testimonials_wrap .definition {
    padding: 83px 40px 55px 40px;
    width: 100%;
  }
  .macro_tm_testimonials_wrap .image {
    display: none;
  }
  .macro_tm_testimonials_wrap .flexslider .flex-direction-nav .flex-prev {
    right: 41px !important;
    left: inherit;
  }
  .macro_tm_testimonials_wrap .flexslider .flex-direction-nav .flex-next {
    right: 3px !important;
    left: inherit;
  }
  .macro_tm_testimonials_wrap .mini_person {
    display: block;
  }
  .macro_tm_skills_wrap {
    padding-bottom: 35px;
  }
  .macro_tm_skills_wrap, .macro_tm_skills_wrap {
    padding-top: 0px;
  }
  .macro_tm_skills_wrap .left {
    width: 100%;
    padding: 0px;
    margin-bottom: 65px;
  }
  .macro_tm_skills_wrap .right {
    width: 100%;
    padding: 0px;
  }
  .macro_tm_skills_wrap .inner {
    padding: 40px 0px;
  }
  .macro_tm_list_wrap[data-column="3"] ul.macro_list > li {
    width: 50%;
  }
  .macro_tm_list_wrap[data-column="4"] ul.macro_list > li {
    width: 50%;
  }
  .macro_tm_list_wrap[data-column="5"] ul.macro_list > li {
    width: 50%;
  }
  .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="3"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="4"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="5"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="6"] .macro_tm_counter_list li {
    width: 50%;
  }
  .macro_tm_list_service_wrap ul li {
    width: 50%;
  }
  .macro_tm_purchase_button .svg {
    display: none;
  }
  .macro_tm_portfolio_filter li a {
    padding: 4px 8px;
  }
  .macro_tm_portfolio_filter li {
    margin: 0px 7px 0px 0px;
  }
  .macro_tm_portfolio_wrap {
    padding: 0px 20px;
  }
  .macro_tm_portfolio_wrap[data-col="3"] .macro_tm_portfolio_list > li {
    width: 50%;
  }
  .macro_tm_portfolio_wrap[data-col="4"] .macro_tm_portfolio_list > li {
    width: 50%;
  }
  .macro_tm_portfolio_wrap[data-col="5"] .macro_tm_portfolio_list > li {
    width: 50%;
  }
  .macro_tm_contact_wrap .left .general {
    width: 100%;
  }
  .macro_tm_contact_wrap .right .contact ul li:nth-child(1) {
    width: 100%;
    padding-right: 0px;
  }
  .macro_tm_contact_wrap .right .contact ul li:nth-child(2) {
    width: 100%;
    padding-left: 0px;
  }
  .macro_tm_related_posts_wrap ul li {
    width: 50%;
  }
  .macro_tm_comments_wrap ul li .image_holder {
    display: none;
  }
  .macro_tm_comments_wrap ul li .comment_text {
    padding-left: 0px;
  }
  .macro_tm_leave_comment .first_row ul li {
    width: 50%;
  }
  .macro_tm_leave_comment .first_row ul li:nth-child(3) {
    width: 100%;
  }
  .macro_tm_main_demos_list_wrap ul li {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .marketify_text_animation span:first-child {
    font-size: 50px;
  }
  .marketify_text_animation span:last-child {
    font-size: 10px;
  }
  .macro_tm_top_bg_wrap .hero_title .first {
    font-size: 5vw;
  }
  .macro_tm_title_holder .title_section {
    font-size: 21px;
  }
  .macro_tm_about_me_wrap .my_image {
    height: 300px;
  }
  .macro_tm_skills_wrap .inner {
    padding: 30px 0px;
  }
  .macro_tm_skills_wrap .title_in h3 {
    font-size: 19px;
  }
  .macro_tm_about_me_wrap .image_definition .name_holder h3 {
    font-size: 19px;
  }
  .macro_tm_testimonials_wrap .name .person {
    font-size: 17px;
  }
  .macro_tm_team_author_definition .name a {
    font-size: 17px;
  }
  .macro_tm_counter_list li svg {
    width: 30px;
    height: 30px;
  }
  .macro_tm_counter_list li span {
    font-size: 19px;
  }
  .macro_tm_counter_list li h3 {
    font-size: 30px;
    padding-top: 20px;
  }
  .macro_tm_services_wrap .list_in .box_title {
    font-size: 19px;
  }
  .macro_tm_pricing_wrap .pricing_specs {
    text-align: center;
  }
  .macro_tm_pricing_wrap .list_in {
    padding: 50px 20px 50px 20px;
  }
  .macro_tm_portfolio_filter {
    text-align: left;
  }
  .macro_tm_list_wrap[data-column="2"] ul.macro_list > li {
    width: 100%;
  }
  .macro_tm_list_wrap[data-column="3"] ul.macro_list > li {
    width: 100%;
  }
  .macro_tm_list_wrap[data-column="4"] ul.macro_list > li {
    width: 100%;
  }
  .macro_tm_list_wrap[data-column="5"] ul.macro_list > li {
    width: 100%;
  }
  .macro_tm_services_wrap {
    padding: 48px 0px 40px 0px;
  }
  .macro_tm_list_service_wrap ul li {
    width: 100%;
  }
  .macro_tm_testimonials_wrap .definition {
    padding: 83px 20px 55px 20px;
  }
  .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="2"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="3"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="4"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="5"] .macro_tm_counter_list li,
  .macro_tm_counter_wrap[data-col="6"] .macro_tm_counter_list li {
    width: 100%;
  }
  .macro_tm_pricing_wrap .title_holder .title_box {
    font-size: 19px;
  }
  .macro_tm_pricing_wrap .title_holder .price strong {
    font-size: 25px;
  }
  .macro_tm_portfolio_wrap {
    padding: 0px 10px;
  }
  .macro_tm_portfolio_list li .overlay .portfolio_title h5 {
    font-size: 19px;
  }
  .macro_tm_portfolio_filter li a.current {
    background-color: transparent;
  }
  .macro_tm_portfolio_filter {
    text-align: left;
    margin-bottom: 26px;
  }
  .macro_tm_portfolio_filter li {
    margin-right: 0px;
  }
  .macro_tm_portfolio_filter li a {
    border: none;
    padding: 4px 8px;
    margin-bottom: 0px;
  }
  .macro_tm_portfolio_filter li a:hover {
    background-color: transparent;
  }
  .macro_tm_title_holder.portfolio_filter {
    padding-bottom: 70px;
  }
  .macro_tm_portfolio_wrap[data-col="2"] .macro_tm_portfolio_list > li {
    width: 100%;
  }
  .macro_tm_portfolio_wrap[data-col="3"] .macro_tm_portfolio_list > li {
    width: 100%;
  }
  .macro_tm_portfolio_wrap[data-col="4"] .macro_tm_portfolio_list > li {
    width: 100%;
  }
  .macro_tm_portfolio_wrap[data-col="5"] .macro_tm_portfolio_list > li {
    width: 100%;
  }
  .macro_tm_list_wrap.section_blog .blog_definitions_wrap {
    padding: 48px 20px 40px 20px;
  }
  .macro_tm_list_wrap.section_blog .blog_definitions_wrap .title_item a {
    font-size: 19px;
  }
  .macro_tm_related_posts_wrap ul {
    margin: 0px;
  }
  .macro_tm_related_posts_wrap ul li {
    width: 100%;
    padding: 0px;
  }
  .macro_tm_skills_wrap {
    padding-bottom: 45px;
  }
  .macro_tm_leave_comment .first_row ul {
    margin: 0px;
  }
  .macro_tm_leave_comment .first_row ul li {
    width: 100%;
    padding: 0px;
  }
  .macro_tm_main_demos_list_wrap ul {
    margin-left: 0px;
  }
  .macro_tm_main_demos_list_wrap ul li {
    width: 100%;
    padding: 0px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[2]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[3]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[11].use[4]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[11].use[5]!./app/styles/main.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*---------------------------------------------------*/
/*	DEFINITIONS
/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*	HEADER
/*---------------------------------------------------*/
.macro_tm_header {
  z-index: 1001;
}
.macro_tm_header.scroll {
  background: #FA7268;
}
.macro_tm_header.scroll .navigation_list_wrap li a {
  color: white;
}
.macro_tm_header.scroll .logo {
  opacity: 1;
}
.macro_tm_header.scroll .logo img {
  width: 40px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.macro_tm_header .navigation_list_wrap .anchor_nav {
  float: right;
  margin-right: 90px;
}
.macro_tm_header .navigation_list_wrap .anchor_nav li a {
  color: white;
  font-size: 16px !important;
  font-family: Helvetica;
  letter-spacing: 0;
  font-weight: 900;
}
.macro_tm_header .navigation_list_wrap .anchor_nav li a:hover {
  color: rgb(253, 189, 184);
  letter-spacing: -1;
  -webkit-text-stroke: 0 rgb(0, 0, 0);
  text-stroke: 0 rgb(0, 0, 0);
  text-shadow: 2px 2px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
}
.macro_tm_header .logo {
  left: 20px;
  top: 15px;
}
.macro_tm_header .logo img {
  width: 80px;
}
@media (max-width: 1040px) {
  .macro_tm_header .in {
    background: none;
    border: none;
  }
}

/*---------------------------------------------------*/
/*	HOME
/*---------------------------------------------------*/
#home {
  /*.countdown-clock-container {
      position: absolute;
      top: 200px;
      left: 50px;

      @media (max-width: $mobile-width) {
          transform: scale(0.5);
          left: -18vh;
          width: 75vh;
          top: 300px;
      }

      .flip-clock-label {
          color: white !important;
      }

      .label {
          color: white;
          font-size: 20px;
          text-align: center;
      }
  }*/
}
#home #youtube {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
#home #youtube .canvas {
  transform: scale(1.6);
  width: 100%;
  height: 100%;
}
#home #youtube .info {
  position: absolute;
  right: 35px;
  bottom: 25px;
  width: 400px;
  height: 75px;
  float: right;
}
#home #youtube .info .nod {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  opacity: 0.6;
  margin-bottom: 10px;
  font-style: italic;
  text-align: right;
}
#home #youtube .info a.title {
  width: 100%;
  color: #fff;
  font-family: Helvetica;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  display: block;
  text-align: right;
  cursor: pointer;
}
#home #youtube .info .attribution {
  width: 100%;
  color: #fff;
  font-family: Helvetica;
  font-size: 12px;
  text-align: right;
}
@media (max-width: 1040px) {
  #home #youtube .info {
    display: none;
  }
}
#home .top_bg_content {
  z-index: 10;
}
@media (max-width: 1040px) {
  #home .top_bg_content {
    background: url(https://s3.amazonaws.com/sporklabs/MastStudio/img/snakes_by_jake_wyatt.jpg) no-repeat;
  }
}
#home .top_bg_content .featured-lab {
  z-index: 210;
  width: 600px;
  background: #183f63;
  border-radius: 3px;
  color: #FA7268;
  font-family: Helvetica;
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  padding-top: 10px;
  line-height: 1.4;
  position: absolute;
  overflow: hidden;
  left: calc(50% - 300px);
  top: calc(50% - 200px);
  opacity: 0;
  transform: scale(0.8);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 1040px) {
  #home .top_bg_content .featured-lab {
    width: 90%;
    left: 5%;
    font-size: 25px;
  }
}
#home .top_bg_content .featured-lab.active {
  top: calc(50% - 100px);
  opacity: 1;
  transform: scale(1);
}
#home .top_bg_content .featured-lab.scroll {
  opacity: 0;
}
#home .top_bg_content .featured-lab .buttons {
  margin-top: 10px;
}
#home .top_bg_content .featured-lab .buttons > div {
  width: calc(50% - 20px);
  cursor: pointer;
  font-size: 0.75em;
  text-transform: uppercase;
  padding: 10px;
}
#home .top_bg_content .featured-lab .buttons > div.yes {
  background: #fff;
  color: rgb(0, 0, 0);
}
#home .top_bg_content .featured-lab .buttons > div.no {
  background: rgb(0, 0, 0);
  color: #fff;
}
#home .top_bg_content .statement {
  z-index: 200;
  position: relative;
  top: 22%;
  left: 10%;
  width: 55%;
  color: #fff;
  font-size: 70px;
  font-family: Helvetica;
  letter-spacing: 0;
  line-height: 80px;
  font-weight: 900;
}
@media (max-width: 1040px) {
  #home .top_bg_content .statement {
    top: 20%;
    font-size: 40px;
    line-height: 50px;
    width: 80%;
  }
}
#home .top_bg_content .statement a {
  -webkit-text-stroke: 2px rgb(0, 0, 0);
  text-stroke: 2px rgb(0, 0, 0);
  text-shadow: 3px 3px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
  text-decoration: none;
  display: block;
  opacity: 0.5;
  cursor: pointer;
  color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#home .top_bg_content .statement a:hover, #home .top_bg_content .statement a.hovered {
  color: rgb(253, 189, 184);
  opacity: 1;
  font-size: 75px;
}
@media (max-width: 1040px) {
  #home .top_bg_content .statement a:hover, #home .top_bg_content .statement a.hovered {
    font-size: 42px;
  }
}
#home .top_bg_content .statement .explanation {
  -webkit-text-stroke: 0 rgb(0, 0, 0);
  text-stroke: 0 rgb(0, 0, 0);
  text-shadow: 2px 2px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
  color: white;
  position: relative;
  top: 20px;
  max-width: 300px;
  font-size: 17px;
  line-height: 23px;
  font-weight: 300;
}
#home .top_bg_content .donate {
  position: absolute;
  right: 35px;
  bottom: 120px;
  width: 200px;
}
@media (max-width: 1040px) {
  #home .top_bg_content .donate {
    bottom: 25px;
  }
}
#home .cognito.poll {
  width: 100%;
}
#home .cognito.poll .c-forms-form {
  background: none;
}
#home .cognito.poll .c-forms-form .c-forms-form-title {
  display: none;
}
#home .cognito.poll .c-forms-form .c-choice-option {
  display: block;
  clear: left;
  text-align: left;
}
#home #screenings {
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23111111' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%231c1c1c' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23262626' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23313131' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%233c3c3c' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  /* https://www.svgbackgrounds.com */
}
#home #screenings a.button {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  border: 1px solid #fff;
  float: right;
  margin: 10px;
}
#home #screenings .logo {
  display: block;
  float: right;
  position: relative;
  right: 20px;
  top: 65px;
  width: 220px;
  height: 100px;
  overflow: hidden;
}
@media (max-width: 1040px) {
  #home #screenings .logo {
    position: relative;
  }
}
#home #screenings .logo .title {
  position: absolute;
  right: 92px;
  top: -2px;
  font-size: 20px;
  text-transform: lowercase;
  text-align: right;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#home #screenings .logo .title .small {
  font-size: 13px;
}
#home #screenings .logo .title .screenings {
  position: relative;
  top: -10px;
}
#home #screenings .logo img {
  float: right;
  width: 87px;
  position: relative;
  top: -14px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#home #screenings .playlists {
  margin-top: 130px;
  box-sizing: unset;
}
#home #screenings .playlists .row-item .heading {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  left: 10px;
  color: white;
  text-transform: uppercase;
  margin-top: 20px;
}
#home #mission #donation-forms {
  max-width: 400px;
  float: left;
  margin: 100px 30px 20px 25%;
  border-radius: 5px;
}
@media (max-width: 1040px) {
  #home #mission #donation-forms {
    max-width: 100%;
    border-radius: 0;
    margin: 100px 0 25px;
  }
}

/*---------------------------------------------------*/
/*	CONTESTS
/*---------------------------------------------------*/
#contests {
  padding-top: 100px;
  background: repeating-linear-gradient(45deg, #661f4f, #661f4f 20px, rgba(102, 31, 79, 0.8) 20px, rgba(102, 31, 79, 0.8) 40px);
}
#contests .underlying-header {
  font-family: Pacifico;
  text-transform: none;
  font-weight: 400;
  margin-bottom: -25px;
}

/*---------------------------------------------------*/
/*	SCREENINGS
/*---------------------------------------------------*/
#big-screenings {
  padding-top: 100px;
  background: linear-gradient(135deg, black 25%, transparent 25%) -50px 0, linear-gradient(225deg, black 25%, transparent 25%) -50px 0, linear-gradient(315deg, black 25%, transparent 25%), linear-gradient(45deg, black 25%, transparent 25%);
  background-size: 2em 2em;
  background-color: #232323;
}
#big-screenings .underlying-header {
  font-family: Vibes;
  text-transform: none;
  font-weight: 400;
  margin-bottom: -25px;
}

/*---------------------------------------------------*/
/*	NODS
/*---------------------------------------------------*/
#nods {
  padding-top: 100px;
  background-color: #e0cbff;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='32' viewBox='0 0 48 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23661f4f' fill-opacity='0.4'%3E%3Cpath d='M27 32c0-3.314 2.686-6 6-6 5.523 0 10-4.477 10-10S38.523 6 33 6c-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 6.627 0 12 5.373 12 12s-5.373 12-12 12c-2.21 0-4 1.79-4 4h-2zm-6 0c0-3.314-2.686-6-6-6-5.523 0-10-4.477-10-10S9.477 6 15 6c3.314 0 6-2.686 6-6h-2c0 2.21-1.79 4-4 4C8.373 4 3 9.373 3 16s5.373 12 12 12c2.21 0 4 1.79 4 4h2z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#nods .underlying-header {
  font-family: "Abril Fatface";
  text-transform: none;
  font-weight: 400;
  margin-bottom: -25px;
}

/*---------------------------------------------------*/
/*	INDUSTRY AWARDS
/*---------------------------------------------------*/
#industry-awards {
  padding-top: 100px;
  /* https://www.heropatterns.com/ */
  background-color: #d75900;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath fill='%23f5e7ba' fill-opacity='0.4' d='M0 17.83V0h17.83a3 3 0 0 1-5.66 2H5.9A5 5 0 0 1 2 5.9v6.27a3 3 0 0 1-2 5.66zm0 18.34a3 3 0 0 1 2 5.66v6.27A5 5 0 0 1 5.9 52h6.27a3 3 0 0 1 5.66 0H0V36.17zM36.17 52a3 3 0 0 1 5.66 0h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 0 1 0-5.66V52H36.17zM0 31.93v-9.78a5 5 0 0 1 3.8.72l4.43-4.43a3 3 0 1 1 1.42 1.41L5.2 24.28a5 5 0 0 1 0 5.52l4.44 4.43a3 3 0 1 1-1.42 1.42L3.8 31.2a5 5 0 0 1-3.8.72zm52-14.1a3 3 0 0 1 0-5.66V5.9A5 5 0 0 1 48.1 2h-6.27a3 3 0 0 1-5.66-2H52v17.83zm0 14.1a4.97 4.97 0 0 1-1.72-.72l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1 0-5.52l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43c.53-.35 1.12-.6 1.72-.72v9.78zM22.15 0h9.78a5 5 0 0 1-.72 3.8l4.44 4.43a3 3 0 1 1-1.42 1.42L29.8 5.2a5 5 0 0 1-5.52 0l-4.43 4.44a3 3 0 1 1-1.41-1.42l4.43-4.43a5 5 0 0 1-.72-3.8zm0 52c.13-.6.37-1.19.72-1.72l-4.43-4.43a3 3 0 1 1 1.41-1.41l4.43 4.43a5 5 0 0 1 5.52 0l4.43-4.43a3 3 0 1 1 1.42 1.41l-4.44 4.43c.36.53.6 1.12.72 1.72h-9.78zm9.75-24a5 5 0 0 1-3.9 3.9v6.27a3 3 0 1 1-2 0V31.9a5 5 0 0 1-3.9-3.9h-6.27a3 3 0 1 1 0-2h6.27a5 5 0 0 1 3.9-3.9v-6.27a3 3 0 1 1 2 0v6.27a5 5 0 0 1 3.9 3.9h6.27a3 3 0 1 1 0 2H31.9z'%3E%3C/path%3E%3C/svg%3E");
}
#industry-awards .underlying-header {
  font-family: "Lobster";
  text-transform: none;
  font-weight: 400;
  margin-bottom: -25px;
  color: #E3914A;
}

/*---------------------------------------------------*/
/*	POSTS
/*---------------------------------------------------*/
.top_bg_content.blog {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.top_bg_content.blog .macro_tm_blog_title_holder_main {
  position: absolute;
  left: 0;
  bottom: -20px;
}
@media (max-width: 1040px) {
  .top_bg_content.blog .macro_tm_blog_title_holder_main {
    bottom: -10px;
  }
}
.top_bg_content.blog .macro_tm_blog_title_holder_main .heading {
  text-transform: uppercase;
}
@media (max-width: 1040px) {
  .top_bg_content.blog .macro_tm_blog_title_holder_main .heading {
    font-size: 25px;
  }
}

.article-text .annotation p {
  display: block;
  font-size: 20px;
  color: white !important;
  background: black;
  padding: 5px 20px;
}
.article-text .annotation p a {
  color: white;
}

/*---------------------------------------------------*/
/*	ELEMENTS
/*---------------------------------------------------*/
.four-oh-four {
  width: 100vw;
  height: 100vh;
  background: #000 url(/img/404-panda.jpg);
  background-size: cover;
}

.embargoed {
  display: none;
}

a.button {
  display: inline-block;
  font-family: Helvetica !important;
  font-weight: 700 !important;
  background-color: #FA7268;
  color: #fff;
  font-size: 20px !important;
  line-height: 42px !important;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 5px 30px !important;
  border: 1px solid #FA7268;
  border-radius: 3px;
  margin-bottom: 15px;
  cursor: pointer;
}
a.button:hover {
  -webkit-text-stroke: 0 rgb(0, 0, 0);
  text-stroke: 0 rgb(0, 0, 0);
  text-shadow: 2px 2px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
  box-shadow: 2px 2px 0px 0px rgb(0, 0, 0) !important;
}
@media (max-width: 1040px) {
  a.button {
    padding: 5px 15px !important;
  }
}
a.button.half-width {
  width: 35%;
}
a.button.spaced {
  margin: 10px 0;
}

.gallery .owl-item li {
  list-style: none;
}
.gallery .owl-item li .playlist_item_caption {
  font-size: 10px;
  line-height: 1.4;
  color: white;
  background: black;
  padding: 8px;
}
.gallery .owl-dots {
  height: 20px;
  margin: 10px 0;
  text-align: center;
}
.gallery .owl-dots .owl-dot {
  height: 20px;
  text-align: center;
  position: relative;
  display: inline-block;
}
.gallery .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 30px;
}
.gallery .owl-dots .owl-dot.active span, .gallery .owl-dots .owl-dot:hover span {
  background: #869791;
}

.donate a {
  width: 220px;
}
.donate a.scroll {
  -webkit-animation: jiggle 0.2s 10;
  -moz-animation-duration: 0.2s;
  -moz-animation-name: jiggle;
  -moz-animation-iteration-count: 10;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
}
.donate a.scroll .smile {
  margin-left: 5px;
  font-weight: normal;
  font-size: 0.75em;
}
.donate a.scroll .smile::after {
  font-weight: normal;
  content: "( ͡° ͜ʖ ͡° )";
}
.donate a span {
  font-weight: 400;
}

.macro_list .list_li .blog_definitions_wrap {
  color: white;
}
.macro_list .list_li .blog_definitions_wrap .title_item {
  -webkit-text-stroke: 1px rgb(0, 0, 0);
  text-stroke: 1px rgb(0, 0, 0);
  text-shadow: 3px 3px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
}
.macro_list .list_li .blog_definitions_wrap .category_blog {
  font-weight: 700 !important;
}
.macro_list .list_li .blog_definitions_wrap .category_blog {
  background: none !important;
  padding: 0 !important;
}
.macro_list .list_li .blog_definitions_wrap .category_blog span {
  margin-right: 2px;
  padding: 5px 10px;
}

.macro_tm_contact_wrap {
  background: none;
}
.macro_tm_contact_wrap .left ul li {
  color: #FA7268;
}
.macro_tm_contact_wrap span#send_message {
  padding: 5px 30px !important;
  float: right;
  position: relative;
  top: 10px;
}
.macro_tm_contact_wrap .general.willow {
  float: right;
}
.macro_tm_contact_wrap .right, .macro_tm_contact_wrap .left {
  margin: 0px;
}

.macro_tm_single_section_wrap .main_body_wrap {
  width: 100%;
  border: none;
}
.macro_tm_single_section_wrap .main_body_wrap .blog_definition_wrap {
  border: none;
}

.macro_tm_blog_definition_wrap {
  float: none;
}

.macro_tm_top_bg_wrap .top_bg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.macro_tm_top_bg_wrap .top_bg_content.blog {
  height: 150px;
  padding: 150px 20px;
}

.macro_tm_mobile_menu_wrap {
  background-color: #FA7268;
  height: 1000px;
}
.macro_tm_mobile_menu_wrap li a {
  background-color: #000;
  color: #FA7268;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  padding: 0 20px;
  width: 88%;
  display: block;
}

.underlying-header {
  font-family: Muli, sans-serif;
  font-size: 130px;
  font-weight: bold;
  text-transform: uppercase;
  height: 295px;
  line-height: 100px;
  margin-bottom: -125px;
}
@media (max-width: 1040px) {
  .underlying-header {
    font-size: 70px;
    line-height: 60px;
    height: 220px;
    margin-bottom: -100px;
  }
}

.inline-header {
  font-family: Muli, sans-serif;
  font-size: 130px;
  font-weight: bold;
  text-transform: uppercase;
  height: 295px;
  line-height: 100px;
}
@media (max-width: 1040px) {
  .inline-header {
    font-size: 70px;
    line-height: 60px;
    height: 220px;
  }
}

.article-text {
  width: 80%;
  margin: 100px auto;
  font-size: 14px;
  text-align: justify;
}
.article-text p {
  margin-bottom: 20px;
}
.article-text h1 {
  font-size: 20px;
  text-transform: uppercase;
}

#home .article-text {
  width: 50%;
}
@media (max-width: 1040px) {
  #home .article-text {
    width: 80%;
  }
}

.buttons {
  clear: both;
}

.left {
  float: left;
  clear: none;
}

.right {
  float: right;
  clear: none;
}

.padded-bottom {
  padding-bottom: 100px;
}

pre {
  overflow-x: auto !important;
}

attribution {
  float: right;
  padding-right: 15px;
}
attribution:before {
  content: "— ";
}

#discord {
  position: fixed;
  width: 275px;
  height: 400px;
  right: -275px;
  top: 175px;
  z-index: 1001;
  opacity: 1;
}
@media (max-width: 1040px) {
  #discord {
    top: 100px;
  }
}
#discord {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#discord .button {
  cursor: pointer;
  height: 64px;
  width: 50px;
  font-size: 30px;
  position: relative;
  left: -60px;
  top: 74px;
  padding: 5px 10px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  color: #fff;
  background: #7289da;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#discord .button:before, #discord .button:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#discord .button {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
@media (max-width: 1040px) {
  #discord .button {
    height: 71px;
    top: 81px;
    font-size: 34px;
  }
}
#discord.active {
  right: 15px;
}
#discord.active .button {
  font-size: 20px;
}
#discord.scroll {
  opacity: 0;
}

@-moz-keyframes jiggle {
  0% {
    -moz-transform: rotate(-1deg);
  }
  50% {
    -moz-transform: rotate(1deg);
  }
}
@-webkit-keyframes jiggle {
  0% {
    -webkit-transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(1deg);
  }
}
.half {
  width: calc(50% - 11px);
}
@media (max-width: 1040px) {
  .half {
    width: calc(100% - 14px);
  }
}

.left {
  float: left;
  margin: 7px;
}

.right {
  float: right;
  margin: 7px 7px 7px 0;
}
@media (max-width: 1040px) {
  .right {
    margin: 7px;
  }
}

.flush {
  padding-top: 0 !important;
}

.framed {
  overflow: hidden;
  border: 2px solid black;
  -webkit-box-shadow: 2px 2px 0px 1px #FA7268;
  -moz-box-shadow: 2px 2px 0px 1px #FA7268;
  box-shadow: 2px 2px 0px 1px #FA7268;
  margin-bottom: 20px;
}

/* VirtuousCRM giving form */
#donation-forms {
  background: white;
  padding: 20px;
  z-index: 1002;
}
#donation-forms.closed [name=vForm] {
  height: 90px;
  overflow: hidden;
}
#donation-forms .demarked {
  border-bottom: 1px solid rgba(42, 170, 223, 0.5);
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
}
#donation-forms .demarked .legend {
  position: relative;
}
#donation-forms .demarked .legend span {
  display: block;
  color: rgb(42, 170, 223);
  background: white;
  position: absolute;
  left: calc(50% - 15px);
  top: -4px;
  width: 30px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
#donation-forms .description p {
  display: block;
  font-size: 20px;
  line-height: 1.4;
  margin: 10px 0 10px;
  text-align: center;
  color: rgb(0, 0, 0);
  font-weight: 100;
}
#donation-forms .description p strong {
  font-weight: 600;
}
#donation-forms #paypal {
  text-align: center;
}
#donation-forms #paypal img#paypal-logo {
  width: 93px;
  padding-bottom: 5px;
}
#donation-forms [name=vForm] {
  height: auto;
}
#donation-forms [name=vForm] .v_designation {
  display: none;
}
#donation-forms [name=vForm] .v_gaw {
  text-align: center;
}
#donation-forms [name=vForm] .v_gaw .v_gao {
  padding: 10px 15px;
}
#donation-forms [name=vForm] .v_iw p {
  display: block;
  font-size: 12px;
  line-height: 1.6;
  margin: 10px 0;
}
#donation-forms [name=vForm] .v_txm p {
  font-size: 25px;
  line-height: 1.4;
  margin: 30px 0 20px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 100;
}
#donation-forms [name=vForm] .v_fw {
  margin: 0;
}
#donation-forms [name=vForm] input {
  min-width: 0;
}

.grecaptcha-badge {
  display: none !important;
}

/*---------------------------------------------------*/
/*	COLOR SCHEMES
/*---------------------------------------------------*/
.color-scheme .subheading {
  line-height: 1.3;
}
.color-scheme.plum {
  background: #661f4f;
}
.color-scheme.plum .heading {
  color: #fffacd;
}
.color-scheme.plum .accent {
  color: #00ff7e !important;
}
.color-scheme.plum .accent-bg {
  color: #fff;
  background-color: #00ff7e !important;
}
.color-scheme.plum .article-text {
  color: #fff;
}
.color-scheme.plum .article-text p {
  color: #fffacd;
}
.color-scheme.navy {
  background: #183f63;
}
.color-scheme.navy .heading {
  color: #FA7268;
}
.color-scheme.navy .accent {
  color: #FA7268 !important;
}
.color-scheme.navy .accent-bg {
  color: #fff;
  background-color: #FA7268 !important;
}
.color-scheme.navy .article-text {
  color: #fff;
}
.color-scheme.navy .article-text p {
  color: #fff;
}
.color-scheme.navy .macro_tm_purchase_button a {
  border-color: #FA7268;
  background-color: #183f63;
  color: #FA7268;
}
.color-scheme.navy a.button {
  display: inline-block;
  font-family: Helvetica !important;
  font-weight: 700 !important;
  background-color: #183f63;
  color: #FA7268;
  font-size: 20px !important;
  line-height: 42px !important;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 5px 30px !important;
  border: 1px solid #FA7268;
  border-radius: 3px;
  margin-bottom: 15px;
  cursor: pointer;
}
.color-scheme.navy a.button:hover {
  -webkit-text-stroke: 0 rgb(0, 0, 0);
  text-stroke: 0 rgb(0, 0, 0);
  text-shadow: 2px 2px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
  box-shadow: 2px 2px 0px 0px rgb(0, 0, 0) !important;
}
@media (max-width: 1040px) {
  .color-scheme.navy a.button {
    padding: 5px 15px !important;
  }
}
.color-scheme.navy span.button {
  display: inline-block;
  font-family: Helvetica !important;
  font-weight: 700 !important;
  background-color: #183f63;
  color: #FA7268;
  font-size: 20px !important;
  line-height: 42px !important;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 5px 30px !important;
  border: 1px solid #FA7268;
  border-radius: 3px;
  margin-bottom: 15px;
  cursor: pointer;
}
.color-scheme.navy span.button:hover {
  -webkit-text-stroke: 0 rgb(0, 0, 0);
  text-stroke: 0 rgb(0, 0, 0);
  text-shadow: 2px 2px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
  box-shadow: 2px 2px 0px 0px rgb(0, 0, 0) !important;
}
@media (max-width: 1040px) {
  .color-scheme.navy span.button {
    padding: 5px 15px !important;
  }
}
.color-scheme.navy .cognito button {
  border-color: #FA7268 !important;
  background-color: #183f63 !important;
  color: #FA7268 !important;
}
.color-scheme.navy .cognito button:hover {
  -webkit-text-stroke: 0 rgb(200, 200, 200);
  text-stroke: 0 rgb(200, 200, 200);
  text-shadow: 2px 2px 0 rgb(200, 200, 200), -1px -1px 0 rgb(200, 200, 200), 1px -1px 0 rgb(200, 200, 200), -1px 1px 0 rgb(200, 200, 200), 1px 1px 0 rgb(200, 200, 200);
  box-shadow: 2px 2px 0px 0px rgba(200, 200, 200, 0.2) !important;
}
.color-scheme.navy .cognito .c-forms-form .c-background-highlight {
  background-color: #FA7268;
  color: #fff;
  border-radius: 3px;
}
.color-scheme.navy .cognito .c-forms-form label,
.color-scheme.navy .cognito .c-forms-form legend {
  color: #FA7268;
  font-size: 13px;
  font-weight: 400;
}
.color-scheme.navy .cognito .c-forms-form .c-text-singleline .c-label,
.color-scheme.navy .cognito .c-forms-form .c-text-multiplelines .c-label,
.color-scheme.navy .cognito .c-forms-form .c-website .c-label {
  position: relative;
  top: 13px;
  left: 15px;
  z-index: 100;
  background: #183f63;
  padding: 0 5px;
}
.color-scheme.navy .cognito .c-forms-form .c-choice-option label,
.color-scheme.navy .cognito .c-forms-form .c-yesno-radiobuttons label {
  color: rgb(0, 0, 0);
  padding: 20px;
}
.color-scheme.navy .cognito .c-forms-form .c-editor input[type=text],
.color-scheme.navy .cognito .c-forms-form .c-editor input[type=email],
.color-scheme.navy .cognito .c-forms-form .c-editor textarea {
  border-color: #FA7268;
  border-radius: 3px;
  background-color: #183f63;
  color: #fff !important;
}
.color-scheme.navy .cognito .c-forms-form .c-editor input[type=text]:focus,
.color-scheme.navy .cognito .c-forms-form .c-editor input[type=email]:focus,
.color-scheme.navy .cognito .c-forms-form .c-editor textarea:focus {
  background: #183f63;
}
.color-scheme.custard {
  background: #fffacd;
}
.color-scheme.custard .heading {
  color: #183f63;
}
.color-scheme.custard .subheading {
  color: #183f63;
  font-size: 20px;
  font-weight: bold;
}
.color-scheme.custard .accent {
  color: #183f63 !important;
}
.color-scheme.custard .accent-bg {
  color: #fff;
  background-color: #183f63 !important;
}
.color-scheme.custard .article-text {
  color: rgb(0, 0, 0);
}
.color-scheme.custard .article-text p {
  color: rgb(0, 0, 0);
}
.color-scheme.custard .macro_tm_purchase_button a {
  border-color: #183f63;
  background-color: #fffacd;
  color: #183f63;
}
.color-scheme.snow {
  background: #fff;
}
.color-scheme.snow .heading {
  color: #661f4f;
}
.color-scheme.snow .subheading {
  color: #661f4f;
  font-size: 20px;
  font-weight: bold;
}
.color-scheme.snow .accent {
  color: #661f4f !important;
}
.color-scheme.snow .accent-bg {
  color: #fff;
  background-color: #661f4f !important;
}
.color-scheme.snow .article-text {
  color: rgb(0, 0, 0);
}
.color-scheme.snow .article-text p {
  color: rgb(0, 0, 0);
}
.color-scheme.snow .article-text h1 {
  color: #661f4f;
}
.color-scheme.snow .macro_tm_purchase_button a {
  border-color: #661f4f !important;
  background-color: #fff !important;
  color: #661f4f !important;
}
.color-scheme.snow .macro_tm_purchase_button a:hover {
  -webkit-text-stroke: 0 rgb(200, 200, 200);
  text-stroke: 0 rgb(200, 200, 200);
  text-shadow: 2px 2px 0 rgb(200, 200, 200), -1px -1px 0 rgb(200, 200, 200), 1px -1px 0 rgb(200, 200, 200), -1px 1px 0 rgb(200, 200, 200), 1px 1px 0 rgb(200, 200, 200);
  box-shadow: 2px 2px 0px 0px rgb(200, 200, 200) !important;
}
.color-scheme.snow .cognito button {
  border-color: #661f4f !important;
  background-color: #fff !important;
  color: #661f4f !important;
}
.color-scheme.snow .cognito button:hover {
  -webkit-text-stroke: 0 rgb(200, 200, 200);
  text-stroke: 0 rgb(200, 200, 200);
  text-shadow: 2px 2px 0 rgb(200, 200, 200), -1px -1px 0 rgb(200, 200, 200), 1px -1px 0 rgb(200, 200, 200), -1px 1px 0 rgb(200, 200, 200), 1px 1px 0 rgb(200, 200, 200);
  box-shadow: 2px 2px 0px 0px rgb(200, 200, 200) !important;
}
.color-scheme.snow .cognito .c-forms-form .c-background-highlight {
  background-color: #661f4f;
  color: #fff;
  border-radius: 3px;
}
@media (max-width: 1040px) {
  .color-scheme.snow .cognito .c-forms-form .c-background-highlight {
    color: rgba(255, 255, 255, 0);
  }
}
.color-scheme.snow .cognito .c-forms-form label,
.color-scheme.snow .cognito .c-forms-form legend {
  color: #661f4f;
  font-size: 13px;
  font-weight: 400;
}
.color-scheme.snow .cognito .c-forms-form .c-text-singleline .c-label,
.color-scheme.snow .cognito .c-forms-form .c-text-multiplelines .c-label,
.color-scheme.snow .cognito .c-forms-form .c-website .c-label {
  position: relative;
  top: 10px;
  left: 15px;
  z-index: 100;
  background: #fff;
  padding: 0 5px;
}
.color-scheme.snow .cognito .c-forms-form .c-choice-option label,
.color-scheme.snow .cognito .c-forms-form .c-yesno-radiobuttons label {
  color: rgb(0, 0, 0);
  padding: 20px;
}
.color-scheme.snow .cognito .c-forms-form .c-editor input[type=text],
.color-scheme.snow .cognito .c-forms-form .c-editor textarea {
  border-color: #661f4f;
  border-radius: 3px;
}
.color-scheme.snow .cognito .c-forms-form .c-editor input[type=text]:focus,
.color-scheme.snow .cognito .c-forms-form .c-editor textarea:focus {
  background: #fff;
}
.color-scheme.snow .cognito .c-forms-form .c-forms-confirmation-message {
  background-color: #661f4f;
  color: #fff;
  padding: 20px 30px;
}
.color-scheme.snow .cognito .c-forms-form .c-forms-confirmation-message p {
  font-size: 16px;
}

/*---------------------------------------------------*/
/*	COGNITO FORMS
/*---------------------------------------------------*/
.cognito {
  width: calc(80% + 16px);
  max-width: 1250px !important;
}
.cognito > div {
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.cognito .c-forms-form .c-forms-form-title {
  padding-bottom: 75px !important;
}
.cognito .c-forms-form .c-forms-form-title h2 {
  font-family: Poppins !important;
  font-size: 20px !important;
  text-transform: uppercase;
  text-align: center;
}
.cognito .c-forms-form h3 {
  font-family: Poppins !important;
  font-size: 20px;
  text-transform: uppercase;
}
.cognito .c-forms-form .c-label,
.cognito .c-forms-form .c-choice-option,
.cognito .c-forms-form .c-yesno-radio {
  font-family: Poppins !important;
  font-size: 14px;
}
.cognito .c-forms-form .c-html p {
  font-family: Poppins !important;
  font-size: 14px;
  line-height: 30px;
}
.cognito .c-forms-form .c-validation {
  background: none !important;
  color: red !important;
  font-size: 14px;
  font-weight: bold;
}
.cognito .c-forms-form [data-field=ContestAndLicensingTerms] .c-html a {
  font-family: inherit;
  font-weight: 700;
}
.cognito .c-forms-form [data-field=Donation] .c-html a {
  display: inline-block;
  font-family: Helvetica !important;
  font-weight: 700 !important;
  background-color: #FA7268;
  color: #fff;
  font-size: 20px !important;
  line-height: 42px !important;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 5px 30px !important;
  border: 1px solid #FA7268;
  border-radius: 3px;
  margin-bottom: 15px;
  cursor: pointer;
}
.cognito .c-forms-form [data-field=Donation] .c-html a:hover {
  -webkit-text-stroke: 0 rgb(0, 0, 0);
  text-stroke: 0 rgb(0, 0, 0);
  text-shadow: 2px 2px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
  box-shadow: 2px 2px 0px 0px rgb(0, 0, 0) !important;
}
@media (max-width: 1040px) {
  .cognito .c-forms-form [data-field=Donation] .c-html a {
    padding: 5px 15px !important;
  }
}
.cognito .c-forms-form [data-field=Donation] .c-html a {
  text-decoration: none;
  color: #fff !important;
}
.cognito .c-forms-form [data-field=Donation] .c-html a:hover {
  text-decoration: none;
}
.cognito .c-forms-form .c-forms-confirmation-message {
  font-size: 16px;
  font-weight: 700;
  border-radius: 3px;
  padding: 10px;
}
.cognito .c-forms-form button {
  width: 180px;
  display: inline-block;
  font-family: Helvetica !important;
  font-weight: 700 !important;
  background-color: #FA7268;
  color: #fff;
  font-size: 20px !important;
  line-height: 42px !important;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 5px 30px !important;
  border: 1px solid #FA7268;
  border-radius: 3px;
  margin-bottom: 15px;
  cursor: pointer;
}
.cognito .c-forms-form button:hover {
  -webkit-text-stroke: 0 rgb(0, 0, 0);
  text-stroke: 0 rgb(0, 0, 0);
  text-shadow: 2px 2px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
  box-shadow: 2px 2px 0px 0px rgb(0, 0, 0) !important;
}
@media (max-width: 1040px) {
  .cognito .c-forms-form button {
    padding: 5px 15px !important;
  }
}
@media (max-width: 1040px) {
  .cognito .c-forms-form .c-fileupload-dropzone {
    background: none !important;
  }
  .cognito .c-forms-form .c-fileupload-dropzone .c-upload-button {
    margin: 0;
  }
  .cognito .c-forms-form .c-fileupload-dropzone .c-upload-button button {
    margin: 0;
  }
}

/*---------------------------------------------------*/
/*	WATCH
/*---------------------------------------------------*/
body.watch, body.voices-seen {
  background-color: #000000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23111111' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%231c1c1c' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23262626' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23313131' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%233c3c3c' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  /* https://www.svgbackgrounds.com */
}
body.watch.subtle, body.voices-seen.subtle {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23050505' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23090909' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%230d0d0d' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23111111' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23141414' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
}
body.watch.subtle .watch_content .watch_header, body.watch.subtle .watch_content .watch_info, body.watch.subtle .watch_content .watch_playlist, body.voices-seen.subtle .watch_content .watch_header, body.voices-seen.subtle .watch_content .watch_info, body.voices-seen.subtle .watch_content .watch_playlist {
  opacity: 0.1;
}
body.watch.subtle .watch_content .home .title, body.voices-seen.subtle .watch_content .home .title {
  right: 60px;
}
body.watch.subtle .watch_content .home img, body.voices-seen.subtle .watch_content .home img {
  width: 56px !important;
  top: -7px !important;
}
body.watch.subtle .watch_content .player, body.voices-seen.subtle .watch_content .player {
  border-radius: 0;
}

.watch_content {
  position: absolute;
  width: 100%;
  color: white;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.watch_content .watch_header {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.watch_content .watch_header .back {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  float: left;
  padding: 10px;
  position: relative;
  z-index: 100;
}
.watch_content .watch_header .back img {
  width: 50px;
  height: 50px;
}
.watch_content .watch_header .home {
  display: block;
  float: right;
  position: absolute;
  right: 5px;
}
@media (max-width: 1040px) {
  .watch_content .watch_header .home {
    position: relative;
  }
}
.watch_content .watch_header .home .title {
  position: absolute;
  right: 92px;
  top: 5px;
  font-size: 20px;
  text-transform: lowercase;
  text-align: right;
  line-height: 1.4;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.watch_content .watch_header .home .title .small {
  font-size: 13px;
}
.watch_content .watch_header .home .title .screenings {
  position: relative;
  top: -10px;
}
.watch_content .watch_header .home img {
  width: 87px;
  position: relative;
  top: -13px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.watch_content .player,
.watch_content .viewer {
  position: relative;
  transform: scale(0.95);
  margin: 0;
  padding: 0;
  z-index: 10;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.watch_content .player {
  background: black;
  width: calc(100vw - 10px);
  min-height: 480px;
  -webkit-box-shadow: 0px 0px 66px -9px rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 66px -9px rgb(0, 0, 0);
  box-shadow: 0px 0px 66px -9px rgb(0, 0, 0);
  overflow: hidden;
  border-radius: 10px;
}
.watch_content .player div {
  width: calc(100vw - 10px);
}
@media (max-width: 1040px) {
  .watch_content .player {
    min-height: 150px;
  }
}
.watch_content .player.playing {
  transform: none;
}
.watch_content .viewer {
  width: 100%;
}
.watch_content .viewer div {
  max-height: 90vh;
}
@media (max-width: 1040px) {
  .watch_content .viewer div {
    clear: both;
  }
}
.watch_content .viewer div img {
  -webkit-box-shadow: 0px 0px 66px -9px rgb(0, 0, 0);
  -moz-box-shadow: 0px 0px 66px -9px rgb(0, 0, 0);
  box-shadow: 0px 0px 66px -9px rgb(0, 0, 0);
  border-radius: 10px;
}
.watch_content .watch_info {
  position: relative;
  top: -300px;
  width: 80%;
  float: right;
  padding: 340px 20px 20px;
  margin: 0 0 20px;
  border-bottom-left-radius: 10px;
  z-index: 1;
  line-height: 22px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+18&0+0,0.65+18 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 18%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 18%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 18%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.watch_content .watch_info .description {
  text-align: right;
  padding: 20px 0 20px 20px;
  margin-bottom: 20px;
  color: rgb(200, 200, 200);
  float: right;
  width: 60%;
}
@media (max-width: 1040px) {
  .watch_content .watch_info .description {
    width: 90%;
  }
}
.watch_content .watch_info .description p {
  margin-bottom: 0 !important;
}
.watch_content .watch_info h4 {
  clear: both;
}
.watch_content .watch_info p {
  margin-bottom: 20px;
}
.watch_content .watch_info .content {
  /*max-height: 15vmax;
  overflow: auto;

  @media (max-width: $mobile-width) {
      max-height: 20vmax;
  }

  &::-webkit-scrollbar
  {
      width: 8px;
      border-radius: 6px;
      background-color: rgba($light-grey, 0.1);
  }

  &::-webkit-scrollbar-thumb
  {
      border-radius: 6px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: $light-grey;
  }*/
}
.watch_content .watch_info .content a {
  color: white;
  font-weight: bold;
}
.watch_content .watch_info .content star {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}
.watch_content .watch_info .content star:after {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  content: "*";
}
.watch_content .watch_info .content block {
  margin: 0 25% 20px;
  display: inline-block;
}
@media (max-width: 1040px) {
  .watch_content .watch_info .content block {
    margin: 0 20px 20px;
  }
}
.watch_content .watch_info .content subheading {
  display: inline-block;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  margin: 30px 0 15px;
  text-align: center;
  width: 100%;
}
.watch_content .watch_info .content .addthis_inline_share_toolbox {
  transform: scale(0.7);
  position: absolute;
  right: -7px;
  margin-top: -50px;
}
.watch_content .watch_info .content blockquote {
  margin-left: 20px;
  color: rgb(200, 200, 200);
}
.watch_content .watch_info .content blockquote p:before, .watch_content .watch_info .content blockquote p:after {
  position: relative;
  top: 15px;
  display: inline-block;
  vertical-align: bottom;
  height: 10px;
  line-height: 10px;
  letter-spacing: 10px;
  font-size: 70px;
  opacity: 0.1;
}
.watch_content .watch_info .content blockquote p:first-child:before {
  content: "“";
}
.watch_content .watch_info .content blockquote p:last-child:after {
  left: 6px;
  content: "”";
}
.watch_content .watch_playlist {
  position: absolute;
  bottom: 10px;
  width: 100%;
  transform: scale(0.97);
}
.watch_content .watch_playlist .playlist .playlist_item {
  border-radius: 10px;
  overflow: hidden;
}
.watch_content.category_feature .watch_playlist {
  top: 60px;
}
.watch_content.category_feature .player {
  top: 340px;
}
@media (max-width: 1040px) {
  .watch_content.category_feature .player {
    top: 200px;
  }
}
.watch_content.category_feature .watch_info {
  top: -90px;
  background: none;
}
.watch_content.category_feature .watch_info .content {
  display: none;
}

.playlists .heading {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  left: 10px;
  color: white;
  text-transform: uppercase;
}

.playlist {
  z-index: 1;
}
@media (max-width: 1040px) {
  .playlist[extras="1"] .playlist_item_categories, .playlist[extras="2"] .playlist_item_categories, .playlist[extras="3"] .playlist_item_categories {
    display: none;
  }
  .playlist[extras="2"] .playlist_item_title, .playlist[extras="3"] .playlist_item_title {
    display: none;
  }
}
.playlist .playlist_item {
  position: relative;
  list-style-type: none;
  transform: scale(0.95);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.playlist .playlist_item:hover {
  transform: scale(1);
}
.playlist .playlist_item .playlist_item_title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.8);
  font-family: Poppins;
  color: white;
  font-weight: 600;
  line-height: 18px;
  -webkit-text-stroke: 0 rgb(0, 0, 0);
  text-stroke: 0 rgb(0, 0, 0);
  text-shadow: 2px 2px 0 rgb(0, 0, 0), -1px -1px 0 rgb(0, 0, 0), 1px -1px 0 rgb(0, 0, 0), -1px 1px 0 rgb(0, 0, 0), 1px 1px 0 rgb(0, 0, 0);
}
.playlist .playlist_item .playlist_item_categories {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  font-family: Poppins;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
}
.playlist .playlist_item .playlist_item_categories .category {
  color: #fff;
  background: #00ff7e;
  float: right;
  padding: 2px 10px;
  margin-left: 2px;
}

/*---------------------------------------------------*/
/*	FELLOWS
/*---------------------------------------------------*/
.fellow {
  background-color: #FFEE00;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cg fill='%23ffd573'%3E%3Cpolygon points='1000 -50 0 -50 500 450'/%3E%3Cpolygon points='550 500 1050 1000 1050 0'/%3E%3Cpolygon points='-50 0 -50 1000 450 500'/%3E%3Cpolygon points='0 1050 1000 1050 500 550'/%3E%3C/g%3E%3Cg fill='%23ffaa4d'%3E%3Cpolygon points='1000 -133.3 0 -133.3 500 366.7'/%3E%3Cpolygon points='633.3 500 1133.3 1000 1133.3 0'/%3E%3Cpolygon points='-133.3 0 -133.3 1000 366.7 500'/%3E%3Cpolygon points='0 1133.3 1000 1133.3 500 633.3'/%3E%3C/g%3E%3Cg fill='%23ff8026'%3E%3Cpolygon points='1000 -216.7 0 -216.7 500 283.3'/%3E%3Cpolygon points='716.7 500 1216.7 1000 1216.7 0'/%3E%3Cpolygon points='-216.7 0 -216.7 1000 283.3 500'/%3E%3Cpolygon points='0 1216.7 1000 1216.7 500 716.7'/%3E%3C/g%3E%3Cg fill='%23F50'%3E%3Cpolygon points='1000 -300 0 -300 500 200'/%3E%3Cpolygon points='800 500 1300 1000 1300 0'/%3E%3Cpolygon points='-300 0 -300 1000 200 500'/%3E%3Cpolygon points='0 1300 1000 1300 500 800'/%3E%3C/g%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='%23FE0' points='0 707.1 0 292.9 292.9 0 707.1 0 1000 292.9 1000 707.1 707.1 1000 292.9 1000'/%3E%3Cg fill='%23ffc800'%3E%3Cpolygon points='464.6 -242.5 -242.5 464.6 464.6 464.6'/%3E%3Cpolygon points='535.4 464.6 1242.5 464.6 535.4 -242.5'/%3E%3Cpolygon points='-242.5 535.4 464.6 1242.5 464.6 535.4'/%3E%3Cpolygon points='535.4 1242.5 1242.5 535.4 535.4 535.4'/%3E%3C/g%3E%3Cg fill='%23ffa200'%3E%3Cpolygon points='405.7 -301.4 -301.4 405.7 405.7 405.7'/%3E%3Cpolygon points='594.3 405.7 1301.4 405.7 594.3 -301.4'/%3E%3Cpolygon points='-301.4 594.3 405.7 1301.4 405.7 594.3'/%3E%3Cpolygon points='594.3 1301.4 1301.4 594.3 594.3 594.3'/%3E%3C/g%3E%3Cg fill='%23ff7b00'%3E%3Cpolygon points='346.8 -360.3 -360.3 346.8 346.8 346.8'/%3E%3Cpolygon points='653.2 346.8 1360.3 346.8 653.2 -360.3'/%3E%3Cpolygon points='-360.3 653.2 346.8 1360.3 346.8 653.2'/%3E%3Cpolygon points='653.2 1360.3 1360.3 653.2 653.2 653.2'/%3E%3C/g%3E%3Cg fill='%23F50'%3E%3Cpolygon points='287.9 -419.2 -419.2 287.9 287.9 287.9'/%3E%3Cpolygon points='712.1 287.9 1419.2 287.9 712.1 -419.2'/%3E%3Cpolygon points='-419.2 712.1 287.9 1419.2 287.9 712.1'/%3E%3Cpolygon points='712.1 1419.2 1419.2 712.1 712.1 712.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
}
.fellow .fellow-background-image {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fellow .fellow-background-image .gatsby-image-wrapper {
  height: 100%;
}
.fellow .logo {
  position: absolute;
  top: 25px;
  left: 275px;
  width: 150px;
  z-index: 1;
}
@media (max-width: 1040px) {
  .fellow .logo {
    top: 20px;
    left: 20px;
    width: 50px;
  }
}
.fellow .logo img {
  width: 150px;
  border: none;
}
@media (max-width: 1040px) {
  .fellow .logo img {
    width: 50px;
  }
}
.fellow .ribbon {
  position: fixed;
  background: #fff;
  width: 110vh;
  height: 250px;
  top: calc(50vh - 100px);
  left: calc(-50vh + 70px);
  z-index: 1000;
  transform: rotate(270deg);
  padding: 0;
  font-size: 150px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 250px;
  overflow: hidden;
}
@media (max-width: 1040px) {
  .fellow .ribbon {
    display: none;
  }
}
.fellow .ribbon .inside {
  width: 4000px;
  position: relative;
  left: 100px;
}
.fellow .ribbon .inside .light {
  color: rgba(0, 0, 0, 0.25);
}

.fellow-layout {
  box-sizing: border-box;
  position: relative;
  font-size: 16px;
  z-index: 1;
  left: 190px;
  width: calc(100vw - 190px);
}
@media (max-width: 1040px) {
  .fellow-layout {
    margin-top: 20px;
    width: 100vw;
    padding: 20px !important;
    left: 0;
  }
}
.fellow-layout .body-content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1040px) {
  .fellow-layout .body-content {
    display: block;
    margin-top: 20px !important;
  }
}
.fellow-layout .body-content p {
  line-height: 2;
}
.fellow-layout .layout-header {
  color: #fff;
  padding: 30px;
  padding-bottom: 0px;
  background: rgb(0, 0, 0);
  width: 100%;
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 100%, 14px 100%);
  line-height: 1;
  font-weight: 700;
  max-width: 600px;
}
.fellow-layout .layout-header .header-caption {
  color: #FFEE00;
  font-size: 24px;
  padding-left: 20px;
}
.fellow-layout .layout-header .header-caption span {
  text-transform: uppercase;
}
.fellow-layout .layout-header .full-name {
  margin-left: 20px;
  font-size: 42px;
  text-align: right;
}
@media (max-width: 1040px) {
  .fellow-layout .layout-header {
    max-width: unset;
    width: 100%;
    margin-bottom: 40px;
  }
  .fellow-layout .layout-header .header-caption {
    font-size: 16px;
  }
  .fellow-layout .layout-header .full-name {
    font-size: 22px;
  }
}
.fellow-layout .layout-content {
  max-width: 50%;
  padding: 30px;
  background: #fff;
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content {
    max-width: unset;
    width: 100%;
    clear: both;
  }
}
.fellow-layout .layout-content .description .fellow-portrait-image {
  width: calc(50vw - 200px);
  height: calc(35vw - 200px);
  float: left;
  margin: 0 10px 10px 0;
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .description .fellow-portrait-image {
    position: absolute !important;
    top: 0;
    left: 0;
    width: calc(100vw - 40px);
    height: calc(70vw - 40px);
  }
}
.fellow-layout .layout-content .description .fellow-portrait-image .gatsby-image-wrapper {
  width: calc(50vw - 200px);
  height: calc(35vw - 200px);
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .description .fellow-portrait-image .gatsby-image-wrapper {
    position: absolute !important;
    top: 0;
    left: 0;
    width: calc(100vw - 40px);
    height: calc(70vw - 40px);
  }
  .fellow-layout .layout-content .description .fellow-portrait-image .gatsby-image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw - 40px);
    height: calc(70vw - 40px);
  }
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .description .text {
    margin-top: calc(70vw - 50px);
  }
}
.fellow-layout .layout-content .description .videos {
  width: calc(50vw - 200px);
  margin: 0 10px 10px 0;
  clear: left;
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .description .videos {
    position: relative;
    left: -30px;
    width: calc(100vw - 40px);
  }
}
.fellow-layout .layout-content .description .videos .player {
  width: calc(50vw - 200px);
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .description .videos .player {
    width: calc(100vw - 40px);
  }
}
.fellow-layout .layout-content .description .videos .player div {
  width: calc(50vw - 200px);
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .description .videos .player div {
    width: calc(100vw - 40px);
  }
}
.fellow-layout .layout-content .description .videos .player iframe {
  width: calc(50vw - 200px);
  margin: 0 0 10px;
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .description .videos .player iframe {
    width: calc(100vw - 40px);
  }
}
.fellow-layout .layout-content .description p {
  padding-bottom: 20px;
}
.fellow-layout .layout-content .sponsor {
  margin-top: 50px;
  padding: 16px 20px;
  width: 130%;
  background: inherit;
  color: #D4166D;
  font-weight: 500;
  line-height: 1.4;
  clip-path: polygon(0 0, 96% 0, 100% 100%, 0% 100%);
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .sponsor {
    clip-path: unset;
    width: 100%;
    background: unset;
    float: left;
  }
}
.fellow-layout .layout-content .sponsor .sponsor-label {
  position: relative;
  left: -10px;
  margin-bottom: 10px;
}
.fellow-layout .layout-content .sponsor .sponsor-label img {
  width: 120px;
}
.fellow-layout .layout-content .sponsor .milestones-header {
  font-size: 22px;
}
.fellow-layout .layout-content .sponsor .milestones .milestone {
  margin-left: 15px;
}
.fellow-layout .layout-content .sponsor .milestones .milestone p:before {
  content: "    ";
}
.fellow-layout .layout-content .sponsor .milestones .milestones-description {
  font-size: 16px;
}
.fellow-layout .layout-content .impact {
  clip-path: polygon(0 0, 98% 0, 100% 100%, 2% 100%);
  background: #D4166D;
  color: white;
  margin: -20px;
  padding: 20px 10px 20px 40px;
  position: relative;
  top: 40px;
  left: 25px;
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .impact {
    float: left;
  }
}
.fellow-layout .layout-content .testimonials {
  margin-top: 50px;
}
@media (max-width: 1040px) {
  .fellow-layout .layout-content .testimonials {
    overflow: hidden;
    padding: 15px;
    position: relative;
    top: 15px;
  }
}
.fellow-layout .layout-content .testimonials .testimonial .quote {
  font-size: 14px;
}
.fellow-layout .layout-content .testimonials .testimonial .quote:before {
  position: absolute;
  margin-top: -35px;
  margin-left: -15px;
  font-size: 60px;
  opacity: 0.3;
  float: left;
  content: open-quote;
  vertical-align: top;
}
.fellow-layout .layout-content .testimonials .testimonial .quote:after {
  font-size: 60px;
  margin-top: -60px;
  opacity: 0.3;
  float: right;
  content: close-quote;
  vertical-align: bottom;
}
.fellow-layout .layout-content .testimonials .testimonial .attribution {
  margin-top: 5px;
  font-style: italic;
  font-size: 17px;
  text-align: right;
}
.fellow-layout .layout-content .testimonials .testimonial .attribution:before {
  color: #D4166D;
  content: "—";
}
.fellow-layout .donation-section {
  margin: 0 auto;
}
.fellow-layout .donation-section #donation-forms {
  max-width: 400px;
}
@media (max-width: 1040px) {
  .fellow-layout .donation-section #donation-forms {
    max-width: 100%;
    border-radius: 0;
    margin: 25px 0px;
    float: right;
  }
}

.fellow-layout-one {
  padding: 50px;
}
.fellow-layout-one .body-content {
  flex-direction: row-reverse;
  margin-top: 100px;
}
.fellow-layout-one .layout-header {
  margin-left: auto;
  position: relative;
  top: 50px;
}
.fellow-layout-one .donation-section {
  margin-right: 5%;
}
@media (max-width: 1040px) {
  .fellow-layout-one .donation-section {
    margin-right: 0px;
  }
}

.fellow-layout-two {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.fellow-layout-two .layout-header {
  margin: 120px 0px 150px;
}
@media (max-width: 1040px) {
  .fellow-layout-two .layout-header {
    margin: 0px;
  }
}
.fellow-layout-two .body-content {
  flex-direction: row-reverse;
}
.fellow-layout-two .donation-section {
  margin-right: 5%;
}
@media (max-width: 1040px) {
  .fellow-layout-two .donation-section {
    margin-right: 0px;
  }
}

.fellow-layout-three, .fellow-layout-four {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.fellow-layout-three .layout-header, .fellow-layout-four .layout-header {
  margin: 120px 50px 120px auto;
}
@media (max-width: 1040px) {
  .fellow-layout-three .layout-header, .fellow-layout-four .layout-header {
    margin: 0px;
  }
}
.fellow-layout-three .layout-content .sponsor, .fellow-layout-four .layout-content .sponsor {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%);
  position: relative;
  left: -120px;
  padding: 0px;
}
@media (max-width: 1040px) {
  .fellow-layout-three .layout-content .sponsor, .fellow-layout-four .layout-content .sponsor {
    position: unset;
    clip-path: unset;
    left: unset;
    padding: 16px 20px;
  }
}
.fellow-layout-three .layout-content .sponsor .milestones-header, .fellow-layout-four .layout-content .sponsor .milestones-header {
  padding-left: 50px;
}
.fellow-layout-three .layout-content .sponsor .milestones, .fellow-layout-four .layout-content .sponsor .milestones {
  padding-left: 50px;
  padding-bottom: 10px;
}
@media (max-width: 1040px) {
  .fellow-layout-three .layout-content .sponsor .milestones-header, .fellow-layout-four .layout-content .sponsor .milestones-header {
    padding-left: 0px;
  }
  .fellow-layout-three .layout-content .sponsor .milestones, .fellow-layout-four .layout-content .sponsor .milestones {
    padding-left: 0px;
  }
}
.fellow-layout-three .donation-section, .fellow-layout-four .donation-section {
  margin-left: 5%;
}
@media (max-width: 1040px) {
  .fellow-layout-three .donation-section, .fellow-layout-four .donation-section {
    margin-left: 0px;
  }
}

.fellow-layout-four {
  padding: 50px 50px 100px;
}
.fellow-layout-four .layout-header {
  margin: 0px 0px 80px auto;
}
@media (max-width: 1040px) {
  .fellow-layout-four .layout-header {
    margin: 0px;
  }
}

.fellow-layout-five {
  padding: 50px 50px 0px;
}
.fellow-layout-five .body-content {
  flex-direction: row-reverse;
}
.fellow-layout-five .layout-content {
  margin-left: 14px;
}
@media (max-width: 1040px) {
  .fellow-layout-five .layout-content {
    margin: 0px;
  }
}
.fellow-layout-five .donation-section {
  margin-right: 5%;
}
@media (max-width: 1040px) {
  .fellow-layout-five .donation-section {
    margin-right: 0px;
  }
}

.screening-ribbon .heading {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  left: 10px;
  color: white;
  text-transform: uppercase;
  margin-top: 20px;
}
.screening-ribbon .screening-grid-list {
  width: 100%;
  display: grid;
}
@media (max-width: 1040px) {
  .screening-ribbon .screening-grid-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[2]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[3]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[11].use[4]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[11].use[5]!./app/styles/404.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body {
  margin: 0;
  padding: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[2]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[11].use[3]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[15].oneOf[11].use[4]!./node_modules/.pnpm/next@16.3.2_@types+node@25.9.5_react-dom@19.2.8_react@19.2.8__react@19.2.8_sass@1.103.1/node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[15].oneOf[11].use[5]!./app/styles/react-port.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.public-site {
  min-height: 100vh;
}

.public-scroll-sentinel {
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  pointer-events: none;
}

.public-fold-sentinel {
  position: absolute;
  top: 100vh;
  left: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
}

.public-site:has(.public-header-state[data-solid=true]) .macro_tm_header {
  background-color: rgba(0, 0, 0, 0.97);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.public-menu-trigger {
  position: fixed !important;
  z-index: 1002;
  top: 19px !important;
  right: 18px;
  display: none;
  border: 0;
  background: transparent;
}

.public-menu-trigger.is-open .hamburger-inner,
.public-menu-trigger.is-open .hamburger-inner::before,
.public-menu-trigger.is-open .hamburger-inner::after {
  background-color: #fff;
}

.macro_tm_mobile_menu_wrap.is-open {
  display: block;
}

[id] {
  scroll-margin-top: 92px;
}

[data-reveal] {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.65s ease, transform 0.65s ease;
}

[data-reveal].is-revealed {
  opacity: 1;
  transform: none;
}

.content-image-frame,
.screening-image-frame,
.gallery-thumb,
.post-banner-frame,
.fellow-feature-frame,
.fellow-portrait-frame,
.screening-feature-frame {
  position: relative;
  display: block;
  overflow: hidden;
}

.content-image-frame,
.screening-image-frame,
.gallery-thumb {
  aspect-ratio: 1/1;
}

.content-image-frame img,
.screening-image-frame img,
.gallery-thumb img,
.post-banner-frame img,
.fellow-feature-frame img,
.fellow-portrait-frame img,
.screening-feature-frame img {
  object-fit: cover;
}

.post-banner-frame {
  width: 100%;
  height: 300px !important;
}

.playlist-rail-shell {
  position: relative;
}

.playlist.playlist-rail {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  padding-bottom: 12px;
}

.playlist.playlist-rail > .playlist_item {
  flex: 0 0 min(300px, 72vw);
  scroll-snap-align: start;
}

.playlist-rail-control {
  position: absolute;
  z-index: 4;
  top: 42%;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
}

.playlist-rail-control.previous {
  left: 8px;
}

.playlist-rail-control.next {
  right: 8px;
}

.gallery-rail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin-bottom: 32px;
}

.gallery-rail button {
  border: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  cursor: zoom-in;
  text-align: left;
}

.gallery-dialog {
  width: min(1100px, 94vw);
  max-width: none;
  padding: 18px;
  border: 0;
  background: #111;
  color: #fff;
}

.gallery-dialog::backdrop {
  background: rgba(0, 0, 0, 0.8666666667);
}

.gallery-dialog-image {
  position: relative;
  width: 100%;
  height: min(78vh, 760px);
}

.gallery-dialog-image img {
  object-fit: contain;
}

.gallery-dialog-close {
  position: absolute;
  z-index: 2;
  top: 4px;
  right: 8px;
  border: 0;
  background: rgba(0, 0, 0, 0.7333333333);
  color: #fff;
  font-size: 34px;
  cursor: pointer;
}

.player.autosize,
.videos .player {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
}

.player.autosize iframe,
.videos .player iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.fellow-feature-frame {
  width: 100%;
  height: 100%;
  min-height: 72vh;
}

.fellow-portrait-frame {
  width: 100%;
  aspect-ratio: 4/5;
}

.screening-feature-frame {
  width: 100%;
  min-height: 62vh;
}

.contact-honeypot {
  position: absolute !important;
  left: -10000px !important;
}

.contact-status {
  display: block;
  min-height: 1.5em;
  margin-top: 12px;
}

.four-oh-four-message {
  position: absolute;
  inset: auto 0 6vh;
  text-align: center;
}

.four-oh-four-message a {
  display: inline-block;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-decoration: none;
}

@media (max-width: 1040px) {
  .public-menu-trigger {
    display: block;
  }
  .macro_tm_mobile_menu_wrap {
    position: fixed;
    z-index: 1001;
    inset: 0;
    padding: 90px 30px 30px;
    overflow: auto;
    background: rgba(0, 0, 0, 0.97);
  }
  .macro_tm_mobile_menu_wrap ul {
    display: block;
  }
  .playlist-rail-control {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  [data-reveal] {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .playlist.playlist-rail {
    scroll-behavior: auto;
  }
}