/*!
Theme Name: Mellel
Text Domain: mellel
Author: Imark Image
Author URI: http://www.imark.co.il
Version: 1.0.1
*/
/*general settings */
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 100;
  src: url(assets/fonts/Raleway-ThinItalic.eot);
  src: url(assets/fonts/Raleway-ThinItalic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-ThinItalic.woff) format("woff"), url(assets/fonts/Raleway-ThinItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 200;
  src: url(assets/fonts/Raleway-Thin.eot);
  src: url(assets/fonts/Raleway-Thin.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-Thin.woff) format("woff"), url(assets/fonts/Raleway-Thin.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 300;
  src: url(assets/fonts/Raleway-SemiBoldItalic.eot);
  src: url(assets/fonts/Raleway-SemiBoldItalic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-SemiBoldItalic.woff) format("woff"), url(assets/fonts/Raleway-SemiBoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/Raleway-SemiBold.eot);
  src: url(assets/fonts/Raleway-SemiBold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-SemiBold.woff) format("woff"), url(assets/fonts/Raleway-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 500;
  src: url(assets/fonts/Raleway-Regular.eot);
  src: url(assets/fonts/Raleway-Regular.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-Regular.woff) format("woff"), url(assets/fonts/Raleway-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 600;
  src: url(assets/fonts/Raleway-MediumItalic.eot);
  src: url(assets/fonts/Raleway-MediumItalic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-MediumItalic.woff) format("woff"), url(assets/fonts/Raleway-MediumItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 700;
  src: url(assets/fonts/Raleway-Medium.eot);
  src: url(assets/fonts/Raleway-Medium.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-Medium.woff) format("woff"), url(assets/fonts/Raleway-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 800;
  src: url(assets/fonts/Raleway-LightItalic.eot);
  src: url(assets/fonts/Raleway-LightItalic.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-LightItalic.woff) format("woff"), url(assets/fonts/Raleway-LightItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 900;
  src: url(assets/fonts/Raleway-Light.eot);
  src: url(assets/fonts/Raleway-Light.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Raleway-Light.woff) format("woff"), url(assets/fonts/Raleway-Light.ttf) format("truetype");
}
/*font weights */
body, html {
  height: 100%;
  -webkit-text-size-adjust: none;
}

body {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

img, iframe {
  border: none;
  vertical-align: bottom;
}

button {
  background: none;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  font-weight: inherit;
  overflow: visible;
  font-size: inherit;
  color: inherit;
  outline: none;
  line-height: normal;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input:focus, textarea:focus, select:focus {
  outline: none;
}

form {
  margin: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

input {
  line-height: normal;
}

input[type=text], textarea, input[type=search], input[type=email], input[type=tel] {
  -webkit-appearance: none;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer;
}

iframe {
  border: none;
}

a:hover {
  text-decoration: none;
}

a:focus {
  outline: none;
}

h2 a, h3 a, h1 a {
  color: inherit;
  text-decoration: none;
}

h3 {
  margin: 0;
}

header, nav, section, article, aside, footer, hgroup, figure, figcaption {
  margin: 0;
  padding: 0;
  display: block;
}

.clear {
  clear: both;
}

address {
  font-style: normal;
}

.tax_menu-list:after, .internal_navbar .grid--internal_top:after, .internal_navbar:after {
  content: "";
  display: block;
  clear: both;
}

.rela {
  position: relative;
}

.mock_table, .comment-text, .related-post-title {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.td {
  display: table-cell;
}

.tr {
  display: table-row;
}

.tdt {
  display: table-cell;
  vertical-align: top;
}

.tdm {
  display: table-cell;
  vertical-align: middle;
}

.tdb {
  display: table-cell;
  vertical-align: bottom;
}

.training-trad-boxes, .training-content-boxes, .related_items-list, .videos_list, .training-links, .training-boxes, .bullets_area, .home_links, .product_spec-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.features-image img, .logo-cell img {
  max-width: 100%;
  height: auto;
}
.fuie .features-image img[src$=svg], .fuie .logo-cell img[src$=svg] {
  width: 100%;
}
.fuie .features-image img[src$=jpg], .fuie .logo-cell img[src$=jpg], .fuie .features-image img[src$=png], .fuie .logo-cell img[src$=png], .fuie .features-image img[src$=gif], .fuie .logo-cell img[src$=gif] {
  max-width: 100%;
}

.obscure {
  position: absolute;
  right: 0;
  top: -100000px;
  overflow: hidden;
}

.stretch {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.content_part .gform_fields, .gform_fields, .comment-list, .internal_navbar-extension, .tax_menu-list, .training-links, .home-testi-slide-text ul, .home_testi-slider .slick-dots, #bottom_of_site ul, #main_menu-list_hold > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ginput_container select {
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
}
.ginput_container select::-ms-expand {
  display: none;
}

#main_menu-list_hold > ul a {
  text-decoration: none;
  color: inherit;
}

/*px to em: first param = parent font-size, second param = unit in pixels to be converted 
to em */
/*colors*/
html {
  margin-top: 0 !important;
}

/*rem handle*/
html {
  font-size: 30px;
}

@media (max-width: 1100px) {
  html {
    font-size: 18px;
  }
}
@media (max-width: 700px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 420px) {
  html {
    font-size: 12px;
  }
}
#temp {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 8888;
  opacity: 0.8;
}

body {
  margin: 0px;
  height: 100%;
  font: 100%/1.3 sans-serif;
  color: #000000;
  font-weight: 900;
  font-size: 18px;
  font-family: Raleway, arial, sans-serif;
}

@media (max-width: 850px) {
  body {
    font-size: 15px;
  }
}
@media (max-width: 450px) {
  body {
    font-size: 14px;
  }
}
.grid {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 1rem;
  box-sizing: content-box;
}

.grid_in {
  max-width: 765px;
  margin: 0 auto;
}

p {
  margin: 0 0 0.5rem;
}
p:last-child, p:only-child {
  margin: 0;
}

a {
  color: #3591C9;
}

strong, b {
  font-weight: 500;
}

.styled_btn, .gform_button {
  -webkit-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px -3px 0px 0px rgba(0, 0, 0, 0.2);
}

.product-top[style^=background] {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

.align-middle {
  display: inline-block;
  vertical-align: middle;
}

.gform_title, .content_part h2 {
  font-size: 1.38em;
  margin: 0 0 0.72em;
  color: #3591C9;
  font-weight: 500;
}

h1, h2, h3 {
  font-weight: inherit;
  line-height: 0.9em;
  margin: 0 0 1em;
}

.lazy_load {
  display: block;
  overflow: hidden;
  height: 0;
}

.wrapper {
  overflow: hidden;
  direction: ltr;
}

.blur .wrapper {
  filter: blur(5px);
  -webkit-filter: blur(5px);
}

.main_internal {
  margin: 0 0 2.9rem;
}

.styled_btn, .gform_button {
  font-size: 17px;
  padding: 0.58em 0.58em;
  min-width: 7.94em;
  position: relative;
  background: #3591C9;
  color: #fff;
  text-decoration: none;
  min-height: 2.52em;
  text-align: center;
  border-radius: 0.29em;
  display: inline-block;
  border: none;
}
.styled_btn:hover, .gform_button:hover {
  background: #5da7d4;
}

.arrow-link {
  color: #3591C9;
  font-size: 14px;
  font-weight: 700;
}
.arrow-link:after {
  content: "";
  width: 5px;
  height: 5px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: inline-block;
  vertical-align: middle;
  border-left: 1px solid;
  border-bottom: 1px solid;
  position: relative;
  left: 4px;
  bottom: 0px;
}

.main_internal {
  margin-bottom: 3.63rem;
}

.parent_category {
  padding: 0 0 2rem;
  margin-bottom: 2rem;
  background: url(assets/images/dot.png) repeat-x bottom center;
}

.content_part p:after {
  content: "";
  display: block;
  clear: both;
}

img.alignright {
  float: right;
}

img.alignleft {
  float: left;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.product-row .styled_btn.btn--buy.btn--buy-bg_white {
  min-width: 6.94em;
  text-align: right;
}
.product-row .styled_btn.btn--buy.btn--buy-bg_white:aftere {
  left: 0.58em;
}

.form-error-container {
  background: #980000;
  border: 1px #c83232 solid;
  padding: 12px 10px 10px;
  max-width: 1320;
  margin: 10px auto 0;
  font-size: 0.9em;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  position: relative;
  top: auto;
  left: 0;
  right: 0;
}
.sidebar-widget .form-error-container .comma {
  display: block;
  font-size: 0;
}

.final_form .form-error-container {
  background: rgba(255, 0, 0, 0.2);
  border: 1px #f71313 solid;
  color: #000000;
}

.sidebar_part .form-error-container {
  background: #980000;
  border: 1px #c83232 solid;
  color: #ffffff;
}

.sidebar_part .form-error-container span.comma {
  font-size: 0;
  display: block;
}

@media (max-width: 490px) {
  .form-error-container {
    position: static;
  }

  .wpseo-score-icon {
    display: none !important;
  }
}
/*
Gradient Spinner
*/
.submit_look.loading {
  background-image: -webkit-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);
  background-image: -moz-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);
  background-image: -ms-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);
  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);
  background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -moz-animation: move 2s linear infinite;
  -ms-animation: move 2s linear infinite;
  animation: move 2s linear infinite;
  -webkit-box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2);
  -ms-box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 10px 0 rgba(255, 255, 255, 0.2);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@-moz-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@-ms-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
input[type=email], input[type=tel] {
  direction: ltr;
  text-align: right;
}

.search-highlight {
  background-color: rgba(255, 255, 0, 0.5);
}

@media (max-width: 1000px) {
  .sub-menu > .menu-item.menu-item-has-children > a:after {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
.sitemap {
  padding: 0 0 2rem;
}
.sitemap li {
  color: #3591C9;
  margin: 0 0 4px;
}
.sitemap li a {
  color: #000000;
  text-decoration: none;
}
.sitemap li a:hover {
  color: #3591C9;
}

.thanks {
  text-align: center;
  padding: 8% 0;
}
.thanks h2 {
  font-size: 3em;
}

/* lightbox*/
.overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 999999999999;
  -webkit-transition: opacity 200ms ease-out;
  -o-transition: opacity 200ms ease-out;
  -moz-transition: opacity 200ms ease-out;
  transition: opacity 200ms ease-out;
}
.overlay .pad {
  padding: 30px 0 40px;
  margin: 0 50px;
  position: relative;
  height: 100%;
}
.overlay.fadeIn {
  opacity: 1;
  height: 100%;
}
.overlay.fadeOut {
  opacity: 0;
}

.lb_iframe_hold {
  position: absolute;
  max-width: 1300px;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.lb_iframe_pad {
  position: absolute;
  padding: 60% 0 0 0;
  height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.lb_iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 95%;
  height: 95%;
  z-index: 999;
}

.lb_spinner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  height: 50px;
  background: url(assets/images/spinner.svg) no-repeat center center;
  background-size: 100% auto;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.big_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.lb_cover {
  padding: 2rem 0;
  height: 100%;
  position: relative;
  z-index: 4;
}

.lb_lightbox {
  height: 100%;
  width: 100%;
  table-layout: auto;
}

.lb_btn_hold, .lb_display {
  vertical-align: middle;
}

.lb_btn_hold {
  width: 30px;
}

.lb_display {
  text-align: center;
  max-width: 100%;
}

/*
	.lb_img {
		max-width:100%;
		position: absolute;
		padding:0 .7rem;
		top:0;
		right:0;
		left:0;
		bottom:0;
		margin:auto;
	}
*/
.lb_btn_hold {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 77;
  cursor: pointer;
  -webkit-user-select: none;
}
.lb_btn_hold.lb_next {
  left: 0;
}
.lb_btn_hold.lb_prev {
  right: 0;
}

.lb_btn {
  -webkit-user-select: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  text-align: center;
  z-index: 99;
  width: 30px;
  height: 43px;
}
.lb_btn:after {
  content: "";
  width: 22px;
  height: 22px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: relative;
  display: inline-block;
  vertical-align: top;
  top: 10px;
}
.lb_btn.lb_btn_prev {
  left: -32px;
}
.lb_btn.lb_btn_prev:after {
  right: -2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.lb_btn.lb_btn_next {
  right: -32px;
}
.lb_btn.lb_btn_next:after {
  right: 2px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.lb_display .lb_slide-inner.media_type_iframe {
  height: 100%;
  position: relative;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
}
.lb_display .lb_slide-inner.media_type_iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lb_close {
  right: -42px;
  z-index: 78;
  cursor: pointer;
}
.lb_close:after, .lb_close:before {
  content: "";
  width: 2px;
  height: 26px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
.lb_close:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.lb_close:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.lb_close, .lb_btn_hold .btn {
  position: absolute;
  top: 0;
  width: 30px;
  height: 30px;
}

.lb_display {
  -webkit-transition: opacity 150ms ease-out;
  -o-transition: opacity 150ms ease-out;
  -moz-transition: opacity 150ms ease-out;
  transition: opacity 150ms ease-out;
}
.lb_display.fadeOut {
  opacity: 0;
}
.lb_display.fadeIn {
  opacity: 1;
}

.lb_figcaption {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  font-family: arial;
  color: #A8A8A8;
}

.lb_display {
  height: 100%;
}
.lb_display div {
  height: 100%;
}

.slick-slide {
  overflow: hidden;
  position: relative;
}

.lb_content img {
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  padding: 0 0.7rem;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.media_type-iframe {
  height: 0 !important;
  padding: 60% 0 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto 0;
}

.lb_content iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}

.slick-slide {
  outline: none;
}

@media (max-width: 1000px) {
  .lb_btn {
    display: none;
    -webkit-user-select: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .overlay .pad {
    margin: 0;
  }

  .lb_close {
    top: -15px;
    left: 1rem;
  }

  .lb_display {
    padding: 0 1rem;
  }
}
@media (max-width: 425px) {
  .lb_btn.lb_btn_next {
    left: -20px;
  }

  .lb_btn.lb_btn_prev {
    right: -20px;
  }
}
#top_fix {
  font-size: 1.05em;
  position: fixed;
  background: #fff;
  color: #000000;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  transition: all 200ms ease;
  z-index: 10001;
  padding: 0 0.66rem 0;
  -webkit-transform: translateX(0);
}
#top_fix .styled_btn--try_now {
  background: #2ED06E;
}

.logo-cell {
  width: 8.94em;
  text-align: left;
  -webkit-transition: width 200ms linear;
  -o-transition: width 200ms linear;
  -moz-transition: width 200ms linear;
  transition: width 200ms linear;
  transform: translateZ(0);
}

.top-margin {
  width: 1.66em;
}

/* ================================ MAIN MENU - DESKTOP LAYOUT ============================ */
#main_menu {
  display: inline-block;
  vertical-align: middle;
}
#main_menu .sub-menu {
  list-style: none;
}

#main_menu-list_hold > ul {
  font-size: 14px;
}
#main_menu-list_hold > ul > li {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.26em;
  padding-bottom: 0.31em;
  position: relative;
  font-weight: 500;
}
@media (min-width: 1000px) {
  #main_menu-list_hold > ul > li:hover > ul {
    display: block;
  }
}
@media (min-width: 1000px) {
  #main_menu-list_hold > ul > li > ul {
    top: 100%;
    right: -99px;
    left: -99px;
    margin: 0 auto;
    padding-top: 0.5em;
  }
  #main_menu-list_hold > ul > li ul {
    position: absolute;
    width: 146px;
    text-align: center;
    font-size: inherit;
    display: none;
    width: 166px;
  }
  #main_menu-list_hold > ul > li ul li {
    position: relative;
    border-bottom: 1px solid #000;
    background: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  #main_menu-list_hold > ul > li ul li ul {
    left: 100%;
    box-sizing: content-box;
    top: 0;
  }
  #main_menu-list_hold > ul > li ul li:hover > ul {
    display: block;
  }
  #main_menu-list_hold > ul > li ul a {
    padding: 0.7em 0.4em;
    display: block;
  }
  #main_menu-list_hold > ul > li ul a:hover {
    background: rgba(0, 0, 0, 0.2);
  }
  #main_menu-list_hold > ul > li > a:hover {
    color: #3591C9;
  }
}
#main_menu-list_hold > ul .current-menu-item a {
  color: #3591C9;
}

@media (min-width: 1000px) {
  #main_menu-list_hold {
    display: inline-block;
    vertical-align: middle;
  }

  #open_secondary_menu {
    display: inline-block;
    vertical-align: middle;
    height: 3.55em;
    width: 3.55em;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
  }
  #open_secondary_menu .menu_btn {
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    top: -0.12em;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
  }
  #open_secondary_menu .menu_btn .line {
    transform-origin: 28% 50%;
  }
  #open_secondary_menu .menu_btn .line3 {
    transition-delay: 200ms;
  }
  #open_secondary_menu.on {
    background: #e6e9eb;
  }
  #open_secondary_menu.on .menu_btn {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #open_secondary_menu.on .menu_btn .line1 {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #open_secondary_menu.on .menu_btn .line2 {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }
  #open_secondary_menu.on .menu_btn .line3 {
    opacity: 0;
    display: none;
  }

  #menu-secondary-top-menu {
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    top: 100%;
    left: 0;
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0.27em 0.38em;
  }
  #menu-secondary-top-menu ul {
    display: inline;
  }
  #menu-secondary-top-menu li {
    display: inline-block;
    padding: 0.27em 0.38em;
  }
  #menu-secondary-top-menu a {
    text-decoration: none;
    display: inline-block;
  }
  #menu-secondary-top-menu a:hover {
    opacity: 0.7;
  }
}
.open_sub, #open_mobile_menu {
  display: none;
}

@media (min-width: 1000px) {
  #main_menu {
    height: auto !important;
  }
}
/* =========================== TOP CONTROLS ======================= */
.top_btns-cell {
  width: 200px;
  text-align: right;
}

.styled_btn--try_now {
  min-height: 2em;
  padding: 0.33em 0.58em;
}

.top_btn-holder {
  display: inline-block;
  vertical-align: middle;
  margin-left: 24px;
  position: relative;
}

.top_panel {
  display: none;
}

.top_btn {
  display: block;
  width: 20px;
  height: 20px;
  background-size: 100% auto;
  background-position: center center;
}
.top_btn:hover {
  opacity: 0.8;
}

.top_btn--search {
  background-image: url(assets/images/header-search.svg);
}

.top_btn--lang {
  background-image: url(assets/images/t-lang.svg);
}

.top_btn--cart {
  background-image: url(assets/images/t-cart.svg);
}

.top_panel {
  position: absolute;
  right: 0;
  top: 100%;
  padding: 10px 0 0 0;
}

.top_panel-style {
  position: relative;
  border: 1px solid #000;
  padding: 5px;
  background: #fff;
  left: 7px;
  min-width: 120px;
}

.panel_arrow {
  width: 13px;
  height: 10px;
  position: absolute;
  bottom: calc(100% - 1px);
  right: 10px;
  overflow: hidden;
}
.panel_arrow:after {
  content: "";
  position: absolute;
  top: 4px;
  left: -1px;
  width: 13px;
  height: 13px;
  border: 1px solid #000;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background: #fff;
}

/*search */
.search_site {
  border: 1px solid #000;
  height: 29px;
  padding-right: 30px;
  position: relative;
  width: 170px;
}

.search_input {
  width: 100%;
  height: 100%;
  line-height: normal;
  border: none;
  padding: 0 10px;
  color: #000;
  display: block;
}
.search_input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000;
}
.search_input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
  opacity: 1;
}
.search_input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
  opacity: 1;
}
.search_input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000;
}
.search_input:focus::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent;
}
.search_input:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
  opacity: 1;
}
.search_input:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
  opacity: 1;
}
.search_input:focus:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}

.search_btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  height: 100%;
  background: url(assets/images/header-search.svg) no-repeat center center;
  border: none;
}
.search_btn:hover {
  opacity: 0.8;
}

/* lang */
.top_panel--lang a {
  display: block;
  padding: 6px 4px;
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  font-size: 13px;
  text-align: left;
}
.top_panel--lang a:hover {
  color: #3591C9;
}

/* ========================== STICKY ========================== */
@media (max-width: 1000px) {
  .logo-cell img {
    margin: 0;
  }
}
.sticky_header #top_fix {
  -webkit-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);
  background: #fff;
}

/* =============================== HEADER - RESPONSIVE AND MOBILE ================= */
@media (min-width: 1000px) and (max-width: 1320px) {
  .logo-cell {
    width: 10em;
  }
  .logo-cell img {
    margin: 0;
  }

  .top-margin {
    width: 0.9em;
  }
}
@media (min-width: 1000px) and (max-width: 1130px) {
  #top_fix {
    font-size: 18px;
  }

  #main_menu > ul > li {
    margin-left: 0.5em;
  }
}
@media (min-width: 1000px) and (max-width: 1090px) {
  #top_fix {
    font-size: 17px;
  }
}
.menu_btn {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  position: relative;
  margin-left: 10px;
}
.menu_btn .line {
  display: block;
  width: 22px;
  height: 2px;
  margin: 0 auto 5px;
  background: #000;
  position: relative;
  top: 2px;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  transition: all 200ms linear;
}
.menu_btn.on .line1 {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  top: 10px;
}
.menu_btn.on .line2 {
  opacity: 0;
}
.menu_btn.on .line3 {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  top: -3px;
}

#open_mobile_menu {
  display: none;
}

@media (max-width: 1000px) {
  #top_fix {
    padding: 5px 0.66rem;
    padding-right: 5px;
  }

  .top-tab > .tdb {
    vertical-align: middle;
  }

  .logo-cell {
    width: 10em;
  }

  .top_btn-holder {
    margin-left: 15px;
  }

  #open_mobile_menu {
    display: inline-block;
  }

  #main_menu {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100%;
    background: #fff;
    color: #000;
    width: 270px;
    right: -270px;
    font-size: 18px;
    font-weight: 500;
  }
  #main_menu .top_panel-style {
    border: none;
    padding: 0;
    position: static;
  }
  #main_menu .search_site {
    width: auto;
  }
  #main_menu .panel_arrow {
    display: none;
  }

  #open_secondary_menu {
    display: none;
  }

  #menu-secondary-top-menu {
    display: block !important;
  }

  #top-menu_group-inner {
    font-size: 13px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #top-menu_group-inner > nav > ul {
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top-menu_group-inner > nav > ul li {
    position: relative;
  }
  #top-menu_group-inner > nav > ul a {
    display: block;
    padding-left: 14px;
    padding-right: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: inherit;
    text-decoration: none;
  }
  #top-menu_group-inner > nav > ul > li {
    display: block;
    margin: 0;
    padding: 0;
  }
  #top-menu_group-inner > nav > ul > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  #top-menu_group-inner > nav > ul > li ul {
    position: static;
    width: auto;
    display: none;
    font-size: 13px;
    background: #444;
    color: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #top-menu_group-inner > nav > ul > li ul a {
    padding-top: 11px;
    padding-bottom: 11px;
    padding-right: 18px;
  }
  #top-menu_group-inner > nav > ul > li ul .open_sub {
    height: 39px;
  }

  .open_sub {
    display: block;
    position: absolute;
    width: 26px;
    height: 47px;
    top: 0;
    z-index: 8;
    right: 4px;
  }
  .open_sub:after {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-left: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    transition: all 200ms linear;
  }
  .open_sub.on:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
  }

  #menu_overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -webkit-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
    width: 100%;
  }

  .show_mobile_menu #top_fix {
    left: -270px;
  }
  .show_mobile_menu #menu_overlay {
    height: 100%;
    opacity: 1;
  }

  .menu-extra-content {
    display: block;
    padding: 12px 14px 12px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .menu-extra-content .customer-login {
    display: block;
    margin: 0 auto 7px;
    text-align: center;
    padding: 10px 13px;
    background-image: #423c3d;
    background-image: -moz-linear-gradient(top, #423c3d 0%, #010101 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #423c3d), color-stop(100%, #010101));
    background-image: -webkit-linear-gradient(top, #423c3d 0%, #010101 100%);
    background-image: -o-linear-gradient(top, #423c3d 0%, #010101 100%);
    background-image: -ms-linear-gradient(top, #423c3d 0%, #010101 100%);
    background-image: linear-gradient(to bottom, #423c3d 0%, #010101 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$start", endColorstr="$end",GradientType=0 );
    filter: none;
    border-radius: 20px;
  }
}
@media (max-width: 520px) {
  .top_btn-holder--search {
    display: none;
  }

  .styled_btn--try_now {
    min-width: 0;
    font-size: 14px;
  }

  .top_btn-holder {
    margin-left: 7px;
  }

  #open_mobile_menu {
    margin-left: -1px;
  }

  .top_btns-cell {
    width: auto;
  }

  .top-margin {
    width: 0;
  }

  .menu-cell {
    padding: 0 10px;
  }

  .top_btns-cell {
    width: 40px;
  }

  .menu-extra-content {
    position: static;
  }
}
@media (max-width: 420px) {
  #top_fix {
    padding-right: 0;
  }

  .logo-cell {
    width: 108px;
  }
}
@media (max-width: 1001px) {
  #top_fix .top_btns-cell {
    width: 82px;
    text-align: left;
    direction: rtl;
  }
  #top_fix .top_btn-holder {
    margin-left: auto;
    margin-right: 15px;
  }
  #top_fix .menu_btn {
    margin-right: 10px;
    margin-left: auto;
  }
  #top_fix .top_panel {
    left: -14px;
    right: auto;
  }
  #top_fix .top_panel .panel_arrow {
    right: auto;
    left: 10px;
  }
  #top_fix #main_menu {
    right: auto;
    left: -270px;
  }

  .show_mobile_menu #top_fix {
    left: auto;
    right: -270px !important;
  }
}
#bottom_of_site {
  background: #171d21;
  color: #fff;
  padding: 2.4rem 0 5.2rem;
  text-align: center;
}
#bottom_of_site .purchase {
  padding-top: 0;
}
#bottom_of_site .circular_btn {
  font-size: 1.66em;
}
#bottom_of_site .customer-login {
  font-size: 0.95em;
}

.bottom_nav {
  font-size: 14px;
  margin: 0 0 1.6rem;
  font-weight: 900;
  padding: 1.55em 0;
  border-top: 1px solid #3a3f42;
  border-bottom: 1px solid #3a3f42;
}
.bottom_nav ul {
  display: inline;
}
.bottom_nav li {
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
}
.bottom_nav li.current-menu-item > a {
  color: #3591C9;
}
.bottom_nav a {
  color: inherit;
  text-decoration: none;
  margin: 0px 0.53rem 2px;
  display: inline-block;
}
.bottom_nav a:hover {
  color: #3591C9;
}

.bottom_info-logo {
  margin: 0 0 1.66em;
}

#site_footer {
  font-size: 12px;
  font-weight: 900;
  opacity: 0.4;
}
#site_footer a {
  color: inherit;
}

.payment-methods {
  margin: 1.66em 0 0 0;
  text-align: center;
}

.payment-methods-single {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.55em;
}

.internal_top {
  background-position: left center;
  background-size: cover;
  margin: 0 0 2.2rem;
}
.internal_top.no_bg {
  background: #f0f2f3;
  background: -moz-linear-gradient(left, #f0f2f3 0%, #e4e7e9 48%);
  background: -webkit-linear-gradient(left, #f0f2f3 0%, #e4e7e9 48%);
  background: linear-gradient(to right, #f0f2f3 0%, #e4e7e9 48%);
}
.has_internal_navbar .internal_top {
  margin: 0;
}

.internal_top-table_layout {
  height: 10.22em;
  padding: 0 1rem;
}
.has_internal_navbar .internal_top-table_layout {
  height: 18.88em;
}

.internal_top-crumb_cell {
  height: 33px;
  padding: 10px 0 0 0;
}

.crumb_strip {
  font-weight: 500;
  font-size: 11px;
  color: #3591C9;
}
.crumb_strip a {
  color: #171d21;
  text-decoration: none;
}
.crumb_strip a:hover {
  text-decoration: underline;
}

.arrow_l {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  position: relative;
  top: -1px;
}
.arrow_l:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  border-left: 1px solid #171d21;
  border-bottom: 1px solid #171d21;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.internal_top-content-cell {
  font-size: 1.11em;
}

.grid--internal_top {
  max-width: 1454px;
  margin: 0 auto;
}

.internal_top-limit_width {
  max-width: 100%;
}

.internal_top-limit_width.half_width {
  max-width: 100%;
}

.internal_title {
  font-size: 2.88em;
  font-weight: 400;
  margin: 0.3em 0;
}

.ti_st_text {
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 0 15px;
}

.internal_top-central_image img {
  max-width: 100%;
}

@media (max-width: 530px) {
  .internal_top {
    font-size: 13px;
  }

  .internal_title {
    margin: 0.2em 0 0.2em;
  }
}
.single-blog .mock_table.internal_top-table_layout, .single-faqblog .mock_table.internal_top-table_layout, .post-type-archive-blog .mock_table.internal_top-table_layout, .post-type-archive-faqblog .mock_table.internal_top-table_layout {
  height: 1em;
}
.single-blog .internal_top-crumb_cell, .single-faqblog .internal_top-crumb_cell, .post-type-archive-blog .internal_top-crumb_cell, .post-type-archive-faqblog .internal_top-crumb_cell {
  padding: 10px 0;
}
.single-blog .related_items, .single-faqblog .related_items, .post-type-archive-blog .related_items, .post-type-archive-faqblog .related_items {
  margin: 0 0 2em;
}
.page-template .internal_top-table_layout {
  height: 18.22em;
}

.page-template-page-blog .internal_top-crumb_cell, .tax-blogs-tax .internal_top-crumb_cell, .single-blog .internal_top-crumb_cell {
  display: none;
}

.single-blog .mock_table.internal_top-table_layout {
  display: none;
}

.blog-post-date.reading-time {
  margin: 0 0 1.42em 1rem;
}

@media (max-width: 782px) {
  #wpadminbar #wp-admin-bar-customize > .ab-item, #wpadminbar #wp-admin-bar-edit > .ab-item, #wpadminbar #wp-admin-bar-my-account > .ab-item, #wpadminbar #wp-admin-bar-my-sites > .ab-item, #wpadminbar #wp-admin-bar-site-name > .ab-item {
    width: 45px;
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
/* ======================= HOME INTRODUCTION =========================== */
.home_intro-btns {
  margin: 1.44em 0 0 0;
}
.home_intro-btns .styled_btn {
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 18px;
}
.home_intro-btns .btn--download {
  background: none;
  border: 1px solid #3591C9;
  color: #3591C9;
  box-shadow: none;
}
.home_intro-btns .btn--download:before {
  background-image: url(assets/images/blue-download.svg);
}

.grid--home_intro {
  max-width: 1500px;
}
.grid--home_intro .product-top-margin {
  width: 2.66em;
}

/* === / CANCELED BY CUSTOMER'S REQUEST
.home_intro-margin {
	width:runner(90);
}
#home_main_image {
	overflow: hidden;
	position: relative;
	.main_img-single {
		position: absolute;
		top:0;
		left:-9999px;
		right:-9999px;
		margin:0 auto;
	}
}
#home_bg_image {
	background-position: top center;
	background-size:cover;
	padding:2rem 0;
}
.grid--top_image {
	max-width:1456px;
}
$hm-fs : 20;
.home_main-content {
	height:100%;
	position: relative;
	z-index: 9;
	font-size:runner($hm-fs);
	> .tdm {
		height: 100%;
	}
}
	.home_main-content-limitter {
		max-width:em($hm-fs,560);
	}
	.home_main-title {
		font-size:em($hm-fs,52);
		font-weight: $regular;
		margin:0 0 em(52,24);
		strong {
			display: block;
			font-weight: $semiBold;
		}
	}
	.home_main_desc {
		margin:0 0 rem(23);
	}


.home_main-vid_btn {
	color: #ea635e;
	text-decoration:  none;
	display: inline-block;
	vertical-align:  middle;
	font-weight: $medium;
	&:before {
		content:"";
		display: inline-block;
		vertical-align: middle;
		background:url(assets/images/play.svg) no-repeat center center;
		background-size:100% auto;
		width:runner(30);
		height:runner(21);
		position: relative;
		bottom:runner(2);
	}
	&:hover {
		text-decoration: underline;
	}
}

@media (max-width:600px){
	.home_main-content-limitter {
		text-align: center;
		max-width: none;
	}
	.home_main-title {
		font-size:12vw;
	}
}

/* ============================ HOME SPEC BOXES ===================== */
.product_spec {
  padding: 5.44em 0;
}

.grid--product_spec {
  max-width: 1077px;
}

.product_spec-list {
  margin: -0.34rem -1rem;
}

.product_spec-item {
  width: 33.3333%;
  padding: 0.33rem 1rem;
}

.product_spec-title {
  font-size: 1.72em;
  font-weight: 500;
  margin: 0 0 0.51em;
}

.product_spec-desc {
  font-size: 0.94em;
  color: #5b6367;
}

@media (max-width: 570px) {
  .product_spec-item {
    text-align: center;
    width: 100%;
  }
}
/* ============================ HOME CONTENT ======================== */
.related_items {
  background: #eceef0;
  background: -moz-linear-gradient(left, #eceef0 0%, white 78%);
  background: -webkit-linear-gradient(left, #eceef0 0%, white 78%);
  background: linear-gradient(to right, #eceef0 0%, white 78%);
}

.features {
  background: white;
  background: -moz-linear-gradient(left, white 21%, #eceef0 99%);
  background: -webkit-linear-gradient(left, white 21%, #eceef0 99%);
  background: linear-gradient(to right, white 21%, #eceef0 99%);
}

.home_content {
  background: -moz-linear-gradient(left, #e4e8e9 0%, #f0f2f3 100%);
  background: -webkit-linear-gradient(left, #e4e8e9 0%, #f0f2f3 100%);
  background: linear-gradient(to right, #e4e8e9 0%, #f0f2f3 100%);
  padding: 2.66rem 0;
}

.home_content-part:nth-child(even) .home_content-table {
  direction: rtl;
}
.home_content-part:nth-child(even) .home_content-table > .tdm {
  direction: ltr;
}

.grid--home_content-part {
  max-width: 1000px;
}

.home_content-space {
  width: 2.13rem;
}

.home_content-image {
  width: 41.7%;
}
.home_content-image img {
  max-width: 100%;
}
.fuie .home_content-image img[src$=svg] {
  width: 100%;
}
.fuie .home_content-image img[src$=jpg], .fuie .home_content-image img[src$=png], .fuie .home_content-image img[src$=gif] {
  max-width: 100%;
}

.home_content-bubble {
  padding: 100% 0 0 0;
  position: relative;
  border-radius: 50%;
  border: 3px solid #fff;
  overflow: hidden;
}
.home_content-bubble img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  right: -9999px;
  left: -9999px;
  margin: auto;
}
.home_content-bubble:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  -webkit-box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
  border-radius: 50%;
}

.home_content-title {
  font-size: 2.66em;
  margin: 0 0 0.35em;
  font-weight: 700;
  color: #3591C9;
}

.home_content-text {
  font-size: 1.11em;
  font-weight: 500;
}

.home_content--blue .home_content-title {
  color: #3591C9;
}

.home_content--green .home_content-title {
  color: #9ece71;
}

.home_content--magenta .home_content-title {
  color: #ce648a;
}

.home_content--yellow .home_content-title {
  color: #e2cc4a;
}

.home_content--orange .home_content-title {
  color: #ea9962;
}

.home_content--purple .home_content-title {
  color: #9f79cc;
}

.section_scroller-btns_hold {
  height: 0;
  text-align: center;
}

.section_scroller-btn {
  display: inline-block;
  vertical-align: middle;
  font-size: 2.27em;
  width: 1em;
  height: 1em;
  border: 1px solid #c8ced0;
  border-radius: 50%;
  margin: 0 0.17em;
  position: relative;
  bottom: 0.5em;
  background: #f5f6f7 no-repeat center center;
  background-size: 0.4em auto;
  -webkit-transition: background 300ms ease;
  -o-transition: background 300ms ease;
  -moz-transition: background 300ms ease;
  transition: background 300ms ease;
}
.section_scroller-btn:hover {
  background-color: #dadada;
}
.section_scroller-btn.scroll_down {
  background-image: url(assets/images/arr.svg);
}
.section_scroller-btn.scroll_up {
  background-image: url(assets/images/arr-up.svg);
}

.home_part {
  padding: 2.8rem 0;
}
.home_part h2 {
  font-size: 2.22em;
  margin: 0 0 1em;
  text-align: center;
  color: #3591C9;
  font-weight: 500;
}

.home_part--has_bg {
  background-size: cover;
  background-position: top center;
  color: #fff;
}
.home_part--has_bg h2 {
  color: inherit;
}

@media (max-width: 860px) {
  .home_content-table, .home_content-table > .tdm {
    display: block;
    margin: 0 auto;
  }

  .home_content-table {
    text-align: center;
    height: auto !important;
    padding: 1rem 0 2rem;
  }

  .home_content-space {
    height: 1.2rem;
  }

  .home_content-image {
    width: auto;
    max-width: 421px;
  }

  .home_content-desc {
    max-width: 500px;
  }
}
@media (max-width: 520px) {
  .home_content-title {
    font-size: 8vw;
  }
}
/* ================================= TESTIMONIALS SLIDER ======================== */
.home_testi-slider {
  max-width: 1060px;
  margin: 0 auto 26px;
  position: relative;
  padding: 0 2.22em;
}
.home_testi-slider .slick-dots {
  position: absolute;
  font-size: 0;
  top: calc(100% + 26px);
  width: 100%;
  text-align: center;
  left: 0;
}
.home_testi-slider .slick-dots li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 3px;
}
.home_testi-slider .slick-dots li.slick-active button, .home_testi-slider .slick-dots li:hover button {
  background: #fff;
  border: none;
}
.home_testi-slider .slick-dots button {
  display: block;
  width: 14px;
  height: 14px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.home_testi-slider:not(.slick-initialized) .home_testi-slide:not(:first-child) {
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.home_testi-btn {
  font-size: 1.72em;
  width: 1em;
  height: 1.93em;
  background-size: 100% auto;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.home_testi-btn.prev {
  background-image: url(assets/images/arr-left.svg);
  left: 0;
}
.home_testi-btn.next {
  background-image: url(assets/images/arr-right.svg);
  right: 0;
}

.home_testi-slide {
  padding: 0 1px;
}

.home_testi-slide-grid {
  max-width: 822px;
  margin: 0 auto;
}

.home_testi-text {
  padding: 0.77em;
  padding-right: 1.5rem;
}

.home_testi-slide-title {
  color: #fff;
  font-size: 2.11em;
  margin: 0 0 1.2rem;
}

.home-testi-slide-text ul li {
  min-height: 2.33em;
  padding: 0.66em 0;
  padding-left: 3.05em;
  background: url(assets/images/bullet.svg) no-repeat top left;
  background-size: 2.38em auto;
  margin: 0 0 1.11em;
  line-height: 0.9em;
}
.home-testi-slide-text ul li:last-child {
  margin: 0;
}

.home_testi-quotation-cell {
  width: 19.61em;
}

.testi-bubble {
  width: 19.61em;
  height: 19.61em;
  background: rgba(53, 145, 201, 0.7);
  border-radius: 50%;
  padding: 0.88em;
  text-align: center;
  margin: 0 auto;
}

.testi-image {
  width: 4.61em;
  height: 4.61em;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.testi-image img {
  position: absolute;
  top: -999px;
  bottom: -999px;
  right: -999px;
  left: -999px;
  margin: auto;
}

.testi-buttble-quote-block {
  margin: 0.5em 1.33em 0;
}

.testi-buttble-quote {
  font-weight: 800;
  font-size: 1em;
  margin: 0 0 0.55em;
}
.testi-buttble-quote:before, .testi-buttble-quote:after {
  content: "";
  width: 1.88em;
  height: 1.66em;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.testi-buttble-quote:before {
  background-image: url(assets/images/q-t.svg);
}
.testi-buttble-quote:after {
  background-image: url(assets/images/q-b.svg);
  vertical-align: text-top;
}

.testi-bubble-meta {
  font-size: 15px;
}
.testi-bubble-meta small {
  display: block;
  font-size: 0.86em;
}

@media (max-width: 650px) {
  .home_testi-table, .home_testi-table > .tdt {
    display: block;
    width: auto;
  }

  .home_testi-slide-title {
    text-align: center;
  }

  .home-testi-slide-text {
    text-align: center;
  }
  .home-testi-slide-text ul {
    display: table;
    margin: 0 auto;
    text-align: left;
  }
}
@media (max-width: 500px) {
  .home_testi-slider {
    padding: 0 0;
  }

  .home_testi-btn {
    font-size: 0.9em;
  }

  .home .home_testi-btn {
    visibility: hidden;
  }

  .home_testi-quotation-cell {
    font-size: 12.5px;
  }

  .testi-buttble-quote {
    font-size: 1.08em;
  }
}
/* ===================== HOME LINKS ============================ */
.gird--home_links {
  max-width: 1421px;
}

.home_links-frame {
  overflow: hidden;
}

.home_links {
  margin: -0.4rem 0;
}

.home_links-box {
  width: 25%;
  border-left: 1px solid #c8ced0;
  position: relative;
  cursor: pointer;
  margin: 0.4rem 0;
}
.home_links-box:first-child {
  border: none;
}
.home_links-box:nth-child(4n + 1) {
  border: none;
}
@media (min-width: 1010px) {
  .home_links-box:hover .home_links-content {
    opacity: 1;
  }
}

.home_links-image {
  position: relative;
  padding: 50% 0 0 0;
  overflow: hidden;
}
.home_links-image img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  right: -9999px;
  left: -9999px;
  margin: auto;
  max-width: 100%;
}

.home_links-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.23);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.23);
  opacity: 0;
  z-index: 9;
  line-height: 1em;
  font-weight: 800;
  padding: 1em;
  font-size: 1.11em;
  -webkit-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.home_links-content .mock_table {
  height: 100%;
  text-decoration: none;
  color: inherit;
}
.home_links-content.empty {
  box-shadow: none;
  -webkit-box-shadow: none;
  background: none;
}
.home_links-content.empty:hover {
  background: rgba(255, 255, 255, 0.3);
}
.home_links-content .arrow-link {
  text-decoration: underline;
}

.home_links-desc {
  margin: 1.05em 0;
}

@media (max-width: 1250px) {
  .home_links-content {
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  .home_links-box {
    width: 50%;
    border-left: 1px solid #c8ced0;
  }
  .home_links-box:nth-child(2n + 1) {
    border: none;
  }
}
@media (max-width: 400px) {
  .home_links-box {
    width: 100%;
    border-left: none;
  }
}
/* home page video */
.center_video {
  max-width: 670px;
  position: relative;
  margin: 2em auto;
  padding-top: 50%;
}
.center_video iframe {
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.product-top-image.home-video {
  width: 40.22em;
}

@media (max-width: 701px) {
  .tdm.product-top-image.home-video {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 501px) {
  .center_video {
    padding-top: 62%;
  }
}
.home .product-top {
  padding-top: 1.15rem;
}
.home .product-title {
  font-size: 3em;
}

#top_fix .tdm.top_btns-cell.new {
  display: none;
}
@media (max-width: 1000px) {
  #top_fix .tdm.top_btns-cell.new {
    display: table-cell;
    width: 45px;
  }
}

@media (max-width: 1000px) {
  .top_btns-cell {
    display: none;
  }
}

.tdm.menu-cell {
  text-align: center;
}
@media (max-width: 1000px) {
  .tdm.menu-cell {
    text-align: left;
  }
}

.top_btns-cell {
  width: 40px;
}

.content_part {
  font-size: 1.11em;
  margin: 0 0 2.35em;
  position: relative;
  font-weight: 900;
}
.content_part ul, .content_part ol {
  margin: 0 0 0.76rem;
  font-size: 1em;
}
.content_part ul li, .content_part ol li {
  margin: 0 0 0.5em;
}
.content_part ul {
  list-style: none;
  padding: 0;
}
.content_part ul li {
  padding-left: 1.6em;
  position: relative;
}
.content_part ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.35em;
  width: 0.5em;
  height: 0.5em;
  background: #3591C9;
  border-radius: 50%;
  background-size: 100% auto;
}
.content_part ol {
  padding-left: 1em;
}
.content_part ol li {
  padding-left: 0.6em;
}
.content_part > h3, .content_part > h4, .content_part > h5, .content_part > h6 {
  font-weight: 500;
  margin: 0 0 0.43em;
}
.content_part > a {
  color: #3591C9;
}
.content_part blockquote {
  color: #3591C9;
  font-size: 1.1em;
  font-weight: 800;
  margin: 0 0 1.23rem;
  padding-left: 1.25em;
  border-left: 0.25em solid #3591C9;
}
.content_part p {
  font-family: Raleway, arial, sans-serif;
  line-height: 1.7em;
}
.content_part p > img {
  max-width: 100%;
  border-radius: 0.5em;
}

.wp-caption {
  width: auto !important;
  position: relative;
  overflow: hidden;
  margin: 0 0 1.23rem;
}
.wp-caption img {
  max-width: 100%;
  border-radius: 0.5em;
  height: auto;
}

.content_part-desc {
  margin: 0 0 1em;
}

.content_part--free_text .wp-caption {
  display: inline;
}
.content_part--free_text img {
  max-width: 100%;
  height: auto;
}
.content_part--free_text .wp-caption-text {
  font-size: 0.9em;
  text-align: center;
  margin: 0 0 0.5rem;
}

/* ====================== INTERNAL SLIDER ============================== */
.internal_slider {
  position: relative;
  overflow: visible;
}
.internal_slider .slick-list {
  overflow: hidden;
  border-radius: 19px;
}

.content_part--slider .slick-initialized:before {
  content: "";
  position: absolute;
  left: -10px;
  top: -12px;
  width: 54px;
  height: 54px;
  background: url(assets/images/pic-icon.svg) no-repeat center center;
  background-size: 100% auto;
  z-index: 2;
}
@media (max-width: 425px) {
  .content_part--slider .slick-initialized:before {
    width: 48px;
    height: 48px;
  }
}

.internal_slider-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 2.15em;
  height: 2.15em;
  background-color: rgba(53, 145, 201, 0.8);
  background-size: 0.55em auto;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  z-index: 9;
}
.internal_slider-btn.next {
  right: 0.75em;
  background-image: url(assets/images/slider-arr-right.svg);
}
.internal_slider-btn.prev {
  left: 0.75em;
  background-image: url(assets/images/slider-arr-left.svg);
}
.internal_slider-btn:hover {
  opacity: 0.8;
}

.internal_slider-slide {
  position: relative;
}

.slider_img_hold {
  padding: 66% 0 0 0;
  position: relative;
}
.slider_img_hold img {
  max-width: 100%;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  right: -9999px;
  left: -9999px;
  margin: auto;
}

.slider_caption, .wp-caption-text {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 8;
  bottom: 0.9em;
  text-align: center;
}
.slider_caption span, .wp-caption-text span {
  display: inline-block;
  background: rgba(34, 31, 31, 0.85);
  border-radius: 1.4em;
  font-size: 13px;
  color: #fff;
  padding: 5px 11px;
}

@media (max-width: 830px) {
  .internal_slider-btn.next {
    right: 0.5em;
  }
  .internal_slider-btn.prev {
    left: 0.5em;
  }
}
@media (max-width: 450px) {
  .internal_slider-btn {
    font-size: 11px;
  }
}
/* ================================= FILES ========================== */
.downloadable_file {
  display: block;
  border: 1px solid #c8ced0;
  font-size: 0.9em;
  font-weight: 700;
  padding: 0.55em 2.22em;
  color: inherit;
  text-decoration: none;
  position: relative;
  border-radius: 0.5em;
  margin: 0 0 0.44em;
  padding-left: 42px;
}
.downloadable_file:last-child {
  margin: 0;
}
.downloadable_file:hover {
  color: #3591C9;
}
.downloadable_file:before {
  content: "";
  width: 16px;
  height: 18px;
  position: absolute;
  left: 0.72em;
  top: 0.6em;
  background-repeat: no-repeat;
  background-position: center center;
}
.downloadable_file:after {
  content: "";
  background: url(assets/images/blue-download.svg) no-repeat center center;
  background-size: 100% auto;
  width: 16px;
  height: 17px;
  position: absolute;
  right: 0.88em;
  top: 0.6em;
}
.downloadable_file.file_pdf:before {
  background-image: url(assets/images/icon_pdf.png);
}
.downloadable_file.file_excel:before {
  background-image: url(assets/images/icon_excel.png);
}
.downloadable_file.file_powerpoint:before {
  background-image: url(assets/images/icon_powerpoint.png);
}
.downloadable_file.file_word:before {
  background-image: url(assets/images/icon_word.png);
}
.downloadable_file.file_rar:before {
  background-image: url(assets/images/icon_rar.png);
}
.downloadable_file.file_zip:before {
  background-image: url(assets/images/icon_zip.png);
}
.downloadable_file.file_pic:before {
  background-image: url(assets/images/icon_pic.png);
}

/* ================= YOUTUBE ====================== */
h2 + .youtube_hold {
  margin-top: 1rem;
}

.youtube_hold {
  padding: 57.6% 0 0 0;
  overflow: hidden;
  border-radius: 0.5em;
  position: relative;
}
.youtube_hold iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ================================== BULLETS ======================================= */
.bullets_area {
  margin: -0.7em -1.6em;
  font-weight: 900;
}

.bullets_area-item {
  width: 50%;
  padding: 0.7em 1.6em;
}

.bullets_area-pad {
  padding: 0.66em 0 0 0;
  padding-left: 2.5em;
  background: url(assets/images/blue-bullet.svg) no-repeat top left;
  background-size: 2.15em auto;
}

.bullets_area-title {
  font-size: 1em;
  margin: 0 0 0.5em;
  font-weight: 700;
}

@media (max-width: 600px) {
  .bullets_area {
    margin: -0.5em;
  }

  .bullets_area-item {
    padding: 0.5em;
  }
}
@media (max-width: 520px) {
  .bullets_area-item {
    width: 100%;
  }
}
/* ================================== TRAINING ======================================= */
.training-boxes {
  margin: -0.5rem;
  text-align: center;
}

.training-item {
  width: 50%;
  padding: 0.5rem;
}

.training-item-in {
  height: 100%;
  border: 1px solid #c8ced0;
  border-radius: 10px;
  padding: 0.66rem;
}

.training-links {
  margin: -0.3rem;
  color: #3591C9;
  font-weight: 700;
}

.training-item-title {
  font-size: 1.11em;
  color: #171d21;
  margin: 0 0 17px;
  font-weight: 700;
}

.training-links-item {
  width: 33.333%;
  padding: 0.3rem;
}
.training-links-item a {
  display: block;
  color: inherit;
  text-decoration: none;
  max-width: 5.16em;
  margin: 0 auto;
}
.training-links-item a:hover {
  color: #000;
}
.training-links-item a:hover .training-icon {
  background: #000;
}

.training-icon {
  padding: 100% 0 0 0;
  position: relative;
  background: #3591C9;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 0.38em;
}
.training-icon img {
  position: absolute;
  top: -9999px;
  right: -9999px;
  left: -9999px;
  bottom: -9999px;
  margin: auto;
  max-width: 62%;
}

.training-links-title {
  font-size: 16px;
}

@media (max-width: 570px) {
  .training-item {
    width: 100%;
  }
}
/* ================================== SHARE ======================================= */
.share_holder {
  border-top: 1px solid #c8ced0;
  padding: 1.94em 0 0 0;
  margin: 4.61em 0 0 0;
}

.bottom_shares-title {
  vertical-align: middle;
  display: inline-block;
  font-size: 1.11em;
  margin-right: 0.85em;
  color: #3591C9;
  font-weight: 500;
}
.bottom_shares-title strong {
  color: #3591C9;
}

.art_share_btn {
  display: inline-block;
  width: 2.16em;
  height: 2.16em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
}
.art_share_btn.share_gp {
  background-image: url(assets/images/share-gp.svg);
}
.art_share_btn.share_fb {
  background-image: url(assets/images/share-fb.svg);
}
.art_share_btn.share_tw {
  background-image: url(assets/images/share-tw.svg);
}
.art_share_btn:hover {
  opacity: 0.7;
}

.purchase {
  background: #171d21;
  color: #fff;
  text-align: center;
  padding: 1.33rem 0;
}
.purchase .styled_btn {
  margin: 0 2px;
}

.purchase-for {
  font-size: 14px;
  margin: 0 0.35em;
  font-weight: 500;
}
.purchase-for strong {
  font-weight: inherit;
  font-size: 1.78em;
}

.purchase-mar {
  height: 2.27em;
  width: 1px;
  background: #454a4d;
  margin: 0 2.5em;
}

.btn--buy:before, .btn--download:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.btn--buy:before {
  width: 1.17em;
  height: 1.17em;
  left: 0.58em;
  top: 0.64em;
}

.btn--download {
  background: #fff;
  color: #000;
  padding-left: 2.47em;
}
.btn--download:before {
  width: 1.17em;
  height: 1.23em;
  background-image: url(assets/images/download.svg);
  top: 0.52em;
  left: 0.7em;
}
.btn--download:hover {
  background-color: #e6e6e6;
}

@media (max-width: 1060px) {
  .purchase-mar {
    margin: 0 20px;
  }
}
@media (max-width: 960px) {
  .purchase {
    padding: 22px 0;
  }

  .grid--purchase {
    max-width: 550px;
  }

  .purchase-mar {
    display: block;
    width: auto;
    background: none;
    height: 10px;
  }

  .purchase-available {
    display: table;
  }

  .mobile-purchase-icon-cell, .mobile-purchase-text-cell {
    display: table-cell;
    vertical-align: middle;
  }

  .mobile-purchase-icon-cell {
    width: 90px;
  }

  .purchase-for {
    min-width: 140px;
  }
}
@media (max-width: 600px) {
  .purchase-available {
    display: block;
  }
  .purchase-available .styled_btn {
    font-size: 14px;
  }

  .mobile-purchase-icon-cell, .mobile-purchase-text-cell {
    display: inline;
  }

  .purchase-btns-set {
    display: block;
    margin: 10px 0 0 0;
  }

  .purchase-icon.mac {
    width: 40px;
  }
  .purchase-icon.ipad {
    width: 20px;
  }
}
.grid--videos {
  max-width: 1172px;
}

.videos_list-title {
  color: #3591C9;
  text-align: center;
  font-size: 2.22em;
  margin: 0 0 1.42em;
}

.videos_list {
  justify-content: center;
  margin: -0.74rem;
}

.videos_list-item {
  width: 25%;
  padding: 0.73rem;
}

.videos_list-vid_link {
  max-width: 14.27em;
  display: block;
  margin: 0 auto;
}

.videos_list-image {
  padding: 100% 0 0 0;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
.videos_list-image img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  right: -9999px;
  left: -9999px;
  margin: auto;
}

.video-icon {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 3.22em;
  height: 3.22em;
  border-radius: 50%;
  background: rgba(53, 145, 201, 0.8);
  border-radius: 50%;
  z-index: 9;
}
.video-icon:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.83em 0 0.83em 1.44em;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0.4em;
  margin: auto;
}

.videos_list-desc {
  font-size: 1em;
  max-width: 11.27em;
  margin: 0.66em auto 0;
  text-align: center;
}

@media (max-width: 1200px) {
  .videos_list-image img {
    max-width: 100%;
  }
}
@media (max-width: 800px) {
  .videos_list-item {
    width: 33.3333%;
  }
}
@media (max-width: 540px) {
  .videos_list-item {
    width: 50%;
  }
}
/* ============== LIGHTBOX OVERWRITES ====================== */
.media_type-iframe {
  height: 0 !important;
  padding: 24.16em 0 0 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 793px;
  margin: auto;
  border-radius: 10px;
  overflow: hidden;
}

.internal_navbar {
  background: #3591C9;
  color: #fff;
  font-size: 17px;
}
.internal_navbar a {
  color: inherit;
  text-decoration: none;
}
.internal_navbar a:hover {
  opacity: 0.8;
}
.internal_navbar + .grid_in {
  padding-top: 2.16rem;
}

.internal_navbar--fix {
  position: fixed;
  z-index: 9999;
  left: 0;
  width: 100%;
  -webkit-transform: translateZ(0);
}

.internal_navbar-lists_holder {
  margin: 0 -1rem;
  position: relative;
}

.tax_menu-item {
  float: left;
  position: relative;
  padding: 0.82em 1rem;
  white-space: nowrap;
}
.tax_menu-item:before {
  content: "";
  height: 0.76em;
  width: 1px;
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
}
.tax_menu-item:first-of-type:before {
  display: none;
}
.tax_menu-item.back_to_catalog a {
  line-height: normal;
}
.tax_menu-item.back_to_catalog a:before {
  content: "";
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 6px;
  height: 6px;
  display: inline-block;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  position: relative;
  bottom: 0.1em;
}

.current-tax-link:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 9.5px 0 9.5px;
  border-color: #3591C9 transparent transparent transparent;
  margin: 0 auto;
}
.template-features .current-tax-link:after {
  border-color: #000 transparent transparent transparent;
}

.internal_navbar-extension {
  position: absolute;
  white-space: normal;
  background: #fff;
  width: 200px;
  right: 0;
  top: 100%;
  z-index: 890;
  color: #000000;
  border-left: 1px solid;
  visibility: hidden;
}
.internal_navbar-extension .tax_menu-item {
  display: block;
  border-bottom: 1px solid;
  float: none;
  line-height: 1.1em;
  padding: 0.6em 0.6em;
  white-space: normal;
}
.internal_navbar-extension .tax_menu-item a {
  display: inline-block;
}
.internal_navbar-extension .current-tax-link {
  background: #3591C9;
  color: #fff;
}
.internal_navbar-extension .current-tax-link:after {
  display: none;
}

.open_extension_menu {
  float: left;
  top: 0;
  right: 0;
  width: 20px;
  background: transparent;
  font-size: 35px;
  line-height: 0.9em;
  display: none;
}
.open_extension_menu span {
  position: relative;
}

.has_hidden_elements .internal_navbar-lists_holder {
  padding-right: 30px;
}
.has_hidden_elements .open_extension_menu {
  display: block;
}

@media (max-width: 500px) {
  .tax_menu-item {
    font-size: 13px;
  }

  .open_extension_menu span {
    bottom: 7px;
  }
}
.grid--related {
  max-width: 1200px;
}

.related_items {
  padding: 3.93rem 0;
}

.related_items-title {
  font-size: 1.94em;
  font-weight: 500;
  margin: 0 0 1.82em;
  text-align: center;
}

.related_items-list {
  margin: -0.67rem;
  justify-content: center;
}

.box-related {
  width: 25%;
  text-align: center;
  padding: 0.66rem;
}

.related-post-image {
  max-width: 14.22em;
  margin: 0 auto 0.66em;
}

.related-post-title {
  font-size: 1.15em;
  margin: 0 0 0.42em;
  color: #3591C9;
  font-weight: 700;
}
.related-post-title > a {
  display: table-cell;
  vertical-align: middle;
}
.related-post-title > a:hover {
  color: #000000;
}

.related-post-excerpts {
  font-size: 0.88em;
}

@media (max-width: 840px) {
  .box-related {
    width: 50%;
    margin-bottom: 2rem;
  }
}
@media (max-width: 450px) {
  .box-related {
    width: 100%;
  }
}
.template-features .internal_navbar {
  background: #000;
}

.grid--features {
  max-width: 980px;
}

.features-image {
  width: 19.32em;
  height: 14.61em;
}

.features-margin {
  width: 1.22em;
}

.features-title {
  font-size: 1.33em;
  font-weight: 700;
  color: #3591C9;
  margin: 0 0 0.87em;
}

.features-desc {
  font-weight: 900;
}

.features-single {
  padding: 3.5em 0;
  position: relative;
}
.features-single:after {
  content: "";
  width: calc(100% - 1.46rem);
  height: 2px;
  background: url(assets/images/dot.png);
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 auto;
}
.features-single:nth-child(even) > .mock_table {
  direction: rtl;
}
.features-single:nth-child(even) > .mock_table > .tdm {
  direction: ltr;
}
.features-single:last-of-type:after {
  display: none;
}

@media (max-width: 600px) {
  .features-table, .features-table > .tdm {
    display: block;
  }

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

  .features-image {
    margin: 0 auto 0.83em;
  }
}
/* Structure and layout relies on _features.scss */
.template-testis .internal_top {
  margin-bottom: 0;
}

.grid--testis {
  max-width: 917px;
}

.testis-image {
  width: 16.66em;
  height: 16.66em;
}
.testis-image img {
  border-radius: 50%;
}

.testis-margin {
  width: 1.77em;
}

.testis-info {
  font-size: 14px;
  font-weight: 700;
  color: #b3b6bb;
  margin: 1.22em 0 0 0;
}

.quote_marks:before, .quote_marks:after {
  content: "";
  display: inline-block;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 1.88em;
  height: 1.66em;
  position: relative;
}
.quote_marks:before {
  background-image: url(assets/images/q-t-blue.svg);
}
.quote_marks:after {
  background-image: url(assets/images/q-b-blue.svg);
  vertical-align: text-top;
  top: 0.22em;
  left: 0.22em;
}

.testis-title {
  color: #3591C9;
}

.testis-sep {
  display: inline-block;
  margin: 0 0.33em;
}

@media (max-width: 900px) {
  .testis-image img {
    max-width: 100%;
  }
}
.page-template-page-testis .testis-desc.quote_marks {
  font-size: 1.3em;
  font-weight: 400;
}

.grid--blog_posts {
  max-width: 1220px;
}

.blog-post {
  padding: 2.16rem 0;
  background: url(assets/images/dot.png) repeat-x bottom center;
}

.blog-post-image {
  width: 16.66em;
}

.blog-post-link {
  display: block;
  -webkit-transform: translateZ(0);
}
.blog-post-link:hover {
  opacity: 0.7;
}

.blog-post-bubble {
  padding: 100% 0 0 0;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.blog-post-bubble img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  right: -9999px;
  left: -9999px;
  margin: auto;
}

.blog-post-margin {
  width: 1.66em;
}

.blog-post-date {
  font-size: 14px;
  color: #a1a3a5;
  padding-left: 1.85em;
  background: url(assets/images/date.svg) no-repeat left center;
  background-size: 1.35em auto;
  min-height: 1.21em;
  margin: 0 0 1.42em;
  display: inline-block;
}

.blog-post-title {
  font-size: 1.33em;
  color: #3591C9;
  font-weight: 700;
  margin: 0 0 0.54em;
}
.blog-post-title a:hover {
  color: #000000;
}

.blog-post-excerpts {
  font-size: 1em;
  font-weight: 900;
  margin: 0 0 0.66em;
}

@media (max-width: 980px) {
  .blog-post-bubble img {
    max-width: 100%;
  }
}
@media (max-width: 590px) {
  .blog-post-table, .blog-post-text {
    display: block;
    text-align: center;
  }

  .blog-post-margin {
    display: none;
  }

  .blog-post-image {
    display: block;
    margin: 0 auto 0.6rem;
  }

  .blog-post-date {
    margin: 0 0 6px;
  }
}
.blog-main_title {
  font-size: 2.22em;
  margin: 1em 0 0.47em;
  font-weight: 500;
  color: #3591C9;
  line-height: 1.1em;
}

.blog-share .share_holder {
  margin: 0;
  padding: 0.88em 0;
  margin: 0 0 1.5em;
  border-bottom: none;
  border-top: none;
}
.blog-share .grid {
  padding: 0;
}
.blog-share.bottom .share_holder {
  border-bottom: none;
  margin: 0 0 3.94em;
}

.pagination {
  text-align: center;
  margin: 1.9rem 0 0 0;
  font-size: 1em;
}
.pagination .page-numbers {
  width: 1.72em;
  height: 1.72em;
  line-height: 1.72em;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  color: inherit;
}
.pagination .page-numbers.current {
  background: #3591C9;
  color: #fff;
}
.pagination .next, .pagination .prev {
  text-indent: -9999999999999px;
  overflow: hidden;
  position: relative;
}
.pagination .next:after, .pagination .prev:after {
  content: "";
  width: 0.33em;
  height: 0.33em;
  border-left: 2px solid #3591C9;
  border-bottom: 2px solid #3591C9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.pagination .next:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.pagination .prev:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.blog-post-date.blog-author {
  display: inline-block;
  font-size: 14px;
  color: #a1a3a5;
  padding-left: 1.85em;
  background: url(assets/images/author.svg) no-repeat left center;
  background-size: 1.35em auto;
  min-height: 1.21em;
  margin: 0 0 1.42em 1rem;
}

.single-blog .content_part ul, .single-blog .content_part ol {
  color: #000;
}
.single-blog .content_part ul li:before {
  background: #000;
}

.single-faqblog .content_part ul, .single-faqblog .content_part ol {
  color: #000;
}
.single-faqblog .content_part ul li:before {
  background: #000;
}

/* ======================== BLOG ARCHIVE SIDEBAR ===================== */
.popular_posts-bg {
  border: 1px solid #c8ced0;
  background: #fff;
  padding: 1.15em 1em;
  border-radius: 4px;
}

.popular_posts-title {
  font-size: 1.22em;
  font-weight: 700;
  margin: 0 0 0.68em;
}

.sidebar-blog-post {
  padding: 0.88em 0 1.11em;
  background: url(assets/images/dot.png) repeat-x bottom center;
}
.sidebar-blog-post:first-of-type {
  background-image: url(assets/images/dot.png), url(assets/images/dot.png);
  background-repeat: repeat-x, repeat-x;
  background-position: top center, bottom center;
}
.sidebar-blog-post:last-of-type {
  background: none;
  padding-bottom: 0;
}
.sidebar-blog-post:only-of-type {
  background: url(assets/images/dot.png) repeat-x top center;
}

.blog_posts-popular_posts_cell {
  width: 17.22em;
  padding: 2.16rem 0;
  padding-left: 2.72em;
}

.sidebar-blog-date {
  margin: 0 0 7px;
}

.sidebar-blog-post-title {
  color: #3591C9;
  font-weight: 700;
  font-size: 1.11em;
  margin: 0 0 0.35em;
}
.sidebar-blog-post-title a:hover {
  color: #000000;
}

.sidebar-blog-post-excerpts {
  font-weight: 900;
  font-size: 14px;
}

@media (max-width: 1200px) and (min-width: 930px) {
  .blog_posts-posts_cell {
    font-size: 1.5vw;
  }
}
@media (max-width: 930px) {
  .blog_posts-table {
    display: block;
  }
  .blog_posts-table > .tdt {
    display: block;
    width: auto;
  }

  .blog_posts-popular_posts_cell {
    padding: 2rem 0 0 0;
  }
}
.blog_main_title {
  line-height: 0.9em;
  margin: 0;
  padding: 1em 0 0;
  font-size: 2.2em;
  font-weight: 500;
}

/* new download strip */
.download_strip {
  position: relative;
  height: 200px;
}
.download_strip .product-row.product-purchase {
  position: absolute;
  overflow: visible;
  width: 2000px;
  margin: 0 auto;
  left: -9999px;
  right: -9999px;
  top: 0;
  bottom: 0;
}
@media (max-width: 481px) {
  .download_strip .product-row.product-purchase {
    padding: 2em 0;
  }
}
@media (max-width: 481px) {
  .download_strip {
    height: 260px;
  }
}

.blog-share.bottom.download_strip_on .share_holder {
  margin: 0 0 1em;
}

.blog-post-date.reading-time {
  background: url(assets/images/timmer-18X18.png) no-repeat left center;
}

/* ====================== HEADER ============================ */
.product-top {
  background: #f0f1f3;
  background: -moz-linear-gradient(left, #f0f1f3 0%, #e3e7e9 100%);
  background: -webkit-linear-gradient(left, #f0f1f3 0%, #e3e7e9 100%);
  background: linear-gradient(to right, #f0f1f3 0%, #e3e7e9 100%);
  position: relative;
  background-position: left center;
  background-size: cover;
  padding-top: 2.3rem;
}

.product-top[style^=background] {
  color: #fff;
}
.product-top[style^=background] .crumb_strip a {
  color: #fff;
}
.product-top[style^=background] .arrow_l:after {
  border-color: #fff;
}

.template-product .product-top {
  padding-top: 0;
}
.template-product .product-top-table {
  height: 27.77em;
}
.template-product .product-top-desc {
  padding: 30px 0;
}

.product-crumbs {
  position: absolute;
  width: 100%;
  padding: 10px 1rem 0;
  z-index: 90;
}

.product-top-image {
  width: 46.22em;
  text-align: right;
}
.product-top-image img {
  max-width: 100%;
  position: relative;
  top: 0.38em;
  z-index: 9;
}

.product-top-margin {
  width: 6.66em;
}

.product-top-desc {
  padding: 1rem 0;
}

.product-title {
  font-size: 2.77em;
  font-weight: 400;
  margin: 0 0 0.46em;
}
.product-title strong {
  display: block;
}

@media (max-width: 1520px) {
  .product-top-margin {
    width: 3.33em;
  }
}
@media (min-width: 1000px) and (max-width: 1450px) {
  .product-top {
    font-size: 1.225vw;
  }
}
@media (min-width: 1000px) and (max-width: 1130px) {
  .product-top-image {
    width: 40em;
  }

  .product-top-desc {
    font-size: 1.15em;
  }
}
@media (max-width: 1000px) {
  .home .product-top {
    padding-bottom: 2rem;
    margin: 0;
    text-align: center;
  }
  .home .product-top-table, .home .product-top-desc {
    display: block;
    width: auto;
  }
  .home .product-top-desc {
    padding: 0;
  }
  .home .product-top-desc img {
    max-width: 100%;
    margin: 0 0 1rem;
  }

  .template-product .product-top-image, .template-product .product-top-margin {
    display: none;
  }
  .template-product .product-top-desc {
    text-align: center;
  }
}
@media (max-width: 400px) {
  .product-title {
    font-size: 2.2em;
  }
}
/* ======================= PRODUCT SECTIONS =================== */
.grid--product-sections {
  max-width: 1100px;
}

.product-item:nth-child(even) .product-item-table {
  direction: rtl;
}
.product-item:nth-child(even) .product-item-table > .tdm {
  direction: ltr;
}
.product-item:last-child:after {
  display: none;
}

.product-item-image {
  width: 27.88em;
  height: 21.11em;
}

.product-item-margin {
  width: 3.88em;
}

.product-item-title {
  color: #3591C9;
  font-size: 1.33em;
  font-weight: 700;
  margin: 0 0 0.7em;
}

.product-item {
  padding: 1.83rem 0;
  position: relative;
}
.product-item:after {
  content: "";
  width: calc( 100% - 4.46rem );
  margin: 0 auto;
  position: absolute;
  height: 2px;
  bottom: 0;
  left: 0;
  right: 0;
  background: url(assets/images/dot.png) repeat-x bottom center;
}

@media (max-width: 1100px) {
  .product-item-margin {
    width: 1.66em;
  }

  .product-item-image {
    width: 50%;
  }
  .product-item-image img {
    max-width: 100%;
  }
}
@media (max-width: 590px) {
  .product-item-table, .product-item-table > .tdm {
    width: auto;
    height: auto;
    display: block;
  }

  .product-item-image {
    margin: 0 0 1rem;
  }

  .product-item-table {
    text-align: center;
  }

  .product-item-title {
    margin: 0 0 4px;
  }
}
.product-link {
  padding: 3.16em 0;
  text-align: center;
}
.product-link .arrow-link {
  font-weight: 900;
}

/* ====================== TESTIMONIALS ======================= */
.grid--testi_slider {
  max-width: 1140px;
}

.product-testis {
  background: #171d21;
  color: #fff;
  padding: 3.16rem 0;
}
.product-testis .testis-info {
  color: #fff;
  font-weight: 700;
}
.product-testis .testis-sep {
  font-weight: 900;
  opacity: 0.7;
}

.product-testis-title {
  text-align: center;
  font-size: 1.94em;
  margin: 0 0 0.22em;
  text-align: center;
  color: #3591C9;
}

.testi-slider {
  padding: 0 2.22em;
}

.quote_marks--grey:before {
  background-image: url(assets/images/q-t.svg);
}
.quote_marks--grey:after {
  background-image: url(assets/images/q-b.svg);
}

.testi_slider-margin {
  width: 1.77em;
}

@media (max-width: 700px) {
  .testi_slider-image {
    width: 40%;
  }

  .testi_slider-desc {
    font-size: 0.88em;
  }

  .testi_slider-margin {
    width: 10px;
  }
}
@media (max-width: 500px) {
  .testi_slider-table > .tdm {
    vertical-align: top;
  }

  .testi_slider-image {
    width: 35%;
    height: auto;
  }

  .testi-slider {
    padding: 0 0.7em;
  }
}
@media (max-width: 400px) {
  .testi_slider-table, .testi_slider-table > .tdm {
    display: block;
  }

  .testi_slider-table {
    text-align: center;
  }
  .testi_slider-table > .tdm {
    margin: 0 auto;
  }
}
/* ===================== PRODUCT PURCHASE =========================== */
.product-purchase {
  background: #3591C9;
  text-align: center;
  padding: 3.33em 0;
  color: #fff;
}
.product-purchase .styled_btn {
  font-size: 1.22em;
}

.purchase-title {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.27em;
  font-weight: 700;
  margin-right: 1.56em;
}
.purchase-title strong {
  font-weight: 500;
  font-size: 2.1em;
  display: block;
  line-height: 1.1em;
}

.btn--download-bg_transparent {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.btn--download-bg_transparent:before {
  background-image: url(assets/images/download-white.svg);
}
.btn--download-bg_transparent:hover {
  background: rgba(0, 0, 0, 0.1);
}

.btn--buy-bg_white {
  background: #fff;
  color: #000;
}
.btn--buy-bg_white:before {
  background-image: url(assets/images/cart-black.svg);
}
.btn--buy-bg_white:hover {
  background: #e6e6e6;
}

.product-purchase-or {
  margin: 0 0.44em;
}

@media (max-width: 790px) {
  .purchase-title {
    display: block;
    margin: 0 0 0.8em;
  }
}
@media (max-width: 480px) {
  .product-purchase-or {
    display: block;
    margin: 0.5em 0;
  }
}
.product-link--related {
  text-align: center;
  margin: 2.46rem 0 0 0;
}

.view_related {
  background: #171d21;
  color: #fff;
  font-size: 1.11em;
  font-weight: 700;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  padding: 0.55em 0.85em;
  text-decoration: none;
}

/* 20-08-2017 remove the curt icon from buy btn */
.page-template-page-product .btn--buy:before, .single-blog .btn--buy:before {
  background-image: none;
  width: 0px;
  height: 0px;
}
.page-template-page-product .product-row .styled_btn.btn--buy.btn--buy-bg_white, .single-blog .product-row .styled_btn.btn--buy.btn--buy-bg_white {
  text-align: center;
}

.product-purchase + .product-row .related_items {
  padding-top: 2rem;
}

.page-template-page-product .content_part--youtube {
  width: 60%;
  margin: 0 auto 2.35em;
}
@media (max-width: 660px) {
  .page-template-page-product .content_part--youtube {
    width: 80%;
  }
}
.page-template-page-product .video_content {
  margin: 0 0 1.82em;
}

.training-content {
  margin: 0 0 3.33rem;
}

.grid--training-content {
  max-width: 1170px;
}

.training-title {
  font-size: 2.22em;
  margin: 0 0 1.4em;
  font-weight: 500;
  color: #3591C9;
  text-align: center;
}

.training-content-boxes {
  margin: -0.94rem -0.8rem;
  text-align: center;
  justify-content: center;
}

.training-box-item {
  width: 25%;
  padding: 0.93rem 0.8rem;
}

.training-box-image {
  max-width: 14.27em;
  margin: 0 auto 0.77em;
  display: block;
}
.training-box-image:hover {
  opacity: 0.8;
}

.training-box-image-bubble {
  padding: 100% 0 0 0;
  position: relative;
  overflow: hidden;
}
.training-box-image-bubble img {
  margin: auto;
  position: absolute;
  top: -9999px;
  right: -9999px;
  left: -9999px;
  bottom: -9999px;
}
.has_bg .training-box-image-bubble {
  background: #fff;
}
.has_bg .training-box-image-bubble:hover {
  background: #e6e6e6;
}
.no_bg .training-box-image-bubble {
  background: #3591C9;
}
.no_bg .training-box-image-bubble:hover {
  background: #5da7d4;
}

.training-box-desc {
  font-size: 1em;
  margin: 0 auto 0.44em;
  max-width: 220px;
}

@media (max-width: 1260px) {
  .training-content .training-box-image-bubble img {
    max-width: 100%;
  }
}
@media (max-width: 670px) {
  .training-box-item {
    width: 33.3333%;
  }
}
@media (max-width: 560px) {
  .training-box-item {
    width: 50%;
  }
}
@media (max-width: 400px) {
  .training-box-item {
    width: 100%;
  }
}
/* ================= TRADITIONAL ==================== */
.grid--training-trad {
  max-width: 1090px;
}

.training-trad {
  padding: 5.33em 0;
  background-position: top center;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.training-trad h2 {
  color: inherit;
}
.training-trad.no_bg {
  color: #000;
}

.training-trad-boxes {
  margin: -0.34rem;
  justify-content: center;
}

.training-trad-item {
  padding: 0.33rem;
  width: 20%;
  line-height: 1em;
  font-size: 1.11em;
}
.training-trad-item a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.training-trad-item-image {
  max-width: 8.05em;
  margin: 0 auto 0.72em;
}

.training-resources .training-trad-item {
  color: #3591C9;
}

@media (max-width: 730px) {
  .training-trad-boxes {
    max-width: 440px;
    margin: 0 auto;
  }

  .training-trad-item {
    width: 33.333%;
  }
}
@media (max-width: 420px) {
  .training-trad-boxes {
    max-width: 255px;
  }

  .training-trad-item {
    width: 50%;
  }
}
.training-content-area {
  margin-top: 2rem;
}

.new_buy_button {
  display: block;
  margin: auto;
  padding: 15px 0px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  width: 90%;
}

.new_buy_button:hover {
  filter: brightness(110%);
}

.blog-comments {
  margin: 0 0 2.83rem;
}

.comments-title {
  font-size: 1.11em;
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  padding: 0 0 0.75em;
  padding-right: 2.29em;
  color: #3591C9;
  position: relative;
}
.comments-title .comments-arrow {
  right: 0;
}

.comments-arrow {
  width: 1.77em;
  height: 0.94em;
  position: relative;
  overflow: hidden;
  position: absolute;
  bottom: 0;
}
.comments-arrow:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #f0f2f3;
  transform: skewY(32deg);
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
}

.comment-respond {
  background: #f0f2f3;
  padding: 0.9rem 0.76rem 0.63rem;
  border-radius: 4px;
  position: relative;
  margin: 0 0 1.33rem;
}
.comment-respond form {
  position: relative;
}

.comment-field-row {
  position: relative;
  margin: 0 0 7px;
}
.comment-field-row:last-child {
  margin: 0;
}

.comment-field {
  width: 100%;
  font-size: 15px;
  height: 2.26em;
  line-height: normal;
  border: 1px solid #c8ced0;
  border-radius: 6px;
  background: #f8f9f9;
  color: #000;
  font-family: inherit;
  padding: 0 1em;
  font-weight: 900;
}
.comment-field::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #000;
}
.comment-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #000;
  opacity: 1;
}
.comment-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #000;
  opacity: 1;
}
.comment-field:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #000;
}
.comment-field:focus::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent;
}
.comment-field:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
  opacity: 1;
}
.comment-field:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
  opacity: 1;
}
.comment-field:focus:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}

.comment-field--textarea {
  height: 4.26em;
  padding-top: 0.66em;
  padding-bottom: 0.66em;
  resize: vertical;
}

.comment-submit-hold {
  text-align: center;
  margin-top: 0.5rem;
}

.comment-submit {
  border: none;
}

.count_hold {
  vertical-align: top;
  width: 4.33em;
  padding: 0.38em 0.16em;
}

.counter-bubble {
  font-size: 1.94em;
  width: 1.6em;
  height: 1.6em;
  color: #fff;
  background: #e4e8ea;
  font-weight: 500;
  text-align: center;
  display: block;
  border-radius: 50%;
  display: table;
  line-height: 1em;
}
.counter-bubble > .tdm {
  position: relative;
  top: -0.05em;
}

.comment-content {
  position: relative;
}
.comment-content .comments-arrow {
  left: 0;
}

.comment-item-title {
  font-size: 1em;
  font-weight: 500;
  margin: 0 0 0.33em;
}

.comment-text {
  font-size: 15px;
  font-weight: 900;
}

.comment .comments-arrow {
  display: none;
}
.comment + .comment:not(.byuser) {
  margin-top: 1.73rem;
  border-top: 1px solid #c8ced0;
  padding-top: 1.73rem;
}

.comment-meta {
  font-weight: 900;
  font-size: 14px;
  color: #424242;
}

.comment-from {
  color: #909498;
}

.byuser {
  background: #f0f2f3;
  position: relative;
  padding: 0.6rem;
  border-radius: 4px;
  margin-top: 1.66em;
}
.byuser .comments-arrow {
  display: block;
  bottom: 100%;
  left: 4.33em;
}
.byuser .comment-meta .comment-author {
  color: #358ec1;
}
.byuser .comment-meta:after {
  content: "";
  display: none;
  vertical-align: middle;
  width: 100%;
  border-top: 1px solid #c8ced0;
  background: url(assets/images/logo.png) no-repeat center center;
  background-size: 5em;
}
@media (max-width: 441px) {
  .byuser .comment-meta:after {
    display: block;
    position: relative;
    height: 50px;
    margin-top: 10px;
  }
}
.byuser .comment-text {
  padding: 0;
  height: 50px;
  /*&:after {
  	content:"";
  	display: table-cell;
  	vertical-align: middle;
  	width:runner(143);
  	border-left : 1px solid $bor;
  	background:url(assets/images/logo.png) no-repeat center center;
  	background-size:runner(90);
  }*/
}
.byuser .comment-text > .tdm {
  padding-right: 0.66rem;
}
.byuser .comment-text .comment-date {
  display: block;
}
.byuser + .byuser {
  margin: 1.66em 0 0 0;
}

@media (max-width: 440px) {
  .byuser .comment-text > .tdm, .byuser .comment-text:after {
    display: block;
    width: auto;
  }
  .byuser .comment-text > .tdm {
    padding: 0 0 1.11em;
  }
  .byuser .comment-text:after {
    display: none;
    height: 46px;
    border: none;
    border-top: 1px solid #c8ced0;
  }
}
.comment_successful {
  background: #9ece71;
  padding: 6px 8px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  font-size: 1.1em;
  margin: 0 auto;
}

.comment .comment-meta .comment-date {
  display: block;
}

.comment.byuser .comment-meta .comment-date {
  display: block;
  color: #358ec1 !important;
}

.byuser .mock_table.comment-table:after {
  content: "";
  display: table-cell;
  vertical-align: middle;
  width: 7.94em;
  border-left: 1px solid #c8ced0;
  background: url(assets/images/logo.png) no-repeat center center;
  background-size: 5em;
}
@media (max-width: 420px) {
  .byuser .mock_table.comment-table:after {
    display: none;
  }
}

.gform_wrapper {
  font-weight: 900;
}

.gform_heading {
  margin: 0 0 0.83rem;
}

.content_part .gform_fields, .gform_fields {
  color: inherit;
  font-weight: inherit;
}
.content_part .gform_fields li, .gform_fields li {
  padding-left: 0;
  margin: 0 0 0.5rem;
}
.content_part .gform_fields li:before, .gform_fields li:before {
  display: none;
}

.ginput_container input[type=text], .ginput_container textarea, .ginput_container select {
  font-weight: inherit;
  font-family: inherit;
}

.ginput_container input[type=text], .ginput_container textarea, .ginput_container select {
  border: 1px solid #c8ced0;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  font-size: 1em;
  padding: 0 0.88em;
}
.ginput_container input[type=text]::-webkit-input-placeholder, .ginput_container textarea::-webkit-input-placeholder, .ginput_container select::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b1b1b1;
}
.ginput_container input[type=text]:-moz-placeholder, .ginput_container textarea:-moz-placeholder, .ginput_container select:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b1b1b1;
  opacity: 1;
}
.ginput_container input[type=text]::-moz-placeholder, .ginput_container textarea::-moz-placeholder, .ginput_container select::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b1b1b1;
  opacity: 1;
}
.ginput_container input[type=text]:-ms-input-placeholder, .ginput_container textarea:-ms-input-placeholder, .ginput_container select:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b1b1b1;
}
.ginput_container input[type=text]:focus::-webkit-input-placeholder, .ginput_container textarea:focus::-webkit-input-placeholder, .ginput_container select:focus::-webkit-input-placeholder {
  /* WebKit browsers */
  color: transparent;
}
.ginput_container input[type=text]:focus:-moz-placeholder, .ginput_container textarea:focus:-moz-placeholder, .ginput_container select:focus:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: transparent;
  opacity: 1;
}
.ginput_container input[type=text]:focus::-moz-placeholder, .ginput_container textarea:focus::-moz-placeholder, .ginput_container select:focus::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: transparent;
  opacity: 1;
}
.ginput_container input[type=text]:focus:-ms-input-placeholder, .ginput_container textarea:focus:-ms-input-placeholder, .ginput_container select:focus:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: transparent;
}
.ginput_container select {
  color: #b1b1b1;
  background: url(assets/images/arr.svg) no-repeat center right 16px;
  background-size: 12px;
}
.ginput_container select option {
  font-weight: inherit;
}
.ginput_container select[multiple=multiple] {
  height: 120px;
  background: none;
  padding: 0;
}
.ginput_container select[multiple=multiple] option {
  padding: 5px 10px;
  font-size: 15px;
}
.ginput_container textarea {
  height: 120px;
  resize: horizontal;
  padding-top: 0.55em;
  padding-bottom: 0.55em;
}

.gfield_error input {
  border: 1px solid #f71313 !important;
}

.gfield_description {
  color: #777777;
  display: inline-block;
  padding: 5px 17px;
  border-radius: 4px;
  margin: 5px 0;
}

.validation_error, .gform_confirmation_message {
  padding: 10px;
  text-align: middle;
  margin: 0.66rem 0;
  border-radius: 4px;
}

.validation_error {
  background: #f71313;
  color: #fff;
}

.gform_confirmation_message {
  background: #8cff02;
  font-weight: 700;
  font-size: 1.2em;
  text-align: center;
  line-height: 1.1em;
}

.gfield_label {
  display: inline-block;
  margin: 0 0 4px;
  font-size: 0.88em;
}

.gfield_radio, .gfield_checkbox {
  /*
  input {
  	margin:0;
  	margin-right : 5px;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance:none;
  	background:#fff;
  	border:1px solid $bor;
  	width:15px;
  	height:15px;
  }
  input[type="radio"]{
  	border-radius:50%;
  }
  */
}
.gfield_radio label, .gfield_checkbox label {
  font-size: 14px;
  font-weight: 900;
  color: #000;
}

/*# sourceMappingURL=style-ltr.css.map */